/*
Theme Name: Thomas Biagi WordPress Theme
Theme URI: http://thomasbiagi.com/
Description: The custom WordPress theme for thomasbiagi.com website.
Version: 1.0
Author: Daniele Balboni
Author URI: http://danielebalboni.com/

*/

.yui-t9 .yui-b {
	float: right;
	width: 29.2307em;
	*width: 28.50em;
}

.yui-t9 #yui-main .yui-b {
	margin-right: 30.2307em;
	*margin-right: 29.475em;
}
.yui-t9 #yui-main {
	float: left;
	/* IE: preserve layout at narrow widths */
	margin-right: -31em;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
}

code {
	font: 100% 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
	font-size: 77%;
	letter-spacing: .07em;
}
a{
	color: #5aa3fc; /*666*/
	text-decoration: underline;
}
a:hover {
	color: #cc0000;
	text-decoration: none;
}

h1,h2,h3 {
	/* Top & bottom margin based on font size. */
	font-family: "Zeyada", Georgia,"Times New Roman",Helvetica,Tahoma;
	margin: 1em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}

h1 {
	/* 24px */
	font-size:182%;
	font-weight: normal;
	background: #666;
	color: #fff;
	margin: 0 0 1em;
	padding: 8px 15px;
}

h2 {
	/* 23px */
	font-size: 174%;
	font-weight: normal;
	background: #666;
	color: #fff;
	margin: 0 0 1em;
	padding: 8px 15px;
}

h2.images-title,
h2.video-title,
h2.widgettitle{
	/*background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.75);*/
	background: transparent url(images/bg-title.png) no-repeat right 0;
	color: #f00;
	margin-bottom: 0;
	padding: 5px 12px 0;
	text-align: right
}

h2.images-title{
	margin-bottom: -16px
}

h2.comments-title{
	background: #fff;
	color: #f00;
	margin-bottom: 0;
}

h2.news-title em,
h2.images-title em,
h2.video-title em,
h2.comments-title em{
	font-style: normal
}
h3 {
	/* 21px via YUI Fonts CSS foundation. */
	font-size: 161.6%;
	font-weight: normal;
	color: #000;
}

h1 a, h2 a, h3 a{
	color: #fff;
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover{
	color: #cc0000;
	text-decoration: none;
}

optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 1em;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}
/* End Typography & Colors */



/* Begin Structure */
html,body,#doc3,#yui-main,#yui-main .yui-b,#content{
	min-height: 100%;
}
html{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff url(images/bg-page.jpg) repeat-x fixed 0 0;
	color: #2f2f2f;
}

body{
	background: transparent url(images/bg-thomas.jpg) no-repeat fixed 450px 198px;
}

#doc3{
	margin: 0;
	padding: 0;
}

#hd {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff url(images/bg-header.jpg) no-repeat 330px 13px;
	color: #0066b3;
	padding: 25px 15px;
	border-top: 10px solid #5aa3fc
}
#hd #site-title{
	float: left;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

#hd img{
	vertical-align: middle
}

#hd #flags_language_selector img{
      margin:3px;    
}

#hd #flags_language_selector a img{
	border:2px solid #666;
}

#social-links{
	position: absolute;
	top: 145px;
	right: 45px;
}

/* menu */
#menubar{
	font-family: "Zeyada", Georgia,"Times New Roman",Helvetica,Tahoma;
	font-size: 153.9%;  /* 20px */
    line-height: 2;  /* ~40px */
    *line-height: 1.9; /* For IE */
	margin: 80px 5px 0 0
}

#menubar ul
{ 
    margin: 0;
    padding: 0;
	list-style: none;
	*zoom: 1;
}

#menubar>.bd>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

#menubar li {
    list-style-type: none;
	float: left;
}

#menubar li a{
    text-align: center;
    white-space: nowrap;
	display: block;
	padding: 0 18px 0 17px;
	color: #666;
    text-decoration: none;
}

#menubar li a:hover{
	color: #ff0000;
}

#bd{
	margin: 0;text-align:left; /* leave unchanged */
	width:75.3846em;/* non-IE */
	*width:73.5452em;/* IE */
	min-width:980px;/* optional but recommended */
	padding: 190px 0 15px; /* 69 */
	min-height: 70%
}
#content{
	margin: 15px 67px 0 15px;
	padding: 0 0 20px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.9);
	color:#000;
}
#sidebar
{
	padding: 190px 0 10px;
}

.post {
	margin: 0 0 20px;
	text-align: left;
}
.post-a-comment{
	margin: 16px;
	display: inline-block;
	zoom: 1;
	vertical-align: top
}
.entry{
	padding: 0 10px;
}

#ft {
	background: #eeeeee url(images/bg-footer.png) repeat-x 0 0;
	border-bottom: 16px solid #5aa3fc;
	color: #666;
	padding: 0 15px;
	/*position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;*/
}

#ft a.partner{
	display: inline-block;
    display: -moz-inline-stack;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	margin: 0 30px 0 0;
}
#ft #autograph{
	margin-left: 250px;
	margin-right: 0!important;
}
/* End Structure */

/* widget */
.widget-area ul,
.widget-area li
{
	list-style: none;
	padding: 0;
	margin: 0
}

.widget-area .widget-content{
	padding: 6px;
	background: rgb(255, 255, 255); /* rgb fallback */
	background: rgba(255, 255, 255, 0.9);
}

/* Begin Images */

img.centered,
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry img.centered,
.entry .aligncenter{
	margin: -22px 0 0 -10px
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */

/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
#commentform {
	margin: 5px 10px 0 0;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #9a9a9a;
	background-color: #eee;
	color: #333;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
	border: 1px solid #9a9a9a;
	background-color: #eee;
	color: #333;
}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#commentform #submit {
	margin: 15px 0 5px auto;
	float: right;
}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px 0;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.children { padding: 0; }

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */


/* Begin Various Tags & Classes */

.date{
	color: #f00;
}
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.clear {
	clear: both;
}
.left{
	text-align: left;	
}
.right{
	text-align: right;	
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

.navigation {
	display: block;
	text-align: center;
	padding:10px 0;
	margin: 0 0 1em;
	background: #efefef;
}

/* End Various Tags & Classes*/

/* Tubepress */
.tubepress_container {
	float: none;	
	width: auto
}
.tubepress_sidebar{
	padding: 6px;
	background: rgb(255, 255, 255); /* rgb fallback */
	background: rgba(255, 255, 255, 0.9);
}
.tubepress_thumbnail_area {
    margin-top: 50px;	
}
.tubepress_sidebar .tubepress_thumbnail_area {
    margin-top: 0;	
}
.tubepress_meta {
	float: none;
}
.tubepress_meta_group dt {
    clear: none;
}

dt.tubepress_meta_author, 
dt.tubepress_meta_keywords, 
dt.tubepress_meta_category, 
dt.tubepress_meta_rating, 
dt.tubepress_meta_ratings,
dt.tubepress_meta_id,
dt.tubepress_meta_views,
dt.tubepress_meta_uploaddate {
    font-style: normal;
    color: #333;
}
.tubepress_thumbs {
	padding: 0;
	float: none;
}
dd.tubepress_meta_title, dd.tubepress_meta_title a, dd.tubepress_meta_title a:hover {
    font-weight: normal;
	padding: 2px 0;
	clear: none
}
dd.tubepress_meta_description{
	font-size: 93%;	
	padding: 2px 0;
}
.tubepress_thumb {
    float: none;
    display: inline-block;
    display: -moz-inline-stack;
    vertical-align: top;
    *display: inline;
	*zoom: 1;
    width: 115px;
	padding: 1px;
	margin: 0 1px 2px;
	height: auto;
    overflow: inherit;
}

.tubepress_sidebar .tubepress_thumb{
	margin-top: 0;
	width: 115px
}

.tubepress_sidebar dl{
	margin: 0 0 10px;
	padding: 0;
	text-align: left
}

.tubepress_container div.pagination {
    font-size:85%;
	clear:both;
	display:block;
	padding:10px 0;
	margin: 0 0 1em;
	text-align:center;
	background: #efefef;
}
.tubepress_container div.pagination a,
.tubepress_container div.pagination span {
    display: inline-block;
    display: -moz-inline-stack;
    vertical-align: top;
    *display: inline;
	*zoom: 1;
	margin: 0 2px;
	padding:6px 10px;
	text-decoration: none;
	background: #e2e2e2;
	border:1px solid #ddd;
	border-radius: 4px;
	-moz-border-radius: 4px; /*Per Firefox*/
	-webkit-border-radius: 4px; /*Per Chrome*/
	behavior: url(PIE.htc);	 /*Per Explorer*/
}

.tubepress_container div.pagination a:hover, 
.tubepress_container div.pagination a:active {
    background-color: #5aa3fc;
	color: #FFFFFF;
	text-decoration: none;
	border:1px solid #ddd;
}

.tubepress_container div.pagination span.current {
	margin: 0 2px;
	padding:6px 10px;
	font-weight:bold;
	color: #cc0000
}
.tubepress_container div.pagination span.disabled {
	border-color: #dfdfdf;
	color: #2f2f2f;
	margin: 0 2px;
	padding:6px 10px;
}
/* wp pagenavi */
.wp-pagenavi {
	font-size:85%;
	clear:both;
	display:block;
	padding:10px 0;
	margin: 0 0 1em;
	text-align:center;
	background: #efefef;
}

.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
    display: -moz-inline-stack;
    vertical-align: top;
    *display: inline;
	*zoom: 1;
	margin: 0 2px;
	padding:6px 10px;
	text-decoration: none;
	background: #e2e2e2;
	border:1px solid #ddd;
	border-radius: 4px;
	-moz-border-radius: 4px; /*Per Firefox*/
	-webkit-border-radius: 4px; /*Per Chrome*/
	behavior: url(PIE.htc);	 /*Per Explorer*/
}

.wp-pagenavi a:hover, .wp-pagenavi a:active {
	background-color: #5aa3fc;
	color: #FFFFFF;
	text-decoration: none;
}

.wp-pagenavi span.current {
	font-weight:bold;
	color: #cc0000
}
/* sociable */
div.sociable { margin: 16px 0; display: inline-block; zoom:1  }
/*Login form*/
#loginform { padding: 10px ; background:#eee; border: 1px solid eee; text-align: left; display: block; margin: 0 auto;}
#loginform label {color:#222; font-weight:bold; display: block}
#loginform input.input {border:1px solid #ccc; background:#fcfcfc; padding:5px; margin:0 10px 0 2px; color:#222; width: 180px}