/*
Theme Name: Luke Mysse
Theme URI: http://www.seo-semantic-xhtml.com/
Description: Luke Mysse theme based on the famous <a href="http://www.seo-semantic-xhtml.com/">seo-semantic-xhtml</a>.
Version: 1.0
Author: seo-semantic-xhtml
Author URI: http://www.seo-semantic-xhtml.com/
*/


*{margin:0; padding:0}
fieldset{border:none}
a{cursor:pointer; text-decoration:underline}
a:hover{text-decoration:none}
img{border:none}
.curv{float:left; width:100%}
.curv img{float:left}
body{background:#FFF; font:14px/22px "Helvetica",Arial,sans-serif; color:#603814}
.clear{clear:both}



#layout{width:100%}


/*header goes here...*/
#header_wrapper{width:100%; border-bottom:2px solid #38210c; background:#603814}

#header{width:888px; margin:0 auto; padding:0 27px 0 49px}

#menu{float:left; width:430px; margin-left:245px; display:inline}

#menu ul{float:left; list-style:none}

#menu ul li{float:left; font:12px/14px "Helvetica",Arial,sans-serif; margin:7px 15px 0 0}

#menu ul li.active a{border-bottom:1px solid #a9906f}

#menu ul li a{color:#f2e8ca; text-decoration:none; float:left}

#menu ul li a:hover{color:#f2e8ca; border-bottom:1px solid #a9906f}

#header .search_box{width:196px; float:right; height:25px; padding:6px 0 0 0}

#search_form{float:left; width:196px}

#search_form .input{float:left; width:163px; background:#806043; border:none; padding:2px 4px; font:12px/14px Arial,Helvetica,sans-serif; color:#38210c}

#search_form .search_btn{float:right}



/*wrapper goes here...*/
#wrapper{width:964px; margin:0 auto}

#body_container{float:left; width:863px; padding:0 52px 0 49px}


/*Side Bar goes here...*/
#side_bar{float:left; width:200px}

#side_bar .logo_box{float:left; width:200px}
#logo{float:left; margin:0 0 0 48px; display:inline}

#side_bar .place_holder_image{float:left; width:200px}
#side_bar .place_holder_image img{float:left}


/*social_network_box goes here...*/
#side_bar .social_network_box{float:left; width:200px; margin:20px 0 15px 0}
#side_bar .social_network_box span{float:left; display:block; margin-right:7px}

#side_bar .social_network_box span.twitter a{float:left; width:40px; height:40px; background:url(images/twitter_icon.gif) no-repeat 0 0}
#side_bar .social_network_box span.twitter a:hover{float:left; width:40px; height:40px; background:url(images/twitter_icon.gif) no-repeat 0 -40px}

#side_bar .social_network_box span.in a{float:left; width:40px; height:40px; background:url(images/in_icon.gif) no-repeat 0 0}
#side_bar .social_network_box span.in a:hover{float:left; width:40px; height:40px; background:url(images/in_icon.gif) no-repeat 0 -40px}

#side_bar .social_network_box span.mail a{float:left; width:40px; height:40px; background:url(images/mail_icon.gif) no-repeat 0 0}
#side_bar .social_network_box span.mail a:hover{float:left; width:40px; height:40px; background:url(images/mail_icon.gif) no-repeat 0 -40px}

#side_bar .social_network_box span.rss a{float:left; width:40px; height:40px; background:url(images/rss_icon.gif) no-repeat 0 0}
#side_bar .social_network_box span.rss a:hover{float:left; width:40px; height:40px; background:url(images/rss_icon.gif) no-repeat 0 -40px}

#side_bar .social_network_box h2{float:left; width:200px; font:14px/22px Arial,Helvetica,sans-serif; font-weight:bold; margin:20px 0 0 0}



/*sidebar contents goes here...*/
#side_bar .content_box{float:left; width:200px; margin:0 0 30px 0}

#side_bar .content_box h2{float:left; width:200px; padding:0px 0 8px 0; font:18px/20px "Helvetica",Arial,sans-serif; color:#603814; font-weight:bold}
#side_bar .content_box ul{float:left; width:200px; list-style:none}

#side_bar .content_box ul li{float:left; width:185px; background:url(images/blue_bullet.gif) no-repeat 0 9px; padding:0 0 0 15px}

#side_bar .content_box ul li a{color:#603814}

#email_update_form{float:left; width:200px}

#email_update_form label{float:left; width:200px; font:14px/16px Arial,Helvetica,sans-serif; margin-bottom:7px}

#email_update_form .input_wrap{float:left; width:198px; border:1px solid #6c4826; margin:0 0 15px 0}

#email_update_form .input{float:left; width:186px; border:1px solid #efeae2; background:#fbf9f3; padding:3px 5px; color:#603814}

#email_update_form .sign_up_btn{float:left; border:none; background:#2aaae3; padding:3px 13px; color:#603814; font:17px/20px Arial,Helvetica,sans-serif; text-transform:uppercase; color:#fff; margin:10px 0 0 0}


/*Right Container goes here...*/
#right_container{float:right; width:618px; padding:52px 0 0 0}

/* Post goes here...*/
#right_container .post{float:left; width:618px}

#right_container .post .title{float:left; width:618px; font:24px/26px "Times New Roman",Times,serif; color:#2c9ada; padding:10px 0 7px 0}
#right_container .post .title a{color:#2c9ada; text-decoration:none}

#right_container .post .date{float:left; width:618px; font:12px/14px "Helvetica",Arial,sans-serif; color:#c0b3a7}

#right_container .post .image_box{float:left; width:611px; padding:0 0 0 7px; margin:41px 0 38px 0; display:inline}

#right_container .post .contents{float:left; width:618px}
#right_container .post .contents a{color:#2C9ADA; margin:0px}
#right_container .post .contents span{float:left; margin:10px}
#right_container .post .contents p{float:left;width:100%; margin-top:20px}
#right_container .post .contents ul {padding:0 0 0 30px;}
#right_container .post .contents img{float:left; padding:0 0 0 7px; margin:3px 14px 0 0; display:inline}
#right_container .body_contents{float:left; width:618px; margin-top:30px}
#right_container .body_contents p{float:left; width:618px}

#right_container .body_contents p a{color:#603814}

#right_container .body_contents .body_top_contents h2{float:left; width:618px; margin:20px 0 20px 0; font:18px/20px "Helvetica",Arial,sans-serif; font-weight:bold}

#right_container .body_contents .body_top_contents ul{float:left; width:600px; list-style:none; padding:0 0 0 18px}

#right_container .body_contents .body_top_contents li{float:left; width:40px; background:url(images/blue_bullet.gif) no-repeat 0 9px; padding:0 0 4px 15px}

#right_container .body_contents .body_top_contents ul li a{color:#603814; text-decoration:none}

#right_container .body_contents .block_text_box{float:left; width:618px; margin:15px 0}

#right_container .body_contents .block_text_box blockquote{float:left; background:#fbf9f3; padding:15px 30px; margin-bottom:10px}

#right_container .body_contents .comments_box{float:left; width:618px; margin:15px 0; border-top:1px solid #603814}

#right_container .body_contents .comments_box .comment_title_box{float:left; width:588px; padding:0}

#right_container .body_contents .comments_box .comment_title_box .comment_links{float:left; color:#c0b3a7}
#right_container .body_contents .comments_box .comment_title_box .comment_links a{color:#c0b3a7; margin:0 4px 0 4px}

#right_container .body_contents .comments_box .comment_title_box .comment_links a.first{color:#c0b3a7; margin:0 4px 0 0}

#right_container .body_contents .comments_box .comment_title_box .share_box{float:right; margin-top:2px}

#right_container .body_contents .comments_box .comments_wrap{float:left; width:618px; padding:10px 23px 10px 27px; border:1px solid #603814; margin:20px 0 20px 0; background:#fbf9f3}

#right_container .body_contents .comments_box .comments_wrap .single_comment{float:left; width:568px; border-bottom:1px dotted #ae9984; padding:25px 0 27px 0}
#right_container .body_contents .comments_box .comments_wrap .single_comment.last{padding:270px 0 0 0; border-bottom:0px}

#right_container .body_contents .comments_box .comments_wrap div span{float:left; width:30px; font:12px/14px Arial,"Helvetica",Arial,sans-serif; font-weight:bold; margin-bottom:10px}

#right_container .body_contents .comments_box .comments_wrap h3{float:left; width:650px;  font:14px "Helvetica",Arial,sans-serif}

#right_container .body_contents .comments_box .comments_wrap p{float:left; width:568px;  font:12px/18px "Helvetica",Arial,sans-serif}

#right_container .body_contents .comment_form_box{float:left; width:618px; padding:0 0 40px 0}

#right_container .body_contents .comment_form_box h2{float:left; width:618px; margin:0 0 10px 0; font:18px/20px "Helvetica",Arial,sans-serif; font-weight:bold}

#commentform{float:left; width:618px}

#commentform .row{float:left; width:618px; margin-bottom:28px}

#commentform label{float:left; width:152px; font:14px/16px Arial,Helvetica,sans-serif; margin:5px 0 0 0}

#commentform label.last{float:left; width:618px; margin:0 0 13px 0}

#commentform .input_wrap{float:left; width:198px; border:1px solid #6c4826; margin:0 0 0 0}

#commentform .input{float:left; width:186px; border:1px solid #efeae2; background:#fbf9f3; padding:3px 5px; color:#603814}

#commentform .text_area_wrap{float:left; margin-left:152px;width:348px; border:1px solid #6c4826; margin:0 0 15px 0}

#commentform .text_area{float:left; width:336px; height:138px; border:1px solid #efeae2; background:#fbf9f3; padding:3px 5px; color:#603814}

#commentform .sign_up_btn{float:left; border:none; background:#2aaae3; padding:3px 13px; color:#603814; font:17px/20px Arial,Helvetica,sans-serif; text-transform:uppercase; color:#fff}


/*footer goes here...*/
#footer_wrapper{width:100%; border-top:3px solid #38210c; background:#603814}

#footer{width:888px; padding:0 27px 0 49px; height:158px; margin:0 auto}

#footer .left_box{float:left; width:230px; padding:5px 0 0 0}
#footer .left_box p{float:left; width:230px; color:#f2e8ca; font:10px/12px "Helvetica",Arial,sans-serif}
#footer .left_box p a{color:#f2e8ca;}

#footer .middle_box{float:left; width:440px; height:50px}

#footer_menu{float:left; width:430px}

#footer_menu ul{float:left; list-style:none}

#footer_menu ul li{float:left; font:12px/14px "Helvetica",Arial,sans-serif; margin:7px 15px 0 0}

#footer_menu ul li.active a{border-bottom:1px solid #a9906f}

#footer_menu ul li a{color:#f2e8ca; text-decoration:none; float:left}

#footer_menu ul li a:hover{color:#f2e8ca; border-bottom:1px solid #a9906f}

#footer .right_box{float:right; width:200px}
#footer .right_box .search_box{width:196px; float:right; height:25px; padding:6px 0 0 0}

#footer_search_form{float:left; width:196px}

#footer_search_form .input{float:left; width:163px; background:#806043; border:none; padding:2px 4px; font:12px/14px Arial,Helvetica,sans-serif; color:#38210c}

#footer_search_form .search_btn{float:right}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
.navigation a{color:#c0b3a7; margin:0 4px 0 4px}
.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.commentlist a{color:#c0b3a7; margin:20px 4px 0 4px}

.commentlist li {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	list-style:none;
}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	padding: 25px 0 10px 0;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	margin: 2px 0 2px 0;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}