@import url(reset.css);
body {background: #222;font: normal 13px Arial, Helvetica, Verdana, sans-serif;text-align: left;line-height: 150%;}
a:link, a:visited, a:active, a:hover {text-decoration: none;color: #028FD4;outline: 0;}
a:hover {color: #333;}
/* Override reset.css */
p {margin: 10px 0;}
b,strong {font-weight: bold;}
i,em {font-style: oblique;}

#wrapper {margin: 0 auto;width: 960px;background: #fff;}

/* HEADER & NAVIGATION
----------------------------------------------- */
#header {position: relative;padding: 0;background: #141315 url(images/header_bg.png) left bottom repeat-x;}
#header .container {width:960px;position:relative;margin: 0 auto;height: 120px;}
#header #home {background: transparent url(images/home_header_bg.png) left bottom no-repeat;height: 180px;}
#langnav {position:absolute;top:0;right: 25px;width: 60px;height: 26px;}
#langnav li {width: 30px;height: 26px;display:inline;}
#langnav li a {width: 30px;height: 26px;display:block;float:left;text-indent:-9999px;outline: 0;background-image: url(images/lang_nav.png);}
#langnav li a#l_tr {background-position: 0 -26px;}
#langnav li a#l_en {background-position: -30px 0;}
#langnav li.active a#l_tr,#langnav li.active a#l_tr:hover {background-position: 0 0;}
#langnav li.active a#l_en,#langnav li.active a#l_en:hover {background-position: -30px -26px;}

#logo {width: 230px;position: absolute;top:15px;left: 15px;}
#navigation {position: absolute;right: 5px;top: 35px;width: 530px;height: 40px;background: #f5f5f5 url(images/navigation_tr.png) left bottom no-repeat;}
#navigation ul {padding: 6px 22px;}
#navigation li {display: inline;}
#navigation a {float: left;outline: 0;height: 27px;margin-right: 3px;background: #141315 url(images/navigation_tr.png) no-repeat;text-indent: -9999px;}
	#nav_cemiluylukcu a {background-position: -25px -6px;width: 100px;}
	#nav_cemiluylukcu a:hover,#nav_cemiluylukcu a.active {background-position: -25px -46px;}
	#nav_savassanatlari a {background-position: -127px -6px;width: 110px;}
	#nav_savassanatlari a:hover,#nav_savassanatlari a.active {background-position: -127px -46px;}
	#nav_guvenlik a {background-position: -240px -6px;width: 65px;}
	#nav_guvenlik a:hover,#nav_guvenlik a.active {background-position: -240px -46px;}
	#nav_koreografi a {background-position: -309px -6px;width: 80px;}
	#nav_koreografi a:hover,#nav_koreografi a.active {background-position: -309px -46px;}
	#nav_blog a {background-position: -450px -6px;width: 45px;}
	#nav_blog a:hover,#nav_blog a.active {background-position: -450px -46px;}
	#nav_iletisim a {background-position: -387px -6px;width: 63px;}
	#nav_iletisim a:hover,#nav_iletisim a.active {background-position: -387px -46px;}
	
#navigation_en {position: absolute;right: 5px;top: 35px;width: 530px;height: 40px;background: #f5f5f5 url(images/navigation_en.png) left bottom no-repeat;}
#navigation_en ul {padding: 6px 22px;}
#navigation_en li {display: inline;}
#navigation_en a {float: left;outline: 0;height: 27px;margin-right: 3px;background: #141315 url(images/navigation_en.png) no-repeat;text-indent: -9999px;}
	#nav_cemiluylukcu a {background-position: -25px -6px;width: 100px;}
	#nav_cemiluylukcu a:hover,#nav_cemiluylukcu a.active {background-position: -25px -46px;} 
	#nav_martialarts a {background-position: -127px -6px;width: 88px;}
	#nav_martialarts a:hover,#nav_martialarts a.active {background-position: -127px -46px;}
	#nav_security a {background-position: -218px -6px;width: 63px;}
	#nav_security a:hover,#nav_security a.active {background-position: -218px -46px;}
	#nav_choreography a {background-position: -287px -6px;width: 95px;}
	#nav_choreography a:hover,#nav_choreography a.active {background-position: -287px -46px;}
	#nav_blog a {background-position: -450px -6px;width: 45px;}
	#nav_blog a:hover,#nav_blog a.active {background-position: -450px -46px;}
	#nav_contact a {background-position: -387px -6px;width: 63px;}
	#nav_contact a:hover,#nav_contact a.active {background-position: -387px -46px;}
	
#content {min-height: 600px;background: #fff;}
#home_subnav,#home_subnav_en {width:960px;height:90px;background: transparent url(images/home_subnav.png) 0 0 no-repeat;}
#home_subnav a,#home_subnav_en a {display: block;text-indent: -9999px;float:left;outline:0;height:90px;width: 240px;}
#home_subnav_en {background: transparent url(images/home_subnav_en.png) 0 0 no-repeat;}
#home_lastposts,#home_lastposts_en {width: 590px;float:left;min-height: 250px;margin: 20px;}
#home_lastposts h1,#home_lastposts_en h1 {display:block;height:40px;background:transparent url(images/maintitles.png) -20px 0 no-repeat;text-indent:-9999px;}
#home_lastposts_en h1 {background:transparent url(images/maintitles.png) -20px -35px no-repeat;}
#home_announcements,#home_announcements_en {width: 310px;float:left;min-height: 250px;margin: 20px 0;}
#home_announcements h1,#home_announcements_en h1 {display:block;height:40px;background:transparent url(images/maintitles.png) -620px 0 no-repeat;text-indent:-9999px;}
#home_announcements_en h1 {background:transparent url(images/maintitles.png) -620px -35px no-repeat;}
#pagetitle  {padding: 30px 20px;background:#eee;position:relative;}
#pagetitle h1 {font-size: 25px;font-weight: bold;}
#pagecontent {line-height: 170%;}
#pagecontent h1 {font-size: 20px;font-weight:bold;margin-bottom: 15px;color:#555;}
#pagetitle h2 {position:absolute;right:0;width:220px;bottom:0;background:#333;color:#fff;padding:5px 15px;}
#pageimage {height: 350px;background:#ddd;}
#pageimage img {width: 960px;height: 350px;}
#pagecontent {position: relative;width: 660px;padding: 15px 275px 15px 25px;min-height: 400px;background: #fff url(images/subpages_bg.png) top right repeat-y;}
#pagenavigation {position: absolute;top:0;right:0;width:250px;height:400px;}
#pagenavigation li {padding: 8px 15px 8px 15px;background: transparent url(images/subnav_dv.png) left bottom no-repeat;}
#pagenavigation li.active {background: transparent url(images/subactive_bg.png) left bottom no-repeat;padding: 8px 15px 8px 15px;}
#pagenavigation li a  {color: #000;}
#pagenavigation li.active a {color: #666;}
#pagenavigation li a:hover  {color: #999;}

#pictures {width: 660px;}
#pictures li {float:left;width:120px;height:90px;border:1px solid #e2e2e2;padding:10px;margin: 0 15px 15px 0;}
#home_announcements ul,#home_announcements_en ul,#home_lastposts ul,#home_lastposts_en ul {padding: 15px 0;}
#home_announcements li a, #home_announcements_en li a {display:block;padding: 5px 10px 5px 20px;background:#fff url(images/announcements.gif) left center no-repeat;border-bottom: 1px solid #eee;font-weight:bold;}
#announcements {padding: 20px;background: #fff;min-height: 300px;}
#announcements h1 {font-size: 20px;color:#666;margin-bottom: 15px;}
#home_lastposts ul,#home_lastposts_en ul {width: 580px;}
#home_lastposts li a,#home_lastposts_en li a {position: relative;padding: 10px 100px 10px 0;display:block;font-weight: bold;border-bottom: 1px solid #eee;}
#home_lastposts li a span.date, #home_lastposts_en li a span.date {text-align:right;font-size: 10px;position: absolute;right:0;top:12px;width: 100px;color:#555;}

#videos {padding-top: 15px;}
#videos li {margin-bottom: 15px;border-bottom: 1px solid #eee;padding: 0 0 10px 40px;background: transparent url(images/play.png) left top no-repeat;}
#videos li a.title {font-size: 20px;font-weight: bold;display:block;margin-bottom: 10px;}

#blogposts li {margin-bottom: 20px;}
#blogposts li a.title {font-size: 18px;font-weight: bold;margin-bottom: 10px;display:block;}
#posts {padding: 25px;}
#post,#post_right {float:left;}
#post {width: 600px;padding-bottom: 30px;}
#post_right {width: 290px;margin-left: 20px;background: #f5f5f5;min-height: 300px;}
#post h1 {font-size: 24px;font-weight: bold;margin-bottom: 10px;}
#post .postinfo {border-bottom: 1px solid #e5e5e5;padding: 5px 0;margin-bottom: 10px;}

#footer {color:#fff;margin: 0 auto;width: 960px;margin-top: 15px;padding-top: 0px;position:relative;}
#footer #facebook {position:absolute;top: 5px;right:25px;}
#footnav li {display: inline;}
#footnav li a {font-size: 12px;display: block;float: left;margin-right: 1px;padding: 5px 10px 5px 0;color: #fff;}
#footnav li a:hover {text-decoration: underline;}
#copyright {font-size: 11px;padding: 0 25px 25px 0;}

.overlay {filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;background: #eee url(images/ajax-loader.gif) center center no-repeat;}
.messages {border: 1px solid #ececec;color: #000;font-size: 12px;min-height: 20px;padding: 5px 15px 5px 50px;}
.done {background: #ffffcc url(images/done.png) 10px center no-repeat;}
.error {background: #ffffcc url(images/error.png) 10px center no-repeat;}
.info {background: #ffffcc url(images/info.png) 10px center no-repeat;}
.add {background: #ffffcc url(images/add.png) 10px center no-repeat;}
.loading {height: 30px;background: url(images/loading.gif) center no-repeat;}

/* PAGINATION -------------------------------------------------- */
div.pagination {padding: 5px;margin: 15px 0;text-align:center;font-size: 11px;}
div.pagination a {border: 1px solid #f2f2f2;color: #000;margin-right: 3px;padding: 5px 8px;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #e5e5e5;background-color:#f7f7f7;color: #000;}
div.pagination span.current {margin-right:3px;padding: 5px 8px;font-weight: bold;background-color:#e5e5e5;color: #444;border: 1px solid #e5e5e5;}
div.pagination a.next {margin: 0 0 0 10px;}
div.pagination a.prev {margin: 0 10px 0 0;}
div.pagination a.next:hover, div.pagination a.prev:hover {border: 1px solid #e5e5e5;}
div.pagination .disabled {color: #666;margin: 0 10px;}