/* reset css rules for x-browser compatibility */
/* v1.0 | 20080212 */

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;
}
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; }

/* reset css rules for x-browser compatibility */
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }
* {padding:0;margin:0; outline:none; }
a img,:link img,:visited img{ border:none;outline:none;}
address { font-style:normal; }
/*---------------------------------------------*/

/* --- Global styles--- */
html{
	background:#000;
}
body{
	font-family:"Trebuchet MS";
	font-size:12px;
	background:#fff url('images/focal_bg.png') top repeat-x;
}
.noScript {
	position:absolute;
	background:#FFFFFF none repeat scroll 0 0;
	color:#c40000;
	font-size:14px;
	font-weight:normal;
	padding:6px 5px;
	text-align:center;
	margin:10px 20%;
	width:50%;
}
li,p{line-height:18px;}
a{
	color:#2160a8;
	padding:0px 2px;
}
a:hover{
	background-color:#640000;
	color:#fff;
	/*text-decoration:underline;*/
}

#content{
	width:900px;
	margin:0px auto;
}

.leftCol{
	padding:0px 2px 0px 2px;
	float:left;
	width:450px;
}
.leftCol input{
	vertical-align: middle;
}
.rightCol{
	margin-left:480px;
	padding:0px 2px;
	text-align:right;
}
.rightCol a{
	font-size:12px;
	margin-left:10px;
}
.rightCol .completed{
	color:#71c837;
}

/* --- Header --- */
#header{
	padding-top:5px;
}
#header a img{
	border:0;
}
#header .headerLinks{
	display:block;
	text-align:right;
	height: 40px;
	line-height: 40px;
	vertical-align:bottom;
	padding-top:5px;
	color:#000;
}
#header .headerLinks a{
	text-decoration:none;
	color:#800000;
	font-weight:bold;
	padding:0px 10px;
font-size:14px;
}
#header .headerLinks a:hover{
	color:#fff;
	text-decoration:none;
}
#header .headerLogo{
	float:left;
	width:240px;
	height:60px;
	margin-top:0px;
	background:url('images/scrobbld_logo.png') no-repeat;
}
*html #header .headerLogo{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/scrobbld_logo.png", sizingMethod="crop");
}

/* --- Focal Div --- */
#focalDiv{

	margin-top:40px;
	height:340px;
	padding-top:0px;
}
#focalDiv h1{
	font-family:Arial;
	font-size:28px;
	line-height:34px;
	color:#fff;
	font-weight:bold;
	padding-top:5px;
	margin-top:3px;
	margin-bottom:10px;
}
#focalDiv h3{
	font-family:Arial;
	color:#ffeeaa;
	padding:10px 10px;
	font-size:20px;
	font-weight:normal;
	line-height:26px;
}
div#focalDiv div.buttons{
	margin:15px 0px; 
	color:#fff;
	font-size:16px;
}
div#focalDiv div.buttons a{
	margin:0px 10px;
}
div#focalDiv div.buttons img{
	vertical-align:middle;
}
div#focalDiv h4{
	font-family:Georgia;
	font-size:14px;
	color:#eee;
	font-style:italic;
	font-weight:normal;	
	clear:both;
	padding-top:7px;
}
div#focalDiv div.buttons div.noBG{
	background:none;
	width:50px;
	color:#fff;
}
.focalImage{
	float:right;
	margin-top:-3px;
}

#focalDiv .leftCol{
	padding:10px 0px;
}
/* --- Login Div --- */
#loginDiv{
	margin-top:25px;
	font-size:14px;
	text-align:center;
	background-color: #f5f5c8;
	padding:7px 0px 5px 0px;
	height:25px;
}
#loginDiv #floatingClose{ position:absolute; margin-left:145px; margin-top:1px; }
*html #loginDiv #floatingClose{ margin-left:125px }
#loginDiv  #floatingClose a:hover{ background-color:transparent; }
#loginLine{ font-weight:bold; color:#640000; }
#loginLine input{
	background: #fff url(images/input_bg.gif) top left no-repeat;
	border: 1px solid #ccc;
	border-top-color: #aaa;
	border-left-color: #aaa;
	padding:2px 5px;
	margin: 0px 10px;
	width: 200px;
}
#loginLine img{ vertical-align:top; }
#loginLine .or{ vertical-align:top; line-height:18px;}
#loginLine #showLoginBut{ font-style:italic; vertical-align:top; font-weight:normal; font-size:14px; line-height:20px;}
#loginLine #submitButton{
	background: #fff url('images/submitInvite.png') top left no-repeat;
	margin:0px; border:none; width:65px; height:20px;
	cursor:pointer;
}
#loginDiv p.message{
	background-color: #447821;
	color: #c6e9af;
	font-weight:normal;
	text-align:center;
	padding:3px 5px;
}

/* --- Boxed Div --- */
.boxed{
border:1px solid #ccc;
padding:10px;
}
.boxed img.paypal{
margin:-25px 100px 2px 30px;
}
.boxed img.ebay{
margin:-25px 0px 2px 0px;
}
.boxed td{
font-size:13px;
line-height:18px;
padding:0px 15px;
color: #555;
font-family:arial;
}
/* --- Lower Div --- */

#lowerDiv, .lowerDiv{
	margin-top:30px;
	margin-bottom:20px;
	color:#555;
}
#lowerDiv a{text-decoration:underline;}

#lowerDiv .leftCol, .lowerDiv .leftCol{ margin-bottom:20px; }
#lowerDiv .rightCol, .lowerDiv .rightCol{ text-align:left; }
#lowerDiv .fullWidth h2, .lowerDiv .fullWidth h2{ clear:both; float:none; text-align:left; }
#lowerDiv h2, .lowerDiv h2{
	font-family:Arial;
	font-size:24px;
	color:#800000;
	margin-bottom:15px;
}
#lowerDiv h3, .lowerDiv h3{
	font-family:Arial;
	font-size:16px;
	color:#333;
	margin-bottom:25px;
}
#lowerDiv p, .lowerDiv p{
font-family:arial;
	margin-bottom:15px;
	font-size:16px;
	line-height:20px;
	padding-right:20px;
}
.lowerDiv p a{
text-decoration:underline;
}
#lowerDiv ul, .lowerDiv ul{
	padding-top:0px;
}
#lowerDiv ul li, .lowerDiv ul li{
	text-align:left;
	margin-bottom:7px;
	background:url('images/tick_green.png') 10px 0px no-repeat;
	padding:0px 0px 2px 35px;
}
/* --- Features Div--- */
.featuresDiv{
	background-color:#eef4d7;
	padding:25px 20px;
}
.featuresDiv ul{
padding-left:10px;
}
.featuresDiv ul li{
margin-bottom:3px;
font-size:14px;
font-weight:bold;
}
.featuresDiv h3{
padding-left:20px; color:#5aa02c;
}
.dottedVertical{
	background: url('images/dottedVertical.png') repeat-y right;
margin-right:10px;
}

/* --- Reminder --- */
.reminder1{
padding:10px 0px;
margin-bottom:20px;
font-size:20px;
text-align:center;
border-top:2px dotted #ccc; 
border-bottom:2px dotted #ccc;
background-color: #ffeeaa;
clear:both;
}
.reminder1 a{
text-decoration:underline;
margin:0px 10px;
font-weight:bold;
}

/* --- Reviews --- */
.reviews h2{ padding:0px 0px 20px 0px; color:#444; }
.reviews .leftCol{ border-right:3px dotted #ccc; }
.reviews .rightCol{ text-align:center;}
.reviews {font-weight:bold; color:#777;}
/* --- Footer --- */
#footer{
	clear:both;
	color: #cccccc;
	border-top:1px solid #888;
	background:#000 url('images/gradBlack.png') repeat-x;
	padding:10px 0px;
}
#footer #footerContent{
	width:900px;
	margin:0px auto;
}
#footer a{
	color: #bbbbbb;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover{
	text-decoration:underline;
	background-color:transparent;
}
.footer_col{
	display:inline;
	float:left;
	margin:10px 10px 10px 0px;
	width:130px;
}
#footer .footer_col h2, #footer .footer_col h2 a{
	color: #fff;
	font-size: 14px;
	margin-bottom:10px;
	font-variant:small-caps;
}
#footer .footer_col ul li a{
	font-size: 11px;
	background:none;
}
#footer #blogFeed{
	width:250px;
}
#footer #blogFeed .dateTime{
	font-style:italic;
	font-weight:normal;
	color:#666;
}
#footer #footerContent .outer_footer{
	clear:both;
	color:#555;
	line-height:30px;
	padding:5px 10px;
	background:#222;
}
#footer #footerContent .rightCol{
	float:right;
	margin-left:10px;
}
#footer #footerContent .rightCol .big{
	padding:0px;
	font-size: 16px;
	font-weight:bold;
	color:#fff;
}
.whiteHighlight{background-color:#fefffb;padding:0px 4px;}
.centered{text-align:center !important;}