@import url(reset.css);

body {background: #666;color: #000;font: normal 13px Arial, Verdana, Helvetica, sans-serif;text-align: left;}
a:link, a:visited, a:active, a:hover {text-decoration: none;color: #00a5e9;}
a:hover {color: #000;text-decoration: none;}
.divider {clear: both;height: 10px;width: 100%;display: block;font-size: 1px;line-height: 0%;}
.nicedivider {background: url(img/nicedivider.jpg) center no-repeat;clear: both;height: 20px;width: 100%;display: block;font-size: 1px;line-height: 0%;}

/* ----------------------- LAYOUT ---------------------------- */
#header {background: url(img/header_generic.jpg) 0 0 no-repeat;margin: 0 auto;width:980px;height: 100px;margin: 0 auto;}
#nav {background: #0ba2ee;height: 40px;width: 980px;margin: 0 auto;margin-bottom: 10px;}
#wrapper {background: #666;margin: 0 auto;width: 980px;}
#content {width: 640px;float: left;padding: 15px;background: #fff;}
#right{margin-left: 10px;width: 300px;float:left;}

#logo {float:left;width:250px;height: 100px;}
#logo h1 a {display: block;width:200px;padding-top: 10px;outline:0}
#topads {float:left;width:468px;height:60px;margin-top:20px;margin-left: 15px;border:1px solid #4cdcff;background: #999;}
#usermenu {float:right;width:175px;margin-left: 10px;padding: 10px;text-align: right;}
#usermenu a {margin-top: 5px;padding: 5px 10px 5px 20px;font-weight: bold;font-size: 12px;color: #fff;background: #fff url(img/bg_usermenu.png) left center no-repeat;}
#usermenu a:hover {color: #444;}
/* ----------------------- NAVIGATION ---------------------------- */
#nav ul {margin: 0 auto;width: 980px;background: #fff;}
#nav li {float: left;}
#nav li a {background-image: url(img/navigation.png);background-repeat: none;background-position: 0 0;float: left;height: 40px;margin-right: 1px;outline: none;padding: 0;text-indent: -5000px;width: 90px;}
#nav li#moda a {background-position: 0 0;}
#nav li#moda a:hover, #nav li#moda a.active {background-position: 0 -40px;}
#nav li#saglik a {background-position: -91px 0;}
#nav li#saglik a:hover,#nav li#saglik a.active {background-position: -91px -40px;}
#nav li#magazin a {background-position: -182px 0;}
#nav li#magazin a:hover,#nav li#magazin a.active {background-position: -182px -40px;}
#nav li#annelik a {background-position: -273px 0;}
#nav li#annelik a:hover,#nav li#annelik a.active {background-position: -273px -40px;}
#nav li#guzellik a {background-position: -364px 0;}
#nav li#guzellik a:hover,#nav li#guzellik a.active {background-position: -364px -40px;}
#nav li#yemek a {background-position: -455px 0;}
#nav li#yemek a:hover,#nav li#yemek a.active {background-position: -455px -40px;}
#nav li#video a {background-position: -546px 0;}
#nav li#video a:hover,#nav li#video a.active {background-position: -546px -40px;}
#nav li#galeri a {background-position: -637px 0;}
#nav li#galeri a:hover,#nav li#galeri a.active {background-position: -637px -40px;}
#nav li#forumnav a {background-position: -728px 0;}
#nav li#forumnav a:hover,#nav li#forumnav a.active {background-position: -728px -40px;}

/* NEWS ----------------------------------------------------- */
#mainpost {width: 300px;float:left;height: 455px;position:relative;}
.post {display: none;width:100%;background: #444;}
.posttitle {position: absolute;bottom:40px;left:0;background:#444;opacity: .75;width:100%;}
#mainpost .posttitle h1 a {display:block;color:#fff;padding:10px;font-size: 22px;font-weight: bold;opacity:100;}
#sliderpanel {position:absolute;bottom: 0;left: 0;width:100%;background:#fff url(img/mainpost_bg.png) 0 bottom repeat-x;text-align:center;height: 40px;}
#sliderpanel a {display: block;float: left;width:25px;margin: 3px;height:25px;background-image: url(img/slider.png);background-repeat:no-repeat;outline:none;}
#sliderpanel .next a {background-position: -25px 0;}
#sliderpanel .next a.disabled {background-position: -25px -25px;}
#sliderpanel .prev a.disabled {background-position: 0 -25px;}
#featurednews {float: left;width:325px;padding-left: 15px;}
#featurednews li {margin-bottom: 10px;line-height: 160%;}
#featurednews li a.title {display: block;font-size: 18px;font-weight: bold;padding: 0;}
#featurednews li img {float: left;margin-right: 10px;}
.marginbottom {margin-bottom:8px;}
.box {width: 310px;float:left;}
.boxtitle {height: 45px;}
#categories {width: 640px;}
#categories ul {margin-top: 10px;line-height: 160%;font-size: 12px;}
#categories li a {font-weight: bold;font-size:12px;display: block;padding: 5px 0 5px 20px;background:url(img/bullet_gray.png) left center no-repeat;}

#categories li.image {position: relative;padding-left: 120px;height:125px;margin-bottom: 5px;}
#categories li.image img {position: absolute;left:0;top:0}
#categories li.summary {margin-bottom: 10px;}
#categories li.image a, #categories li.summary a {font-size: 16px;display:block;margin-bottom:5px;padding:0;background:none;}
.postdetail {line-height: 160%;color: #000;}
.postdetail h1 {display:block;color:#000;margin-bottom: 5px;font-size: 22px;font-weight: bold;}
.postdetail .postinfo {padding: 3px;border-bottom: 1px dotted #d5d5d5;}
.postdetail .summary {margin: 10px 0;color: #444;font-size: 16px;}
img.big {float: left;margin-right: 10px;}
#categorynews {width: 640px;line-height: 160%;}
#categorynews .cnews {border-bottom: 1px solid #ff49be;}
#categorynews .bg {background: #f5f5f5;}
.cleft, .cright {width: 300px;float:left;min-height: 200px;}
.cright {width: 320px;}
.cright p, .cleft p {padding: 15px;}
.crihgt h1 {} 
.cright h1 a, .cleft h1 a {font: 22px Georgia, Times, serif;padding: 10px 15px 0 15px;display: block;color: #000;}

/* VIDEOS ----------------------------------------------------- */
#videos {margin: 10px 0 10px 15px;background: #e8e8e8;float:left;width:325px;height:445px;}
#videos img.big {border: 1px solid #999;width: 300px;height: 200px;margin: 5px 0;}
.videomain {position:relative;padding: 0 0 0 11px;width: 300px;}
.videooverlay {position:absolute;top:75px;left: 127px;display:block;width:75px;height:50px;background:url(img/video_overlay.png) center center no-repeat;}
.videomain h2 a {font-weight: bold;font-size: 16px;display:block;}
#videospy {padding: 15px;}
#videospy img.small {width: 95px;height: 65px;}
#videospy li {position: relative;padding-left: 105px;height: 65px;margin-bottom: 5px;background: #f5f5f5;}
#videospy li:hover {background: #fff;}
#videospy li a {font-weight: bold;display: block;padding-top: 10px;}
#videospy li img {position: absolute;top: 0; left: 0;}
#vidboxs li {float: left;position: relative;margin: 0 3px 3px 0;}
#vidboxs li img {width: 210px;height: 140px;}
#vidboxs li a {font-weight: bold;color: #fff;padding: 80px 15px 0 15px;display: block;}
#vidboxs .vidinfo {width: 210px;height: 140px;background: #ff49be url(img/video_bg_boxs.png) 0 0 no-repeat;display: none;position:absolute;top: 0;left:0;}
#subcategories {margin-bottom: 10px;background: #f5f5f5;}
#subcategories li {float:left;margin-right: 3px;background:#f5f5f5;}
#subcategories li a {display:block;float:left;padding:10px 15px;font-weight: bold;}
#subcategories li a.active {background: #444;color:#fff;}

#backpage {float:left;width:300px;height:445px;background: #f5f5f5;margin: 10px 0;}
#galleries a.title {background:#fff;display: block;}
#galleries ul {padding: 10px;background:#e5e5e5;}
#galleries li {background: #f5f5f5;display:inline;border: 5px solid #d5d5d5;float: left;margin-right: 5px;position: relative;padding-left: 60px;height: 90px;}
#galleries li.active {border: 5px solid #f5f5f5;}
#galleries li {background: url(img/galleries_galleryinfo_bg.png) 0 bottom repeat-x;}
#galleries li a img  {width: 60px;height: 90px;display:block;position: absolute;top: 0;left: 0;}
#galleries li .galleryinfo {padding: 10px;color: #fff;width: 150px;}
#galleries li .galleryinfo h1 a {font-weight: bold;font-size: 14px;}
#gallery, #portre {border: 1px solid #cde8ff;}
#gallerythumbs {position: relative;background: #555;}
#gallery #comments, #portre #comments {border: 0;}
#gallery .content,#portre .content {padding: 15px;position: relative;width: 608px;}
#gallery h1, #portre h1 {padding: 10px;background: #cde8ff;color: #000;margin-bottom: 0;}
#gallerythumbs a img {height: 90px;border: 3px solid #999;}
#gallerythumbs a.active img {border: 3px solid #cafaff;}
#gallerythumbs a.prev {position: absolute;top:0;left:0;width: 20px;height:20px;background: #000;display:block;}
#gallerythumbs a.next {position: absolute;top:0;right:0;width: 20px;height:20px;background: #000;display:block;}
/* COMMENTS -------------------------------------------------- */
#comments {border: 1px solid #cde8ff;padding-bottom: 10px;}
#comments #tabs {background: #cde8ff;}
#comments #tabs li {display: inline;width:200px;height:30px;text-indent: -1000px;padding:0;}
#comments #tabs li a {background-image:url(img/title_comments.png);background-repeat: no-repeat;display: block;width: 200px;height: 30px;float: left;outline: 0;}
#comments #tabs li#t_readcomments a {background-position: 0 -30px;}
#comments #tabs li#t_readcomments a.active {background-position: 0 0;}
#comments #tabs li#t_writecomment a {background-position: -200px -30px;}
#comments #tabs li#t_writecomment a.active {background-position: -200px 0;}
#writecomment {display: none;}
#comments,#sendrecipe {margin: 0 0 15px 0;padding: 0 0 10px 0;font-size: 11px;}
#comments p.submit,#sendrecipe p.submit {text-align: right;padding-right: 5px;}
#comments textarea,#sendrecipe textarea {background: #fff url(img/form_field_bg.png) 0 0 no-repeat;margin:0;margin-top: 10px;padding: 5px;border: 2px solid #cde8ff;width: 98%;height: 150px;}
#sendrecipe input {background: #fff url(img/form_field_bg.png) 0 0 no-repeat;margin:0;margin-top: 10px;padding: 5px;border: 2px solid #cde8ff;width: 98%;}
#comments textarea:focus,#sendrecipe input:focus,#sendrecipe textarea:focus {background: #fff;}
#sendrecipe label {font-size: 16px;font-weight: bold;display:block;}
#sendrecipe p {padding: 10px 0;}
#comments input.disable {background: #f5f5f5 url(img/lock.png) 140px 2px no-repeat;color: #999;}
#comments .submit input,#sendrecipe .submit input {background: #fff url(img/btn_submit.png) 0 0 no-repeat;border: 0;width: 75px;height:30px;}
#comments {margin: 15px 0;}
#comments .error {margin-bottom: 15px;}
#readcomments {margin-top: 15px;}
#readcomments li {list-style-image: none;list-style-position: outside;background: url(img/comments_divider.png) bottom right no-repeat;list-style-type: none;margin-bottom: 10px;min-height: 80px;padding-bottom: 15px;}
.c_head {border-bottom:1px solid #cdd8fe;line-height: 120%;height: 21px;overflow: hidden;padding: 3px 0 0 30px;position:relative;}
.c_head img {position: absolute;left: 0;top: 0;padding: 3px;border: 1px solid #cdd8fe;border-width: 1px 1px 0 0;background: #fff;}
.c_head strong a {font-weight: bold;color: #ff0089;}
.c_head span {color: #888;font-size: 11px;}
.c_body {color: #000;padding: 10px;}

/* RIGHT COLUMN ----------------------------------------------------- */
#populars {margin-top: 10px;padding: 0;background: #fff url(img/bg_populars.png) 0 0 no-repeat;}
#populars ul.tabs {margin-left: 5px;}
#populars ul.tabs li {display: inline;width:103px;height:30px;text-indent: -2000px;padding:0;}
#populars ul.tabs li a {background-image:url(img/populars_tabs.png);margin-right: 3px;background-repeat: no-repeat;display: block;height: 30px;float: left;outline: 0;}
#populars ul.tabs li#breaking a {width: 62px;background-position: 0 -30px;}
#populars ul.tabs li#breaking a.active {background-position: 0 0;}
#populars ul.tabs li#mostreaded a {width:125px;background-position: -62px -30px;}
#populars ul.tabs li#mostreaded a.active {background-position: -62px 0;}
#populars ul.news {padding: 10px;}
#populars ul.news li a {color: #666;font-weight: bold;font-size: 11px;display: block;padding: 5px 0 5px 10px;}
#populars ul.news li a:hover {color: #000;background: #fff;}
#populars ul#mostreadednews {display: none;}
.sitebox {margin-top: 10px;background: #fff;padding-top: 30px;}
#hairstyles {margin-top: 10px;background: #f5f5f5 url(img/title_thisweek.png) 0 0 no-repeat;padding-top: 30px;}
#portraits, #hairstyles {background: #ccc;padding-bottom: 5px;padding-top: 0;}
.polaroid {background: #fff url(img/portraits_bg.png) 0 bottom repeat-x;padding: 10px;margin:5px 5px 0 5px;}
#portraits p, #hairstyles p {display: block; font-weight: bold;padding: 10px 0;color: #444;text-align: right;}
#portraits a.name, #hairstyles a.name {color: #444;float: left;}
a.catname {font-size: 12px;color: #fff;padding: 3px 5px;background: #00a5e9;font-weight: bold;}
a.catname:hover {color: #000;}
#portraits p a:hover, #hairstyles a:hover {color: #000;}
#polls {background: #fff url(img/title_poll.png) 0 0 no-repeat;}
#poll {padding: 15px;}
#poll p.submit {text-align: right;}
.poll_question {font-weight: bold;margin-bottom: 10px;}
.poll_result {background: #e5e5e5;margin: 5px 0 10px 0;}
.percent {background: #b0f5ff;padding: 5px 0;margin-bottom: 2px;}
#thisweek {background: #f5f5f5 url(img/title_thisweek.png) 0 0 no-repeat;}
#thisweek li a {padding: 15px;font-weight: bold;display:block;border-bottom: 1px solid #e5e5e5; }
#thisweek li a:hover,#horoscope li a:hover {background: #fff; }
#horoscope {background: #f5f5f5 url(img/title_horoscope.png) 0 0 no-repeat;}
#horoscope li {float: left;width: 100px;display: block;}
#horoscope li a {padding: 15px 0 15px 40px;font-weight: bold;display:block;border-bottom: 1px solid #e5e5e5;width: 60px;float: left;}
#horoscope a#koc {background: transparent url(img/horoscope_koc.png) 0 center no-repeat;}
#horoscope a#boga {background: transparent url(img/horoscope_boga.png) 0 center no-repeat;}
#horoscope a#ikizler {background: transparent url(img/horoscope_ikizler.png) 0 center no-repeat;}
#horoscope a#yengec {background: transparent url(img/horoscope_yengec.png) 0 center no-repeat;}
#horoscope a#aslan {background: transparent url(img/horoscope_aslan.png) 0 center no-repeat;}
#horoscope a#basak {background: transparent url(img/horoscope_basak.png) 0 center no-repeat;}
#horoscope a#terazi {background: transparent url(img/horoscope_terazi.png) 0 center no-repeat;}
#horoscope a#akrep {background: transparent url(img/horoscope_akrep.png) 0 center no-repeat;}
#horoscope a#yay {background: transparent url(img/horoscope_yay.png) 0 center no-repeat;}
#horoscope a#oglak {background: transparent url(img/horoscope_oglak.png) 0 center no-repeat;}
#horoscope a#kova {background: transparent url(img/horoscope_kova.png) 0 center no-repeat;}
#horoscope a#balik {background: transparent url(img/horoscope_balik.png) 0 center no-repeat;}

#gallerylist {width: 640px;line-height: 160%;}
#gallerylist li {float: left;width: 140px;margin: 0 10px 10px 0;}
#gallerylist img {width: 135px;border: 2px solid #e5e5e5;height: 100px;}
#alphabet {margin-bottom: 15px;}
#alphabet li {float:left;margin-right: 1px;background:#f5f5f5;}
#alphabet li a {display:block;float:left;padding:3px 6px;font-weight: bold;}
#alphabet li a.active {background: #444;color:#fff;}

/* FOOTER ----------------------------------------------------- */
#footer {background: #333;border-top: 5px solid #222;width: 980px;margin: 0 auto;font-size: 11px;}
#footer ul {padding: 10px 25px;}
#footer li {display: inline;}
#footer a {padding: 5px 10px;}
/* OTHER ----------------------------------------------------- */
.loading {background: url(img/loader.gif) center center no-repeat;height: 30px}
.loadingsmall {background: url(img/loading_small.gif) center center no-repeat;height: 20px;width: 20px;}
.messages {font-size: 13px;padding: 10px 3px 10px 50px;border: 1px solid #e8e8e8;}
.error {background: transparent url(img/error.png) 5px 5px no-repeat;}
.info {background: transparent url(img/info.png) 5px 5px no-repeat;}
.done {background: transparent url(img/ok.png) 5px 5px no-repeat;}

div.pagination {padding: 3px;margin: 15px 0;text-align:right;}
div.pagination a {border: 1px solid #ff49be;margin-right: 3px;padding: 2px 8px;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #ff49be;background:#ff49be;color: #fff;}
div.pagination span.current {margin-right:3px;padding: 2px 6px;font-weight: bold;color: #666;border: 1px solid #f5f5f5;}
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 #ff49be;}
div.pagination .disabled {color: #666;margin: 0 10px;}