/*-------------------------------------------------
Theme Name:The Wellness Blog
Theme URI:http://www.technogym.com/
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; margin:6px 20px 10px 0px;}
img.alignright {float:right; margin:6px 0px 10px 20px;}
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:13px Verdana, Geneva, sans-serif; color:#555; background:url(img/bg_body.jpg) no-repeat center top #fff;}
a {color:#d69f0b; text-decoration:underline;}
a:hover {color:#d69f0b; text-decoration:none;} 

.button {background-color: #ffff00; color: #000; padding: 0 3px; font-weight:bold}

a:hover.button  {background-color: #00ff00;
    color: #000;
    padding: 0 3px;}


/*-------------------------------------------------
Typo
-------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#3c929f;}
p {margin-bottom:21px;}


/*-------------------------------------------------
SIFR
-------------------------------------------------*/
/*@media screen {
	.sIFR-flash {visibility:visible !important; margin:0; padding:0;}
	.sIFR-replaced, .sIFR-ignore {visibility:visible !important;}
	.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}
	.sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;}
}

@media print {
	.sIFR-flash {display:none !important; height:0; width:0; position:absolute; overflow:hidden;}
	.sIFR-alternate {visibility:visible !important; display:block !important; position  :static  !important; left:auto !important; top :auto !important; width  :auto !important; height :auto !important;}
}*/


/*-------------------------------------------------
Struttura
-------------------------------------------------*/
#container {width:948px; margin:0px auto;}
#corpo {float:left; width:618px; min-height:190px; margin-bottom:15px;}
#sidebar {float:right; width:308px;}


/*-------------------------------------------------
Header
-------------------------------------------------*/
#header {position:relative; height:120px;}
#header .logo {position:absolute; top:45px; left:15px;}
#header .logotg {position:absolute; top:30px; right:1px;}


/*-------------------------------------------------
Menu
-------------------------------------------------*/
#menu {width:948px; height:60px; margin:0px auto 10px; background:url(img/bg_menu.png) no-repeat left top;}
#menu .alignleft {text-transform:uppercase; font-size:12px; padding:18px 0px 18px 20px;}
#menu .alignleft li {float:left; padding:0px 8px 0px 0px; margin:0px 8px 0px 0px; background:url(img/pipe.png) no-repeat right center;}
#menu .alignleft li.page-item-448 {background:none;}
#menu .alignleft li a {float:left; text-decoration:none;}
#menu .alignright {text-transform:uppercase; font-size:10px; padding:18px 20px 18px 0px;}
#qtranslate-chooser li {float:left;}
#qtranslate-chooser a {float:left; color:#90b268; padding:0px 0px 0px 18px; opacity:0.5; -moz-opacity:0.5; text-decoration:none; margin:0px 0px 0px 15px; display:inline;}
#qtranslate-chooser li.active a, #qtranslate-chooser a:hover {opacity:1; -moz-opacity:1;}
#qtranslate-chooser a.en {background:url(img/eng.png) no-repeat left center;}
#qtranslate-chooser a.it {background:url(img/ita.png) no-repeat left center;}


/*-------------------------------------------------
post
-------------------------------------------------*/
#corpo h2 { padding-bottom:4px;}
#corpo h2 a {color:#3c929f; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; font-size:26px; color:#3c929f; line-height:1.4;}
#corpo h2 a:hover {color:#1a6975;}
.post {margin-bottom:15px;}
.top {background:url(img/bg_post.png) no-repeat left top; height:24px;}
.bg_post {background:url(img/bg_post2.png) repeat-y left top; padding:0px 24px 17px;}
.bottom {background:url(img/bg_post.png) no-repeat left bottom; height:8px;}
.post_title {position:relative; z-index:1; padding:0px 50px; margin-top:-11px;}
.date {position:absolute; z-index:1; top:8px; left:0px; width:35px; height:42px; background:url(img/bg_data.gif) no-repeat left top; margin-right:15px; letter-spacing:-1px; float:left;}
.date .year {position:absolute; color:#fff; text-align:center; width:35px; font-size:10px; text-transform:uppercase; top:-3px; left:0px;}
.date .day {position:absolute; color:#377691; text-align:center; width:35px; font-size:15px; text-transform:uppercase; top:12px; left:0px;}
.date .month {position:absolute; color:#377691; text-align:center; width:35px; font-size:9px; text-transform:uppercase; top:25px; left:0px;}
.gravatar_author {position:absolute; z-index:1; top:4px; right:1px; padding:1px; background:#c4e7f1; border:1px solid #96b5c7;}
.baloon {background:url(img/baloon.png) no-repeat left center; padding:0px 0px 0px 17px;}
.info {font-size:11px; color:#7e7e7e; position:relative; z-index:10; margin:-4px 0px 16px;}
.info a {color:#62bac4; text-decoration:underline;}
#info_left { float:left; margin-right:15px;}
.addthis_container {border-top:1px solid #a3a3a3; padding:14px 0px 0px 0px; margin:16px 0px 0px; clear:both;}
.addthis {float:left;}
a.more-link {display:block; text-align:right; background:url(img/more_bull.png) no-repeat left 4px; padding:0px 0px 10px 18px; margin:21px 0px 0px 0px; outline:none; float:right; height:24px;}
#at16pf {height:22px!important;}
.tags {display:inline; padding:0px 10px; margin-top:-2px; font-size:11px; color:#7e7e7e;}
.tags a {color:#62bac4; text-decoration:underline;}
.navigation {margin:-28px 0px 14px;}
.entry ol {list-style-type:decimal; list-style-position: inside;}
.entry ul { list-style-type:disc; list-style-position: inside;}


/*-------------------------------------------------
comments
-------------------------------------------------*/
.comments {margin-top:15px;}
.comments h2 {margin-top:-10px;}
.comments .bubble {clear:both; padding:10px 0px; border-bottom:1px dashed #d9d9d9;}
.comments .bubble cite {float:left; width:135px; margin-right:10px; font-size:11px; color:#b4b4b4; font-style:italic;}
.comments .bubble .attesa { float:left; font-weight:bold;}
.comments .bubble cite strong {font-size:13px; display:block; font-style:normal; font-weight:normal;}
.comments .bubble cite strong a {border-bottom:none; color:#63b9c6;}
.comments .bubble blockquote {float:right; color:#888; font-size:13px; width:350px;}
#commentform p {clear:both; margin:15px 0px 0px;}
#commentform label {float:left; width:208px; font-size:13px; color:#888; margin:2px 5px 0px 0px;}
#commentform label small {color:#bebebe; font-size:11px;}
#commentform input {background:#f4f4f4; border-top:1px solid #b6b6b6; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #b6b6b6; height:16px; width:345px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#888; padding:5px;}
#commentform textarea {background:#f4f4f4; border-top:1px solid #b6b6b6; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #b6b6b6; height:76px; width:345px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#888; padding:5px;}
#commentform #submit {background:#59bbc9; height:auto; width:auto; text-align:center; font-size:11px; text-transform:uppercase; color:#fff; border:1px solid #49a3c0; margin-left:213px;}


/*-------------------------------------------------
socials
-------------------------------------------------*/
#socials {height:53px; position:relative; z-index:1; background:url(http://www.technogym.com/blog/wp-content/uploads/2011/02/bg_social.png) no-repeat left top; margin-bottom:20px;}
#socials .social a {position:absolute; z-index:1; top:85px; width:42px; height:46px; text-indent:-9999px; background:url(img/trasp.png); cursor:pointer; font-size:0px; text-decoration:none; color:#dfad24;}

/*********************************
#socials .social a.rss {left:19px;}
#socials .social a.twitter {left:72px;}
#socials .social a.facebook {left:127px;}
#socials .social a.flickr {left:185px;}
#socials .social a.youtube {left:241px;} 
**********************************/

#searchform label {display:none;}
#searchform input.input {font-size:14px; color:#a4a4a4; background:none; position:absolute; z-index:1; top:18px; left:22px; border:none;}
#searchform input.submit {background:url(img/trasp.png); text-align:left; font-size:0px; width:36px; height:36px; position:absolute; z-index:1; top:9px; right:13px; border:none; cursor:pointer; color:#fff; text-align:left;}


/*-------------------------------------------------
widget
-------------------------------------------------*/
.widget {  background:url(img/bg_widget.png) no-repeat bottom left; color:#7e7e7e; padding-bottom:20px;  margin-bottom:15px; clear:both; font-size:13px;}
.widget h3 {  background:url(img/bg_widget.png) no-repeat top left;  padding:6px 24px 6px; font-size:17px; color:#d69f0b; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.4; font-weight:normal;}
.widget ul {margin:0px 0px 0px 0px; padding:0px;}
.widget ul li {background:url(img/wid_bull.png) no-repeat 0px 3px; padding:0px 0px 0px 20px; margin:0px;}
.widget a {color:#61bbc4; text-decoration:underline;}
.widget a:hover {text-decoration:none;}
.inside_widget {padding:6px 24px 0px;}
.widget object, .widget embed {text-align:;}
.widget small {display:none;}
#search {height: 50px; text-align:center;}

/*-------------------------------------------------
newsletter
-------------------------------------------------*/
#newsletter_div {padding:5px 0px;}
#newsletter_div input.text {background:#f4f4f4; border-top:1px solid #b6b6b6; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #b6b6b6; height:16px; width:145px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#888; padding:5px;}
#newsletter_div input.submit {background:#59bbc9; height:auto; width:auto; text-align:center; font-size:11px; text-transform:uppercase; color:#fff; border:1px solid #49a3c0; padding:5px; cursor:pointer;}
#newsletter_div p.error, #newsletter_div p.mail {clear:both; margin:0px; padding:10px 0px 0px; display:none;}


/*-------------------------------------------------
updated
-------------------------------------------------*/
.inside_widget input.text {background:#f4f4f4; border-top:1px solid #b6b6b6; border-right:1px solid #dadada; border-bottom:1px solid #dadada; border-left:1px solid #b6b6b6; height:16px; width:165px; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#888; padding:5px;}
.inside_widget input.submit {background:#59bbc9; height:auto; width:auto; text-align:center; font-size:11px; text-transform:uppercase; color:#fff; border:1px solid #49a3c0; padding:5px; cursor:pointer;}


/*-------------------------------------------------
newsletter landing
-------------------------------------------------*/
#corpo_newsletter_left {float:left; width:466px; margin-bottom:15px;}
#corpo_newsletter_left img, #corpo_newsletter_right img { padding:4px; border:1px solid #ddd; margin-top:15px;}
#corpo_newsletter_left a { display:block; height:36px; font: 16px Arial, Helvetica, sans-serif; line-height:36px; padding-left:45px; color:#fff; text-decoration:none;}
#corpo_newsletter_right a { display:block; height:36px; font: 16px Arial, Helvetica, sans-serif; line-height:36px; padding-left:45px; color:#40545E; text-decoration:none;}
#corpo_newsletter_right {float:right; width:466px; margin-bottom:15px;}
.top_newsletter {background:url(img/newsletter_bg_post.png) no-repeat left top; height:24px;}
.bottom_newsletter {background:url(img/newsletter_bg_post.png) no-repeat left bottom; height:8px;}
.bg_post_newsletter {background:url(img/newsletter_bg_post2.png) repeat-y left top; padding:0px 24px 17px;}
#button_home { height:36px; width:418px; background:url(img/background_button_home.jpg) no-repeat left top;}
#button_commercial {height:36px; width:418px; background:url(img/background_button_commercial.jpg) no-repeat left top;}

/*-------------------------------------------------
footer
-------------------------------------------------*/
#footer {width:948px; height:60px; margin:0px auto 20px; background:url(img/bg_footer.png) no-repeat left top;}
#footer .wrap {padding:18px 20px;}