/* 
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 {
background:#AE8858 url(images/sfondo.jpg) repeat scroll left top;
color:#000000;
font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
font-size:13px;
line-height:21px;
margin:0;
padding:0;
}
a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size:25px;
	font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:2px;
}
h2 {
	font-size:20px;
	font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:11px;
	padding-top:15px;

}
h3 {
	font-size:17px;
	font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:10px;
	padding-top:14px;
}
/* === HEADER === */
#header-container {
margin:auto;
padding:0;
width:1016px;
}
#header{
bottom:-20px;
height:295px;
position:relative;
top:31px;

}
#cup {
background:transparent url(images/tazza.png) no-repeat scroll 0 0;
float:left;
height:349px;
width:378px;
}
#logo {
background:transparent url(images/logo.png) no-repeat scroll 0 0;
float:left;
height:324px;
margin-left:-38px;
width:333px;
}
#logo h2{
	font:"Copperplate Gothic Bold", Arial, sans-serif;
	font-size:30px;
	color:#fff;
	text-align:center;
	margin:70px 0 0 24px;
	width:280px;
}
#logo p{
	color:#fff;
	margin-left:15px;
	text-align:center;
	}
#headerright{
background:transparent url(images/foto.png) no-repeat scroll 0 0;
float:left;
height:348px;
margin-left:-32px;
width:372px;
}

/* === MENU === */

#menupic {
background:#000000 none repeat scroll 0 0;
height:49px;
left:50%;
margin-left:-497px;
position:absolute;
text-transform:lowercase;
top:-7px;
width:1000px;
}


#menu {
height:55px;
left:16px;
margin:0;
padding:0;
position:absolute;
text-transform:lowercase;
top:248px;
}
#menu, #menu ul {
float:left;
line-height:3.5;
position:relative;
top:0;
}
#menu a:hover {
display:block;
text-decoration:none;
color:#808080;
}
#menu li {
float:left;
height:19px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:2px;
margin-right:2px;
margin-top:-8px;
padding-top:7px;
text-align:center;
width:132px;
}



#menu a, #menu a:visited {
color:#FFFFFF;
display:block;
font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
font-size:16px;
font-weight:bold;
position:relative;
top:-20px;
}









/* === MAIN AREA == */ 
.clear {
	position: relative;
	clear: both;
	height: 5px;
}
#wrapper {
background-image:url(images/bgr.png);
background-repeat:repeat-y;
margin:0 auto;
position:relative;
top:-22px;
width:1010px;
}
#mainwrap{	
left:50%;
margin:0 auto 0 -495px;
position:absolute;
width:990px;
top:40px;
	}
#maintop {
margin:0 auto;
position:relative;
top:-22px;
width:1010px;
}
#maintopimg {
background:transparent url(images/top.png) repeat scroll 0 0;
height:113px;
margin-top:116px;
padding:0;
position:relative;
top:0px;
}
#content {
	position: relative;
	width: 958px;
	margin: 0 0 0 35px;
}

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

#main-blog {
	float:left;
	width:520px;
	padding:15px 10px 10px 10px;
}
#main-blog h1 {
	font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
	padding-bottom:2px;
font-size:29px;
font-weight:bold;
letter-spacing:-1px;
text-transform:lowercase;

}
#main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{
color:#000000;
text-decoration:none;
}
#main-blog h1 a:hover{
	color:#808080;
	text-decoration:none;
}
.postdata {
color:#808080;
font-size:10px;
font-weight:normal;
margin-bottom:20px;
}
.post {
	margin-bottom:60px;
}

.post p {
	margin:0;
	padding:0 0 10px;
}

post ul {
	margin-left:35px
}
.post-comments {
	float: right;
	width: 63px;
	height: 61px;
margin:10px -10px 0 0;
padding:17px 0 0 24px;
	font-size:26px;
	font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
	font-weight:normal;
	background: url(images/data.png) no-repeat;
}

#comm {
color:#FFFFFF;
float:right;
font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
font-size:12px;
font-weight:normal;
height:31px;
margin:-34px 20px 0 0;
padding:19px 0 0;
width:63px;
}
.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:#F1EEE8;
text-decoration:none;
}
.post-comments a:hover {
color:#F1EEE8;
text-decoration:none;
}

/* === SIDEBAR == */


#sidebar-top {
	background: url(images/sidebartop.png) no-repeat;
	height: 90px;
	min-height: 90px;
}
#sidebar-content {
	background: url(images/sidebarmid.png) repeat-y;
	padding:9px 30px 30px 30px;
}
#sidebar-bottom {
	background: url(images/sidebarbottom.png) no-repeat;
	height: 37px;
	min-height: 37px;
	text-align:right;
	margin-left:-1px;
}
#sidebar {
	width:292px;
	position:relative;
	float:left;
	margin:-20px 0 0 -8px;	
}		
.subcolumn{
	width:255px;
}
#search{
background:transparent url(images/cerca.png) no-repeat scroll 0 0;
height:125px;
margin-left:4px;
width:252px;
}

#album{
background:transparent url(images/album.png) no-repeat scroll 0 0;
height:284px;
margin-left:4px;
margin-top:9px;
width:252px;
}

.form-input {
background:#FAF6F6 none repeat scroll 0 0;
border:1px solid #E3DCCB;
color:#666666;
font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
font-size:0.8em;
margin:59px 10px 10px 37px;
padding:2px;
width:173px;
}


.form-input:focus {
	background:#f2f0f0;
	border: 1px solid #b5b4b2;	
}

.search-submit {
	margin:0 0 0 84px;
	width: 85px;	
	background: #faf6f6;
	border: 1px solid #e3dccb;
	color: #666;
	font-size:.85em;	
}
.widget {
background:#FFFFFF url(images/widgetbt.png) no-repeat scroll center bottom;
margin-bottom:20px;
margin-left:4px;
margin-top:10px;
padding-bottom:10px;
text-align:center;
width:252px;
	
}
#calendar_wrap{
margin-left:29px;
margin-top:-40px;
	}
.widget p {
	padding-left:5px;
	}
	
	
.widget h2 {
background:#EEEDEB url(images/widget.png) no-repeat scroll 0 0;
color:#353535;
font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
font-size:20px;
font-weight:bold;
height:33px;
letter-spacing:-1px;
line-height:normal;
margin:0;
padding:22px 0 0;
text-align:center;
text-transform:lowercase;
width:252px;
}
.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: #000000;
	text-decoration:none;
}
.textwidget{
	padding:0 8px 0 8px;
	}
.widget ul li a:hover{
	color: #808080;
	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:transparent url(images/bottom.png) no-repeat scroll 0 0;
height:120px;
left:3px;
position:relative;
top:-22px;
	
}
#bottom p{
	text-align:center;
}

#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;
}
/*------------------COMMENTS----------*/
.commentlist {
	padding: 0;
	text-align: justify;
}	
.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%;
	font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
	color: #2b2d2f;
}
.comment-author a:link , .comment-author a:visited, .comment-author a:active {
	color: #000000;
	text-decoration: none;
}
.comment-author a:hover {
	color: #808080;
	text-decoration: none;
}		
.comment-date {
	margin-left:2px;
	margin-top:3px;
	font-size: .75em;
	color: #888;
}
#com{
clear:both;
padding:0 0 5px 0;
width:530px;
}
#comhead{
background:transparent url(images/commenti.png) no-repeat scroll 0 0;
color:#271B03;
font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
font-size:18px;
font-weight:bold;
height:36px;
margin-bottom:10px;
padding:7px 0 0 37px;
text-transform:lowercase;
width:175px;
	
}
#respond {
	width:580px;
	padding: 0 0 5px 43px;
	clear: both;
}
#respond {
background:transparent url(images/commenti.png) no-repeat scroll 0 0;
color:#000000;
font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,sans-serif;
font-size:20px;
font-weight:bold;
height:36px;
margin-top:25px;
padding:4px 0 0 61px;
text-transform:lowercase;
width:175px;	

	
}
#commentform {	
	margin: 10px 10px 30px 0px;
	font-family:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,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: 130px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
	overflow: auto;
}
#commentform #submit{
	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:'Helvetica Neue',Helvetica Neue,helvetica,arial,verdana,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;
}



/*Tabs*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
h2 { font-size:11px;}
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { font-size:11px;
}

.tabberlive {

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
background:#F5F6F6 none repeat scroll 0 0;
margin:0;
padding:0 0;
}
.tabberlive ul li, .tabberlive ol li{
list-style:none;
}
ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
  font-size:13px;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
 color: #07729c;
 text-transform:uppercase;
}

ul.tabbernav li a:link { background:#CFCBC4; color:#fff; font-size:12px; font-weight:bold; font-family:tahoma;}
ul.tabbernav li a:visited { }

ul.tabbernav li a:hover
{

 color: #fff;
 background: #EBBFC6;

}

ul.tabbernav li.tabberactive a
{
 background: #000000;
 color:#fff;
 font-size:12px; font-weight:bold;  font-family:tahoma;
}


ul.tabbernav li.tabberactive a:hover
{
 color: #fff;


}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
background:#FFFFFF none repeat scroll 0 0;
border-top:0 none;
font-size:12px;
height:200px;
margin-bottom:10px;
margin-top:10px;
overflow:auto;
padding:5px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
  font-size:12px;
}
.tabberlive .tabbertab h3 {
 display:none;
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbertab p { padding-bottom:10px; line-height:140%; }
.tabbertab ul { padding:0; margin:0;}
.tabbertab ul li { padding:5px 0 6px 0; }
.tabbertab ul li { background:transparent url(images/point.png) no-repeat scroll 0 5px;
border-bottom:1px solid #FFFFFF;
margin-top:-2px;
padding-left:21px;
padding-top:3px;} 



#menu {
	margin-top:20px;
}
.voce_menu {
	border-bottom:2px #fff solid;
	padding:2px;
	width:330px;
	color:#fff;
	font-weight:bold;
	background:#00c0ff;
}

.voce_menu a:link, .voce_menu a:visited {
	text-decoration:none;
	color:#000;
}

#contenuto_commenti, #contenuto_piu_letti, #contenuto_ultimi_post {
	margin:5px;

}

.voce_menu a:hover {
	text-decoration:underline;
}

#sidebar-2 {
background-color:#EEEDEB;
float:left;
height:200px;
left:7px;
position:relative;
top:-20px;
width:123px;
}