/*   
Theme Name: Web2Theme
Theme URI: http://www.webquadro.it
Description: Free Wordpress designed by Webquadro.it
Author: Maurizio Panese
Author URI: http://www.webquadro.it/
Version: 1.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin:0; 
padding:0; 
}
	
html,body{
font-family: Helvetica, Arial;
font-size: 12px;
color: #444;
background: url(images/sfondo-legno.gif);
}

a{
color: #444;
text-decoration: none;
}

img{
border: 0;
}
	
/* general */
	
#container{
margin: 85px auto 0 auto;
width: 980px;
background: #FFF;
position: relative;
}

/* header */

#header{
position: relative;
height:90px;
background: #444;
margin: 0 0 20px 0;
}

#header a{
color: #EDEDED;
}

#logo{
position: absolute;
bottom: -22px;
left:0px;
}

img.rss{
position: absolute;
top:25px;
left:300px;
}

img.facebook{
position: absolute;
top:25px;
left:450px;
}

img.twitter{
position: absolute;
top:25px;
left:510px;
}

#cse-search-box{
position: absolute;
top:2px;
right: 10px;
padding: 4px;
background: #FFF;
}

input#search-field{
width: 220px;
height: 30px;
font-size: 1.4em;
background: #FFF;
color: #666;
padding: 0 5px;
border: 1px solid #CCC;
}

#twitter_update_list{
background: url(images/last-tweet.png) no-repeat right;
padding:35px 45px 0 0;
position: absolute;
height: 48px;
top: -68px;
right: 10px;
list-style: none;
color: #ededed;
}

#twitter_update_list li{
width: 420px;
text-align: right;
}

#twitter_update_list a{
}



/* menu */

#menu{
position: absolute;
background: #C53340;
left: 0;
top:-38px; 
padding: 5px 0;
border-top: 1px solid #641a20;
border-bottom: 5px solid #fff;
width: 980px;
}

#menu li{
padding: 0 10px;
list-style: none;
float: left;
border-left: 1px solid #641a20; 
}

#menu li:first-child{
border-left: none; 
}


#menu li a{
text-transform: uppercase;
font-size: 2.0em;
color: #FFF;
font-weight: bold;
letter-spacing: 0px;
}

#menu li a:hover{
color: #444;
}

#menu .current_page_item a{
color: #641a20;
}


#cat-menu{
position: absolute;
padding: 5px 0 10px 0;
bottom:-30px; 
left: 15px;
width:980px;
}

#cat-menu li{
list-style: none;
float: left; 
margin-left: 10px;
}

#cat-menu li a{
text-transform: lowercase;
font-size: 11px;
color: #444;
}

#cat-menu .current-cat a{
text-decoration: underline;
}


/* content for blog */

#content{
float:left;
width:530px;
padding:15px;
}

#big-content{
padding:15px;
}

.post{
position: relative;
margin-bottom: 20px;
}

.post-content {
font-size: 12px;
line-height: 130%;
}

.post-content a{
font-weight: bold;
color: #C53340;
}

.post-content a:hover{
text-decoration: underline;
}

.post p, .post ul, .post ol{
padding: 7px 0;
}

.post h1{
letter-spacing: -1px;
padding: 5px 10px;
margin-left: -15px;
border-top: 1px solid #999;
font-size:27px;
}

.post h3{
letter-spacing: -1px;
padding: 5px 0;
font-size:27px;
}

.post li{
margin-left: 20px;
list-style: square;
}

.post address{
margin: 0 20px;
padding: 5px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
color: #666;
background: #ededed
}

.postmetadata {
border-top: 1px solid #777;
position: absolute;
top:0px;
left: -105px;
width: 90px;
text-align: right;
color: #333;
font-size: 0.80em;
padding: 5px 0 0 0;
}

.postmetadata p{
padding: 0 10px 0 0;
margin: 0;
font-family: Helvetica,Arial;
font-size: 1.00em;
}

.postmetadata span a{
font-size: 2.4em;
color: #444;
padding-right: 8px;
}

.postmetadata img{
border: 0;
margin-left: 4px;
}


#big-title h1{
font-size:50px;
padding: 10px;
letter-spacing: -2px;
border-bottom: 1px solid #999;
margin-bottom: -16px;
text-transform: capitalize;
}

a.downloadlink{
background: #C53340;
color: #FFF;
padding: 10px;
margin: 10px 0;
display: inline-block;

}

/* blog sidebar */

#sidebar{
float:right;
width:390px;
padding:5px 15px 15px 15px;
}

#sidebar h2{
border-top: 1px solid #999;
letter-spacing: -1px;
padding-top: 10px;
margin: 10px -15px 10px 0;
}

#sidebar h2:first-child{
border: none;
}

#sidebar li{
margin-left: 20px;
list-style-image: url(images/li-normal.png);
}

#sidebar li:hover{
list-style-image: url(images/li-hover.png);
}

.random-post{
float: left;
margin-right: 10px;
}

/* comment */

#comment h3{
letter-spacing: -1px;
padding: 5px 10px;
margin-left: -15px;
border-top: 1px solid #999;
font-size:27px;
}

.comment{
border-top: 1px solid #CCC;
padding: 10px 0;
}

ol.commentlist {
list-style: none;
margin-bottom: 20px;
}

ol.commentlist li{
position: relative;
min-height: 64px;
}

.comment-author-maurizio{
background: url(images/author.png) no-repeat 100% 5px;
}

img.avatar{
position: absolute;
top:10px;
left: 0;
}

.commentmetadata a {
font-size: 9px;
}

.comment-body{
margin-left: 74px;
}

.comment-body p{
padding: 5px 0;
}

.comment-body p a{
font-weight: bold;
}

.comment-body p a:hover{
text-decoration: underline;
}


.fn, .fn a{
font-size: 14px;
font-weight: bold;
color: #C53340;
text-transform: capitalize;
font-style: normal;
font-weight: normal;
}

.says, .comment-edit-link{
display: none;
}

#comment textarea{
width: 500px;
}

ol.commentlist li.pingback{
height: 20px;
min-height:20px;
border-top: 1px solid #CCC;
padding-top: 4px;
}

li.pingback .comment-body{
margin-left: 0;
}

.pingback .comment-meta{
display: none;
}

.pingback p{
display: none;
}

li.pingback a{
font-size: 12px;
}

#commentform a{
font-weight: bold;
} 

#commentform input{
font-size: 14px;
padding: 5px;
margin: 5px 0;
border: 1px solid #999;
}

#commentform textarea{
margin: 5px 0;
font-size: 14px;
padding: 5px;
border: 1px solid #999;
}

.subscribe-to-comments{
float: right;
margin-right: 20px;
}


/* Portfolio */

.portfolio li{
list-style: none;
float: left;
width: 302px;
height: 205px;
margin: 7px;
position: relative;
overflow: hidden;
font-size: 10px;
}
.portfolio li img{
width: 300px;
height: 150px;
position: absolute;
border: 1px solid #CCC;
top:20px;
}

.portfolio li a{
font-size: 13px;
display: block;
padding-bottom: 165px;
text-transform: uppercase;
font-weight: bold;
}

.portfolio h3{
clear: both;
}

/* Contatti */

img.freccia-contatti{
position: absolute;
top: 135px;
left: 200px;
}

/* risultati */

#risultati{
padding:15px;
}

#big-result h1{
font-size:50px;
padding: 10px;
letter-spacing: -2px;
margin-bottom: -16px;
text-transform: capitalize;
}

/* 404 Errors */

#not-found{
text-align: center;
margin: 30px
}

#not-found h3{
font-size: 100px;
margin:0;
}

#not-found p{
font-size: 3em;
}

/* footer */

#tag{
clear: both;
background: #C53340;
padding: 20px;
}

#tag a{
color: #FFFFFF;
text-transform: lowercase;
font-family: Georgia;
}


#footer{
background: #444;
padding: 20px;
color: #444;
}

#footer-info{
float:left;
width:470px;
height:390px;
background: #FFF;
padding: 15px;
}

#footer-info p{
padding: 5px 0;
font-size: 1.3em;
font-family: Georgia;
}

#footer-info a{
font-size: 20px;
font-style: italic;
}

#footer-form{
float:right;
width:390px;
height:390px;
background: #CCC;
padding: 15px;

}

#footer-form p{
font-size: 0.80em;
}

#footer-form input{
width: 250px;
height: 30px;
border: 0;
margin: 5px 0;
padding: 5px;
font-size: 1.4em;
color: #444;
background: #FFF;
}

#footer-form textarea{
width: 350px;
height: 150px;
border: 0;
margin: 5px 0;
padding: 5px;
font-size: 1.4em;
color: #444;
background: #FFF;
}

#footer-form .form-button{
width: 50px;
background: none;
border: 1px solid #444444;
color: #444444;
}

#footer-form .form-button:hover{
background: #444444;
color: #EDEDED;
}

#footer-form div.wpcf7-mail-sent-ok{
margin-top: -20px;
border:0;
}

#footer-form div.wpcf7-response-output{
margin: 0;
padding: 0;
}

#design{
margin: 20px auto;
width: 960px;
text-align: center;
}

/* WP PAGE NAVY */

#content .wp-pagenavi span{
background:  #C53340;
color: #FFFFFF;
border: 1px solid #C53340;
}

#content .wp-pagenavi a{
color:  #C53340;
background: #FFFFFF;
border: 1px solid #C53340;
}