/* 
Theme Name: Desk Mess
*/

/* = GLOBAL = */
* { margin: 0; padding: 0; border: 0; }

@font-face {
    font-family: 'FeltTipRomanRegular';
    src: url('fonts/felt_tip_roman-webfont.eot');
    src: url('fonts/felt_tip_roman-webfont.eot?#iefix') format('eot'),
         url('fonts/felt_tip_roman-webfont.woff') format('woff'),
         url('fonts/felt_tip_roman-webfont.ttf') format('truetype'),
         url('fonts/felt_tip_roman-webfont.svg#webfontJwUYJ1XE') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background:#aa8254 url(images/bg-body.png) repeat-y top center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #635537; /* brown */
	}
	
a:link, a:visited, a:active {
	color: #d21600; /* red */
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
h1, h2, h3, h4 {
	font-weight: normal;
	line-height: 100%;
	}


/* BEGIN HEADER */

#header {
	width: 980px;
	/*height: 240px;*/
	margin: 0 auto;
	}

	#logo {
		float:left;
		/*border: 1px solid magenta;*/
		}
		
	#tchotchkes {
		float:right;
		}
		
/* END HEADER */

/* BEGIN MENU */

#menu {
	clear: both;
	margin: 0 auto;
	width: 940px;
	height: 106px;
	overflow: hidden;
	}
	
	#menu h2 {
		display: none;
		font-size:21px;
		padding: 0;
		height: 0;
		}

	#menu li {
		font-family: "FeltTipRomanRegular",  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size: 21px;
		background: url(images/menu_button2.png) no-repeat top center;
		float:left;
		list-style-type:none;
		margin: 20px 8px 0 0;
		text-align:center;
		width:98px;
		}
		
	#menu a {
		color:#000;
		opacity:0.4;
		text-decoration:none;
		padding: 20px 0;
		display:block;
		}
		
	#menu a:hover, #menu li.current_page_item a, #menu li.current_page_parent a {
		color:#000;
		opacity:1;
		}
		
	#menu div.menu-widget {
		font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		color: #635537;
		float: right;
		width: 276px;
		height: 106px;
		min-height: 96px;
		text-align:center;
		background: url(images/bg-subscribe.png) no-repeat;
		}
		
	#menu div.menu-widget p.manage {
		font-size: 10px;
		line-height: 16px;
		padding: 35px 40px;
		text-align:center;
		width: 196px;
		}
		
	#menu div.menu-widget p.manage a {
		padding: 0;
		display:inline;
		}
		
		
	#subscribe2-form {
		padding-top: 32px;
		color: #000;		
		}		
	
	#subscribe2-form p {
		margin: 0px;
		font-size: 12px;
		line-height: 18px;
		color: #666;
		padding: 0 10px;
		}
		
	#subscribe2-form p a {
		padding: 0;
		display:inline;
		}
	
	#subscribe2-form p input {
		display: inline;
		font-size: 12px;
		color: #000;
		padding: 1px;
		/*margin: 0px 0 2px 2px;*/
		}
		
	#subscribe2-form p input.email {
		height: 16px;
		border: 1px solid #666;
		opacity:.5;
		}	
	#subscribe2-form p input.email:focus {
		height: 16px;
		border: 1px solid #000;
		opacity:1;
		}
		
	#subscribe2-form p input.subscribe, #subscribe2-form p input.unsubscribe, #subscribe2-form span.poop {
		font-family: "FeltTipRomanRegular",  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-size: 16px;
		border: none;
		background: none;
		color: #000;
		opacity:.5;
		}
		
	#subscribe2-form p input.subscribe:focus, #subscribe2-form p input.unsubscribe:focus {
		border: none;
		background: none;
		opacity:1;
		}
		
	/*#subscribe2-form p input.unsubscribe, #subscribe2-form span.poop {
		display: none;
		}*/
		
	#menu p.error {
		font-size: 10px;
		padding: 2px;
		text-align:center;
		border: 1px solid #D21600;
		color: #D21600;
		background: #FFF;
		width: 300px;
		position: absolute;
		z-index: 50;
		}
		
	#menu p.confirmation {
		font-size: 12px;
		padding: 2px;
		text-align:center;
		border: 1px solid #635537;
		color: #635537;
		background: #FFF;
		}
		
								
/* END MENU */


/* BEGIN MIDDLE */

#topper {
	clear: both;
	width: 960px;
	margin: 0 auto;
	background: url(images/maintoppart.png) no-repeat top center;
	height: 72px;
	}
	
#middle {
	margin: 0 auto;
	width: 960px;
	padding-bottom: 25px;
	background-image: url(images/mainmidpart.png);
	background-repeat: repeat-y;
	}
	
	/* BEGIN SIDEBAR */
	
	#sidebar {
		width:305px;
		position: relative;
		float:right;
		padding-right: 20px;
		margin-top: -20px;
		}

	#sidebar-top {
		background: url(images/bg-sidebar-top.png) no-repeat;
		height: 33px;
		min-height: 33px;
		}
		
	#sidebar-content {
		background: url(images/sidebarmid.png) repeat-y;
		padding:9px 30px 0px 30px;
		}
		
	#sidebar-bottom {
		background: url(images/bg-sidebar-bottom.png) no-repeat;
		height: 37px;
		min-height: 37px;
		text-align:right;
		margin-left:-1px;
		clear: both;
		}
			
	#sea-men {
		text-align: right;
		margin: -10px 0 -30px 0;
		}
	
	#sea-men img {
		margin-left: 4px;
		}
	
	#twitlink {
		width: 46px;
		position: relative;
		margin: 0 0 -56px 13px;
		}
		
	#twits h2 {
		background:url(images/bg-sidebar-h2-twitter.png) no-repeat;
		height: 35px;
		padding-top: 50px;
		}
		
		
	/*#twits ul {
		margin: 0;
		padding: 0;
		}
			
	#twits ul li {
		background: none;
		margin: 0;
		padding: 5px;
		}*/
		

	.affiliate {
		float:left;
		padding: 20px 0 0 36px;
		}
		
	.subcolumn{
		width:255px;
		}

	.widget {
		list-style: none;
		width:252px;
		margin-left:4px;
		background:url(images/widgetbck.png) bottom center no-repeat;
		/*border-right:1px solid #e3dccb;
		border-left:1px solid #e3dccb;*/
		/*border-bottom:1px solid #e3dccb;*/
		margin-bottom:20px;
		text-align:center;
		padding-bottom:10px;
		margin-top:10px;
		/* optional rounded corners for browsers that support it */
		/*-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;*/
		}
		
	.widget:last-child {
		margin-bottom: 0;
		}

	.widget p {
		padding-left:5px;
		margin-bottom:4px;
		}
		
	.widget h2 {
		height: 40px;
		width: 252px;
		background:url(images/widgeth2.png) no-repeat;
		text-align:center;
		padding: 22px 0 0 0;
		font-size: 20px;
		font-family: "FeltTipRomanRegular",  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		color:#4a4131;
		margin:0;	
		}
	
		.widget h2 a {
			color:#4a4131;
			}
			
		.widget h2 a:hover {
			color:#d21600;
			text-decoration: none;
			}
		
	.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, .widget dl dd a {
			color: #d21600;
			text-decoration:none;
			}
			
		
		.widget ul li a:hover, .widget dl dd a:hover {
			color: #635537;
			text-decoration:none;
			}
			
			
	#tubepress {
	
   }
			
			
	.widget input {
			height: 18px;
			border: 1px solid #e3dccb;
			}
			
	.textwidget{
		padding:0 8px 0 8px;
		}
	
	#sidebar img.flickr_photo {
		border: 1px solid #B2B0A4;
		padding: 5px;
		width: 140px;
		}
		
	#sidebar div.qflickr-title 	{
		font-size:16px;
		padding: 10px;
		background: url(images/listseparator.png) no-repeat 25% 100%;
		margin-bottom: 20px;
		color: #D21600;
		}
		
	#sidebar dl.tubepress_meta_group {
		width: 200;
		background: url(images/listseparator.png) no-repeat 25% 100%;
		overflow: hidden;
		padding-bottom: 20px;
		}
	
	#sidebar dd.tubepress_meta_uploaddate {
		display:none;
		}
	
	/* END SIDEBAR */
	
	/* BEGIN CONTENT */
	
	#content {
		float:left;
		width:582px;
		padding-left: 40px;
		margin-top: -10px;
		}
			
	#content h1 {
		font-size: 36px;
		font-family: "FeltTipRomanRegular",  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-weight:normal;
		padding-bottom:2px;
		}
		
		#content h1 a {
			color: #635537;
			text-decoration:none;
			}
			
		#content h1 a:hover{
			color:#d21600;
			text-decoration:none;
			}
			
	#content h2 {
		font-weight:normal;
		}
		
		#content h2 a {
			color: #635537;
			text-decoration:none;
			}
			
		#content h2 a:hover{
			color:#d21600;
			text-decoration:none;
			}
			
	#content h3 {
		font-weight:normal;
		}
		
		#content h3 a {
			color: #635537;
			text-decoration:none;
			}
			
		#content h3 a:hover{
			color:#d21600;
			text-decoration:none;
			}
			
	#content p, #content label {
		font-size: 16px;
		line-height: 24px;
		margin-bottom:10px;
		}
	
	#content ul {
		margin-left: 35px;
		margin-bottom:10px;
		}
	
	#content blockquote	{
		padding: 10px 20px;
		font-size:21px;
		font-style:italic;
		}
	
	#content blockquote p	{
		font-size:21px;
		font-style:italic;
		}	
		
	#content blockquote p:last-child	{
		font-size:14px;
		}
	
	#content p.postdata, #content p.jgallery-previous, #content p.jgallery-next{
		margin-bottom: 10px;
		font-size: 12px;
		font-weight: normal;
		font-style:italic;
		color: #4a4131;
		}
		
	#content p.wp-caption-text {
		font-size: 12px;
		font-style: italic;
		text-align: left;
		padding: 2px 0 0 4px;
		margin-bottom: 0;
		}
	
	#content div.jgallery-captions p {
		font-size: 12px;
		font-weight: normal;
		font-style:italic;
		color: #4a4131;
		}
		
	#content iframe, #content object {
		background-color: #FFFFFF;
		border: 1px solid #59350B;
		padding: 10px;
		overflow: hidden;
		}
		
	img.aligncenter {
		border: 1px solid #59350b;
		margin-left: auto;
		margin-right: auto;
		display: block;
		}
	
	img.alignright {
		border: 1px solid #59350b;
		margin: 0 0 4px 20px;
		display: inline;
		}
	
	img.alignleft {
		border: 1px solid #59350b;
		margin: 0 20px 4px 0;
		display: inline;
		}
	
	.alignleft {
		float: left
		}
	
	.alignright {
		float: right;
		}

	.bordernone {
		border: none;
		}
		
	.wp-caption {
	   border: 1px solid #59350b;
	   text-align: center;
	   background-color: #f3f3f3;
	   padding: 4px;
	   padding-top: 9px;
	   margin: 10px 0;
		}
	
	.wp-caption img {
	   margin: 0;
	   padding: 0;
	   border: 0 none;
		}
		
	.clear {
		clear: both;
		height: 0px;
		}
			
	div.post {
		clear: both;
		padding-bottom: 10px;
		}
		
	div.post-navigation {
		padding: 0px;
		}
		
	div.post-navigation-previous {
		float: left;
		width: 275px;
		}
		
	div.post-navigation-next {
		float: right;
		width: 275px;
		text-align: right;
		}
		
	#content div.post-box {
		clear: both;
		padding-bottom: 20px;
		overflow:auto;
		}
		
	#content div.post-box p {
		display: inline;
		}
		
		
		
		
		
		#content div.post-box p.postdata {
		display: block;
		}
		
		
		#content div.post-box p.full-story {
			font-style:italic;
			font-size: 12px;
			white-space:nowrap;
			
		}
		
		
		
		
	.size-thumbnail, .wp-post-image {
		padding: 4px;
		background-color:#FFF;
		}
		
	#facebook-like-button {
		margin-top: 25px;
		}
		
	div.wp-pagenavi {
		float: right;
		margin: 20px 0;
		border-bottom: none;
		font-size: 12px;
		}



	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 0px 4px; 
		margin: 2px;
		text-decoration: none;
		border: none;
		color: #d21600; /* red */
		}
	.wp-pagenavi a:hover {	
		text-decoration: underline;
		color: #d21600; /* red */
		}
		
	.wp-pagenavi span.pages {
		padding: 0px 4px; 
		margin: 2px 10px 2px 2px;
		border-bottom: none;
		display:none;
		}
	.wp-pagenavi span.current {
		padding: 0px 4px; 
		margin: 2px;
		font-weight: bold;
		border-bottom: none;
		color: #635537; /* brown */
		}
	.wp-pagenavi span.extend {
		padding: 0px 4px; 
		margin: 2px;	
		border: none;
		}	

	
		
	.post-comments {
		float: right;
		width: 35px;
		height: 60px;
		padding:18px 0 0 24px;
		font-size:18px;
		font-family: "FeltTipRomanRegular",  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
		font-weight:normal;
		margin: 10px 0px -10px 20px;
		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:#4a4131;
		text-decoration:none;
		}
	
	.post-comments a:hover {
		color:#d21600;
		text-decoration:none;
		}
	
	.time-meta {
		display: block;
		font-size: 12px;
		}
		
	.from-meta {
		display:none;
		}
		
	.commentlist {
		padding: 0;
		margin-bottom: 20px;
		}	
	
	.commentlist p {
		margin: 0 15px 10px 2px;
		clear:both;
		}
		
	#commentform p {
		margin: 5px 0;
		}
		
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
		}
		
	.alt {
		margin-top: 1px;
		padding: 10px 10px 5px 10px;
		background: #f2f2f2;
		border: 1px solid #b2b0a4;
		}	
		
	.alt2{
		margin-top: 1px;
		padding: 10px 10px 5px 10px;
		background: #ffffff;
		border: 1px solid #b2b0a4;
		}	
		
	.administrator {
		margin-top: 1px;
		padding: 10px 10px 5px 10px;
		background:#e5dfcf url(images/author.png) no-repeat center ;
		border: 1px solid #7e7d75;
		}
		
	.cgravatar {
		float: left;
		width: 60px;
		height: 60px;
		margin: 0px 12px 0px 0px;
		border: 1px solid #47453a;
		}
		
	.comment-author {	
		font-size: 120%;
		}
				
	.comment-date {
		margin-left:2px;
		margin-top:3px;
		font-size: .75em;
		color: #888;
		}
		
	#post-commments {
		/*width:580px;
		padding: 0 0 5px 0px;*/
		clear: both;
		}
		
	#post-commments h2 {
		padding-top: 0;
		padding-bottom: 10px;
		}
		
	#comhead{
		background:url(images/comh3.png) no-repeat;
		margin-bottom:10px;
		color:#271b03;
		padding:8px 0 0 40px;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;	
		width: 175px;	
		height: 36px;
		}
		
	#respond {
		width:580px;
		padding: 0 0 5px 10px;
		clear: both;
		}
		
	#respond {
		background:url(images/comh3.png) no-repeat;
		width: 175px;	
		height: 36px;
		margin-top:25px;
		color:#271b03;
		padding:8px 0 0 70px;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;			
		}
		
	#commentform {	
		margin: 0px 0px 30px 0px;
		font: 110% Arial, Helvetica, sans-serif;
		}
		
	#commentform p {
		padding: 6px 0px;
		margin: 0px;
		}
	
	#commentform label, #wpcf7-f1-p167-o1 label {
		/*color: #787878;*/
		font-size: 87%;
		}
		
	#commentform input, #wpcf7-f1-p167-o1 input {
		width: 200px;
		background: #fff;
		border: 1px solid #59350B;
		padding: 5px;
		margin-top: 3px;
		font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
		}
		
	#commentform textarea, #wpcf7-f1-p167-o1 textarea {
		height: 130px;
		background: #fff;
		border: 1px solid #59350B;
		padding: 5px;
		margin-top: 3px;
		font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
		overflow: auto;
		}
		
	#commentform #submit {
		cursor:pointer;
		}
		
	/*#contact-map {
		background-color:#FFFFFF;
		padding: 10px;
		border: 1px solid #59350B;
		}*/
	
		
	#wpcf7-f1-p167-o1 {
		/*float: right;*/
		}
	
	#wpcf7-f1-p167-o1 textarea, #wpcf7-f1-p167-o1 input {
		width: 250px
		}	
		
	#wpcf7-f1-p167-o1 input.wpcf7-submit, #submit {
		width: 100px;
		color: #635537;
		font-weight: bold;
		}
		
	span.wpcf7-list-item {
		display: block;
		}
	
		
	.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;
		}

		
	/* END CONTENT */
	
	

/* END MIDDLE */

	
/* BEGIN FOOTER */

#footer {
	background:url(images/bg-footer.png) no-repeat top center;
	height: 50px;
	width: 960px;
	margin: 0 auto 40px auto;
	}

#footer p {
	font-family: "FeltTipRomanRegular",  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-align:left;
	padding: 40px;
	color:#000000;
	opacity:0.5;
	}
	
	#footer p a {
		color: #000000;
		}
		
	#footer p a:hover {
		color: #000000;
		border-bottom: none;
		text-decoration: none;
		opacity:1;
		}

#wp-footer{
	position:absolute;
	background: url(images/footer-wp.png) no-repeat;
	width:95px;
	height:26px;
	margin-top:95px;
	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;
	}
	
/* END FOOTER */