/* CSS Document */

h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:16px;color:#09F;padding:5px 10px;font-weight:normal;}
body{margin:0;padding:0;background:#CCC;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a{color:#333;text-decoration:none;}
a:hover{color:#09F;text-decoration:underline;}
text{border:solid 1px #ccc;}

.site{float:left;width:100%;height:100%;background:url(../images/footer-bg.jpg) left bottom repeat-x;}
.header{float:left;width:100%;height:120px;background:#333 url(../images/header-bg.png) repeat-x;border-bottom:#000 solid 1px;}
.header .head{width:980px;height:120px;margin:0 auto 0 auto;background: url(../images/head-bg.png) no-repeat;}
.header .head .logo{float:left;width:250px;height:120px;background:url(../images/logo-bg.png) no-repeat;text-align:center;padding-top:10px;}

.nav{float:left;width:100%;height:40px;background:url(../images/nav-bg.jpg) repeat-x;color:#FFF;}
.nav .menu{width:1055px;margin:0 auto 0 auto;height:40px;}
.nav .menu .btn{float:left;height:30px;text-align:center;}
.nav .menu .btn a{color:#FFF;text-decoration:none;display:block;height:30px;font-size:15px;padding-top:10px;padding-left:7px;padding-right:7px;}
.nav .menu span{float:left;background:url(../images/ayrac.png) no-repeat;width:5px;height:40px;}

.icerik{width:996px;margin:0 auto 0 auto;height:auto;}
.icerik .content{float:left;width:966px;background:url(../images/content-bg.jpg) repeat-y;padding-left:15px;padding-right:15px;height:auto;}
.icerik .content .left{float:left;width:200px;height:auto;}
.icerik .content .mid{float:left;width:556px;padding-right:10px;padding-top:10px;height:auto;background-color:#efefef;}
.icerik .content .right{float:left;width:200px;height:auto;}
.icerik .con-bot{float:left;width:996px;background:url(../images/con-bot-bg.jpg) no-repeat;height:31px;}

.icerik .footer{width:980px;margin:0 auto 0 auto;height:40px;color:#FFF;}
.icerik .footer .copy{float:left;}
.icerik .footer .dizayn{float:right;}

/*Makale*/
.ic{float:left;width:546px;border-bottom:solid 1px #ccc;clear:both;}
.ic .ust{float:left;width:536px;padding:5px;border-bottom:dashed 1px #ccc;height:20px;margin:5px 0;}
.ic .ust .bas{float:left;text-transform:capitalize;}
.ic .ust .bas h1{text-align:left;font-size:14px;font-weight:bold;color:#333;margin:0;padding:0;}
.ic .ust .bas h2{text-align:left;font-size:12px;font-weight:bold;color:#333;margin:0;padding:0;}
.ic .ust .tar{text-align:right;color:#666;}
.ic .ort{float:left;width:546px;}
.ic .ort .res{float:left;width:200px;margin-right:5px;padding:3px;border:0;}
.ic .ort .res2{float:left;width:120px;margin-right:5px;padding:3px;border:0;}
.ic .ort .ozet{margin:0;padding:0px;text-align:left;text-indent:15px;color:#333;}
.ic .ort .ozet a{color:#90F;font-size:16px;text-decoration:none;font-weight:bold;}
.ic .ort .ozet a:hover{color:#90F;font-size:16px;text-decoration:underline;font-weight:bold;}
.ic .ort .mak{float:left;margin:0;padding:0px;text-align:left;text-indent:15px;color:#333;}
.ic .alt{float:left;width:534px;padding:6px;text-align:right;}

/*Kutu - Kategori Menu*/
fieldset{margin-bottom:5px;margin-top:5px;}
legend{font-size:16px;color:#333;padding-left:5px;padding-right:5px;font-weight:bold;}

ul.menu{float:left;width:200px;list-style-type:none;margin-bottom:10px;margin-top:0;margin-right:0;margin-left:0;padding:0;font-size:14px;}
ul.menu li{float:left;width:200px;background:url(../images/menu-bg.jpg) repeat-x;height:30px;}
ul.menu li a{width:195px;display:block;color:#666;text-decoration:none;height:20px;padding-top:10px;padding-left:5px;}
ul.menu li a:hover{width:195px;display:block;color:#F4450B;text-decoration:none;height:20px;padding-top:10px;padding-left:5px;}

/*====================== Exemple basique ======================*//*====================== Slide-Maraton Takvim ======================*/
#parent1 li{padding:5px;color:#000;}
#parent1 li h6{color:#09F;margin:0;padding:0;}
#parent1 li a{color:#09F;text-decoration:none;}
#parent1 li a:hover{color:#09F;text-decoration:underline;}
#parent1 li p{color:#666;font-size:12px;}
#parent1-menu a{color:#000;padding:0px 2px;}
#parent1-menu a.wactive{padding:0px 2px;background:#09F;color:#FFF;}

/*====================== Exemple 2 ======================*//*====================== Slide-Katıldığımız Koşular ======================*/
#parent2 li{padding:5px;color:#000;}
#parent2 li h6{color:#09F;margin:0;padding:0;}
#parent2 li a{color:#09F;text-decoration:none;}
#parent2 li a:hover{color:#09F;text-decoration:underline;}
#parent2 li p{color:#666;font-size:12px;}
#parent2-menu a{color:#000;padding:0px 2px;}
#parent2-menu a.wactive{padding:0px 2px;background:#09F;color:#FFF;}


/*Taglara Class Verme*/
.textbox{border:1px solid #ccc;}

/* ---------- gallery styles start here ----------------------- */
.gallery{list-style:none;margin:0;padding:0;}
.gallery li{margin:29px;padding:0;float:left;position:relative;width:212px;height:175px;}
.gallery a{text-decoration:none;color:#666;}
.gallery a:hover{color:#000;text-decoration:underline;}
.gallery img{padding:20px 0 0 21px;border:0;}
.gallery em{width:212px;height:30px;background:url(../images/picture-frame.png) no-repeat;display:block;position:absolute;text-align:center;font:100%/100% Georgia, "Times New Roman", Times, serif;padding-top:145px;}

/* ---------- gallery styles start here ----------------------- */
.photo{margin:30px;position: relative;width: 180px;height: 130px;float: left;}
.photo img{background: #fff;border: solid 1px #ccc;padding: 4px;}
.photo span{width: 20px;height: 18px;display: block;position: absolute;top: 12px;left: 12px;background: url(images/digg-style.gif) no-repeat;}
.photo a{text-decoration: none;}
.sample6 span{width: 189px;height: 137px;display: block;position: absolute;top: -5px;left: -5px;background: url(images/cut-corner.png) no-repeat;}

/* ---------- gallery styles start here ----------------------- */
.gallery2{list-style:none;margin:0;padding:0;}
.gallery2 li{margin:15px 35px;padding:0 12px;float:left;position:relative;width:180px;height:130px;background:url(../images/drop-shadow.png) no-repeat center bottom;overflow:hidden;}
.gallery2 img{background:#fff;border:solid 1px #ccc;border-bottom:none;}
.gallery2 a:hover img{border-color:#000;}
.gallery2 span{width:172px;height:84px;display:block;position:absolute;top:0px;left:12px;background:url(../images/glossy-gradient.png) no-repeat;}
.gallery2 a{text-decoration:none;}