@charset "utf-8";
/* CSS Document */
/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
body{
font-family:Tahoma, Geneva, sans-serif;
padding:0;
font-size:12px;
margin:0 auto;
color:#000000;
background:url(../images/bg.gif) repeat;
}
.clear{clear:both;}
p{padding:10px 0 10px 0;margin:0px;text-align:left;line-height:20px;}

a {color:#000; text-decoration:none;}
a img{border:none;}
a:hover{ color:#666;}
h1,h2,h3,h4{font-weight:normal;padding:0px; margin:0px;}
h1{font-size:24px; width:655px; color:#000; padding:10px 0; float:left; border-bottom:1px dotted #B5B3AF;}
h2{font-size:12px; color:#666; padding:0; border-bottom:1px solid #DFDFDF; width:100%; padding:5px 0; line-height:18px;}
h2 a{color:#666;}
h2 a:hover{text-decoration:underline;}
h3{font-size:12px; color:#333; padding:0; border-bottom:1px dotted #DFDFDF; width:100%; padding:5px 0; line-height:18px;}
h3 a{color:#333;}
h3 a:hover{text-decoration:underline;}
h4{font-size:22px; color:#000; padding:20px 0 10px 0;}
h5{color:#666; font-size:14px; font-weight:normal; padding:0 0 0px 0; margin:0px 0 5px 0;border-bottom:1px dotted #999;}

/* Main Content Structure
/*-----------------------------------------------------------------------------------*/
#main_container{margin:0 auto;width:100%; padding:0px 0 40px 0; background:url(../images/headerbg.png) repeat-x;}
.center_content{width:960px;height:auto;margin:auto;clear:both;padding:0;}


/*-----------------------------------------------------------------------------------*/
#header{width:960px; height:110px; margin:0 auto; }
.logo{width:auto;float:left;padding:40px 0 10px 0px;  }
.logo span{ padding:0px; margin:0px;}
.logo span a{
	float:left;
	text-decoration: none;
	font-size: 30px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #FFF;
	outline: none;
	text-align: center;
	text-shadow:0px 1px 0px #000;
}
.menu{float:right; height:40px; font-size:13px; line-height:38px; margin-top:40px;}
.menu a{ text-align:center;float:left; width:90px; height:35px; margin-right:5px; color:#FFF; text-shadow:0px 1px 0px #000; background:#312B30; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-bottom:1px solid #423E41; border-right:1px solid #423E41;  border-top:1px solid #000; border-left:1px solid #000; }
.menu a:hover, a.selected{ background:#443C43;}
.search{float:right; width:220px; height:35px;margin-top:40px; color:#FFF; text-shadow:0px 1px 0px #000; background:#312B30; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border-bottom:1px solid #423E41; border-right:1px solid #423E41;  border-top:1px solid #000; border-left:1px solid #000;}
input.search{
float:left; background:#312B30; border:none; width:164px; height:28px;margin:5px 0 0 0;  padding:0 5px; color:#fff; 
}
input.submit{
float:right; width:32px; height:28px; background:url(../images/sprite.png) no-repeat 0 0 #312B30; border:none; margin:6px 0 0 0; cursor:pointer;
}
input.submit-yorum{
float:right; width:60px; height:24px; background:#C0C0C0; border:1px solid #CCC;  margin:5px 0;  cursor:pointer; color:#FFF;
}
textarea.yorum { float:left; width:100%; background:#EEE; border:1px solid #CCC; margin:5px 0; }
.fleft{float:left;}
/* Left Content 
/*-----------------------------------------------------------------------------------*/
.left_content {
    position:relative;
	float:left;
    width:660px;
	border: 5px double #DDD;
    padding:5px;
    margin:20px 0 15px 0;
    color:#000;
    background:#FFF;
}


.left_content p{
margin:0;
padding:10px;
}
.left_content span a {
float:right; font-style:italic; color:#D96D00;  text-decoration:underline; padding:5px; font-weight:bold;
}
.date{position:absolute; top:-5px; right:25px; width:59px; height:68px; color:#FFF; font-size:24px; background:url(../images/datebg.png) no-repeat; text-align:center; }
.date span{font-size:12px;}
/* Category icons
/*-----------------------------------------------------------------------------------*/
.content-photo {clear:both;width:400px;
margin:10px auto; position:relative;}
.next a{position:absolute; height:36px; width:36px; background:url(../images/sprite.png) no-repeat 0 -252px; left:-50px; top:50%;}
.previous a{position:absolute; height:36px; width:36px; background:url(../images/sprite.png) no-repeat -37px -252px; right:-50px; top:50%;}
.icon{ float:left; width:28px; height:20px; margin:0 10px;  background-image:url(../images/sprite.png); background-repeat:no-repeat;}
.photo{ background-position: 0 -32px;}
.text{ background-position:-28px -32px;}
.video{ background-position: 0 -56px;}
.link{ background-position: -28px -56px;}
.resource{ float:right; width:660px; text-align:right;color:#212121; font-style:italic; padding:15px 15px 5px 0;}
.resource span{color:#9E9E9E;}
/* Action icons
/*-----------------------------------------------------------------------------------*/
.action-icons{float:right; width:68px; height:28px; margin:0 5px; padding:0 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom:2px solid #CCC;background-color:#EEE; color:#999; line-height:28px;}
.action-icons span{ float:left; background-image:url(../images/sprite.png); background-repeat:no-repeat;width:28px; height:20px; margin:4px;}
.like{background-position:0 -190px;}
.like:hover{background-position:-28px -190px;}
.blogla{background-position:0 -210px;}
.blogla:hover{background-position:-28px -210px;}
.view{background-position:0 -230px;}
.view:hover{background-position:-28px -230px;}
.social-bar{height:38px; width:640px; margin:10px; padding:5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom:2px solid #CCC;background-color:#EEE; color:#999;}
.social-link{float:left; margin:7px;}
.social-bar span{ float:right; background-image:url(../images/sprite.png); background-repeat:no-repeat; height:26px; margin:8px;}
.social-bar span a{float:left; width:100%; height:24px;}
.facebook-button{ width:78px; background-position:0 -137px;}
.facebook-button:hover{ width:78px; background-position:0 -165px;}
.blogla-button{ width:68px; background-position:0 -84px;}
.blogla-button:hover{ width:68px; background-position:0 -110px;}
/*Right Content
/*-----------------------------------------------------------------------------------*/
.right_content {
    position:relative;
	background:#FFF;
	border: 5px double #DDD;
	float:right;
    width:250px;
    padding:5px;
	margin:20px 0 15px 0;
    color:#000;
    overflow:hidden;
}
.right_content span a {
float:right; font-style:italic; color:#888; text-shadow:0px 1px 0px #FFF; text-decoration:underline;  padding:10px;
}
.title{  padding:5px 0; border-bottom:1px solid #AAA; color:#D96D00; font-size:15px; font-style:italic;  width:100%; margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;}
.title a{color:#D96D00;}
.title a:hover{color:#666;}
.p10{padding:10px 0;}
.avatar{width:185px; margin:0 auto; font-size:11px; font-style:italic; color:#888; text-shadow:0px 1px 0px #FFF; text-align:center;}
.avatar a img{padding:4px; background:#FFF; border:4px double #999; margin:10px 4px;}
.follow {width:149px; height:33px; margin:10px auto; text-align:center; font-size:15px; font-style:italic; line-height:32px; background:url(../images/followbg.png) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; }
.follow a{ float:left; width:149px; height:33px; color:#666; }
.follow a:hover{ color:#FFF; }
/*yorum
/*-----------------------------------------------------------------------------------*/
.yorum{width:90%; margin:0 auto; border-top:1px solid #CCC; border-bottom:1px dotted #CCC;  padding:10px 0;}
.yorumlar{ float:left; margin:5px 0 ; width:100%; border:1px solid #CCC; }
.yorumlar a  {margin:10px; float:left;}
.yorumlar p {width:85%; float:right; font-size:11px;}
.yorumlar span a {
float:right; font-style:italic; color:#666;  text-decoration:underline; padding:5px; 
}
/* pager
/*-----------------------------------------------------------------------------------*/
.pager{width:660px; text-align:center; }
.pager a{padding:5px;}
.pager a:hover, a.selected-pager{ background:#000; color:#FFF;}
/* footer
/*-----------------------------------------------------------------------------------*/
.footer{height:40px; margin:0; width:100%; background:#000;  border-top:1px solid #FFF; color:#CCC; text-align:center; line-height:40px;}
.footer a{color:#CCC;}
.footer a:hover{color:#FFF;}
.blogcu-logo a {width:112px; height:32px; margin:4px 20px; float:left; background:url(../images/blogcu-logo.png) no-repeat; }
.banner{width:728px; height:90px; margin:10px auto; color:#FFF; text-align:center; font-size:50px; line-height:80px; display:none; }

.tagclouds{float:left; width:96%;text-align:center; margin:5px 0; }
.tagclouds a{background:#EEE;text-shadow:0 1px 0 #FFF; color:#666;  line-height:33px; padding:5px; margin:3px;}
.tagclouds a:hover{background:#CCC; color:#000;  }