/* Core Body Styles */
/* Description: Basic page stuff that doesn't go anywhere else */

* {
	margin: 0;
	padding: 0;
	}

body { background: #ccc; }

a img { border: 0 none; }

#white { padding-top: 25px;	}

.clear { clear: both; }

#debug {
	display: xnone;
	position: fixed;
	bottom: 0;
	padding: 15px 8% 15px 2%;
	width: 90%;
	overflow: hidden;
	background: #ccc;
	border-top: 1px solid #aaa;
	color: #000 !important;
	font: 11px "Helvetica Neue Bold", "Lucida Grande", Verdana, sans-serif;
	opacity: 0.85;
/*	text-transform: uppercase;*/
	z-index: 4200;
	max-height: 100px;
	overflow-y: auto;
	}

.left { float: left; width: 250px; }
.right { background: #ccc; float: left; width: 710px; }

.content .right {
	margin: 5px 0 10px 14px;
	width: auto;
	float: right;
	background: transparent;
	}

.content .left {
	margin: 5px 14px 10px 0;
	width: auto;
	float: left;
	background: transparent;
	}

/* Sandwich Black */

#black {	
	background: #161616 url(../i/sandwich/black/x.gif) repeat-x bottom;
	padding: 1px 0 0 0;
	}

body.media #header {
	height: 262px;
	position: relative;
	top: 21px;
}#navigation li {
	height: 128px;
}

/* Without Javascript */

.nojs #navigation .label {
	display: block;
	}
	
.nojs #navigation li:hover .label {
	top: -40px;
	}
	
.nojs #navigation a {
	display: block;
	height: 95px;
	width: 64px;
	background: blue;
	}

.nojs #navigation li {
	position: absolute;
	list-style: none;
	opacity: 1;
	bottom: auto;
	}
	
.nojs #n-home { top: 81px; }
.nojs #n-media { top: 90px; }
.nojs #n-blog { top: 93px; }
.nojs #n-about { top: 93px; }
.nojs #n-contact { top: 90px; }
.nojs #n-login { top: 81px; }

.nojs #navigation .label {
	position: absolute;
	top: -35px;
	text-indent: -4200px;
	height: 25px;
	width: 64px;
	}

/* With Javascript */

.js #navigation ul {
	top: -10px;
	left: -24px;
	}
	
.js #navigation li {
	padding-top: 10px;
	}

.js #navigation .label {
	position: absolute;
	display: block;
	text-indent: -4200px;
	height: 25px;
	width: 64px;
	bottom: 7px;
	left: 24px;
	z-index: 1;
	}

.js #navigation .grey,
.js #navigation .white,
.js #navigation .blue {
	position: absolute;
	display: block;
	height: 64px;
	width: 64px;
	bottom: 0;
	}

.js #navigation a {
	position: absolute;
	display: block;
	height: 64px;
	width: 64px;
	bottom: 0;
	padding: 10px 24px 20px 24px;
	z-index: 2;
	}

.js #navigation .imgs {
	position: absolute;
	top: 10px;
	display: block;
	height: 64px;
	width: 64px;
	}

/* The rest */

#navigation {
	background: transparent url(../i/sandwich/black/navigation/bg.jpg) no-repeat bottom center;
	display: block;
	margin: 0 auto;
	min-width: 970px;
	height: 215px;
	height: 215px;
	overflow: visible;
	}

#navigation ul {
	margin: 0 auto;
	position: relative;
	width: 970px;
	height: 215px;
	}

#navigation li {
	position: absolute;
	list-style: none;
	opacity: 1;
	/* 64 + 50 */
	}

#navigation a {
	display: block;
	outline: none;
	height: 64px;
	width: 64px;
	}

#n-home {
	left: 142px;
	sbottom: 70px;
	bottom: 40px;
	}

#n-media {
	left: 267px;
	sbottom: 59px;
	bottom: 29px;
	}

#n-blog {
	left: 392px;
	sbottom: 57px;
	bottom: 27px;
	}

#n-about {
	left: 516px;
	sbottom: 57px;
	bottom: 27px;
	}

#n-contact {
	left: 641px;
	sbottom: 59px;
	bottom: 29px;
	}

#n-login {
	left: 766px;
	sbottom: 70px;
	bottom: 40px;
	}

#n-home .shadow { left: -5px;
}

#n-media .shadow,
#n-blog .shadow {
	xleft: 13px;
	left: -3px;
}

#n-about .shadow,
#n-contact .shadow,
#n-login .shadow {
	xleft: 14px;
	left: 3px;
}

#n-login .shadow { left: 5px; }

#navigation .shadow {
	position: absolute;
	bottom: -17px;
	background: red;
	display: block;
	height: 39px;
	width: 109px;
	background: url(../i/sandwich/black/navigation/orbs/shadow.png) no-repeat; 
}

#n-home .label { background: url(../i/sandwich/black/navigation/labels/home.png) no-repeat; }
#n-media .label { background: url(../i/sandwich/black/navigation/labels/media.png) no-repeat; }
#n-blog .label { background: url(../i/sandwich/black/navigation/labels/blog.png) no-repeat; }
#n-about .label { background: url(../i/sandwich/black/navigation/labels/about.png) no-repeat; }
#n-contact .label { background: url(../i/sandwich/black/navigation/labels/contact.png) no-repeat; }
#n-login .label { background: url(../i/sandwich/black/navigation/labels/login.png) no-repeat; }

.nojs #n-home .link { background: url(../i/sandwich/black/navigation/orbs/grey/home.png) no-repeat; }
.nojs #n-media .link { background: url(../i/sandwich/black/navigation/orbs/grey/media.png) no-repeat; }
.nojs #n-blog .link { background: url(../i/sandwich/black/navigation/orbs/grey/blog.png) no-repeat; }
.nojs #n-about .link { background: url(../i/sandwich/black/navigation/orbs/grey/about.png) no-repeat; }
.nojs #n-contact .link { background: url(../i/sandwich/black/navigation/orbs/grey/contact.png) no-repeat; }
.nojs #n-login .link { background: url(../i/sandwich/black/navigation/orbs/grey/login.png) no-repeat; }

body.nojs.home #n-home .link { background: url(../i/sandwich/black/navigation/orbs/blue/home.png) no-repeat !important; }
body.nojs.media #n-media .link { background: url(../i/sandwich/black/navigation/orbs/blue/media.png) no-repeat !important; }
body.nojs.blog #n-blog .link { background: url(../i/sandwich/black/navigation/orbs/blue/blog.png) no-repeat !important; }
body.nojs.about #n-about .link { background: url(../i/sandwich/black/navigation/orbs/blue/about.png) no-repeat !important; }
body.nojs.contact #n-contact .link { background: url(../i/sandwich/black/navigation/orbs/blue/contact.png) no-repeat !important; }
body.nojs.login #n-login .link { background: url(../i/sandwich/black/navigation/orbs/blue/login.png) no-repeat !important; }


#white {
	background: transparent url(../i/sandwich/white/top.jpg) no-repeat top center;
	clear: both;
	margin: 0 auto;
	width: 970px;
	
	height: 100px;
	}/* Footer */

#footer {
	background: url(../i/sandwich/white/footer/top.jpg) repeat-x 0 0px;
	clear: both;
	padding: 0 0 0 0;
	}

.media #footer,
x.home #footer  { background-position: 0 7px; padding: 7px 0 0 0; }

#footer p {
	color: #333;
	padding: 14px 0 10px 0;
	text-align: center;
	width: 970px;
	}/* Content È Headers ÈÊCore */

#header {
	width: 970px;
	margin: 0 auto;
	padding: 21px 0 0 0;
	xpadding: 0;
	}

body.media #header {
	xheight: 260px;
	xmargin-bottom: -28px;
	}.sidebar {
	background: url(../i/content/sidebar/bottom.gif) no-repeat bottom left;
	float: left;
	margin: 0 0 10px 10px;
	}

.sidebar .content {
	background: url(../i/content/sidebar/top.gif) no-repeat top left;
	margin: 0 9px 0 0;
	padding: 10px 11px 10px 0px;
	width: 220px;
	}.body,.body.solid {
	background: url(../i/content/body/bottom.gif) no-repeat bottom left;
	float: left;
	margin: 0 0 10px 0;
	}

div.body .content,div.body.solid .content {
	background: url(../i/content/body/top.gif) no-repeat top left;
	margin: 0 9px 0 0;
	padding: 10px 11px 10px 0px;
	width: 700px;
	}

.body,div.body .content { background: #ccc; }
input.small {
	background: url(../i/content/forms/input_small.jpg) no-repeat top left;
	border: 0 none;
	color: #fff;
	display: block;
	font: 13px/24px "lucida grande",verdana,sans-serif;
	padding: 7px 0 0 10px;
	margin: 0 0 10px 0;
	outline: none;
	height: 24px;
	width: 230px;
	}

input.smaller {
	background: url(../i/content/forms/input_smaller.jpg) no-repeat top left;
	float: left;
	width: 221px;
	width: 136px;
	}

input.small:active,input.small:focus {
	xbackground-position: bottom left;
	xcolor: #fff;
	}

form label {
	color: #555;
	float: left;
	line-height: 30px;
	margin: 0 10px 10px 0;
	width: 130px;
	text-align: right;
	}

.c-item { clear: left; }

.c-item textarea {
	/* yuri fill this in */

	outline: none;
	background: url(../i/content/forms/textarea.jpg) no-repeat top left;
	border: 0 none;
	color: #fff;
	display: block;
	font: 14px/24px "lucida grande",verdana,sans-serif;
	padding: 7px 0px 4px 10px;
	width: 463px;
	height: 170px;
	}

.c-item textarea:active,.c-item textarea:focus {
	background-position: top center;
	}

input.error {
	background-position: bottom left !important;
}

textarea.error {
	background-position: top right;

}

#contact .submit_button {
	font-size: 14px;
	margin: 0 0 0 140px;
	padding: 5px;
	}

#contact-send {
	font-size: 13px;
	padding: 5px;
	margin: 0 0 0 140px;
	}

#searchform {
	margin: 0 0 14px 10px;
	}

#searchform #searchsubmit {
	background: #ccc;
	border: 0 none;
	outline: none;
	color: #333;
	display: block;
	float: left;
	font-size: 12px;
	xfont-size: 11px;
	margin: 0  0px 14px 10px;
	padding: 5px 0;
	}.login #header { position: relative; }

#attachment {
	font-size: 10px;
	width: 175px !important;
	}

#login {
	position: absolute;
	top: 40px;
	left: 345px;
	width: 270px;
	height: 140px;
	margin: 0 auto;
	background: url(../i/login/back.png) no-repeat;
	z-index: 100;
}

#inform {
	position: absolute;
	background: #555;

	border-radius: 5px;

	color: #fff;
	font-size: 11px;
	padding: 5px;
	width: 260px;
	left: 345px;
	top: 190px;
	display: none;
}

#forgot {
	position: absolute;
	top: 40px;
	left: 345px;
	width: 270px;
	height: 121px;
	margin: 0 auto;
	background: url(../i/login/back_forgot.png) no-repeat;
	z-index: 10;
}


#forgot-email {
	display: block;
	position: absolute;
	height: 32px;
	height: 25px;
	left: 19px;
	top: 34px;
	background: url(../i/login/email.gif) no-repeat;
}

#forgot-email:focus {
	background: url(../i/login/email.gif) 0 -32px no-repeat;
}



#login-email {
	display: block;
	position: absolute;
	height: 32px;
	height: 25px;
	left: 19px;
	top: 34px;
	background: url(../i/login/email.gif) no-repeat;
}

#login-email:focus {
	background: url(../i/login/email.gif) 0 -32px no-repeat;
}


#login-password {
	display: block;
	position: absolute;
	height: 25px;
	width: 144px;
	left: 19px;
	top: 95px;
	background: url(../i/login/password.gif) no-repeat;
}

#login-password:focus {
	background: url(../i/login/password.gif) 0 -32px no-repeat;
}


#login label {
	position: absolute;
	display: none;
}

#l-submit {
	display: block;
	background: url(../i/login/button.gif) no-repeat;
	left: 172px;
	top: 95px;
	width: 85px;
	height: 32px;
	outline: 0 none;
	position: absolute;
	text-indent: -4200px;
	border: 0;
	cursor: pointer;

}

#l-submit:hover {
	background: url(../i/login/button.gif) 0 -32px no-repeat;
}

#l-submit:active {
	xbackground: url(../i/login/button.gif) 0 -64px no-repeat;
	outline: 0 none;
}

#f-submit {
	display: block;
	background: url(../i/login/send.jpg) no-repeat;
	left: 172px;
	top: 75px;
	width: 85px;
	height: 32px;
	position: absolute;
	text-indent: -4200px;
	border: 0;
	cursor: pointer;

}

#f-submit:hover {
	background: url(../i/login/send.jpg) 0 -32px no-repeat;
}

#f-submit:active {
	xbackground: url(../i/login/send.jpg) 0 -64px no-repeat;
	outline: 0 none;
}

#f-cancel {
	display: block;
	background: url(../i/login/cancel.jpg) no-repeat;
	left: 20px;
	top: 75px;
	width: 85px;
	height: 32px;
	outline: 0 none;
	position: absolute;
	text-indent: -4200px;
	border: 0;
	cursor: pointer;

}

#f-cancel:hover {
	background: url(../i/login/cancel.jpg) 0 -32px no-repeat;
}

#f-cancel:active {
	xbackground: url(../i/login/cancel.jpg) 0 -64px no-repeat;
}

#l-forgot {
	position: absolute;
	left: 172px;
	top: 74px;
}

#l-forgot a {
	text-decoration: none;
	color: #333;
	font-size: 11px;
}

#l-forgot a:hover {
	color: #000;
	text-decoration: underline;
}
ul#mediaitems {
	background: url(../i/sandwich/white/footer/top.jpg) repeat-x 0 0px;
	clear: left;
	display: block;
	padding: 10px 0 0 10px;
	margin: 0 0 10px 0;
	}

ul#mediaitems li {
	xbackground: #333;
	float: left;
	margin: 0 10px 0 0;
	width: 230px;
	}

ul#mediaitems li a {
	xbackground: #eee;
	display: block;
	padding: 0 0 7px 14px;
	text-decoration: none;
	}

ul#mediaitems li span.title {
	color: #000;
	display: block;
	font: 18px/22px "lucida grande",verdana,sans-serif;
	}

ul#mediaitems li span.description {
	color: #333;
	display: block;
	font: 12px/22px "lucida grande",verdana,sans-serif;
	}

ul#mediaitems li img { border: 0 none; margin: 5px 0 0 0; }/*#listing div {
	padding: 10px 0;	
}

#listing a {

}

#upload h3 {
	margin-bottom: 5px;
}

.success span {
	background: #fff;
	padding: 5px;
	font-weight: bold;
}

#uploadedfile {
	max-width: 30px;
	display: block;
}

.infos {
	color: #666;
}
*/

.file {
	clear: both;
	position: relative;
	padding: 18px 60px 10px 0;
	line-height: 18px;
	}

.indent .indent .file {
	margin: 0 0 0 10px;
	}

.file a {
	position: relative;
	top: 5px;
	}

#listing {
	/* This is for some reason half-width. >_< */
	width: 600px;
}

.infos {
	color: #888;
	font-size: 10px;
	font-weight: 800;
	position: relative;
}

.filesize {
	color: #555;
	padding: 0px 0 0 10px;
	position: relative;
	white-space: nowrap;
	top: 6px;
	}

.indent {
	margin-left: 14px;
	}

.indent+.file {
	border-top: 1px solid #bbb;
	margin:7px 0 0 0;
	padding-top: 10px;
	}
	
	.indent+.file .infos {
		top: 15px;
		}
	
.indent.opened+.indent {
	border-top: 1px solid #bbb;
	}

.foldertitle {
	display: block;
	xborder-bottom: 1px solid #bbb;
	font-size: 14px;
	font-weight: 800;
	padding: 10px 0 0px 0;
	margin-bottom: 0px;
	}

.opened .foldertitle { font-weight: 400; }

.indent .infos {
	position: absolute;
	top: 0;
	top: 23px;
	right: 0;
	}

.fileicon {
	display: block;
	float: left;
	height: 16px;
	height: 32px;
	width: 32px;
	xwidth: 16px;
	margin-right: 10px;
	}

	.fileicon.jpg,.fileicon.JPG,
	.fileicon.png,.fileicon.PNG,
	.fileicon.txt,.fileicon.TXT {
		background: url(../i/content/body/icons/text.jpg) no-repeat top left;
		}
	
	.fileicon.zip,.fileicon.ZIP {
		background: url(../i/content/body/icons/zip.jpg) no-repeat top left;
		xbackground: blue;
		}
	
	.fileicon.mp3,.fileicon.MP3 {
		background: url(../i/content/body/icons/mp3.jpg) no-repeat top left;
		xbackground: blue;
		}

	.fileicon.mp4,.fileicon.avi {
		background: url(../i/content/body/icons/movie.jpg) no-repeat top left;
		xbackground: blue;
		}
	
	.indent .indent {
		overflow: hidden;
		xheight: 32px;
	}
	
	.indent.opened {
		margin-bottom: 20px;
		}
	
	.indent .indent .foldertitle { cursor: pointer;}

.foldertitle {
	xheight: 32px;
	}
body {
	font: 12px/18px "lucida grande",verdana,sans-serif;
	}

/* Universal Left Pad: 14 */

.unbuffered { padding-bottom: 0; }

p { padding: 0 0 10px 14px; }

.centered { text-align: center; }
	
.large p {
	font-size: 13px; 
	line-height: 22px;
	}

str { font-weight: 800; }
.noisefreak { xcolor: #000; }

hr {
	border: 0 none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	display: block;
	margin: 5px 0px 10px 14px;
	height: 0;
	}

/* Testimonials */

.testimonials hr {
	border: 0 none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	display: block;
	height: 2px;
	clear: left;
	margin: 7px 14px 0 24px;
	}

blockquote {
	xbackground: #000;
	color: #333;
	float: left;
	font-size: 14px;
	line-height: 18px;
	padding: 14px 14px 10px 24px;
	width: 312px;
	}

blockquote em {
	color: #777;
	color: #09f;
	clear: left;
	display: block;
	font-size: 12px;
	margin: 3px 0 4px 0;
	}

.pagination { height: 18px; }

.pagination.top { padding-top: 3px; padding-bottom: 5px; }
.pagination.bottom,.postmetadata.bottom { padding-bottom: 5px; }

.pagination .next { float: right; }

.solid.comment { position: relative; }

.solid.comment h3 {
	color: #555;
	font-size: 16px;
	}

.solid.comment.nicks h3,.solid.comment.nicks h3 a {
	color: #09f;
	}

.solid.comment h3 a { color: #555; }

.commentmetadata {
	color: #777;
	font-size: 11px;
	position: absolute;
	padding: 0 10px;
	top: 10px;
	right: 10px;
	}p { color: #333; }p a {
	background: #e1e1e1;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	color: #222;
	font-weight: 800;
	padding: 1px 3px 2px 5px;
	xposition: 
	text-decoration: underline;
	text-decoration: none;
	}

p a:hover {
	background: #555;
	background: #07e;
	background: #eee;
	color: #fff;
	color: #333;
	xposition: relative;
	xtop: -1px;
	xleft: -1px;
	text-decoration: none;
	}
	
.solid p a { background: #f9f9f9; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }

.solid p a:hover { background: #fff; }

a { outline: none; }h2 {
	color: #333;
	clear: left;
	font: 17px/22px "lucida grande",verdana,sans-serif;
	padding: 10px 0 0 14px;
	padding: 0 0 7px 14px;
	}

h2.maintitle {
	color: #333;
	font-size: 21px;
	line-height: 26px;
	margin: -5px 0 0 0;
	padding: 0 0 12px 14px;
	}

.blog h2.maintitle {
	font-size: 24px;
	padding-top: 6px;
	padding-bottom: 14px;
	text-align: center;
	}

h2.maintitle .smaller { font-size: 19px; }

h2.centered { padding: 5px 0 14px 0; }

.post h2 {
	font-size: 32px;
	line-height: 40px;
	padding: 5px 10px 14px 14px;
	}

.post h2 a {
	background: #f9f9f9;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #333;
	font-size: 24px;
	line-height: 38px;
	padding: 5px 10px;
	xpadding: 7px;
	text-decoration: none;
	}

.post h2 a:hover { background: #fff; }

h3 {
	font: 12px/22px "lucida grande",verdana,sans-serif;
	color: #333;
	padding: 0px 0 0 14px;
	xtext-transform: uppercase;
	}

h3 .shadow { opacity: 0.7; }

.body h3 {
	color: #000;
	font-size: 13px;
	margin: 0 0 5px 0;
	}

.sidebar h3 {
	color: #09f;
	}

h4 {
	font: 12px/22px "lucida grande",verdana,sans-serif;
	color: #09f;
	padding: 0 0 5px 14px;
	}
ul {
	list-style: none;
	}

.content ul {
	list-style: disc;
	margin: 0 0 10px 28px;
	margin: 5px 0 5px 0;

	}

.content ol {
	margin: 0 0 10px 28px;
	margin: 5px 0 5px 0;
	}

.content ul li,.content ol li {
	color: #333;
	font: 12px/18px "lucida grande",verdana,sans-serif;
	margin: 5px 0 7px 0;
	}

.solid ul li {
	background: url(../i/content/type/bullet_solid.jpg) no-repeat 0px 9px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fafafa;
	margin: 0 0 0 11px;
	padding: 7px 0 7px 18px;
	list-style: none;
	}

.solid ol li {
	xbackground: url(../i/content/type/bullet_solid.jpg) no-repeat 0px 9px;
	xborder-bottom: 1px solid #ccc;
	xborder-top: 1px solid #fafafa;
	margin: 0 0 0 35px;
	padding: 7px 0 7px 7px;
	}

.post .content ul {
	margin: 0 0 0 35px;
	}

.post .content ul li {
	border: 0 none;
	background: transparent;
	list-style: disc;
	}


.solid ul li.first { padding-top: 0; border-top: 0 none; background-position: 0 4px; }

.solid ul li.last {	padding-bottom: 0; border-bottom: 0 none; }

.solid ul li a {
	color: #555;
	color: #09f;
	color: #555;
	text-decoration: underline;
	}

.solid ul li a:hover {
	text-decoration: none;
	}/* Slots */


#media-items li .slot-hover {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/media/slot_superblue.jpg) no-repeat top left;
	height: 144px;
	width: 232px;
	margin: -6px 0 0 -6px;
	z-index: 10;
	}
	
	
	#media-items li .slot-hover * {
		background: red !important;
	}
	
#dz-instructions {
	display: block;
	height: 19px;
	width: 350px;
	background: url(../i/media/instructions.jpg) no-repeat;
	text-indent: -4200px;
	color: #ccc;
	position: absolute;
	top: 121px;
	left: 506px;
	}

#media-items {
	padding: 0 0 0 9px;
	}

.home #media-items { padding: 10px 0 0 0; }

#media-items li {
	height: 132px;
	width: 220px;
	background: url(../i/media/slot.jpg) no-repeat;
	padding: 6px;
	margin: 0 7px 7px 0;
	list-style: none;
	float: left;
	}

.home #media-items li {
	background: #ccc;
	margin-right: 9px;
	}

#media-items li {
	xbackground: red;
	}

#media-items .item {
	position: relative;
	cursor: pointer;
	display: block;
	height: 133px;
	width: 221px;
	z-index: 1000;
	overflow: hidden;
	}

#media-items .video.item { background: url(../i/media/video.png) no-repeat; }
#media-items .sound.item { background: url(../i/media/audio.png) no-repeat; }

#media-items .item .download {
	text-indent: -4200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: block;
	height: 133px;
	width: 221px;
}

#media-items li .item-hover {
	position: absolute;
	top: 6px;
	left: 6px;
	height: 133px;
	width: 221px;
	margin: -6px 0 0 -6px;
	z-index: 10;
	overflow: hidden;
	}

#media-items li .sound .item-hover { background: url(../i/media/audio_lighter.png) no-repeat; }
#media-items li .video .item-hover { background: url(../i/media/video_lighter.png) no-repeat; }
	
#media-items li .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	height: 144px;
	z-index: 50;
}	

#media-items .item h2 {
	color: #333;
	padding: 14px 0 0 14px;
	}

#media-items .item h2 .shadow {
	color: #fff;
	padding: 1px 0 0 1px;
	}

#media-items .item .label { margin: 7px 0 0 14px; }

#dropzone {
	background: #111 url(../i/media/dropzone.jpg) no-repeat top left;
	display: block;
	position: absolute;
	height: 262px;
	width: 390px;
	left: 13px;
	top: 0;
	}

#dropzone:hover { xbackground-image: url(../i/media/dropzone_blue.jpg); }

#dropzone .hover { 
	background: #111 url(../i/media/dropzone_blue.jpg) no-repeat top left;
	display: block;
	height: 262px;
	width: 390px;
	z-index: 25;
	}

#dropzone .icon {
	display: block;
	position: absolute;
	top: 31px;
	left: 101px;
	height: 200px;
	width: 200px;
	z-index: 50;
	}

#dropzone .icon * {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
}

	#dropzone .icon .grey { background: url(../i/media/dropzone_icon.jpg) no-repeat; }
	#dropzone .icon .white { background: url(../i/media/dropzone_icon.jpg) -200px 0 no-repeat; }
	#dropzone .icon .pulse { background: url(../i/media/dropzone_icon.jpg) -400px 0 no-repeat; }
	#dropzone .icon .blue { background: url(../i/media/dropzone_icon.jpg) -600px 0 no-repeat; }
	#dropzone .icon .superblue { background: url(../i/media/dropzone_icon.jpg) -800px 0 no-repeat; }#player {
	display: none;
	
	position: absolute;
	top: 80px; /* usd to be 80 */
	xtop: 10px;
	left: 480px;
	min-height: 82px;
	xheight: 240px;
	width: 472px;
	color: #fff;
	background: url(../i/media/player.gif) no-repeat 0 0;
	xbackground: #ccc;
	xoverflow: hidden;
	xopacity: 1 !important;
	}

.playing-video #player {
	top: 10px;
	height: 240px;
	}

#playpause {
	color: #fff;
}

#qt-video-player {
	position: absolute;
	height: 240px !important;
	top: -75px;
	top: 0;
	z-index: 10000;
}

#description {
	background: transparent;
	color: #fff;
	color: #ccc;
	xpadding: 7px 5px 0 15px;
	font: 14px/22px "helvetica neue",helvetica,arial,"lucida grande",verdana,sans-serif;
	position: absolute;
	left: 482px;
	xleft: 620px;
	xtext-align: center;
	top: 175px;
	width: 450px;
	}

.playing-video #description {
	top: 240px;
	left: 482px;
	}

.desc { 
	display: none;
	}

#qt-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	background: #161616;
	overflow: none !important;
	}

#qt-player .coverup {
	
	background: red;
	height: 10px;
	width: 10px;
	display: block;
	top: -10px;
	left: 0;
	position: absolute;
	
	display: none;
	
	}

/* This is to solve firefox's dot */
#qt-player * {
	position: absolute;
	width: 1px;
	height: 1px;
	top: 200px;
	
	left: 10px;
}

#volume-icon {
	position: absolute;
	top: 34px;
	left: 356px;
	height: 13px;
	width: 17px;
	background: url(../i/media/volume_icon.gif) no-repeat;
}

#volume-icon.low {
	background: url(../i/media/volume_icon.gif) -17px 0 no-repeat;
}

#volume-icon.mute {
	background: url(../i/media/volume_icon.gif) -34px 0 no-repeat;
}

#playpause {
	outline: none !important;
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	left: 32px;
	top: 12px;
	background: url(../i/media/player_button.png) no-repeat;
	text-indent: -4200px;
}

#playpause .hover {
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/media/player_button.png) -60px 0  no-repeat;
}

#playpause.playing {
	background: url(../i/media/player_button.png) -120px 0 no-repeat;
}

#playpause.playing .hover {
	background: url(../i/media/player_button.png) -180px 0 no-repeat;
}


#progress-text {
	position: absolute;
	top: 34px;
	left: 292px;
	color: #b3b3b3;
	font: 800 10px helvetica,arial,sans-serif;
}

#progress-slider {
	position: absolute;
	left: 137px;
	top: 33px;
	height: 15px;
	width: 140px;
	background: url(../i/media/progress_slider.gif) no-repeat;
}

#progress-slider-filled {
	position: absolute;
	height: 15px;
	width: 0;
	padding-left: 5px;
	background: url(../i/media/progress_slider_blue.gif) no-repeat;
}

#volume-slider {
	position: absolute;
	left: 381px;
	top: 34px;
	height: 15px;
	width: 65px;
	padding-left: 5px;
	background: url(../i/media/volume_slider.gif) no-repeat;
}

#xxxvolume-slier-filled {
	position: absolute;
	height: 15px;
	width: 0;
	background: url(../i/media/volume_sliders_blue.gif) no-repeat;
}


#progress-slider-handle,
#volume-slider-handle {
	position: absolute;
	height: 15px;
	width: 13px;
	background: url(../i/media/scrubber.png) no-repeat;
}
/* Dragon Interactive */
/* Codename Rainbows */

/* Description: Positions and colors elements from script Codename Rainbows. */

.rainbows {
	position: relative;
	}

.rainbow {
	background: transparent;
	display: block;
	position: relative;
	height: 1px;
	overflow: hidden;
	z-index: 4;
	}

.rainbow span {
	position: absolute;
	display: block;
	white-space: nowrap;
	top: 0;
	left: 0px;
	}

.rainbows .highlight {
	color: #fff;
	display: block;
	display: none;
	position: absolute;
	z-index: 2;
	}

.rainbows .shadow,.rainbows .shadow * {
	color: #000 !important;
	display:block;
	position: absolute;
	top: 0px;
	z-index: 3;
	}

.rainbows .source {
	display: block;
	overflow: hidden;
	height: 0px;
	visibility: hidden;
	}

/* Hover Silver Flip */

li a:hover .rainbow { color: #ececec !important; }
li a:hover .rainbow-1 { color: #777777 !important; }
li a:hover .rainbow-2 { color: #808080 !important; }
li a:hover .rainbow-3 { color: #898989 !important; }
li a:hover .rainbow-4 { color: #929292 !important; }
li a:hover .rainbow-5 { color: #9b9b9b !important; }
li a:hover .rainbow-6 { color: #a4a4a4 !important; }
li a:hover .rainbow-7 { color: #adadad !important; }
li a:hover .rainbow-8 { color: #b6b6b6 !important; }
li a:hover .rainbow-9 { color: #bfbfbf !important; }
li a:hover .rainbow-10 { color: #c8c8c8 !important; }
li a:hover .rainbow-11 { color: #d1d1d1 !important; }
li a:hover .rainbow-12 { color: #dadada !important; }
li a:hover .rainbow-13 { color: #e3e3e3 !important; }
li a:hover .rainbow-14 { color: #ececec !important; }

/* Shadows Version */

.shadows {
	position: relative;
	}

.shadow {
	color: #000;
	position: absolute;
	}

.shadows .source {
	position: relative;
	}