@charset "UTF-8";
/* CSS Document */

/*
	RESET STYLES 
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {	
	quotes: "" "";
}

/* Basic settings */

body { background: #181716 url(images/body.gif) repeat-y; font-size: 62.5%; text-align: justify; font-family: tahoma, verdana, arial, helvetica, "sans serif"; }
h1,h2,h3,h4,h5,h6,p { position: relative; }
#container { width: 938px; margin: 0 auto; color: #fff;font-size: 1.2em; line-height: 120%; }
#wrap { float: left; }
#header { width: 938px; display: block; float: left; height: 455px; background: url(images/header.jpg); }
#header h1, #header h2 { text-indent: -9999px; }
#new_day { width: 300px; height: 276px; position: absolute; top: 0; margin-left: 10px; }
#new_day p a { width: 300px; height: 276px; text-indent: -9999px; display:block; background: url(images/buy_now.gif) 811px 247px no-repeat;}
#new_day p a:hover { background-position: 211px 247px; }
#nav li a { display: block; position: absolute; text-indent: -9999px; }
#nav li#write a { top: 92px; margin-left: 800px; width: 94px; height: 30px; background: url(images/write.gif) -100px 4px no-repeat; }
#nav li#write a:hover { background-position: -1px 4px; }
#nav li#meet a { top: 134px; margin-left: 800px; width: 94px; height: 30px; background: url(images/meet.gif) -100px 4px no-repeat; }
#nav li#meet a:hover { background-position: -2px 3px; }
#nav li#share a { top: 176px; margin-left: 800px; width: 94px; height: 30px; background: url(images/share.gif) -100px 4px no-repeat; }
#nav li#share a:hover { background-position: -4px 1px; }
#nav li#peek a { top: 218px; margin-left: 800px; width: 94px; height: 30px; background: url(images/peek.gif) -100px 4px no-repeat; }
#nav li#peek a:hover { background-position: 5px 0; }
p#hh { width: 125px; height: 30px; position: absolute; top: 355px; margin-left: 772px; }
p#hh a { width: 120px; height: 30px; display: block; text-indent: -9999px; }
#player { position: absolute; margin: 280px 0 0 20px; }
#main { clear: both; background: #222 url(images/main.jpg) no-repeat; width: 100%; float: left; }
.row { width: 100%; float: left; padding-top: 40px; }
#first { background: url(images/titles_1st_row.jpg) no-repeat; }
.col { width: 300px; display: block; float: left; }
.col strong { font-weight: bold; color: #a50133; }
.col p { padding: 10px 0; }
.col a, #footer a { color: #fff; text-decoration: underline; }
.col a:hover, #footer a:hover { background: #fff; color: #181716; text-decoration: none; }
.first_col { margin: 0 20px 0 20px; }
#full_album, #full_bio, #full_dates, #full_releases { display: none; height: auto; }
#full_dates { width: 240px; }
.third_col { margin-left: 20px; float: left; width: 250px; color: #222; }
.date { background: #dcd2c1; width: 240px; float: left; margin-top: 10px; padding-bottom: 10px; }
.dam { float: left; width: 26px; border-right: 1px solid #222; padding: 0 10px; margin: 10px 0 0 0; }
.dom { font-size: 1.8em; display: block; padding-top: 4px; }
.mon { text-transform: uppercase; font-size: 1.2em; margin-top: 10px; display: block; }
.waw { float: left; width: 124px; text-align: left; margin: 10px 0 0 10px; }
.waw strong { font-weight: bold; }
.when { font-style:italic; }
#second, #fourth { margin: -30px 0 0 20px; }
.btn { float: left; margin-right: 20px; }
.btn a { display: block; width: 295px; background: #a50133; color: #fff; text-decoration: none; text-transform: uppercase;padding: 3px 0 3px 5px; }
.third_btn a { width: 235px; }
#third { background: url(images/titles_2nd_row.gif) no-repeat; margin-top: 60px; }
#tweet h4 { margin-top: 10px; color: #0ba6ff; }
.second_col { text-align: left; }
#footer { float: left; margin: 20px 0 0 20px; border-top: 1px solid #aaa; padding: 10px 0 20px 0; width:880px; }
#fourth { margin-top: -25px; }
#fourth .first_btn a { background: #0ba6ff; }
input, textarea { float: left; font-size: 1em; background: #dcd2c1; border: 0; margin-bottom: 10px; width: 238px; padding: 2px; font-family: tahoma, verdana, arial, helvetica, "sans serif"; }
textarea { overflow: auto; }
input#invia { width: 80px; position: absolute; margin: 150px 0 10px -81px; padding: 2px 10px; }
#footer p { float: left; }
#footer ul { margin: -25px 0 0 338px; padding-bottom: 10px; }
#footer li { display: inline; }
#footer li a { display: block; float: left; text-indent: -9999px; margin-right: 30px; }
#footer ul li#sony a { float: left; background: url(images/logo_sony.gif); width: 157px; height: 32px; margin-top: 24px; }
#footer ul li#neo a { background: url(images/logo_neo.gif); width: 79px; height: 44px; margin-top: 20px; }
#footer ul li#fastball a { background: url(images/logo_fastball.gif); width: 125px; height: 24px; margin-top: 32px; }
#footer ul li#tanzan a { background: url(images/tanzanlogo.jpg); width: 81px; height: 78px; margin: 0; }