/* 



Theme Name: Desk Mess



Theme URI: http://www.geekwithlaptop.com/desk-mess-wordpress-theme



Description: Casual work-desk theme for a different blogging experience.Brought to you <a href="http://www.geekwithlaptop.com">Geek with Laptop</a>



Version: 1.4



Author: Geek With Laptop



Author URL: http://www.geekwithlaptop.com



Tags: valid XHTML, fixed width, wood, two columns, widgets, gravatars, right sidebar, 







The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php



*/







/* = GLOBAL = */



* {margin:0;padding:0;}



body {



	margin: 0;



	padding: 0;



	background:#ae8858 url(images/bg.jpg) repeat top left;



	font-family: Arial, Helvetica, sans-serif; 



	font-size: 12px;



	line-height:21px;



	color: #635537;



}



a:link, a:visited, a:active {



	color: #b79545;

outline: 0;

	text-decoration: none;



}



a:hover {



	text-decoration: underline;

outline: 0;



}







h1 {



	font-size:26px;



	font-family: Arial, Helvetica, sans-serif; 



	font-weight:normal;



	line-height:normal;



	padding-bottom:0px;



	text-decoration: none;



}



h2 {



	font-size:20px;



	font-family: Arial, Helvetica, sans-serif; 



	font-weight:normal;



	line-height:normal;



	padding-bottom:11px;



	padding-top:15px;







}



h3 {



	font-size:17px;



	font-family: Arial, Helvetica, sans-serif; 



	font-weight:normal;



	line-height:normal;



	padding-bottom:10px;



	padding-top:14px;



}



/* === HEADER === */



#header-container {



	width: 1150px;







	padding: 0;



}



#header{



	position:relative;



	height:170px;



}



#cup {



	float:left;



	background:url(images/cup.png) no-repeat;



	height:220px;



	width:259px;

	margin-left:25px;



	margin-top:0px;



}







#headerright{



	float:left;



	background:url(images/righthead.png) no-repeat;



	width:917px;



	height:235px;



	margin-left:-73px;



	margin-top:3px;



}







/* === MENU === */







#menu {



height:20px;



left:197px;



margin:0;



padding:0;



position:absolute;



text-transform:uppercase;



top:120px;



}



#menu, #menu ul {



list-style-image:none;



list-style-position:outside;



list-style-type:none;



}



#menu a, #menu a:hover {



border:medium none;



text-decoration:none;



}



#menu li {



background:transparent;



float:left;



display: inline;



height:20px;







margin:0 3px;



text-align:left;



width:80px;



}



#menu a, #menu a:visited {



color:#45311d;



display:block;

outline: 0;

font-weight:bold;

font-size: 14px;

padding:10px 12px;



}



#menu a:hover, #menu a:active {

outline: 0;

color:#b79545;



text-decoration:none;



}





















/* === MAIN AREA == */ 



.clear {



	position: relative;



	clear: both;



	height: 0px;



}



#wrapper {



	margin: 0 auto;



	position: relative;



	width: 1087px;



	background-image: url(images/mainmidpart.png);



	background-repeat: repeat-y;



}



#mainwrap{	



	width:1100px;



	margin:0 auto;



	}



#maintop {



	margin: 0 auto;



	position: relative;



	width: 1087px;



}



#related_posts_thumbnails {

list-style-type: none;

list-style-position: inside;

padding: 0pt;

margin: 0pt;

}



#related_posts_thumbnails li {

float: left;

margin: 0pt;

padding: 0px;

display: block;

border-right: 0px solid #DDDDDD;

background-color: #FFFFFF;

}



#related_posts_thumbnails li:hover {

background-color: #EEEEEF;

}



#related_posts_thumbnails li a {

border: 0pt none;

line-height: normal;

font-size-adjust: none;

font-stretch: normal;

}



#related_posts_thumbnails li a+a {

display: block;

width: 110px;

overflow: hidden;

height: 75px;

color: #333333;

text-decoration: none;

font: 12px Arial;

}



#related_posts_thumbnails img {

padding: 0px;

margin: 0px;

border: 0pt none;

}







#maintopimg {



	position: relative;



	padding:0;



	background:url(images/maintoppart.png);



	height:15px;



}



#content {



	position: relative;



	width: 1060px;



	margin: 0 0 0 40px;



}







/* === MAIN BLOG === */







#main-blog {



	float:left;



	width:640px;



	padding:0px 10px 10px 0px;

	margin-left:-4px;

	margin-top: -40px;



}



#main-blog h1 {



	font-size:22px;



	font-family: Arial, Helvetica, sans-serif; 



	font-weight:normal;



	line-height:140%;



	padding-top: 0px;

	margin-bottom: 10px;



}



#main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{



	color:#4a4131;

outline: 0;

	text-decoration:none;



}



#main-blog h1 a:hover{



	color:#b79545;

outline: 0;

	text-decoration:none;











}



.postdata {



	margin-bottom: -5px;



	font-size: 12px;



	font-weight: normal;



	font-style:italic;



	color: #4a4131;



}



.post {



text-align: left;



	margin-bottom:40px;

	margin-top:10px;

	text-align:justify;



}







.post p {



	margin:0;



	padding:0 0 12px;



}







post ul {



	margin-left:35px



}



.post-comments {



	float: right;



	text-align: center;



	width: 49px;



	height: 48px;



	padding:13px 0 0 0px;



	font-size:19px;



	font-family: Arial, Helvetica, sans-serif; 



	font-weight:bold;



	margin:-12px 0px -30px 0px;



	background: url(images/commentbck.png) no-repeat;



}



.post-social {



	float: right;



	width: 78px;



	height: 74px;



	margin:-22px 30px 0 0;



	background: url(images/socialbck.png) no-repeat;



}



.rss {	







		background: url(images/rssicon.png) no-repeat 0 50%;



		padding-left:20px;



		padding-top:1px;



}







.post-comments a:link, .post-comments a:visited, .post-comments a:active{



	color:#eae6d3;

outline: 0;

	text-decoration:none;



}



.post-comments a:hover {



	color:#b79545;

outline: 0;

	text-decoration:none;



}







/* === SIDEBAR == */







a img { border: none; outline: 0;}







#sidebar-top {



	height: 1px;



	min-height: 1px;



}



#sidebar-content {



	background: url(images/sidebarmid.png) repeat-y;

	padding:0px 30px 30px 30px;



}



#sidebar-bottom {



	background: url(images/sidebarbottom.png) no-repeat;



	height: 132px;



	min-height: 132px;



	text-align:right;



	margin-left:0px;



}



#sidebar {



	width:375px;



	position:relative;



	float:left;



	margin:-50px 0px 0 3px;	



}		



.subcolumn{



	width:325px;



}



.ratings{



}









#search{



	width:320px;



	height:61px;



	margin-left:11px;



	margin-bottom:1px;



}







.form-input {



	

	padding: 4px;



	width: 160px;



	background:transparent;



	border: 2px solid #45311d;



	color: #45311d;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 0.8em;



}











.form-input:focus {



	background:#fff;

          color: #45311d;

	border: 1px solid #fff;



}





.search-submit {



	margin:190 0 0 8px;



	width: 21px;	



	background: #faf6f6;



	border: 1px solid #e3dccb;



	color: #666;



	font-size:.85em;	



}



.widget {



	width:325px;



	margin-left:3px;



	margin-bottom:6px;



	text-align:center;



	padding-bottom:6px;



	margin-top:4px;



	



}



#calendar_wrap{



	margin-left:55px;



	}



.widget p {



	padding-left:5px;



	}



	



	



.widget h2 {



	height:40px;



	width:325px;



	background:url(images/widgeth2.png) no-repeat;



	text-align:center;



	padding:12px 0 0 0;



	font-size:18px;



	font-family: Arial, Helvetica, sans-serif; 



	font-weight:normal;



	line-height:normal;



	color:#4a4131;



	margin:0;



}



.widget ul {



	margin:0 0 15px 0;



	padding:5px 0;



	border:none ;



	list-style:none;



}



.widget ul li {



	padding:5px 15px 10px 15px;



	margin:0px;



	background: url(images/listseparator.png) no-repeat 25% 100%;



}



.widget ul li a{



	color: #b79545;

outline: 0;

	text-decoration:none;



}



.textwidget{



	padding:0 8px 0 8px;



	}



.widget ul li a:hover{



	color: #635537;

outline: 0;

	text-decoration:none;



}		







/* --- IMAGES --- */







img {



	



}



p img {



	padding: 0;



	max-width: 100%;	



}



img.aligncenter {



	border: 1px solid #59350b;



	margin-left: auto;



	margin-right: auto;



	display: block;



}



img.alignright {



	border: 1px solid #59350b;



	margin: 0 0 13px 13px;



	display: inline;



}



img.alignleft {



	border: 1px solid #59350b;



	margin: 0 13px 13px 0;



	display: inline;



}



.alignleft {



	float: left



}



.alignright {



	float: right;



}



.wp-caption {



   border: 1px solid #59350b;



   text-align: center;



   background-color: #f3f3f3;



   padding-top: 4px;



   margin: 10px;



   /* optional rounded corners for browsers that support it */



   -moz-border-radius: 3px;



   -khtml-border-radius: 3px;



   -webkit-border-radius: 3px;



   border-radius: 3px;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



}



	



/* == FOOTER == */







#bottom{

	background:url(images/footer2.png) no-repeat;

 	margin-left:6px;

	height:223px;

}



#bottom p{



	text-align:center;



}



#footsplit1{

	background:url(images/footer_v_split.png) no-repeat;

 	margin-left:364px;

	height:185px;

	width:5px;

}

#footsplit2{

	background:url(images/footer_v_split.png) no-repeat;

 	margin-left:711px;

	margin-top:-185px;

	height:185px;

	width:5px;

}

#footcontent{

	margin-left:10px;

	margin-top:-170px;

	height:178px;

}



#wp-footer{



	position:absolute;



	background: url(images/footer-wp.png) no-repeat;



	width:95px;



	height:2px;



	margin-top:45px;



	margin-left:460px;



}	



#wp-footer a {



	display: block;



	height: 0;



	padding-top:26px;



	overflow: hidden;



	text-decoration: none;



	width: 95px;



}



#wp-footer a:hover {



	background: url(images/footer-wp.png)  no-repeat 0 -28px;



}



/*------------------COMMENTS----------*/



.commentlist {



	padding: 0px;



	text-align: justify;



}	



.commentlist p {



	margin: 0 15px 10px 2px;



	clear:both;



}



#commentform p {



	margin: 7px 0;



}



.nocomments {



	text-align: center;



	margin: 0;



	padding: 0;



}



.alt{



	margin-top: 3px;



	padding: 10px 10px 20px 10px;



	background: #e7dbbe;



	border: 0px solid #b2b0a4;



}	



.alt2{



	margin-top: 3px;



	padding: 10px 10px 5px 10px;



	background: #eee8da;



	border: 0px solid #b2b0a4;



}	



.administrator {



	margin-top: 3px;



	padding: 10px 10px 5px 10px;



	background:#ffffff url(images/author.png) no-repeat center ;



	border: 0px solid #b79545;



}



.cgravatar {



	float: left;



	width: 50px;



	height: 50px;



	margin: 0px 15px 0px 0px;



	border: 0px solid #47453a;



}



.comment-author {	



	font-size: 140%;

	font-weight:bold;

	font-family:Geneva, Arial, Helvetica, sans-serif;

	color: #2b2d2f;



}



.comment-author a:link , .comment-author a:visited, .comment-author a:active {



	color: #b79545;



	border-bottom: 0px solid #b79545;	



	text-decoration: none;



}



.comment-author a:hover {



	color: #635537;



	border-bottom:1px solid #b2b0a4;



	text-decoration: none;



}		



.comment-date {



	margin-left:2px;



	margin-top:0px;



	font-size: 80%;



	color: #888;



	font-weight:normal;



}



#com{



	width:640px;



	padding: 0 0 5px 0px;



	clear: both;



}



#comhead{



	

	background-color:#b79545;



	margin-bottom:5px;



	color:#ffffff;



	text-align: right;



	padding:10px 20px 0 0px;



	font-size:18px;



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;	



	width: 620px;	



	height: 30px;



	



}



#respond {



	width:640px;



	padding: 10px 10px 10px 50px;



	clear: both;



}



#respond {



	background-color:#b79545;



	width: 620px;	



	height: 30px;



	margin:20px 0;



	color:#ffffff;



	padding:10px 0 0 20px;



	font-size:18px;



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;	





}



#commentform {	



	margin: 10px 10px 30px 0px;



	font: 100% Arial, Helvetica, sans-serif;



}



#commentform p {



	padding: 6px 0px;



	margin: 0px;



}



#commentform label{



	color: #787878;



	font-size: 87%;



}



#commentform input{



	width: 200px;



	background: #fff;



	border: 1px solid #b2b0a4;



	padding: 5px;



	margin-top: 3px;



	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;



}





#commentform textarea{



	height: 100px;



	width: 630px;



	background: #fff;



	border: 1px solid #b79545;



	padding: 5px;



	margin-top: 3px;



	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;



	overflow: auto;



}



#commentform #submit{



	background-color: #b79545;



	-moz-border-radius:7px;



	cursor:pointer;



}



.contactform input,  .contactform textarea {



	background: #333;



	border: 1px solid #b2b0a4;



	color: #fff;



}



.contactform input:focus, .contactform textarea:focus {



	background:#444444;



	border: 1px solid #000;	



	padding-bottom:30px;



	color:#fff;



}



.contactform #contactsubmit {



	width: 85px;



	background: #111;



	border: 1px solid #666;



	color: #e3e3e3;



	font-size:.85em;



}



.contactform #contactsubmit:focus{	



	width: 85px;



	background: #333;



	border: 1px solid #666;



	color: #e3e3e3;



	font-size:.85em;



}



.contactform textarea {



	width: 340px;



	height: 200px;



	margin-bottom:10px;



}



.ddfmwrap {



	width: 450px;



	margin: 0;



	padding: 10px 0;



}







.ddfmwrap form.ddfm {



	width: 450px;



	margin: 0;



	padding: 0;



}







.ddfmwrap form.ddfm legend {



	font-size: 1.1em;



	font-weight: normal;



	color: #635537;



}







.ddfmwrap form.ddfm label {



	padding-top: 4px;



	color: #635537;



	font-weight: normal;



	line-height: normal;



}











.ddfmwrap form.ddfm fieldset {



	padding: 15px 15px 15px;



	border: 1px solid #b2b0a4;



}



















.ddfmwrap p {



	color: #635537;



}







form.ddfm .credits {



	display: none;



}







.ddfmwrap .required {



	color: #cf0e0e;



}







.ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect {



	padding: 4px 5px;



	background: #fdfef6;



	border: 1px solid #b2b0a4;



	color: #635537;



	font-family: Arial, Helvetica, Geneva, sans-serif;



	font-size: 1em;



}







.ddfmwrap .fmtextarea {



	height: 200px;



}







.ddfmwrap .fmtext:focus, .ddfmwrap .fmtextarea:focus, .ddfmwrap .fmselect:focus {



	border: 1px solid #918b6e;



}







.ddfmwrap .submit {



	margin-left:-8px;



	text-align: left;



}







.ddfmwrap .submit input {



	padding: 3px 12px;



	background: #fdfef6;



	border: 1px solid #918b6e;



	color: #2b2d2f;



	font: normal 0.9em Arial, Helvetica, Geneva, sans-serif;



}











#wp-calendar {



empty-cells:show;



font-size:12px;



font-weight:bold;



margin:0;



padding:0;



text-align:center;



text-decoration:none;



width:200px;



}











div.sociable { margin: 16px 0; }







div.sociable {



text-align: center;



}







span.sociable_tagline { position: relative; }



span.sociable_tagline span { display: none; width: 14em; }



span.sociable_tagline:hover span {



	position: absolute;



	display: block;



	top: -5em;



	background: #ffe;



	border: 1px solid #ccc;



	color: black;



	line-height: 1.25em;



}



.sociable span {



	display: block;



}



.sociable ul {



	display: inline;



	margin: 0 !important;



	padding: 0 !important;



}



.sociable ul li {



	background: none;



	display: inline !important;



	list-style-type: none;



	margin: 0;



	padding: 1px;



}



.sociable ul li:before { content: ""; }



.sociable img {



         float: none;



	width: 16px;



	height: 16px;



	border: 0;



	margin: 0;



	padding: 0;



}







.sociable-hovers {



	opacity: .4;



	-moz-opacity: .4;



	filter: alpha(opacity=40);



}



.sociable-hovers:hover {



	opacity: 1;



	-moz-opacity: 1;



	filter: alpha(opacity=100);



}


.ddmcc {

	width: 160px;

	float: left;

	padding-right: 20px;

}



.ddmcc ul {

	margin: 10px 0 10px 0;

	padding: 0;

	list-style: none;

	text-indent: 0;

}



.ddmcc li {

	margin: 0 0 2px 0;

	padding: 0;

}



.ddmcc p.sep {

	font-size: 1.2em;

	color: #808080;

	font-weight: bold;

}



.ddmcc p.sep:hover {

	cursor: pointer;

}