/*   
Theme Name: blog.marro.ws
Theme URI: http://blog.marro.ws
Description: marro.ws's Community Blog
Author: Ekin Ertac
Author URI: http://ekinertac.com

Version: v0.1
*/

@import url('css/reset.css');
@import url('css/typo.css');
@import url('css/menu.css');



body {
	background-image:url(img/bg.png);
	background-position:top center;
	background-color:#d4e8fb;
	background-repeat:no-repeat;
}
#wrapper {
	width:940px;
	margin:0 auto;

	padding:10px 10px 0 10px;
}
#header {
	height:60px;
	border-bottom:2px dotted #7292a6;
	padding-top:50px;
}

.logo {
	float:left;
	background-image:url(img/logo.png);
	width:326px;
	height:50px;
	text-indent:-9999px;
}
.logo:hover{background:url(img/logo.png) 0 -52px no-repeat;}
.navigation {
	float:left;
	margin:13px 0 0  185px;
}
.search {
	float:left;
	margin:5px 0 0 10px;
}
#page {
	width:950px;
	margin-top:50px;
}
#post_container {
	float:left;
	width:700px;
}
.post_heading { cursor:pointer;}



.line { border-bottom:2px dotted #7292a6; margin:10px 15px 0 0;}
.w370 {width:430px;}
.w420 {width:420px;}
.flo-l {float:left;}
.flo-r {float:right;}

.blue1-bg {background-color:#7292a6;}
.blue1 {color:#7292a6;}

.blue2-bg{background-color:#a2cfeb;}
.blue2 {color:#a2cfeb;}

.blue3-bg{background-color:#b7dbf1;}
.blue3 {color:#b7dbf1;}

.blue4-bg{background-color:#d5edfc;}
.blue4 {color:#d5edfc;}

.red-bg {background-color:#ff5c5c;}
.red {color:#ff5c5c; font-weight:bold;}
.content {padding:40px 0 0 10px;}
.content p {margin-top:20px;}
.content p:first-child {margin-top:0px;}
.content p:last-child {margin-bottom:25px;}
.entry {background-image:url(img/bg-light.png); background-repeat:repeat; padding:10px 20px 10px 10px; margin:0 0 45px 0;}
.roundborder {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.underline_areas {border-bottom:2px dotted #7292A6;}
.entry_info { margin:20px 0; background:url(img/splitter2px.png) left center repeat-x #E7F4FB; width:100%;}
.bypass {background-color:#e7f4fb;}
.post_date {font-size:12px; padding:8px 0 0 5px;}
.post_date a{font-weight:normal;}
.author_name {font-size:12px; padding:8px 10px 0 5px; font-weight:bold;}

.comment_wr  {background:url(img/cmmnt.png) no-repeat 6px 0px; width:41px; height:38px; padding:0 0 0 5px;}
.comment_wr:hover {background:url(img/cmmnt.png) 6px -35px no-repeat;  cursor:pointer;}
.comment_count { text-align:center; margin:2px 0 0 0; color:#FFF}

.category_info {margin:25px 0 0 0; }
.cat_head {font-size:18px; font-weight:bold; background-image:url(img/cat_bg.png); background-repeat:repeat-x;}
.cat_name {font-size:18px;}
.cat_name a {font-weight:normal;}
.more_btn {margin-right:13px; background-image:url(img/more.png); text-indent:-99999px; width:81px; height:26px; cursor:pointer;}
.more_btn:hover {background-image:url(img/more-hover.png);}

#sidebar {
	width:200px;
	float:left;
	margin-left:10px;

}


.social_icon { width:32px; height:32px; float:left; margin: 5px 5px 0 0;}
span.social_info {font-size:11px; margin:0; display:block; font-style:italic;}
.social_item {margin-bottom:15px;}
.social_item :hover {cursor:pointer;}

ul#sidebar_box {
	padding:10px;
	margin:0;
	width:200px;
	list-style-type:none;
	background-image:url(img/bg-light.png);
	background-repeat:repeat;
	margin-top:20px;
	position:relative;
}
div#sidebar ul#sidebar_box:first-child {margin-top:0;}
ul#sidebar_box li:last-child { margin-bottom:0;}

.search_field {
	background-image:url(img/lens.png); 
	background-repeat:no-repeat;
	background-position:5px 10px;
	padding-left:30px;
	width:190px;
	height:35px;
	font-size:14px;
	font-weight:bold; 
	border:0;
	border-left:1px solid #7292a6;
	border-top:1px solid #7292a6;
	border-bottom:1px solid #7292a6;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.search_button{
	background-image:url(img/search_btn.png); 
	text-indent:-99999px;
	width:94px; 
	height:39px;
	margin:-1px -1px -1px -4px;
	border:0;
	border-right:1px solid #7292a6;
	border-top:1px solid #7292a6;
	border-bottom:1px solid #7292a6;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor:pointer;
}
.search_button:hover{background:url(img/search_btn.png) 0 -37px no-repeat;}


.last_tweets_header {position:absolute; top:-25px;}
.last_tweets_wr {margin-top:20px; border-top:2px dotted #7292a6; font-size:14px; padding:5px;}
div.last_tweets_wr li{list-style-image:url(img/li-red.png); margin-bottom:5px; color:#7292a6; font-size:12px;}
div#tweet ul {padding-left:20px;}
.facebook_fans_header {padding-bottom:10px; margin-bottom:10px; border-bottom:2px dotted #7292a6;}
.post_header:hover {background-image:url(img/post-heading-bg.png); background-repeat:no-repeat;}
.footer_img {height:215px; background-image:url(img/footer-img.png);}
#footer {border-top:2px dotted #7292a6; margin:30px auto 0 auto; width:950px; }

ul.footer_box {
	list-style-type:none;
	float:left;
	height:100px;
	font-size:11px;
	color:#555;
	margin:25px 70px 0 0;

}
ul.footer_box li {margin-bottom:5px;}
ul.footer_box li:first-child {
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
ul.footer_box li a{
	font-weight:normal;
	color:#555;
	margin:0;
}
ul.footer_box li a:hover {
	border-bottom:1px dotted #555;
	margin:0 0 1px 0;
}
.copyright {margin-top:45px; font-size:10px; font-weight:bold; text-align:right; margin-right:120px;}

ul.share {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:-3px;

}
ul.share li {
	display:inline;}
ul.share li a span.buzz { background:url(img/buzz-ico.png) no-repeat left center; padding-left:25px; font-size:13px; cursor:pointer;}
#disqus_thread {background-color:#B7DBF1; padding:20px; margin:25px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#dsq-content input  { background-color:#FFF;}
.dsq-brlink { margin-left:30px; font-size:16px; font-weight:bold;}

#dsq-content .dsq-comment-header td{background-color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
div.content a img {background-color:#B7DBF1; border:1px solid #9abace; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; max-width:450px;}
div.content a img:hover {background-color:#daf0fd;}
div.content img {background-color:#B7DBF1; border:1px solid #9abace; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; max-width:450px;}
div.content img:hover {background-color:#daf0fd;}

blockquote {
margin:22px 40px;
padding:3px;
color:#B8D6EE;
padding: 10px 45px;
font-weight:bold;
background: url("img/quote.png") no-repeat 10px 10px #708D9F ;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}
div#dsq-new-post h3 {color:#333; z-index:5;}
ul#dsq-comments li {background-color:#FFF; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:10px;}
div.grab_wr {width:200px;}
div.grab_link {width:167px; height:39px; margin:15px auto 0px auto; text-indent:-9999px; background-image:url(img/grab.png); display:block;}
div.grab_link:hover {background:url(img/grab.png) 0 -39px no-repeat;}
.grab_img {width:200px; height:265px; background-image:url(img/tees.png);}