/*
Theme Name: Coffee, mint and bricks
Theme URI: http://www.davidebenini.it/
Description: Davide Benini's blog theme. Coffee in the professional section, mint for the blog, bricks for the extras
Version: 1.0
Author: Davide Benini
Author URI: http://www.davidebenini.it/
Tags: coffee green brick

	Gray Shades (Green blog) v0.1
	http://www.davidebenini.it/



*/

/* per far restare attaccato il footer al fondo*/   
/* http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
* {
    margin: 0;
}

html, body {
    height: 100%;    
   	background-color: #595643;
}
/* Per ora disabilitato perchˇ crea un buco nel footer...
#wrapper { 
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}

#footer, .push {
    height: 4em;
}
*/
/*   ---------    */  

body {
	    
	color: #222;
	font-family: "Gill Sans",  Arial, sans-serif;
	font-size: 14px;
	text-align: center;   /*centra in IE 5.x */
	padding: 0;   
} 
#blog-wrapper {
	background-color: #43973D;      
	line-height: 1.6em;   
	font-size: 13px; 
}          
#blog-wrapper.orange {
	background-color: #D96B2E;   
  
}

#blog-container {
	background-image: url(images/body-background.jpg);
	
}
#blog-container.orange {
	background-image: url(images/em-body-background.png);
	
}
/*#blog-wrapper p {
	margin-bottom: 0.9em;    
	line-height: 1.2em;    
}       */
#blog-wrapper p  {
/*	margin-bottom: 0.9em;    */
	margin-bottom: 1.5em;    
}   
#blog-wrapper li {
	margin-bottom: 1em;
}
#blog-wrapper h3 {
	margin-bottom: 0.5em;
}                          
p.postmetadata {
	font-size: 0.8em;
}
div#blog-container, #white-page-container{ 
    width: 800px;
    margin: 0px auto;   /*centra negli altri browsers*/
    text-align: left;   /*ripristina l' allineamento*/   
}
div#blog-container {
	padding-top: 100px; /* Controlla la distanza dall'header */    
	padding-right:0;    
	margin: 0 auto;
}
#blog-background {
	background-image: url(images/sidebar-end.jpg);
	background-repeat: no-repeat;   
	background-position: bottom right;
	padding-bottom: 150px;
} 
#blog-background.orange {     
	background-image: url(images/em-sidebar-end.png);
}

div#navigation, #white-page-container #subnav{
  float: right;
	margin-top: 0;
	
	
}        
div#navigation {
	 width: 200px;  
	 padding-right: 25px; 
  
        
}  

  


#navigation h2 {
	background-color: white;
	color: #43973D;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
}
#blog-container.orange #navigation h2 {
	color: #BD1B0E;
}    

ul#sidebar {
	list-style: none;   
	list-style-position: inside;
	padding-left: 0;
	margin-left:0;  
	
	
	
} 
ul#sidebar li {
	margin-bottom: 0;
}
ul#sidebar li ul { 
	/*padding-right: 15px; */      
  list-style-position: outside; 
	
	padding-left: 2em; 
	padding-right: 1em;
}

#sidebar p {
padding: 10px;
}      


  

div#content{      
		
    margin-right: 270px;    
}   

#green-header {
	background : url(images/header-background.jpg); 
	background-repeat:repeat-x;
	margin-top: 0;
	text-align: center;
	height: 120px; 
}    
#green-header.orange {
	background : url(images/em-header-background.jpg);  
}
#green-header #header-title {
 	height: 120px; 
	width: 800px;
    margin: 0px auto;   /*centra negli altri browsers*/
}
#green-header #header-title  {
	background: url(images/header-title.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 120px;
	/* background-color: green; */
} 
#green-header.orange #header-title {
	background: url(images/em-header-title.png);   
}
.post {
	margin-bottom: 30px;
}     
.post img {
	margin: 10px 0 10px 0;
} 
.post-date {
	color: #82DA7E;
	float: left;
	width: 3em;
	text-align: center;
	margin-top: 6px;
	font-size: 12px;
}         
#blog-container.orange .post-date {
	color: #BD1B0E;
}
.post-main {
	padding-left: 3.5em;
}

.post h2 {
	padding-top: 0.3em;
	color: white;
	font-size: 220%;
	font-weight: normal;
}

div#pre-footer {
	background-color: #43973D;  

}  
div#pre-footer.orange {
	background-color: #D96B2E;  
}
code {
	
	
}
div#pre-footer-central {
	margin: 0px auto;   /*centra negli altri browsers*/
	width: 800px;
	height: 119px;

	background-image: url(images/pre-footer-nut.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	
}
div#pre-footer-central.orange {  
	background-image: url(images/em-pre-footer-nut.png);
}
div#footer {         
	color: #222;
	background: #82DA7E;  
	min-height: 50px;
	width: 100%;
	text-align: center;
	padding: 10px
}     
#footer.orange {
	background: #BD1B0E; 	
}    
#footer.orange a{
	color: #D96B2E; 	
}
#footer p {
	line-height: 2em;
}
div#footer-container {
    margin: 0px auto;   /*centra negli altri browsers*/
	width: 780px;
	text-align: left;
}

/* Links */
a {
	color: white;
	text-decoration: none;
}        
#blog-wrapper a {
 color: #99F582;
} 
#blog-container.orange a {
	color: #eee;  
}
#blog-wrapper a:hover {
/*	background-color: #81da7e;*/
	color: #FCB44A;    
}  
#blog-wrapper .post-body a {
	 border-bottom:1px dotted #99F582;
}    
#blog-wrapper.orange .post-body a {
	 border-bottom:1px dotted #eee;
}
#blog-wrapper .post-body a.footnote-link, #blog-wrapper .post-body a.footnote-link:hover {
	 border-bottom:none;
 
} 
#blog-wrapper .post-body a:hover {
	 border-bottom:1px dotted #FCB44A;
 
}         
#blog-wrapper h2 {
	 line-height: 110%;
}

#blog-wrapper h2 a {
	color: white;
	border: none;
	
}   

#blog-wrapper h2 {
	margin-bottom: 20px;
}
#sidebar a, #footer a {
	 color: #30692C;
}




h3 {
margin-top: 1em;
font-size: 20px;
}
h4 {
	font-size: 16px;
	margin-bottom: 0.5em;
}

.float-right {
	float: right;
}
          



#flickr-pics {
	text-align: center; 
	
}

#blog-wrapper #flickr-pics a {
	border: none;
}
#blog-wrapper #flickr-pics a img {
	border: 2px solid #43973d;
	margin: 3px;
}
#blog-wrapper.orange #flickr-pics a img {
	border: 2px solid #eee;
}
#blog-container a {}

.post-body {
	margin-bottom:2em;
}
.post-body ul, .post-body ol {
	margin-top: 1em;
	margin-bottom: 1em; 
}             
.post-body img {
	display: block;
	margin: 10pt auto; 
	border: 2px solid #ffffff; 
	
}     
#blog-container .footnotes {
	color: #222222;  
	margin-bottom:8px;
	font-size: 0.85em;
}                    


#footer .blog-block{
	width: 29%;
	float: left;

	margin: 0 15px;
}

/*--------------------------------------------------------------------------------------*/
/* White pages styles */
div#white-page-wrapper, #home-page-wrapper { 
	color: #666;
	font-family: "Geneva", Arial, sans-serif;         
	font-size: 12px;
	padding-bottom: 20px;
}
div#white-page-wrapper {
	 background-color: #E8DDAE; 
}
div#white-page-wrapper h3, div#white-page-wrapper h4 {
	color: black;
}
div#white-page-wrapper a{
	color: #333;
}          

/*Home page styles*/ 
#home-page-wrapper #white-page-content {
	width: 780px;       
	text-align: center;      
	color: #A79E7F;
	
}    
#home-page-wrapper #white-page-container {
	padding-top: 20px;
}
#home-page-wrapper h2 {
	color: #595643;
}
#home-page-wrapper p {
	font-size:22px;  
	display: block;   
	line-height: 55px;
}   
#home-page-wrapper p a {
	color: #E8DDAE;
	font-size: 30px;
	font-weight: bold;
}
#home-page-credits {
	background-color: #A79E7F;  
	padding: 6px 0; 
	color: #595643;
}     
p#home-page-credits a:hover {
	background-color: #595543;
}          

#white-page-header {
	font-family: "Lucida Grande", Arial, sans-serif;
	
	background:  url(images/white-header-background.jpg) white;
	margin-top: 0;
	text-align: center;
	height: 114px; 
}

#white-page-header-central {
	width: 800px;
    margin: 0px auto;   /*centra negli altri browsers*/     
		
}
#white-page-header-central  {
	background: url(images/header-logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 114px;
	
	/* background-color: green; */
}
#white-page-header-central h1, #green-header h1 {
	font-size: 0.1px;
	font-size:1px;
	left:0pt;
	position:absolute;
	text-indent:-5000px;
	top:0pt;
}
#white-page-header #home-link {
	float: left;
	width: 400px;
	height: 45px;
	margin-top: 20px;
}   
#green-header #blog-home-link {
	float: left;
	width: 500px;
	height: 40px;
	margin-top: 45px;
	
}
#green-header h1 {}
/*
* html #white-page-header-central h1 {
text-indent: 0;
position: relative;
font-size: 3px;
}
*/

div#white-page-container {
	padding-top: 50px; /* Controlla la distanza dall'header */     
	
}

#white-page-content {
	width: 520px;
}

#white-page-wrapper a {
	text-decoration: underline;
} 

#white-page-wrapper a:hover, #home-page-wrapper a:hover {
	background-color: #A79E7F;
}

#white-page-wrapper ul.portfolio-thumbs li a:hover, #white-page-wrapper a.portfolio-site-pic:hover {
	background: none;
}
#nav {
/* background:#3D2E2A none repeat scroll 0%; */
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:260px;
overflow:hidden;
padding-left:10px;
width:520px;
height: 32px;
margin-top: 17px;    
font-size: 13px;   
float: right;    

}
#nav li {
float:left;
width:100px;
background-color: transparent;
background-image: url(images/unselected-tab.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin-left: 3px;

}

#nav li#selected {
	background-image: url(images/selected-tab.jpg);
}
#nav li a.active {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
#nav li a {
	color:#555;
	display:block;
	font-size:0.7em;
	font-weight:normal;


	text-decoration:none;
	text-transform:uppercase;

/* margin-top: 70px; */
	padding:6px 0 2px 0px;
	height: 24px !important;
}

/*
* html #nav li a {
	height: 20px;
	margin-top: 27px;
	padding: 14px 0 0px 0;
	margin-bottom: 0;
}
*/


#nav li a strong {
color:#111;
display:block;
font-size:1.2em;
}
#nav li a:hover {
background:transparent url(img/nav.gif) repeat-x scroll 0pt;
/* TODO: metti un'immagine qui se vuoi */
}


#language-preferences {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top: 25px;
	float: right;
	width:20px;
/*	display: inline;*/
}

#language-preferences li {
	
	width: 5px;
/* 	text-indent: -1em; */
	color: white;    
}   
/*Opera hack per regolare i tab all'altezza giusta */
html>body #language-preferences li {
	padding-bottom:3px;
	
}
#language-preferences li a img{
	border: 1px solid #a79e7f;
}
#language-preferences li a:hover {
	background: none;

}
#language-preferences li a:hover img{
	border: 1px solid #e8ddae;
	
	
}

#white-page-container #subnav {
	width: 160px;  
	margin-right: 25px;               
  padding-top: 20px;   

}
     
#subnav {
/*	background: red;*/   
}   
#subnav ul {
	
	
}
#subnav li {
/*	font-variant: small-caps;*/ 
	
	}      
#subnav ul {
	list-style: none;
	margin-left: 0;
	padding-left:0; 
	 
}	    
#subnav ul li h2, div#white-page-wrapper h2, p#footer-credits a {
	 color: #3F3C2D; 
}          
p#footer-credits a:hover {
	background-color: #e8ddae; 
}
#subnav ul li h2 {
 	
	font-size: 16px;
/*border-bottom: 2px solid white;*/
	
}   
#subnav ul li ul{
	list-style: circle;
	margin-left: 0;
	padding-left:1em;   
	margin-bottom: 20px;  
}
#subnav li ul li {    
/*	font-family: Lucida Grande, "Arial", sans-serif;    */
	font-size: 12px;
/*	border-bottom: 1px solid #fff;  */
	padding: 3px 0;
	
}	   

ol.footnotes {
	margin-top: 2em;
}

sup {
	font-size: 60%;
}                                                
/* Footer */
#work-footer {
	font-size: 12px;  
	padding: 20px 0 5px 0;
	font-family: "Geneva", Arial, sans-serif;      
	background-color: #595543;
	color: #E8DDAE;      
	height: 200px;   
	clear: both;       
}   
#work-footer #footer-container {
	 
  padding-top: 0;  
	text-align: center;
	
}
.block { 
	width: 42%; 
	line-height: 1.6em; 
	text-align: left;  
	margin-bottom: 20px; 
}         
.first {
	float: left; 
	margin-top: 0;
}
.last {
	
	float: right;                        
	background-image: url('images/italia.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	
} 
.block h3 {
	margin-bottom: 5px;
}      
.block p {
	padding-left: 2px;
} 
div.last h3{
	height:21px;  
	margin-top: 0;
}
* html .last  {
	margin-top:20px;
}
/*html>body .last{
	
	margin-top:20px;
}*/
.last h3.en {
	background: url('images/contact-me.jpg') no-repeat top left;    
	
}   
.last h3.it {
	background: url('images/contattami.jpg') no-repeat top left;  
}
#work-footer .first h3 {   
	padding-top: 0;
	margin-top:0;
	height: 47px;
	background: url('images/page-footer-title-1.jpg') no-repeat;
	
}     
p#footer-credits {
	background-color: #A79E7F;
  color: #fff;
	padding: 3px 0;
}        


p#p-iva {
	padding: 7px 0;
	color: #A79E7F;
}
/* Web Development page */
/*.portfolio-thumb {
float: left
}

.portfolio-thumb img {
 border: 2px solid black;
}

.portfolio-item {
margin-left: 120px;
}     */
.left-clearer {
	clear: left;
}   
.portfolio-item {
	margin-bottom: 50px;
}    
.portfolio-item .site-desc {
	text-transform: uppercase;
	margin-bottom: 10px;
}
.portfolio-site-pic {
	text-align: center;
	margin-left:10px;  
	float:right;
}      

          
a.portfolio-site-pic img {
	width: 150px;
}   

a.portfolio-site-pic img, ul.portfolio-thumbs li a img  {
	border: 6px solid #595643;   
	
}

a:hover.portfolio-site-pic img, ul.portfolio-thumbs li a:hover img {
	border-color: #a79e7f;
}
a:hover.portfolio-site-pic, ul.portfolio-thumbs li a:hover {
	background-color: transparent;        
}                             

a.music-page-image img {
	border: 3px solid #595643;
} 

#white-page-wrapper a.music-page-image:hover img {
	border: 3px solid #a79e7f;
}

.portfolio-site-pic img, .portfolio-thumb-row img {
	border: none;
}        
.portfolio-thumb-row {
	width: 100%;     
  
	margin-top: 15px;
}

ul.portfolio-thumbs {
	padding-left:30px;
}


ul.portfolio-thumbs { 
		margin-left: 0;
		padding-left: 0;
		display: inline;      
		} 

ul.portfolio-thumbs li {
	/*	margin-left: 0;
			margin-bottom: 0;  */
/*		padding: 2px 10px 5px;*/
		list-style: none;
		display: inline;

}

ul.portfolio-thumbs li a img {
			height: 100px;
			width: 100px;
			margin-right: 15px; 

}

ul.portfolio-thumbs li a {
	text-align: center;
	margin-right: 0px;
	
} 
   
/*Web Dev page*/

#wordpress-logo {
	height: 100px;
}                   
div.webdesign-pic {
	width: 120px;
	float: left;  
	text-align:center;
} 
div.webdesign-pic img {
	border:none;
} 
div.webdesign-pic a:hover {
	background: none;
}         
img#localisation-logo {
	margin-top: 30px;
}
div.framework-description {
	padding-top: 10px;
	padding-left: 120px;    
	margin-bottom: 10px;
}
img#rubyonrails-logo {
	width: 70px;
}  


img.alignright {
	float: right; 
	margin: 3px 3px 3px 10px;
}
img.alignleft {
	float: left; 
	margin: 3px 10px 3px 3px;
}                 
/* DA AGGIUNGERE A GRAY SHADES */
div#comments-body {
	margin-top: 20px;
	padding-left: 3.5em;
	font-size: 90%; 
	
}
h3#comments {
  margin-bottom: 20px; 
}
ol.commentlist  li{ 
 list-style-position: outside;

 margin-bottom: 10px; 
 padding: 10px; 
 
}  
h3#respond {
	margin: 3px 0 6px 0;
	
	
}
 p.comment-input {
	margin: 3px 0 3px 0;
}     
textarea#comment {
	width: 450px;
	margin: 3px 0 20px 0;  
}   
li.usercomment {
	background-color: #81DA7E;
} 
#blog-container li.usercomment a {
	color: #43973d;
}         

#blog-container.orange li.usercomment  {
	background-color: #FFA163;
} 
#blog-container.orange li.usercomment  a{
	color: #eee;
}
#blog-container.orange li.usercomment

a#personal-pic img {
	float: right;   
	margin: 0 0px 10px 10px;
	width: 150px;
	border: 3px solid #595543; 
}
a#personal-pic:hover img{
		border: 3px solid #a79e7f; 
}   
#white-page-wrapper sup a.footnote-link, #white-page-wrapper a.footnote-back-link   {
	text-decoration: none;
}
div.photoboot img {
	width: 350px;
}
img#rss-pic {
	float:right;  
	margin: 58px 40px 0 0;
} 
   
pre {    
	font-size: 12px;   
	margin: 1em;
	padding: 1em 2em 1em 0.5em;       
	border-top: 1px dashed #81da7e;
	border-bottom: 1px dashed #81da7e;
}
h4 {
	margin-top: 1em;
}          
.sociable span {
	margin-bottom: 10px;
}
sup {
	font-size: 75%;
	
}          
a#feed, a#feed img {
	border: none;
}       
img#wpstats{
	display:none
}

img.avatar {
	
} 
blockquote {
	margin: 1.5em 0em 1.5em 2.5em;     
	font-size: 95%;
}     
a.download-button img{
	border: none;
}   
.post-body p img.wp-smiley {  
	margin: 0px;
	display: inline;  
	border: none;
}  

* html #blog-container {

}           

.download-area {
	background: url('images/white-box.png') bottom left no-repeat;  
	background-repeat:no-repeat;
	height:80px;
    padding-left: 90px;
	padding-top: 10px;
	width:510px;    
	margin-bottom: 10px;
}                      
#blog-container.orange .download-area a {
	color: #1581D3;  
	border-bottom: none
}  
#blog-container.orange .download-area a:hover {
	background: #D4D4D4;
}
.download-area h4 {   

/* 	background: url('images/white-box.png') top right no-repeat;      */
	line-height: 1em;
}     

#forum-advice { 
	font-size: 110%;
	text-align: center;
	background: #8F462A; 
	color: #eeeeee;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px; 
	border-top: 2px solid #eee;
	
}  
#blog-container.orange  #forum-advice a {
	color: #FAC105; 
	font-weight: bold;
	border-bottom: 1px dotted #FAC105;
}