body {
	margin: 			40px 0 0 0;

	background-image: 	url(/img/layout/body_background.png);
	background-repeat:	repeat-x;
	background-color:	#333;
	
	font-family:		Arial, sans-serif;
	font-size:			.9em;
}

img {
	border: 			none;
}

p {
	line-height: 		1.5em;
	margin-bottom:		2.5em;
}

.loading-div {
	margin: 			0 10px 0 -30px;
	float:				left;
	width:				20px;
	overflow:			hidden;
}

#queue {
	display: none !important;
}

.queue-play-div {
	width: 				33px;
	height: 			41px;
	overflow: 			hidden;
	float: 				right;
	margin-right: 		-33px;
}

.header {
	width:				100%;
	height: 			41px;
	color: 				#FFF;
	position:			fixed;
	left:				0;
	top:				0;
	z-index:			100;
		
	background-image: 	url(/img/layout/header_background.png);
	background-repeat: 	repeat-x;
	background-color:	#000;
}

.header .menu {
	width:				900px;
	margin:				0 auto;
}

.header .menu .spacer {
	width: 				1px;
	height: 			41px;		
}

.analyzer {
	float: left;
	margin-top: -33px;
	margin-left: 905px;
	width: 24px;
	height: 25px;
}

.content {
	padding: 			10px 30px;
	margin:				51px auto 0 auto; /* 51px = header_height + 10 */
	width:				840px;
	min-height:			400px;
	background-color:	#FFF;
}

.content a {
	color: 				#C00;
}

.footer {
	background-color: 	#000;
	padding-bottom:		25px;
}

.footer .menu {
	width:				840px;
	margin:				0 auto;
	padding:			15px 30px 5px 30px;
	background-color:	#111;
}

.footer .menu .column {
	width:				210px;
	float:				left;
}

.footer .menu ul {
	list-style-type:	none;
	margin:				0 0 15px 0;
	padding:			0;
}

.footer .menu li.first {
	font-weight: 		bold;
	color:				#999;
}

.footer .menu li a {
	color: 				#FFF;
	text-decoration:	none;
	font-size:			.8em;
}

.copyright {
	width: 				840px;
	margin: 			0 auto;
	padding:			10px 30px;
	font-size: 			.6em;
	background-color: 	#EEE;
	clear: 				both;
}

.clear {
	display:			block;
	clear: 				both;
}

.login {
	margin-left:		64px;
	margin-top:			4px;
}

.login .input.error {
	background-color:	#A00 !important;
	color:				#FFF !important;
	background-image:	none !important;
}

.login .input.error input {
	color:				#FFF !important;
}

.login {
	width: 				337px;
	height:				88px;
	padding:			13px 5px 0 5px;
	position:			relative;
	background-image:	url(/img/layout/login_background.png);
	background-repeat:	no-repeat;
}

.login-container {
	overflow: hidden;
	height: 80px;
}

.login-options {
	color: 				#FFF;
	font-weight:		bold;
	
	text-align: center;
}

.login-options ul {
	margin: 			0;
	padding: 			0;
	list-style-type:	none;
}

.login-options li {
	width: 				336px;
	padding: 			9px 0;
	background-color: 	#F90;
	margin-bottom: 		5px;
	border: 			1px solid #000;
	border-width: 		0 1px 1px 0;
	background-image:	url(/img/layout/button_background.png);
	background-repeat:	repeat-x;
	background-position:bottom;
}

.login-options li a {
	color: 				#000;
	text-decoration:	none;
}

.login-register {
	background-color: 	#F90;
	margin: 			7px 0 0 -5px;
	padding: 			10px;
	text-align: 		center;
	width: 				327px;
}

.login-register a {
	font-weight:		bold;
	color:				#000;
}

.search form {
	position:			relative;
	left: 				545px;
	top:				4px;
	width: 				337px;
	height: 			47px;
	padding:			13px 5px 0 5px;
	background-image:	url(/img/layout/search_background.png);
	background-repeat:	no-repeat;
}

.login .submit, .search .submit {
	width:				64px;
	height:				68px;
	margin:				0 5px 0 0;
	background-image:	url(/img/layout/login_button.png);
	background-repeat:	no-repeat;
	float: 				right;
	
}

.login .submit input, .search .submit input {
	margin:				0;
	padding:			0;
	border:				none;
	background:			none;
	width: 				64px;
	height: 			68px;
	font-size:			18px;
	font-weight:		bold;
	color:				#000;
}

.login .input, .search .input {
	background-image:	url(/img/layout/login_text.png);
	background-repeat:	no-repeat;
	background-position:bottom right;
	margin:				5px 5px 10px 5px;
	height:				29px;
	width:				253px;
}

.login input, .search input {
	border:				none;
	background:			transparent;
	color:				#555;
	height:				29px;
	width:				243px;
	margin:				0 5px;
	font-size:			16px;
}

.search .submit {
	margin-top: 		5px;
	background-image:	url(/img/layout/search_button.png);
	width:				64px;
	height:				29px;
}

.search .submit input {
	width:				64px;
	height:				29px;
	background-position:50% 50%;
	background-repeat:	no-repeat;
	background-image:	url(/img/layout/spacer.png);
}

.directory {
	text-align: 		center;
	clear: 				both;
	margin-top: 		26px;
	margin-bottom:		5px;
}

.directory span {
	border: 			1px solid #CCC;
	margin-right: 		6px;
	padding: 			7px;
}

.directory span a {
	text-decoration: 	none;
}

.directory span.selected {
	background-color: 	#C00;
	border:				1px solid #C00;
}

.directory span.selected a {
	color: 				#FFF;
}

.pages {
	padding:			15px;
	text-align:			center;
}

.pages span.selected a {
	text-decoration:	none;
	font-weight:		bold;
}

.pages span a {
	margin-right: 		10px;
}

.advertisement {
	text-align:			center;	
}

.advertisement b {
	font-size: 			12px;
	color: 				#AAA;
	font-weight:		normal;
}

.box {
	margin-bottom: 		15px;
}

.box .controls {
	width:				16px;
	height:				35px;
	float: 				right;
	overflow:			hidden;
}

.box .row .controls a img, .box .row .controls .img {
	margin:				0 0 3px 0;
}

.box.top {
	margin-top:			0;
}

.box .contents {
	overflow:			auto;
	background-color:	#EEE;
}

.box h3 {
	margin:				0;
	padding: 			5px 5px 3px 5px;
	background-color:	#EEE;
	background-image:	url(/img/layout/box_heading.png);
	background-position:top;
	background-repeat:	repeat-x;
	color: 				#000 !important;
	
	/* Soften things up for everyone but IE users (sorry guys) */
	-moz-border-radius-topleft: 		5px;
	-moz-border-radius-topright: 		5px;
    -webkit-border-top-left-radius: 	5px;
	-webkit-border-top-right-radius: 	5px;
	border-top-right-radius: 			5px;
	border-top-left-radius: 			5px;
}

.box h3 a {
	color: 				#FFF;
	text-decoration:	none;
}

.box p {
	margin: 			5px 0;
	padding: 			0 10px;
}

.box .contents .row.odd {
	background-color: 	#DDD;
}

a[target=_blank] {
	padding-left: 		20px;
	background-image:	url(/img/layout/popout.png);
	background-repeat:	no-repeat;
	background-position:50% left;
}

a[href*=twitter\.com] {
	padding: 			0;
	padding-left: 		20px;
	background-image:	url(/img/layout/twitter.png);
	background-repeat:	no-repeat;
	background-position:50% left;
}

a[href*=myspace\.com] {
	padding: 			0;
	padding-left: 		20px;
	background-image:	url(/img/layout/myspace.png);
	background-repeat:	no-repeat;
	background-position:50% left;
}

a.q-start.text-link {
	padding: 			0;
	padding-left: 		20px;
	background-image:	url(/img/layout/media_play.png);
	background-repeat:	no-repeat;
	background-position:50% left;
}

img.q-start {
	background-image: url(/img/layout/media_play.png);
	background-repeat: no-repeat;
	background-position: top left;
}

img.q-start.playing {
	background-image: url(/img/layout/media_pause.png);
}

/* Zend_Form */
.zend_form {
	margin: 			0;
	padding: 			20px;
}

.zend_form dd, .zend_form dl, .zend_form dt {
	margin: 			0;
	padding: 			0;
}

.zend_form dd {
	margin-bottom: 		20px;
}

.zend_form dt {
	font-weight:		bold;
	margin-bottom:		5px;
}

.zend_form input[type=text], .zend_form input[type=password] {
	width: 				100%;
	border: 			1px solid #777;
	border-width: 		0 1px 1px 0;
	line-height: 		29px;
	height: 			29px;
	font-size: 			16px;
	font-color: 		#333;
	background-image: 	url(/img/layout/form_background.png);
	background-repeat: 	repeat-x;
	background-position:bottom;
}

.zend_form input[type=button], .zend_form input[type=submit] {
	margin:				-20px 0 0 0;	
	padding:			10px 20px;
	font-size:			16px;
	font-color:			#000;
	font-weight:		bold;
	background-color:	#F90;
	border:				1px solid #777;
	border-width:		0 1px 1px 0;
}

.zend_form .errors {
	list-style-type: 	none;
	margin:				0;
	padding:			5px;
	color:				#FFF;
	background-color:	#A00;
}

.form-container {
	width: 300px;
	border: 1px solid #777;
	background-color: #EEE !important;
	border-width: 0 1px 1px 0;
}

.video-rating {
	background-image: url(/img/layout/stars.png);
	padding-right: 4px;
	height: 23px;
	background-repeat: no-repeat;
	text-align: right;
}

.video-rating-0 {
	background-position: bottom right;
}

.video-rating-5 {
	background-position:  right 0px;
}

.video-rating-4 {
	background-position:  right -23px;
}

.video-rating-3 {
	background-position:  right -46px;
}

.video-rating-2 {
	background-position:  right -69px;
}

.video-rating-1 {
	background-position: right -92px;
}

.comments {
	
}

.comment-form {
	padding: 5px;
	border-bottom: 1px solid #000;
}

.comment-form .buttons {
	text-align: right;
	padding: 10px 0;
	marign: 0;
}

.comment-form .buttons input {
	margin: 0;
}

.comment-form img {
	float: left;
	margin-right: 5px;
}

.comment-form .form-elements {

}

.comment-form textarea {
	height: 60px;
}

.comment-form .error {
	color: #A00;
}

.comment {
	padding: 5px;
	background-color: #EEE;
}

.comment.odd {
	background-color: #DDD;
}

.comment img {
	float: left;
	margin-right: 5px;
}

.comment .username {
	font-weight: bold;
}

.comment .comment-created {
	color: #666;
	font-size: 12px;
	margin-bottom: 5px;
}

.comment .comment-value {
	clear: both;
	margin-left: 40px;
}

.q-add {
	display: none;
}

img.q-favorite {
	background-image: url(/img/layout/fav_inactive.png);
	background-repeat: no-repeat;
	background-position: top left;
}

img.q-favorite.favorite {
	background-image: url(/img/layout/fav_active.png);
}