/* =========================================[  RESET  ]====== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, code, big, s, samp, sub, sup,
del, dfn, em, font, ins, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, tt, var, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:	0;
	padding:0;
	border:	0;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0pt; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th {	vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* =======================================[  DEFAULTS  ]====== */
html, body {
	font-family: 			"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	font-size:				0.85em;
	line-height:1.7em;
        color:		#5e5046;
	color:					#689;
	height:					100%;
	background-color:	#292322;
	background: #222f39 url("/assets/images/global/header.png") top center no-repeat;
	text-shadow: 0px 0px 3px #000;
}
/*
p, li, dd, legend, input, label, select, optgroup, textarea, table { font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", sans-serif;
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif; }
*/
p { margin: 0 0 1em 0; }
p.indent { text-indent:	20px; }
blockquote {
	font-size: 		0.9em;
	color: 			#101010;
	margin: 		0 0 1.3em 1em;
	padding: 		0 2em 0 1em;
	border-left: 		3px solid #564587;
}
ol, ul {
	margin:			0 0 10px 32px;
	padding:		10px;
	list-style-position: 	outside;
}
code {
	font-family: Courier, "Courier New", monospace;
	font-size:		1em;
	color: 			#555;
}
.hide {
	display:		none;
}
/* ===[ HEADER DIVS  ]=== */
#header {
	position:		relative;
	width:			980px;
	height:			175px;
	margin:			0 auto;
	background-color:	transparent;
	}
#hdr_col_1 {
	float:			left;
	margin-top:		40px;
	margin-left:		16px;
	background-color:	transparent;
	}
#logo {
	float:			left;
	width:			128px;
	height:			216px;
	margin-left:		14px;
	background: 		transparent url("/assets/images/global/logo.png") no-repeat;
	}
/* ===[  MIDDLE COLUMN DIVS  ]=== */
.subline {
	margin-top:		26px;
	margin-bottom:		14px;
	border-bottom:		1px dotted #689;
	}
.column {
	float:			left;
	width:			179px;
        font-size:              90%
	margin-bottom:		20px;
	padding-right:		8px;
	}


/*  ===[ TWITTER ]============================================ */

#twitter_div {
	font-family:		"Georgia", "Palatino", serif;
        color:			#fff;
        font-style:		italic;
	margin-bottom:		20px;
	padding:0;
/*
	background-image: url('img/twitterBG.png');
	background-repeat: no-repeat;
*/
	border-bottom: 1px solid #5aa5bc;
        }
#twitter_update_list {
	font-size:		140%;
	list-style-type:	none;
	}
#twitter_div ul li {
	color: #0C93BA;
	margin:0;
        margin-left:            -2.5em;
        padding:0;
/*
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A1E8F7;
*/
        }
#twitter_div ul li a {
	text-decoration: none;
	list-style-type:	none;
        }
#twitter_div ul li a:hover {
	text-decoration: none;
	list-style-type:	none;
        }
#twitter_div p {
	padding-bottom: 10px;
        }
#twitter_div img {
	margin-bottom:		10px;
	}

/*  ===[ FLICKR ]============================================= */
#flickr {
	height:			55px;
	padding:		8px 0 3px 10px;
	border:			1px dotted #000;
	}
#flickr img {
	padding: 		1px;
	height: 		46px;
	width: 			46px;
	border: 		1px solid #fff;
	}
/* ===[ FOOTER DIVS ]========================================= */
#ftr {
	margin:			0 auto;
	width:			980px;
	height:			333px;
	padding-top:		14px;
	background: 		transparent url("/assets/images/global/bg_ftr.png") no-repeat;
	clear: 			both;
	}
.ftr_spacer {
	display:		block;
	float:			left;
	width:			20px;
	height:			80px;
	}
.ftr_column {
	float:			left;
	margin-right:		40px;

	}
.ftr_column p {
	margin:			0.20em;
	}
.ftr_column p.title {
	font-size:		80%;
	margin-top:		-0.5em;
	}
#ftr_xtra {
	position:		inherit;
	margin-left:		980px;
	width:			88px;
	height:			333px;
	background: 		transparent url("/assets/images/global/bg_ftr.png") -980px -14px no-repeat;
	}
#return {
	float:			right;
	margin-right:		14px;
	}

/* ===[  DIV CLASSES  ]======================================= */
span.description {
	display:		block;
	font-size:		90%;
	margin-top:		-0.26em;
}
h4 span.description {
	display:		block;
	font-size:		70%;
	color:			#689;
	font-style:		italic;
	margin-top:		-0.26em;
	padding-bottom:		0.25em;
}
.column ul, .column p {
	font-size:		80%;
	line-height:		1.5em;
	padding-top:		0;
	padding-bottom:		0.5em;
	margin-left:		14px;
	}
.column p {
	margin:			0;
	}
.note {
	font-family:		Georgia, Palatino, serif;
	font-size:		85%;
	font-style:		italic;
	margin:			2em 0 2em 0;
	padding:		1em 18px;
	background-color:	#14212a;
	border-top:		1px dotted #689;
	border-bottom:		1px dotted #689;
	}
.clear { 
	clear: 			both;
	}
.spacer { 
	clear:			both; 
	height:			1px; 
	height:			100% !important; 
	}

/* ===[  Last.fm styles  ]==================================== */

table.lfmWidgetchart_36e5a03715988b4a1a322e6f389ca170 td {margin:0 !important;padding:0 !important;border:0 !important;}
table.lfmWidgetchart_36e5a03715988b4a1a322e6f389ca170 tr.lfmHead a:hover {background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_black.png) no-repeat 0 0 !important;}
table.lfmWidgetchart_36e5a03715988b4a1a322e6f389ca170 tr.lfmEmbed object {float:left;}
table.lfmWidgetchart_36e5a03715988b4a1a322e6f389ca170 tr.lfmFoot td.lfmConfig a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat 0px 0 !important;;}
table.lfmWidgetchart_36e5a03715988b4a1a322e6f389ca170 tr.lfmFoot td.lfmView a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -85px 0 !important;}
table.lfmWidgetchart_36e5a03715988b4a1a322e6f389ca170 tr.lfmFoot td.lfmPopup a:hover {background:url(http://cdn.last.fm/widgets/images/en/footer/black.png) no-repeat -159px 0 !important;}

/* ===[ MAIN HTAGS ]========================================== */

h1, h2, h3, h4, h5, h6 {
	color: 			#669933;
	font-weight:		normal;
	}
h1, h2, h4 {
	font-family:	"Georgia", "Palatino", serif;
	}
h3, h5, h6 {
	font-family:	"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
	font-weight:		bold;
	}
h1 {    font-size:		160%;
        margin:                 0 0 1em 0;
	}
h2 {	font-size:		120%;
	font-style:		italic;
	}
h3 {	font-size:		108%;
	padding-bottom:         1em;
        text-transform:         uppercase;
	}
h4 {	font-size:		120%;
	padding-bottom:		0.25em;
	line-height:		1.25em;
	}
h5 {	padding-bottom:		0;
	}	
.hdr {	line-height:		1.25em;
	}	
h2.subline {
	line-height:		145%;
	}
/* ===[ NAVIGATION UI  ]=== */
#sidebar-1 ul {margin:0; padding:0; list-style-type:none; border-bottom:	1px dotted #000;}

#sidebar-1 ul li a {display:block; color:#fff; border-top:1px dotted #000; border-bottom:0;}

#sidebar-1 ul li.selected a {border-top:0; background-color:	#669933;}

#sidebar-1 ul li a:visited {color:#3a4f5f; border-bottom:0px;}

#sidebar-1 ul li a:hover {color:#fff; background-color: 	#413732; background-color:#689; background-color:#2d4455; border-bottom:	0;}

#sidebar-1 ul li a img {margin-right:1.0em; vertical-align:middle; width:auto; height:auto;}

#sidebar-1 ul li a:visited img {opacity:0.30;}

#sidebar-1 ul.rule li span {font-weight:normal; color:#689; text-shadow:none;}
/* ===[ FLICKR ]============================================== */
#flickr a:hover img {
	background: 		#fff;
	position: 		absolute;
	width: 			75px;
	height: 		75px;
	top: 			-10px;
	left: 			-8px;
	}
#flickr a {
	display: 		block;
	float: 			left;
	padding-right:		16px;
	position: 		relative;
	height: 		40px;
	width: 			40px;
	}
#flickr a:hover {
	font-size: 		100%;
	z-index: 		1;
	}
/* ===  FORM BUTTON  ]=== */
input {
	color: 			#fff;
	width:			100%;
        font-size:              200%;
	background-color:	#14212a;
	border:			#689 1px solid;
        }
input label { text-align: center; }

#pandoraFormDivStations input {
	font-size:12px;
        text-align:center;
	}
#pandoraContentStations, #pandoraTitleStations {
	display:none;
	}
button {
	color: 			#ffffff;
	width:			80px;
	height:			30px;
	background-color:	#777777;
	border-top:		#ffffff medium solid;
	border-left:		#bbbbbb medium solid;
	border-right:		#333333 medium solid;
	border-bottom:		#000000 medium solid;
}
