body {
	background: #212121;
	color: #adadad;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0
	}

img { border: 0; }

a {
	color: #06eef9;
	text-decoration: none;
	}
	
	body.green a,
	body.green #side li.here a,
	body.green #side a:hover { color: #24fc17; }
	
	body.pink a,
	body.pink #side li.here a,
	body.pink #side a:hover { color: #f400cf; }
	
	body.blue a,
	body.blue #side li.here a,
	body.blue a:hover { color: #06eef9; }
	
	body.green a:hover,
	body.blue a:hover,
	body.pink a:hover { color: #fff; }

p {
	line-height: 170%;
	margin: 0 0 20px 0;
	}

.clear { clear: both; }



#header {
	height: 94px;
	color: #fff;
	font-size: 36px;
	text-align: right;
	font-weight: bold;
	position: fixed
	}
	
	#header {
		z-index: 1000;
		width: 100%;
		}
		
		body#covers #header,
		body#radio #header { position: relative; }
		
		#header #html { width: 100%; margin: 0 auto; position: relative; }
		#header #html h1 a { 
			background: url(/images/site/yyy.png) no-repeat;
			display: block;
			width: 63px;
			height: 63px;
			line-height: 24px;
			text-indent: -9999px;
			position: absolute;
			top: -30px;
			right: 30px;
			}
		#header #html h1 a span {  display: none; }
			
		#header #html ul { margin: 0; font-size: 14px; position: absolute; top: -10px; left: 0; }
		
		#header #html ul#main li a { 
			background: #000;
			color: #fff;
			padding: 4px 7px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			}
			
			#header #html ul#main li a:hover { 
				background: #fff;
				color: #333;
				}
		
		#header #html ul#sub { left: 200px; font-size: 11px; font-weight: normal; top: -13px; }
			#header #html ul li { float: left; margin: 0 10px 0 0; list-style-type: none; }
				#header #html ul li a { color: #333; }
					#header #html ul li a:hover { color: #fff; }
	
		#header #html ul#sub li a { display: block; height: 25px; line-height: 25px; }
		
				#header #html ul li a.login { border-left: 1px #000 solid; padding-left: 10px; }
	
	body.green #header { background: #24fc17; }
	body.blue #header { background: #f400cf; }
	body.blue #header { background: #06eef9; }


#container {
	width: 970px;
	margin: 0 auto;
	padding-top: 18px;
	z-index: 1;
	padding-top: 112px;
	}
	
	#content {
		float: left;
		width: 785px;
		padding-top: 12px;
		margin-right: 8px;
		border-right: 1px #595959 dotted;
		z-index: 900;
		}
		
		#content-inner {
			padding: 0 14px 14px 14px;
			}
			
			body.text #content-inner { padding-top: 22px; padding-right: 40px; color: #707070;}
				body.text #content-inner a { color: #9c9c9c; }
					body.text #content-inner a:hover { color: #06eef9; }
					
				body.text #content-inner h3 { color: #fff;}
				body.text #content-inner li { line-height: 170%;}





			#side {
				float: right;
				width: 176px;
				padding-top: 18px;
				position: relative;
				}
				
				body.text #side {
					padding-top: 34px;
					}

				#side .sideinner {
					position: fixed;
					}

				#side hr {
					margin: 0 0 16px 0;
					color: #595959;
					border: 0;
					border-top: 1px #595959 dotted;
					height: 1px;
					line-height: 1px;
					font-size: 1px;
					width: 175px;
					}

					body.text #side hr {
						margin: 18px 0;
						}

				#side #blogsearch {
					background: url(/images/site/search_glass.gif) no-repeat left 5px;
					padding-left: 17px;
					margin: 16px 0 14px 8px;
					}

				#side #blogsearch label {
					display: none;
					}

				#side #blogsearch input {
					width: 150px;
					border: 0;
					background: #212121;
					color: #ffffff;	
					font-size: 13px;
					font-weight: bold;
					outline: none;
					font-family: Helvetica, Arial, sans-serif;
					}

				#side .selector {
					width: 159px;
					margin-left: 8px;
					}

				#side .selector span {
					width: 127px;
					}

				#side ul {
					list-style-type: none;
					margin: 0 0 15px 16px;
					padding: 0;
					font-weight: bold;
					font-size: 13px;
					}
					
					#side li {
						margin-bottom: 1px;
					}

					body.text #side ul { margin: 0 0 6px 16px; }

				#side li.sep {
					border-bottom: 1px #666 solid;
					margin-bottom: 3px;
					padding-bottom: 3px;
					}

				#side li a {
					color: #fff;
					text-decoration: none;
					}

					body.dailypicks #side li a.dailypicks,
					body.monthlypicks #side li a.monthlypicks,
					#side li a:hover,
					#side li.here { 
						background: url(/images/site/arrow.gif) no-repeat left center; 
						padding-left: 10px; 
						margin-left: -10px; 
						color: #06eef9;
						}

						body.dailypicks #side li a.dailypicks,
						body.monthlypicks #side li a.monthlypicks {
							color: #24fc17;
						}




.postdiv {
	clear: both;
	margin-bottom: 80px;
	position: relative;
	}
	
	.pickofmonth {
		background-color: #fff;
		color: #333;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		}
	
	.pickofday {
		background-color: #000;
		color: #6F6F6F;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		}
	
	.posttitle,
	.postcontent {
		padding: 0 17px;
		margin: 0 auto 12px;;
		}

	.posttitle {
		text-align: right;
		clear: both;
		min-height: 60px;
		padding-top: 1px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		.posttitle a:hover { color: #f246ed !important; }
		
		.pickofday .posttitle,
		.pickofmonth .posttitle {
			color: #333;
			min-height: 50px;;
			padding-left: 65px;
			}
		
		.posttitle .pickbadge {
			position: absolute;
			top: -12px;
			left: 10px;
			}
		
		.pickofday .categorybadge,
		.pickofmonth .categorybadge {
			display: none;
			}
	
	.posttitle h2,
	.posttitle h2 a {
		color: #fff;
		margin-bottom: 0;
		font: normal normal normal 17px/normal Helvetica, 'Helvetica Neue', Arial, sans-serif;
		font-weight: normal;
		letter-spacing: -0.5px;
		line-height: 1.2;
		}

		.pickofday .posttitle h2,
		.pickofmonth .posttitle h2 {
			margin-top: 7px;
			}
		
		.pickofday .posttitle h2 a { color: #515151; }
		.pickofmonth .posttitle h2 a { color: #333; }
		
	.posttitle h3 {
		margin-top: 0;
		font: normal normal normal 1.17em/normal Helvetica, 'Helvetica Neue', Arial, sans-serif;
		font-weight: normal;
		letter-spacing: -0.5px;
		line-height: 1.2;
		}
		
		.pickofday .posttitle h3 a:hover,
		.pickofmonth .posttitle h3 a:hover {
			color: #333;
			}
	
	.posttitle .categorybadge { float: left; }
	
	body.green .posttitle a:hover,
	body.green .postcontent a:hover { color: #f246ed; }
	.postcontent img { margin-bottom: 16px;}
	.left .postcontent img { float: left; margin-right: 16px; width: 346px; }
	.right .postcontent img { float: right; margin-left: 16px; width: 346px; }
	.centered .postcontent img { width: 720px; }
	
	.postcontent .play a {
		display: block;
		height: 22px;
		width: 60px;
		margin-bottom: 20px;
		background: url(/images/site/play.png) no-repeat;
		text-indent: -9999px;
		float: left;
		}
		
		.postcontent .play a:hover { background-position: -60px 0; }
		.pickofmonth .play a:hover { background-position: -120px 0; }
	
	.postinfo {
		clear: both;
		border-top: 1px #525252 solid;
		margin-top: 20px;
		padding: 10px 17px;
		}
		
		.pickofday .postinfo {
			border-color: #333;
			}
		
		.pickofmonth .postinfo {
			border-color: #e8e8e8;
			}
		
		.postinfo ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
		
		.postinfo li a {
			color: #adadad;
			font-weight: bold;
			}
			
			.pickofday li a:hover { color: #fff; }
			.pickofmonth li a:hover { color: #000; }
		
		.postinfo .post {
			float: right;
			}
			
			.postinfo .post li {
				float: left;
				margin-left: 10px;
				}
				
				.postinfo li.author {
					font-style: italic;
					font-family: Georgia, serif;
					}
					
					.postinfo li.date a:hover { color: #f246ed; }
		
		.actions {
			float: left;
			}
			
			.actions li {
				float: left;
				margin-left: 10px;
				}
				
				.actions li a {
					background: url(/images/site/postinfo_sprite.gif) no-repeat -1px -19px;
					height: 13px;
					line-height: 13px;
					padding-left: 15px;
					}
					
					.pickofmonth .actions li a { background: url(/images/site/postinfo_sprite_onwhite.gif) no-repeat 0 -19px; }
					
					.pickofday .actions li a:hover { color: #fff; }
					.pickofmonth .actions li a:hover { color: #000; }
					
					.actions li.fave a { background-position: 0 -19px; }
						.actions li.fave a.faved,
						.actions li.fave a:hover { background-position: 0 3px; }
						.actions li.fave a:hover { color: #cd2a7b; }
					
					.actions li.dl a { background-position: 0 -39px; }
						.actions li.dl a:hover { background-position: 0 -59px; color: #0fcaed; }
					
					.actions li.buy a { background-position: 0 -80px; }
						.actions li.buy a:hover { background-position: 0 -100px; color: #09ff09; }

					.actions li.share a { background-position: 0 -121px; }
						.actions li.share a:hover { background-position: 0 -143px; color: #EAEAEA; }
						.pickofmonth .actions li.share a:hover { color: #000; cursor: pointer; }



@-moz-document url-prefix() {
    .actions li.share a { position: relative; top: 1px }
}




						.addthis_toolbox .custom_hover {
						    position: relative;
							padding-bottom: 5px;
							}

						.addthis_toolbox .hover_menu  {
						    display: none;
						    position: absolute;
						    background: #000;
							z-index: 8000;
							margin-left: -6px;
							}

						.addthis_toolbox .hover_menu  {
						    width: 180px;
						    -moz-border-radius: 1px;
						    -webkit-border-radius: 1px;
							}

.pickofmonth .addthis_toolbox .hover_menu a,
							.addthis_toolbox .hover_menu a {
							    position: relative;
							    display: block;
							    padding: 4px 0 4px 24px;
							    text-decoration: none;
								background-image: none;
								font-weight: normal;
								font-size: 11px;
								width: 66px;
								float: left;
								}

								.pickofmonth .actions li.share .addthis_toolbox .hover_menu a:hover,
								.addthis_toolbox .hover_menu a:hover {    
									color: #fff;
								    background-color: #333;
								    text-decoration: none;
								    -moz-border-radius: 1px;
								    -webkit-border-radius: 1px;
									}

							.addthis_toolbox .hover_menu span {
							    position: absolute;
							    left: 4px;
							    top: 4px;
								}

							.addthis_toolbox .hover_menu .more {
							    border-top: solid 1px #eee;
							    padding: 10px 0 0 0;
							    margin: 10px 10px 0 10px;
							    text-align: center;
								}

							.addthis_toolbox .hover_menu .more a {
							    padding: 4px 0;
							    margin: 0;
								}

								.addthis_toolbox .hover_menu .more a:hover {
								    background: none;
									}
								
								.addthis_toolbox .hover_menu .more span {
								    display: none;
									}




.navigation { }

#paginationtotal { display: none; }



body.text #content-inner ul,
body.text #content-inner ol {
padding-left: 1em;
margin: 1em;
}

body.text li{
margin-bottom: .5em;
}

body#links #content-inner h2 { padding-top: 40px; clear: both; border-bottom: 1px #3b3b3b solid; padding-bottom: 6px; background: none; margin-left: 0; padding-left: 0; }
	body#links #content-inner h2:first-child { padding-top: 0; }
body#links #content-inner ul { padding: 0; margin: 0 0 20px 0;}
body#links #content-inner ul li { float: left; margin: 0 8px 8px 0; list-style: none; padding-right: 12px; background: url(/images/site/icon_bullet.gif) no-repeat right center;}
body#links #content-inner ul li a { color: #787878; }
body#links #content-inner ul > li:first-child { list-style: none; margin-left: 0; }
	body#links #content-inner ul li a:hover { color: #06eef9; }


/* Submit Form */
a#buttonsubmittrack,
a#buttonsubmitarticle {
	display: block;
	float: left;
	width: 131px;
	height: 46px;
	background: url(/images/site/big_button.gif) no-repeat;
	line-height: 46px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin: 0 12px 30px 0;
	}

a#buttonsubmittrack:hover,
a#buttonsubmitarticle:hover { background-position: 0 -46px; }


body.text h2 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 10px;
	background-image: url(/images/site/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-left: -15px;
	}

body.text #content hr {
	color: #595959;
	border: 0;
	border-top: 1px #595959 solid;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 30px 0 30px -20px;
	}

table.submitform {
	width: 100%;
	text-align: left;
	margin-top: 30px;
	}

table.submitform th {
	padding-right: 30px;
	color: #fff;
	vertical-align: top;
	padding-top: 5px;
	}

	table.submitform th span {
		font-weight: normal;
		}

table.submitform td {
	padding-bottom: 15px;
	width: 520px;
	}
	
	table.submitform td ol {
		list-style-type: none;
		padding: 0;
		}
	
	table.submitform tr.description th {
		padding-top: 9px;
		}
		
		.cke_skin_wygwam2 .cke_toolbox {
			background: #fff !important;
		}
	
	table.submitform tr.description td {
		padding-bottom: 0;
		}
		
		table.submitform tr.description td div.ff-ft div:first-child {
			margin-right: 0 !important;
			}
		
		.cke_bottom .cke_path {
			background: #fff !important;
			position: relative;
			top: -3px;
			}
			
			.cke_bottom .cke_resizer {
				position: relative;
				top: -3px;
				}
			

table.submitform input.textfield {
	width: 520px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	padding: 8px;
	}
	
	


td.permission {
	color: #F04D5B;
	padding: 10px 0 30px 0;
	}
	
	td.permission a { color: #F04D5B; text-decoration: underline; }
	



.ketchup-error-container {
	display: none;
	position: absolute;
	width: auto;
	}

.ketchup-error-container ol {
	font-size: 12px;
	color: #fff;
	background: #06eef9;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	list-style: none;
	line-height: 16px;
	margin: 0;
	}

.ketchup-error-container span {
	display: block;
	width: 0; 
	height: 0; 
	border-left: 0 solid transparent; 
	border-right: 15px solid transparent;
	border-top: 10px solid #06eef9;
	border-bottom: 0;
	margin-left: 10px;
	}
	
	body#login ol {
		margin: 0;
		padding: 0;
		}

.ketchup-error-container-alt {
	margin: 3px 0 0 !important;
	display: none; 
	font-weight: bold;
	}
	
	body#login .ketchup-error-container-alt {
		margin: 0 !important;
		}
	
.ketchup-error-container-alt li {
	background: #F04D5B;
	color: #fff;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	margin-bottom: 3px;
	boder-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

body#login tr.userbuttons td { padding-top: 12px; }


/* Modal Login */

#modalWindow {
position: fixed;
	width: 350px; 
	height: 190px;
	}

a.modalClose { 
	display: block;
	width: 15px;
	height: 15px;
	background: url(/images/site/x.gif) no-repeat;
	position: absolute;
	top: 3px;
	right: 3px;
	text-indent: -9999px;
	}
	
	a.modalClose:hover{ background: url(/images/site/x_over.gif) no-repeat; } 

.jqmOverlay {
	background: #000;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */


.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#modalContent{ 
	width: 100%; 
	height: 190px; 
	display: block; 
	clear:both; 
	margin: 0 auto;
	background:#fff;
	border: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

a#registersubmit { border: 0; }
a#forgotpassword { color: #999; font-size: 11px; font-weight: bold; line-height: 11px; }
	a#forgotpassword:hover { color: #f400cf; }




body.message #header,
body.message #side,
body.message #modalWindow { display: none; }
body.message { background: #fff; color: #333;}
body.message #container,
body.message #content { width: 306px; margin: 0 auto; border: 0; padding: 0; }
body.message #content-inner { padding: 20px 0; }
body.message td { padding: 0 0 8px 0; }
body.message h1 { margin: 0 0 10px 0; font-size: 14px; color: #000; }

body.message input.input { 
	background: #000;
	color: #fff;
	border: 0;
	padding: 8px;
	width: 290px;
	font-size: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.logout-link-class { display: block; background: url(/images/site/button_logout.gif) no-repeat; height: 32px; width: 80px; text-indent: -3000px; float: left;}
input#cancel { float: right; }

input.error { color: #F04D5B !important; }



body.message .ketchup-error-container-alt li {
	background: none;
	color: #F04D5B;
	padding: 0 0 0 10px;
	font-size: 9px;
	margin-bottom: 3px;
	boder-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	list-style: none;
	}



.loggedin { display: none; }

#password-clear {
    display: none;
}



#cke_top_field_id_2,
#cke_bottom_field_id_2,
#cke_top_description,
#cke_bottom_description { background: #fff !important; }