﻿/*=========================================================================
* Project Name: Cin Gunlugu
* Project URI:  www.cingunlugu.com
* Version: 1.0
* Author: Oguzcan Sahin
* Author URI: 
* Tag: 
*=========================================================================*/

@import "reset.css";
@import "default.css";


/* @Layout
-------------------------------------------------------------- */
#container { text-align: left; font-size: 13px; }
	#content { position: relative; }
	    #content .section { background: #F6F6F6 url(../images/orta_bg_alt.png) repeat-x left top; padding-top: 25px; }
	    .main { width: 570px; margin-right: 15px; padding: 0 15px 25px 8px; float: left; }
	    .sidebar { width: 315px; float: right; display: inline; }


/* @Header
-------------------------------------------------------------- */
#header { width: 100%; height: 147px; background: transparent url(../images/bg-header.png) repeat left top; position: relative; z-index: 20; }
	.logo { float: left; margin: 20px 0 0 25px; }
	    .logo a {}
	    .logo .sub-title { display: none; }
	    .site-nav { width: 600px; overflow: hidden; margin-top: 40px; float: right; position: relative; }
	        .site-nav li { height: 40px; width: auto; margin-right: 40px; }
	            .site-nav a { text-align: center; text-decoration: none; display: block; }
	            .site-nav a:hover, .site-nav a.selected { background: transparent url(../images/hover-site_nav.png) no-repeat 0 0; }
	            .text-url, .arrow { position: relative; }
	            .nav-text {}


/* @Content
-------------------------------------------------------------- */
#content { padding-bottom: 40px; }

/* @Featured
-------------------------------------------------------------- */
.featured {}
.featured.section { margin: auto; height: 369px; background: transparent url(../images/orta_bg.png) no-repeat left 275px; }
    #slider-wrap { position: relative; float: left; margin-left: 25px; width: 541px; height: 285px; padding: 10px; position: relative;  }
    #slider { width: 541px; height: 285px; overflow: hidden; position: relative; }
        #slider .bottom { width: 417px; height: 60px; overflow: hidden; margin-left: 55px; margin-top: -4px; background: transparent url(../images/slider-bottom.jpg) no-repeat 0 0; }
            #slider .bottom p { font-size: 15px; padding: 10px 0 0 20px; color: #4c4c4c; font-weight: bold; }
            #slider .bottom a { font-size: 12px; padding-bottom: 2px; text-decoration: underline; margin-right: 10px; }
    #slider ul, #slider li { margin: 0; padding: 0; list-style: none; }
	#slider li { width: 541px; height: 285px; }
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev { display: block; width: 65px; height: 27px; position: absolute; left: 0; top: 230px; z-index: 9999; }
    #prevBtn {  }
    #nextBtn, #slider1next { left: 460px; }
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a { text-indent: -9999px; display: block; position: relative; width: 65px; height: 27px; background: url(../images/slider/btn_prev.jpg) no-repeat 0 0; }	
	#nextBtn a, #slider1next a { background: url(../images/slider/btn_next.jpg) no-repeat 0 0; }


/* @Sidebar
-------------------------------------------------------------- */
.vector { width: 160px; height: 125px; display: block; margin-top: -40px; position: absolute; z-index: -1; background: transparent url(../images/vector.png) no-repeat 0 0; }
    .sidebox { width: 290px; }
    
    .signupbox {}
        .signup {}
        .btn-signup,
        .btn-signup button { width: 109px; height: 34px; }
        .btn-signup { background: transparent url(../images/btn-signup.png) no-repeat 0 0; float: right; }
        .btn-signup button { text-indent: -9999px; }
    
    .followbox {}
        .followbox ul {}
            .followbox li { background-image: none!important; }
                .followbox a { height: 49px; width: 50px; margin-left: 10px; background: transparent url(../images/sprites-follow.png) no-repeat 0 0; display: block; text-indent: -9999px; }
                .followbox a.rss { background-position: left top; }
                .followbox a.facebook { background-position: -58px top; }
                .followbox a.twitter { background-position: -113px top; }
                
    .searchbox { margin-top: 7px; }
        .search-block { width: 292px; height: 70px;  }
            .searchbox input { padding: 10px; width: 200px; }
            .searchbox button { font-size: 14px; color: #fff; margin: 13px 0 0 23px; }


/* @Post
-------------------------------------------------------------- */

.post-wrap { width: 605px;}
    .post-info { background: #484848; width: 595px; height: 40px; overflow: hidden; padding: 10px; }
    .post-wrap h1 { font-size: 15px; color: #FFF; float: left; font-weight: bold;}
    .title-comment { float: right; background: transparent url(../images/ico-comment.png) no-repeat 0 0; width: 29px; height: 27px; }
        .title-comment span { color: #000; font-size: 14px; display: block; text-align: center; font-weight: bold; }
        .post-wrap a { text-decoration: none; }
        .post-wrap p a { color:black; }
    .post-wrap .meta strong { color: #FFF; }
    .post-wrap .meta {font-size: 11px; }
    .post-wrap .meta a {font-size: 11px; color: white; text-decoration: underline; text-transform: capitalize;}
    .post-wrap ul { width: 595px; overflow: hidden; }
        .post-wrap li { margin-left: 10px; }
        .post-wrap li span { color: #FFF; }
        .post-info p { display: inline; color: #FFF; }
    .post-img { margin-top: 10px; border: 5px solid #545454; height: 364px; overflow: hidden; width: 549px; }
    .post-wrap p {  margin-top: 10px; font-size: 13px; line-height: 20px; overflow: hidden; }
    
    .more { width: 138px; height: 41px; background: transparent url(../images/btn-more.png) no-repeat 0 0; display: block; padding-top: 10px; float: right; text-align: center; }
    
    
/* @Sidebar
-------------------------------------------------------------- */

.aboutbox { position: relative; }
    .aboutbox .about-img { margin-right: 10px; }
    .aboutbox h2 { font-weight: bold; margin-bottom: 5px; }
    .aboutbox p {  clear: both; width: 182px; font-size: 11px; line-height: 15px; }
    .smore { color: #4c4c4c; text-decoration: underline!important; font-size: 11px; float: right; }
    .smore:hover { color: #4c4c4c; }
    
    .cSide .sidebox { margin-bottom: 20px; }
    .sidebox a { color: #484848; font-size: 11px; text-decoration: none; font-weight: bold; }
    .sidebox li { background: transparent url(../images/li-border.png) no-repeat left bottom; padding-top: 10px; padding-bottom: 10px; text-align: left; }
    
    .kategoriler {text-transform: capitalize;}
        .kategoriler li { background-image: none; margin-right: 10px; padding-bottom: 5px; }
        .kategoriler a { padding: 5px; }
        .kategoriler a:hover, .kategoriler a.selected { padding: 5px; background: #5c5c5c; color: #FFF; }
        
    .social-media{ margin-top: 10px; }
        .social-media h2 { color: #c66c16; font-size: 14px; margin:0; padding:0; }
        .social-media li { margin-left: 10px; background-image: none; }


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

#footer { width: 100%; height: 147px; background: transparent url(../images/bg-footer.png) repeat left bottom; }
    #footer .logo { margin-top: 60px; }
    #footer .fright { margin-top: 60px; font-size: 14px; color: #FFF; }
    .copyright { display: block; float: right; }
    #footer .horizontal { float: right;  clear: both;  }
        #footer .horizontal li { margin-left: 10px; }
            #footer .horizontal a { font-size: 11px; } 
            
/* @Comment
-------------------------------------------------------------- */	
.yorumBaslik { margin-bottom:15px; font-size:20px;  }
.yorumBaslik2 { margin-top:25px; margin-bottom:15px; font-size:20px; }
.yorumAlani { padding:10px 10px 10px 0; width:600px; float:left; }
*html .yorumAlani { padding:10px; width:540px;  }
.yorumAlani ol  { list-style:none; }
.yorumAlani ol  li { margin-bottom:10px; float:left; border-bottom: 1px dotted gray; padding-bottom: 10px; }
.yorumAlani .yazan { float:left; width:80px; float: left;}
.yorumAlani .yorum { padding: 0px 0px 0px 0px; position:relative; width:515px; font-size:12px; float: right; line-height: 17px;}
.yorumAlani .yorumOk { left:-32px; position:absolute; top:10px; } 
.yorumAlani a, .yorumAlani a:active, .yorumAlani a:visited
	{text-decoration: underline; color: gray; }
.yorumyazan {float: right; width: 514px; height: 20px; font-size: 14px;}
.yorumyazan a { color: #ff5a00; text-decoration: none !important;}
.yorumAlani a:hover { color:#ff4301; }
.yorumAlani span { margin-top:10px;display:block; line-height:16px; }
.yorumAlani .tarih { color:#c6c2c2; font-size:10px; }

.yorumFormAlani { width:540px; position:relative;float:left; margin-top:15px; }
.formOk { left:95px; position:absolute; top:10px; }
.yorumFormAlani .textarea { width: 436px; height:100px; border:none; padding-top:7px; padding-left:5px; font-size:10px; background: #CCCCCC; float: right; color: black; }
*html .yorumFormAlani .textarea { width: 436px; height:100px; border:none; padding-top:7px; padding-left:5px; font-size:10px; background: #CCCCCC; float: right; color: black; }

.yorumFormAlani .text { width:167px; margin-left: 5px; margin-top:5px; height:20px; border:none;  padding-left:5px;  font-size:10px; padding-top: 3px; background: #CCCCCC; float: right;  color: black;}
.yorumFormAlani .submit {border:medium none; float: right; font-size:0.9em; margin-top:10px; padding:0.5em 1.5em; cursor: pointer; float: right;}

.yorumFormAlani .formgir {width: 420px; float: right;}
.submit{background:transparent url(../images/btn-gonder.jpg) no-repeat top; width:62px; height:20px; display:block; float:right; border:0; text-indent:-9999px;}

/* @Cin Gunlugu TV
-------------------------------------------------------------- */	
.gunluktv { background: url(../images/cg-tv.jpg); height: 121px; }
.gunluktvtitle { color: black; float: right; margin-top: 42px; padding-right: 2px; width: 190px; text-align: right; margin-right: 5px; }


#wp_page_numbers {background: none !important;}
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {background: none !important;}
