/*======================================================================*/
/*=== SKIN.CSS - Designed by Jon Edwards for Visual SKUs ===============*/
/*======================================================================*/
/*--- CSS Document Imports (order is important!) -----------------------*/
@import url('text.css');


/*--- 960.GS GRID CSS - 12 Column Grid - Thank you Nathan Smith --------*/
/*--- 12 X 60px Columns. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. ---*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left; /*position: relative;*/;
	margin: 0 10px;
}
.container_12 .grid_1 {
	width: 60px;
}
.container_12 .grid_2 {
	width: 140px;
}
.container_12 .grid_3 {
	width: 220px;
}
.container_12 .grid_4 {
	width: 300px;
}
.container_12 .grid_5 {
	width: 380px;
}
.container_12 .grid_6 {
	width: 460px;
}
.container_12 .grid_7 {
	width: 540px;
}
.container_12 .grid_8 {
	width: 620px;
}
.container_12 .grid_10 {
	width: 780px;
}
.container_12 .grid_11 {
	width: 860px;
}
.container_12 .grid_12 {
	width: 940px;
}
.container_12 .grid_9 {
	width: 700px;
}
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clearfix {
	height: 1%;
}
/*----------------------------------------------------------------------*/
/*--- END 960.GS GRID CSS ----------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--- GLOBAL HTML and DNN DECLARATIONS ---------------------------------*/
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d3d3d;
	background-color: #ddded6;
}
img {
	border: 0;
}
/*----------------------------------------------------------------------*/
/*--- EasyTooltip Styling ----------------------------------------------*/
#easyTooltip {
	font-size: 11px;
	color: #000;
	padding: 5px 10px;
	border: 1px solid #c0c0c0;
	background-color: #f3f3f3;
	opacity: 0.8;
}
#topnote {
}
#ie6detect {
	width: 960px;
	margin: 20px auto;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	border: 1px #000 dashed;
	background-color: #c50000;
}
/*----------------------------------------------------------------------*/
/*--- BASIC CSS LAYOUT -------------------------------------------------*/
/*--- Faux Body Backgrounds --------------------------------------------*/
#top_body {
	background-image: url('images/top_body.png');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #fff;
}
#top_wrpr {
	background-image: url('images/top_wrpr.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
#top_inr {
	height: 360px;
}
#logo {
	margin: 0;
	padding: 0;
	width: 220px;
	height: 345px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#logo a {
	display: block;
	width: 220px;
	height: 345px;
	background-image: url('images/thorntree_logo.png');
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#mid_body {
	width: 100%;
	display: inline-block;
	padding-bottom: 40px;
	background-color: #fff;
}
#mid_wrpr {
}
#nav_wrpr {
	float: right;
	margin: 0 10px 30px 0;
}
#nav_inr {
	text-align: left;
}
ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav li {
	margin: 0 5px;
	padding: 0;
	list-style: none;
	display: inline;
	float: left;
	font-size: 20px !important;
	line-height: normal;
}
ul#nav li a, ul#nav li a:link, ul#nav li a:active, ul#nav li a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 15px 10px;
	background-color: #a70e13;
}
ul#nav li a:hover {
	background-color: #686868;
}
ul#preview {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#preview li {
	margin: 0 10px;
	padding: 0;
	display: inline;
	float: left;
	width: 300px;
}
ul#preview li img {
	margin: 0 0 25px 0;
	padding: 10px;
	background-color: #e7e0c1;
}
ul#preview li a:hover img {
	background-color: #d5cdab;
}
ul#preview li.soon img {
	background-image: url('images/preview_csbg.png');
	background-position: left top;
	background-repeat: no-repeat;
}
ul#preview li h3 a, ul#preview li h3 a:link, ul#preview li h3 a:active, ul#preview li h3 a:visited {
	color: #3d3d3d;
}
ul#preview li h3 a:hover {
	color: #c50000;
}
.preview_cntrl_wpr {
	margin: -10px 0 50px 0;
}
ul#preview_cntrl {
	margin: 0;
	padding: 5px 0 0 0;
	list-style: none;
	border-top: 1px #777 solid;
}
ul#preview_cntrl li {
	margin: 0 0 0 5px;
	padding: 0 5px 0 0;
	display: inline;
	float: left;
	width: auto;
	font-size: 11px;
	background-image: url('images/preview_cntrldiv.gif');
	background-position: right center;
	background-repeat: no-repeat;
}
ul#preview_cntrl li.first {
	margin: 0;
}
ul#preview_cntrl li.last {
	padding-right: 0;
	background-image: none;
}
#bnr_suggest {
	margin-top: 20px;
}
#bottom_body {
	width: 100%;
	display: inline-block;
	padding-bottom: 50px;
	background-image: url('images/bottom_body.png');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #ddded6;
}
#bottom_wrpr {
	padding-top: 70px;
	background-image: url('images/bottom_wrpr.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
#bottom_inr {
}
#footer {
	width: 920px;
	margin: 60px auto 0 auto;
	text-align: center;
	padding: 25px 20px;
	background-image: url('images/footer_bg.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
#footer p {
	font-size: 12px;
	line-height: normal;
}
ul#shoutout {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#shoutout li {
	display: inline;
	float: left;
	width: 220px;
	height: 60px;
	margin: 0 10px;
	padding: 0;
	overflow: hidden;
	line-height: normal;
}
ul#shoutout li.first {
	margin-left: 0;
}
ul#shoutout li.last {
	margin-right: 0;
}
#playinfo_wrpr {
	margin-top: 10px;
}
#videoheader {
}
.form_wrpr {
 background-image: url('images/form_bg.jpg');
 background-position: center top;
 background-repeat: no-repeat;
 background-color: #eeead3;
}
.albumcover_wrpr {
	width: 200px;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
}
.albumcover_wrpr ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.albumcover_wrpr ul li {
	list-style: none;
	padding: 5px;
	border: 1px #e7e0c1 solid;
	margin: 5px 0;
	background: #f4f1e5;
}