/*-------------------------------------------------
Theme Name:Building Weblife
Theme URI:http://www.buildingweblife.it/
Version:0.1
Author:Fabio Ottaviani - Websolute
-------------------------------------------------*/


/*-------------------------------------------------
Reset
-------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:none; vertical-align:baseline; font-family:Arial, Helvetica, Verdana; line-height:20px;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:none;}
img.alignleft {float:left; border:1px solid #ececec; padding:2px; background:#f4f4f4; margin:6px 20px 10px 0px;}
img.alignright {float:right; border:1px solid #ececec; padding:2px; background:#f4f4f4; margin:6px 0px 10px 20px;}
img.aligncenter {border:1px solid #ececec; padding:2px; background:#f4f4f4;}
div.alignleft {float:left; text-align:left;}
div.alignright {float:right; text-align:right;}
* html ul li {height:1%;}


/*-------------------------------------------------
clearfix
-------------------------------------------------*/
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Nascosto per IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* Fine nascosto per IE-mac */
.clear {clear:both;}


/*-------------------------------------------------
Body & altro
-------------------------------------------------*/
body {font:12px Arial, Helvetica, sans-serif; color:#888; background:#f1f1f1;}
a {color:#690; text-decoration:none; border-bottom:1px dotted #bbdc56;}
a:hover {color:#690; text-decoration:none; border-bottom:1px dotted #690;}


/*-------------------------------------------------
Struttura
-------------------------------------------------*/
#container {width:955px; margin:0px auto; background:url(img/bg_container.png) repeat-y center top; position:relative; z-index:1;}
#corpo {float:left; width:495px; padding:25px 25px 0 20px;}


/*-------------------------------------------------
Typo
-------------------------------------------------*/
h2 {font-size:18px; line-height:20px; color:#888888; padding:10px 0px; text-transform:uppercase; font-weight:normal; text-shadow:0px 2px 0px #ececec; letter-spacing:-0.5px;}
h2 a {color:#888; border-bottom:none;}
h2 a:hover {background:none; color:#555;}


/*-------------------------------------------------
menu
-------------------------------------------------*/
#menu {float:left; position:relative; z-index:2; width:185px; background:url(img/bg_menu.png) no-repeat left top; left:-5px; top:6px; padding:77px 0px 0px 0px; display:inline;}
#menu img.logo {position:absolute; top:20px; left:25px; z-index:2;}
#menu h1 {color:#f1f1f1; font-size:16px; padding:0px 23px 10px 0px; text-shadow:0px 2px 0px #326189; margin:0px; text-align:right; text-transform:lowercase; font-weight:normal; letter-spacing:-0.5px;}
#menu ul {text-align:right; background:url(img/bg_menu.png) no-repeat left bottom; padding:0px 0px 22px;}
#menu ul li a {color:#f1f1f1; font-size:12px; font-style:italic; padding:5px 23px 6px 0px; text-transform:lowercase; border-bottom:none;}
#menu ul li a:hover {color:#fff; background:none; text-shadow:0px 2px 0px #326189;}
#menu ul li a.on, #menu ul li a.on:hover {background:url(img/bg_menu_on.png) no-repeat right center;}
#menu ul ul {display:none;}


/*-------------------------------------------------
ribbon
-------------------------------------------------*/
#ribbon {position:absolute; z-index:2; width:41px; background:url(img/bg_ribbon.png) no-repeat left bottom; right:-6px; top:6px;}
#ribbon div {height:72px; background:url(img/bg_ribbon.png) no-repeat left top;}


/*-------------------------------------------------
post
-------------------------------------------------*/
.info {border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:2px 0px; font-size:11px; color:#aaa; font-style:italic;}
.info a {color:#888; text-decoration:none; border-bottom:none;}
.info a:hover {color:#555; text-decoration:none; border-bottom:none;}
.info .date {float:left;}
.info .comments {float:right; text-align:right;}
.info .comments span {font-size:9px; background:#b4b4b4; color:#fff; padding:0px 5px; text-align:center; -moz-border-radius:3px; margin:3px 0px 0px 2px; display:inline; line-height:14px; border-radius:3px; vertical-align:text-top;}
.post {margin-bottom:20px; border-bottom:1px dashed #ccc;}
.post h2 {font-size:18px; line-height:20px; color:#888888; padding:0px 0px 12px; text-transform:uppercase; font-weight:normal; text-shadow:0px 2px 0px #ececec; letter-spacing:-0.5px;}
.post h2 a {color:#888; border-bottom:none;}
.post h2 a:hover {background:none; color:#555; border-bottom:none;}
.post p {margin-bottom:20px;}
.post ul, .post ol {margin:20px 0px;}
.post li {padding:0px 0px 0px 20px; margin:0px; list-style:inside circle;}
.entry {padding:15px 0px 55px 0px; clear:both; position:relative;}
.more-link {display:block; float:right; background:url(img/bg_more.png) no-repeat left top; width:156px; height:27px; text-align:center; font-size:13px; color:#fff; text-decoration:none; font-style:italic; text-shadow:0px 1px 0px #88b823; padding:5px 0px 0px; position:absolute; bottom:25px; right:0px; border-bottom:none;}
.more-link:hover {background:url(img/bg_more.png) no-repeat left top #f00; color:#fff; text-shadow:0px -1px 0px #88b823; border-bottom:none;}
.share {position:absolute; left:0px; bottom:25px; display:none;}
.share a {text-indent:-9999px; font-size:0px; cursor:pointer; background-image:url(img/bg_share.png); background-repeat:no-repeat; height:10px; margin:0px 10px 0px 0px; float:left; border-bottom:none; line-height:normal;}
.share a.facebook {background-position:0px 0px; width:54px;}
.share a.facebook:hover {background-position:0px -15px; border-bottom:none;}
.share a.twitter {background-position:-63px 0px; width:52px;}
.share a.twitter:hover {background-position:-63px -15px; border-bottom:none;}
.addthis_container {position:absolute; bottom:25px;}
.addthis_container a {border:none;}


/*-------------------------------------------------
navigation
-------------------------------------------------*/
.navigation { margin-top:-20px;}
.navigation a {border-bottom:none; float:left; width:70px; height:23px; text-align:center; color:#fff; text-shadow:0px 1px 0px #b82360; font-size:11px; font-style:italic; padding:2px 0px}
.navigation a:hover {text-shadow:0px -1px 0px #b82360; border-bottom:none;}
.navigation .alignleft a {background:url(img/bg_more.png) no-repeat -7px -36px; text-indent:4px;}
.navigation .alignright a {background:url(img/bg_more.png) no-repeat -81px -36px; text-indent:-9px;}


/*-------------------------------------------------
sidebar
-------------------------------------------------*/
#sidebar {float:right; width:165px; padding:20px 50px 0px 15px; color:#888; font-size:11px;}
#sidebar h3 {background:url(img/bg_sidebar_title.png) no-repeat left top; color:#fff; font-size:15px; padding:2px 10px 4px 10px; text-shadow:0px 2px 0px #7facd4; margin:20px 0px 0px; text-transform:lowercase; font-weight:normal; letter-spacing:-0.5px;}
#sidebar h3 a {color:#fff; border-bottom:none;}
#sidebar h3 a:hover {color:#fff;}
#sidebar ul {margin:8px; border-bottom:1px dotted #ddd;}
#sidebar ul li {padding:0px 0px 0px 10px; background:url(img/arrow.png) no-repeat 0px 8px; border-top:1px dotted #ddd;}
#sidebar ul li a {display:block;}
#sidebar div div {padding:8px 0px 24px 10px;}
#sidebar a {color:#518dc9; border-bottom:none;}
#sidebar a:hover {color:#346997; border-bottom:none; border-bottom:none;}
#sidebar .tweets a {display:inline;}
#sidebar .social {position:relative; z-index:1; height:20px; padding:5px;}
#sidebar .social ul {margin:0px; padding:0px; list-style:none; border-bottom:none; position:absolute; z-index:1; top:5px; left:7px;}
#sidebar .social li {margin:0px; padding:0px; background:none; display:inline; margin:0px 5px 0px 0px; float:left;}
#sidebar .social a {display:inline;}
.help2zero {padding:10px 0px 0px 0px;}


/*-------------------------------------------------
cerca
-------------------------------------------------*/
#searchform {background:url(img/bg_cerca.png) no-repeat left top; position:relative; width:165px; height:26px; margin-top:20px;}
#searchform label {display:none;}
#searchform .input {border:none; background:none; color:#bcbcbc; font-size:13px; top:0px; left:0px; padding:4px 0px 5px 9px; width:125px;}
#searchform .submit {background:url(img/bg_cerca.png) no-repeat right top; height:26px; width:27px; cursor:pointer; text-indent:-9999px; font-size:0px; border:none; position:absolute; top:0px; right:0px; color:#fff;}


/*-------------------------------------------------
gallery
-------------------------------------------------*/
.gallery a {border:none;}


/*-------------------------------------------------
commenti
-------------------------------------------------*/
.commenti {margin-bottom:40px;}
.commenti .bubble {clear:both; padding:10px 0px; border-bottom:1px dashed #d9d9d9;}
.commenti .bubble cite {float:left; width:135px; margin-right:10px; font-size:11px; color:#b4b4b4; font-style:italic;}
.commenti .bubble cite strong {font-size:13px; display:block; font-style:normal; font-weight:normal;}
.commenti .bubble cite strong a {border-bottom:none; color:#690;}
.commenti .bubble blockquote {float:right; color:#888; font-size:13px; width:350px;}
#commentform p {clear:both; margin:15px 0px 0px;}
#commentform label {float:left; width:135px; font-size:13px; color:#888; margin:2px 5px 0px 0px;}
#commentform label small {color:#bebebe; font-size:11px;}
#commentform input {background:url(img/bg_input.png) no-repeat left top; height:16px; width:345px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#888; padding:5px;}
#commentform textarea {background:url(img/bg_textarea.png) no-repeat left top; height:76px; width:345px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#888; padding:5px;}
#commentform #submit {background:url(img/bg_invia.png) no-repeat left top; height:31px; width:68px; border:none; font-size:0px; text-indent:-9999px; text-align:left; color:#a2cc3f; cursor:pointer; margin:0px 0px 0px 138px;}


/*-------------------------------------------------
contatti
-------------------------------------------------*/
#contatti h2 {padding:30px 0px 0px 10px; margin-bottom:30px; position:relative; z-index:10;}
#contatti ul {padding:20px 10px 10px 0px; border:1px solid #e2e2e2; margin-top:-40px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#f9f9f9;}
#contatti li {clear:both; padding:4px 0px 0px 0px; width:445px;}
#contatti label {float:left; padding:1px 0px 0px 10px; text-transform:capitalize; width:179px;}
#contatti input {width:250px; border:1px solid #ccc; background:#fff; font-size:11px; padding:2px; color:#888; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#contatti select {width:256px; border:1px solid #ccc; background:#fff; font-size:11px; padding:1px; color:#888; float:right; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#contatti textarea {width:250px; border:1px solid #ccc; background:#fff; font-size:11px; padding:2px; color:#888; float:right; font:11px Arial, Helvetica, sans-serif; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#contatti .altro, #contatti .titoletto_informativa {clear:both; display:block; padding:4px 0px 0px 10px;}
#contatti .altro input, #contatti .altro select {float:right;}
#contatti input#pref {float:none; width:57px; margin:0px 4px 0px 0px;}
#contatti input#tel {float:none; width:170px; margin:0px 0px 0px 4px;}
#contatti h2 {clear:both;}
#contatti .lbl_informativa, #contatti .lbl_newsletter {float:none; padding:0px 0px 0px 10px; width:400px; float:left;}
#contatti .check {float:right; width:auto; border:none; background:none; padding:0px; margin:3px 0px 0px 10px; display:inline;}
#contatti #btn_image {border:none; background:url(img/bg_invia.png) no-repeat left top; height:31px; width:68px; font-size:0px; text-indent:-9999px; text-align:left; color:#a2cc3f; cursor:pointer; padding:0px; float:left; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin:20px 0px 0px 209px; display:inline;}


/*-------------------------------------------------
footer
-------------------------------------------------*/
#footer {width:955px; margin:0px auto; background:url(img/bg_footer.png) no-repeat center top; color:#a8a8a8; text-shadow:0px 2px 0px #fff;}
#footer .wrap {padding:35px;}
.footer_size { font-size:11px;}