/*
Theme Name: Stefano Giorgini 2009
Theme URI: http://www.stefanogiorgini.com/
Description: StefanoGiorgini
Version: 09
Author: Antonio Laccetti
Tags: mantle color, variable width, two columns, widgets

Gente di mare!
*/

/** CSS 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, strong, 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: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: normal;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** 21Design **/
strong {font-weight:bold ;  }
.clear{ clear: both; }
.hidden{ visibility: hidden; display: none; }
.left{ float: left; }
.right{ float: left; }
h1, h2, h3, h4, h5, h6{ font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #990000; margin: 0px; }
.textcenter{ text-align:center;}
/** Styles **/
body{ background: #E2E2E2 url(images/bgbody.jpg) no-repeat center top; font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

h2.postcomments{ font-size: 1.5em; margin-top: 10px; }
h4{ color: #FFFFFF; background: #666 url(images/bgBackgrounds.jpg) repeat-x left 0; line-height: 30px; font-size: 1.3em; padding: 0px 10px; }

/** DIVS **/
#container{ width: 900px; background-color: #FFF; margin: 0px auto 20px auto;  }
#header { width: 900px; margin: 0px auto; height: 280px; }
#header h1 a{ width: 300px; height: 280px; display: block;  float: left;  }
/** Menu **/
#menu{ height: 40px; background: url(images/bgBackgrounds.jpg) repeat-x left -30px; font-size: 14px; overflow: hidden; }
#menu .left{ width: 200px;  }
#audioplayer{ padding: 3px 0px 0px 10px;  }
#menu .right{ float: right;  }
#menu li{ float: left; border-left:#990000 1px solid; }
#menu li:hover{ background: #990000; }
#menu a{ color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 0px 20px;  line-height: 40px; font-weight: bold;   }

/** Content **/
#content{ overflow: hidden;  }
#content p, #podcastpage p{ margin: 5px 0px; }
#content .left{  width: 422px; background: #EEEEEE url(images/bgLeft.jpg) repeat-x center bottom; padding: 0px 0px 130px 0px;   }
#content .left .box{ border-bottom: 1px #990000 dotted; padding: 10px; margin: 10px; }
#content .left .box li{ margin-bottom: 5px; }

#content a.sociallinks{ width: 50px; height: 50px; display: block; background: url(images/sociallinks.jpg); float: left; margin-left: 10px; }
	#content a.sociallinks#myspace{ background-position: 0px 0px;  }
	#content a.sociallinks#facebook{background-position: 0px -50px;  }
	#content a.sociallinks#youtube{ background-position: 0px -150px;  }
	#content a.sociallinks#purevolume{ background-position: 0px -300px;  }


#content .left .box img{ float: left; margin: 0px 10px 10px 0px; }
#content .left .box a{ color: #666; text-decoration: none; }
#content h2{ font-size: 2.0em;  }
#content .right h2{ margin-top: 30px;  }
#content .right{ width: 460px; margin-left: 10px; }
#content .right .articolo{ margin: 20px 0px; }
#content .right .articolo p{ font-size: 1.1em; line-height:1.4 ;}
#content .right h3, #podcastpage h3{ color: #006699; font: bold 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
#content .right h3 a, #podcastpage h3 a{ font-weight: bold; color: #006699;   text-decoration: none;}
#content .right a, #podcastpage a{ color: #990000; text-decoration: none;  }
#content .right a:hover, #podcastpage a:hover{ text-decoration: underline; }
#content .right .meta, #podcastpage .meta{ background: url(images/bgBackgrounds.jpg) repeat-x left -70px; border-bottom: 1px #990000 dotted; text-align:center; font-size: x-small; color: #999999; height: 22px; margin: 10px 0px;}
#content .right .meta a, #podcastpage .meta a{ color: #666666; text-decoration: none;  }
#content .right h4.archivetitle{ border-top: 1px #CCC solid;border-bottom: 1px #CCC solid; background: #FFFFFF ; color: #999; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; margin: 10px 0px 0px 0px; text-align: center; background-color: #EEE;}

#snowcap{ background-color: #333; }
#podcast{ background-color: #333; }

/* PODCAST PAGE */
#podcastpage{  }
#podcastpage #video{padding: 10px 0px 0px 10px; background-color: #333;  }
a.podcastlink{ width: 370px; height: 150px; background: url(images/itunes.jpg) no-repeat left top; display: block; margin: 20px 10px 20px 20px; }
a.podcastlink#itunes{ background-position: 0px 0px;  }
a.podcastlink#miro{ background-position: 0px -146px; margin-bottom: 30px; }
#content .left p#cantsold{ text-align: center; font-size: 1.1em; color: #999; margin-bottom: 30px; }
#content .left p#cantsold a{ color: #666; text-decoration: none; }
#content .left p#cantsold a:hover{color: #999;}


/* Comments */
#comment ol#commentlist{ }
#comment ol#commentlist ul{}
#comment ol#commentlist li{ border-bottom: 1px #AAA dotted; margin: 0px 10px 10px 10px; }
#comment ol#commentlist li p{ }
#comment ol#commentlist li p cite{ font-size: 0.9em; color: #999999;  }
#comment ol#commentlist li p cite a{ color: #CCC; }
#comment ol#commentlist li p a{ color: #999; }


/** Footer **/
#footer{ height: 265px; width: 900px; background: url(images/bgFooter.jpg) no-repeat left bottom; }
#footer .right{ float: left; margin:80px 0px 0px 300px; color: #000000; width: 640px;  }
#footer .box{ border-left: 1px #990000 dotted; padding: 10px; float: right; margin: 0px 50px 0px 0px; height: 100px; }
#footer .box#contact h3{ color: #990000; }
#footer .box#contact a{ color: #666666;  }
#footer ul{ margin: 5px 0px 0px 0px; }
#footer .right a{ color: #000000; text-decoration: none; }
#footer .right a:hover{ color: #333333; text-decoration: underline; }
#footer .right h3{ color: #999999; font-weight: normal; }