/* 

Theme Name: Sorrento
Description: Foto wide Sorrento 960px con una colonna laterale
Version: 1.0
Author: giapox
Author URL: http://www.giapox.it

*/


/* overall */
html, body, div, span, form, h1, h2, h3, h4, p, blockquote { margin: 0; padding: 0; border: 0; outline: 0; }
:focus { outline: 0; }
body { margin: 0; padding: 0; font: normal 11px Arial, Helvetica, sans-serif; color: #333333; background: url(images/body-bg.jpg) 0 0 repeat-x #fff; }
html { height: 100%; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font: normal 1em/1 Arial, Helvetica, sans-serif; }
pre, var, code { font-family: "Courier New", Courier, monospace; }
h3, #sidebar, .postdata, .entry-content { font-family: Arial, Helvetica, sans-serif; }
#header h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; }
.clear { clear: both; }
img { border: 0; outline:0;}

.entry-content p { font-size: 12px; }




/* titles */
h1 { font-size: 14px; }
h2 { font-size: 24px; }
h3 { font-size: 20px;}
h4 { font-size: 18px; }

/* text elements */
ul,ol,p,dl { line-height: 180%; }
p { margin: 0 0 15px 0; text-align: left; }
a:link, a:visited, a:active { color: #3b506b; text-decoration: underline; }
a:hover { text-decoration: none; }

/* wp styles */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin:0 1em 1em 0; }
.alignright { float: right; margin:0 0 1em 1em; }
.wp-caption { border: 1px solid #ccc; text-align: center; padding-top: 4px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 1em; line-height:1.4; padding: 0 4px 4px; margin: 0; }

/* container */
#container { width: 960px; margin: 0 auto; }

/* header */
#header { height: 350px; padding: 0; }

#header-left { margin: 0; padding: 2px 0 10px 0; height: 49px; width: 480px; float: left; }
#header-left h1 { float: left; }
#header-left h1 a { margin: 0 0 10px 0; display: block; background:url(images/logo.jpg) bottom no-repeat; width: 188px; height: 49px; }
#header-left h1 a:hover { background-position: top; }
#header-left h1 span { display: none; }
#header-left p { margin: 20px 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 4px; float: left; }

#header-right { height: 49px; width: 480px; float: left; }

#header-photo { background: url(images/sorrento.jpg); height: 230px; }

#header-menu { margin: 10px 0 0; background: url(images/header-menu-bg.jpg); height: 38px; }

#header-menu #nav { overflow: hidden; margin: 0 0 0 15px; padding: 0; list-style: none; }
#header-menu #nav li{ float: left; }
#header-menu #nav a { float: left; padding: 0 11px; margin: 0; line-height: 38px; height: 38px; text-decoration: none; font-size: 12px; color: #B5BCBF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-right: 1px solid #303D6C; }
#header-menu #nav a:hover, #header-menu #nav .current_page_item a { color: #fff; background: url(images/nav-link-hover-bg.jpg) repeat-x; }

/* main */
#main { width: 960px; margin: 0 auto; }

#middle-left { width: 630px; float: left; margin: 0; padding: 0 10px 0 0; }
#middle-left .post {  }
#middle-left .post img { border: #344376 1px solid; }
#middle-left .post  .img-none { display: none; }
#middle-left .post h2 { margin: 0 0 20px 0; }
#middle-left .post h2 a { text-decoration: none; }
#middle-left .post h2 a:hover { color: #000; }
#middle-left .post .tags { clear: both; }
#middle-left .entry { width: 295px; float: left; margin: 0 0 20px 0; padding: 0 10px; }
#middle-left .entry h2 { margin: 0; font-size: 20px; }
#middle-left .entry h2 a { text-decoration: none; }
#middle-left .entry h2 a:hover { color: #000; }
#middle-left .entry .tags { clear: both; }
#middle-left .entry img { border: #344376 1px solid; }


#middle-right { width: 320px; float: left; margin: 0; padding: 0; }
#middle-right .box { background: #F3F3F3; border: 1px solid #CAD0E8; padding: 10px; margin: 10px 0; }
#middle-right .box h3 { padding: 0 0 12px 0; color: #3B506B; }
#middle-right .box .tags { line-height: 150%; text-align: justify; }
#middle-right .box li { display: inline;/*for IE*/ line-height: 30px;}
#middle-right .box li a { margin: 0; display: block; padding: 0 10px; text-decoration: none; color: #333; font-size: 12px; font-weight: normal; border: 1px solid #EFEFEF; letter-spacing: 1px; background: #FFF; }
#middle-right .box li a:hover { background: #F9F9F9; color: #999; border: 1px solid #EAEAEA; }
#middle-right .box li li a { padding-left: 40px; }
#middle-right .box li li li a { padding-left: 60px; }
#middle-right ul { margin: 0; padding: 0; list-style: none; }



/* tags widget*/
div.tags a { text-decoration: none; }
div.tags a:hover { text-decoration: underline; color: #000; }


/* Search Form
*******************************/
#searchform { padding: 25px 0 0; float: right; }

#searchform input {
    vertical-align:middle;
    border:1px solid #ccc;
    font-size:1em;
    color:#152942;
}
#searchform input#search-submit { background: #D2D6D8; border: 1px solid #D2D6D8; width: 80px; cursor: pointer; font-weight: bold; }

/* Comments
*******************************/
#commentform {
    margin-top:12px;
}
#commentform input.text,
#commentform textarea {
    border:1px solid #7E929E;
    border-right-color:#E8E8E8;
    border-bottom-color:#E8E8E8;
    padding:2px;
}
#commentform input.text {
    width:200px;
}
#commentform textarea {
    width:400px;
}
#commentform input.submit {
    border:1px solid #7E929E;
    background:#E8E8E8;
    color:#152942;
}
.comment {
	margin: 0 0 20px 0;
	padding: 20px;
	background: #f9f9f9;
	border-left: 2px solid #D2D6D8;
}
.comment .details img {
    vertical-align:middle;
}

/* Footer
*******************************/
#footer { margin: 0 auto; padding: 20px 0 0 0; height: 80px; background: url(images/sfondo-footer.jpg) no-repeat; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#footer a { color: #3B506B; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer1 { background: url(images/footer1-bg.jpg) repeat-x top; padding: 16px 10px 10px;}
#footer2 { border-top: 1px solid #cfcfcf; padding: 10px; }
#footer3 { border-top: 1px solid #cfcfcf; padding: 10px; }