/*
Theme Name: FbBasketKartal
Theme URI: http://www.fbbasketkartal.com
Description: Copyright By Cemilkocan
Version: 1.0
Author: Cemil Kocan
Author URI: http://www.cemilkocan.com
Tags: Cemilkocan v-1
*/

/* TOOLS */
@import url('c/datepicker.css');
@import url('c/bootstrap-responsive.css');
@import url('c/bootstrap.css');
@import url('c/fbasstyles.css');
@import url('c/ie.css');
@import url('c/jq.lb.css');
@import url('c/colorbox.css');
@import url('c/jquery.bxslider.css');

@media (max-width: 600px) {
#sliders ul li div span { font-size:20px !important;}
.article-content { font-size:10px !important;}
.menu li a, .menu li a:visited { padding: 7px !important; font-size: 12px !important;}
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, * { margin:0; padding:0; border:0; font-size:100%; font:inherit; }
.clear { clear:both; }

body               { background:#5db1c9 url(i/fbg.jpg) repeat-x top; font-family: Myriad Pro; }
html, body, #wrap { width: 980px; margin: 0px auto;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body                                { line-height:1; }
ol, ul                              { list-style:none; }
blockquote, q                       { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table                               { border-collapse:collapse; border-spacing:0; }


::selection{color:#fff;background-color:#F49106;text-shadow:none}
::-moz-selection{color:#fff;background-color:#F49106;text-shadow:none}
a::selection{color:#F49106;background-color:#383432;text-shadow:none}
a::-moz-selection{color:#F49106;background-color:#383432;text-shadow:none}


/* --- --- --- Header --- --- --- */
.menus 								{ width: 100%; height: 100px; position: relative;;}
.menu                               { width: 685px; height: 42px; background: url(i/menu-bg.png) no-repeat; position: absolute; top: 30px; left: 260px;}
.menu ul 			{ width: 610px;height: 29px;left: 38px; position: absolute;top: 6px;}
.menu li:first-child 		{ background: transparent;}
.menu li                        { float: left; background: url(i/mayrac.png) no-repeat; background-position-x: 0px; height: 34px;}
.menu li .mayrac 					{ width: 1px; height: 30px; background: url(i/mayrac.png) no-repeat center; background-position-y: -8px;}
.menu li a, .menu li a:visited      { height:30px; -webkit-match-parent; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: #292322; font-size: 18px; text-decoration: none;position: relative;padding: 4px 9px 8px 9px;top: 4px;}
.menu li a:hover  		{ color:#ff5a00 ;}
.menu li.current_page_item a { color:#ff5a00 ;}
.menu li a.active 					{ color: #ff5a00; }
#sliders 							{ width: 980px;height: 320px;border-bottom: 6px solid #ffb811;position: relative;clear: both;}
#sliders ul {}
#sliders ul li { position: relative;}
#sliders ul li img {}
#sliders ul li div 		{position: absolute; bottom: 20px;width: 980px;text-align: center;}
#sliders ul li div span { background: url(i/slider_opa_bg.png);padding: 10px 22px 11px 22px;font-size: 28px;color: #292322;font-weight: bold;}
#sliders h1.logo 					{ z-index: 2000; width: 438px; height: 138px; display: block; text-decoration: none; position: absolute; top: -50px; left: -20px;}
#sliders h1 a 						{text-decoration: none;width: 138px; height: 138px; display: block; background: url(i/logo.png) no-repeat; text-indent: -9999em;}
#sliders .pota 						{ width: 128px; height: 145px; background: url(i/pota.png) no-repeat; position: absolute; top: -54px;left: 110px; z-index: 1000; }

/*
.header                             { width:960px; margin:auto; padding:20px 0; }
.header h1                          { padding:10px 0; font:bold 24px Myriad Pro; color:#666; line-height:20px; }
.header h1 a                        { color:#666; text-decoration:none; }
.header h1 a:hover                  { text-decoration:underline; }
.header h2                          { padding:10px 0; font:bold 16px Myriad Pro; color:#666; line-height:16px; }
.topbar                             { background: #383432; width: 100%; position: relative; height: 50px; z-index :1;} 
.navbar                             { width: 980px;margin: 0 auto;}
.navbar-middling                    { width:960px; margin:auto; }
*/

/* --- --- --- Yan Menüler ve Yazılar --- --- --- */

.sidebar-right {position: relative; float: left; width: 320px; height:565px; margin: 0 0 0 20px; background: url(i/sidebar-bg.png) no-repeat;}
.sidebar-right .face {width:300px;  height:552px;overflow:hidden;position: relative;left: 9px;}
.sidebar-right .face iframe { margin-left: -3px; margin-top: -3px;}
.sidebar-right .kayitol a {display: block;height: 66px;width: 170px;margin-top: 32px;margin-left: 10px;padding: 17px 25px 0px 5px;color: #D79B0D;text-decoration: none;font-size: 24px;; }

.sidemenu-left, .sidemenu-right { width:225px; background:#FFF; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;  font:normal 11px Myriad Pro;position: relative;left: -1px; }

.sidebarmenu { }
.sidebarmenu li {}
.sidebarmenu li a { width: 280px;
height: 28px;
display: block;
background: #ffd65e; /* Old browsers */
background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */
margin: 4px auto;
text-align: center;
font-size: 18px;
line-height: 28px;
color: #292322;
text-decoration: none;
}
.sidebarmenu li a:hover, .sidebarmenu li.current_page_item a {
color: #ffffff;
background: #ffaf4b; /* Old browsers */
background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
}

.main { position: relative; width: 980px; top: 20px;  }
.sidemenu-left-top { background : url(i/left-columb-up.html) top no-repeat; padding-top: 28px; margin-top: -12px; }
.sidemenu-left-down { background : url(i/left-columb-downn.html) top no-repeat; padding-top: 28px; }
.sidemenu-left h3, .sidemenu-right h3 { padding:10px 15px; font:bold 14px Myriad Pro; color:#FFF; }
.sidemenu-left h3 { background: #F49106;font: normal 20px Myriad Pro;color: #393432; text-align: center;}
.sidemenu-right h3 { background:#FB0083; }
.sidemenu-left ul, .sidemenu-right ul { padding:5px 15px; list-style-image:url(i/list-item.html); list-style-position:inside; }
.sidemenu-left li, .sidemenu-right li { padding:5px 0; }
.sidemenu-left li a, .sidemenu-left li a:visited { color:#666; text-decoration:none; }
.sidemenu-left li a:hover { color:#f49106; text-decoration:underline; }
.sidemenu-right li a, .sidemenu-right li a:visited { color:#666; text-decoration:none; }
.sidemenu-right li a:hover { color:#FB0083; text-decoration:underline; }
.sidemenu-left p, .sidemenu-right p { padding:5px 15px; }
#left    { position: relative;top: 204px;}
.content { float:left; width: 620px;padding-right: 20px;}
.article-baslik {width: 620px; height:121px; background: transparent url(i/artitcle-top-bg.png) top no-repeat; }
.article { padding:20px; margin-bottom:20px; background:#282321; font-size:12px; border-bottom:10px solid #ffb811;}
.article-header { padding:0; margin-top: -50px; }
.article-header h1 { padding:0 0 5px 0;  }
.article-header h1 a, .article-header h1 a:visited { font-size:20px; color:#d79b0d; text-decoration:none; }
.article-header h1 a:hover { text-decoration:underline; }
.article-header li { display:block; float:left; padding-right:20px; color:#666; }
.article-header li a, .article-header li a:visited { font-weight:bold; color:#666; text-decoration:none; }
.article-header li a:hover { text-decoration:underline; }
.article-content { color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
.article-content p { padding:10px 0; line-height:16px; }
.article-content a, .article-content a:visited { font-weight:bold; color:#ffffff; text-decoration:none; }
.article-content a:hover { color:#cccccc; }
.article-navigation { font:bold 11px Myriad Pro; }
.article-navigation a, .article-navigation a:visited { color:#666; text-decoration:none; }
.article-navigation a:hover { text-decoration:underline; }
.art-nav-left { float:left; }
.art-nav-right { float:right; }

/* --- --- --- Footer --- --- --- */

#footer 				{ width: 994px !important;height: 231px;background: url(i/footer-bg.png) center no-repeat; margin: 40px 0px 0px -6px;}
#footer .fmenu 			{ float: left;width: 411px;margin-top: 212px;margin-left: 11px;}
#footer .fmenu p 	{ font-size: 14px;margin-left: 16px;}
#footer .fmenu ul li 	{ float: left;}
#footer .fmenu ul li.page-item-41 { padding-left: 6px;}
#footer .fmenu ul li.page-item-41 a { margin: 0px; color: }
#footer .fmenu ul li.page-item-38 a { margin: 0px; border: none !important;}
#footer .fmenu ul li a, #footer .fmenu ul li a:visited      { -webkit-match-parent; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color: #292322; text-decoration: none;font-size: 12px; padding-left: 2px; padding-right: 2px; border-right: 1px solid #000000;}
#footer .fmenu ul li a:hover  		{ color:#ff5a00 ;}
#footer .fmenu ul li.current_page_item a { color:#ff5a00 ;}
#footer .fcopyright 	{float: left;padding-left: 245px;margin: 212px 0px 0px 34px;}
#footer .fcopyright p 	{ text-align: right; font-size: 14px;}

/* ---- CONTACT --- */

.wpcf7 { background: #383432;
color: white;
padding-left: 10px;}
ol.cf-ol li .area { width: 280px !important;}

.topcell { position: absolute;
right: 0px;
top: 78px;
width: 139px;
height: 17px;
background: #feba11 url(i/topcell.png) no-repeat 5px 5px;
padding: 3px 1px 9px 22px;
font-size: 22px;
margin: -6px 0px 0px 0px;}