@charset "UTF-8";
/* CSS Document */

body { background:url(/images/background_v3.jpg) top center repeat-y #000;}

/* VideoBOX */
#Video {text-align:center; background:#000;}
#Video .content {background:#000; padding-top:30px;}
#v_block {bacground:url(/images/background.jpg) top center no-repeat #000;}

/*videoNav*/
#Menu{list-style:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#Menu ul{ list-style:none; margin:0; padding:0; width:182px;
	}
#Menu ul li {
	list-style: none;
	display: inline; text-align:left;
	width:182px;
	}
#Menu ul li.first {
	list-style: none;
	display: inline; /*background:url (/images/mainNvav_border.jpg) left top no-repeat; margin-left:8px;*/
	}
#Menu a{ width:inherit; width:182px;color:#fff; background:#000;}
#Menu li{ float:left;}
#Menu ul li a{
	color:#fff; text-decoration:none; display:block;
	height:96px;
	text-align:left;
	border-left:5px solid #000; 
	}
#Menu ul li a:hover{
	color:#fff; text-decoration:none; border-left:5px solid #F00; 
	}
#Menu ul li a:active{
	border-left:5px solid #999;
	}
#Menu ul li a:visited{
	color:#fff;
	text-decoration:none;
	}

/* PrimaryNAV */
#nav{list-style:none;background:url(/images/mainNvav_backGround.jpg) repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#nav ul{ list-style:none; margin:0; padding:0; height:45px;background:url(/images/mainNvav_border.jpg) left top no-repeat; margin-left:2px;
	}
#nav ul li {
	list-style: none;
	display: inline;
	background:url(/images/mainNvav_border.jpg) right top no-repeat; text-align:center; 
	}
#nav ul li.first {
	list-style: none;
	display: inline; /*background:url (/images/mainNvav_border.jpg) left top no-repeat; margin-left:8px;*/
	}
#nav a{ width:inherit; width:118px; color:#000;}
#nav li{ float:left;}
	#nav ul li a{
	color:#000; text-decoration:none; display:block;
	padding-top:13px; text-align:center;
	padding-bottom:13px;
	}
	#nav ul li a:hover{
	color:#fff; text-decoration:none; background:url(/images/mainNvav_HVRbackGround.jpg) no-repeat top center;
	}
	#nav ul li a:visited{
	color:#000;
	}
/* PolaroidBox */
#polaroidBox { height:470px; width:180px; padding-top: 9px; background:url(/images/polaroid.png) top center no-repeat;}
#polaroidBox .content{ margin-right:auto; margin-left:auto; height:169px; width:152px; text-align:center; overflow:hidden; background:url(/images/polaroid_back.png) center #111;}
#polaroidBox .caption{ width:150px; margin-left:auto; margin-right:auto; font-size:.9em; font-family:Arial, Helvetica, sans-serif; padding-top:3px;}
#polaroidBox .caption .title { float:left;}
#polaroidBox .caption .price { float:right; color: red;}

/* Buckets */
h1, h2, h3, h4, h5, h6, h7, p{font-family: "Trebuchet MS"; padding-left:9px;}
h1{ color:#BCBDBF; font-size: 2em;padding-bottom:0; margin-bottom:0;}
h2{ color:#E9E9EA; font-size: 1.5em; padding-top:0; margin-top:0;}
h3{ color:#fff; font-size:1.2em; padding-top:0;margin-top:0;}
p{ color:#fff; font-size:1em;}
/* ============================================================================================================================== */
#Featured { height:470px; width:468px; padding-top: 9px; margin-bottom:20px; background:url(/images/tint_75black.png) repeat; border: 1px solid #000; -moz-border-radius: 6px; -moz-outline-radius: 6px; -webkit-border-radius: 6px;}
#Featured img {padding-left: 9px; float: left;} 
#Featured p{margin-left: 310px; margin-right: 5px; background: url(/images/tint_black.png) repeat; display: block; border-bottom: 1px dashed #222; padding-bottom: 20px; height:280px ;} 
#Featured .price{color:#EB1C24; font-size: 150%; font-family:"Trebuchet MS"; margin-left: 320px; margin-top:-10px;}
#Featured .price:after{ content:" | BUY NOW!" }
/* ============================================================================================================================== */
#News { height:470px; width:228px; padding-top: 9px; margin-top:20px; margin-bottom:20px; background:url(/images/tint_75black.png) repeat; border: 1px solid #000; -moz-border-radius: 6px; -moz-outline-radius: 6px; -webkit-border-radius: 6px;}
#letter {height:212px; margin:5px;border: 1px solid #111;background:url(/images/tint_black.png) repeat; }
#photo { height:212px;margin:5px;border: 1px solid #111;background:url(/images/tint_black.png) repeat;}
/* ============================================================================================================================== */
#Events { height:470px; width:228px; padding-top: 9px; margin-top:20px; margin-bottom:20px; background:url(/images/tint_75black.png) repeat; border: 1px solid #000; -moz-border-radius: 6px; -moz-outline-radius: 6px; -webkit-border-radius: 6px;}
#Events img{height:auto; width:211px; border: none; padding-left: 9px; float: left;}
#Events #btn{ text-align: right; clear:both;margin:9px; width: 211px; height:20px; background:url(/images/tint_black.png) repeat;}
#Events p{ clear: both;}
#Events a{ color:#fff;}
#Events a:hover{ text-decoration: underline;color:#fff;}
#Events a:visited{ color:#fff; height: 10px;}
/* ============================================================================================================================== */
#Activity {height:470px; width:228px; padding-top: 9px; margin-bottom:20px; background:url(/images/tint_75black.png) repeat; border: 1px solid #000; -moz-border-radius: 6px; -moz-outline-radius: 6px; -webkit-border-radius: 6px;}
#blog { }
#social {height:470px; width:228px; padding-top: 9px; margin-bottom:20px; background:url(/images/tint_75black.png) repeat; border: 1px solid #000;}
/* ============================================================================================================================== */
#Store {height:470px; width:468px; padding-top: 9px; margin-top:20px; margin-bottom:20px; background:url(/images/tint_75black.png) repeat; border: 1px solid #000; -moz-border-radius: 6px; -moz-outline-radius: 6px; -webkit-border-radius: 6px;}
#Store #apparel{height: 212px; border: 1px solid #111; margin:5px;background:url(/images/tint_black.png) repeat;}
#Store #apparel h3{color:#EB1C24; font-size: 3em; border-bottom: 1px dashed #EB1C24; padding-bottom:10px; padding-right: 10px; width: 320px; margin-left: 112px; }
#Store #apparel p{margin-left: 100px;}
#music p{text-align: right; margin-right: 125px;}
#apparel img{float: left; height: 152px; padding: 10px;border-right: 1px dashed #EB1C24;}
#Store #music{height: 212px;border: 1px solid #111; margin:5px;background:url(/images/tint_black.png) repeat;}
#music img{float: right; padding: 10px; border-left: 1px dashed #EB1C24;}
#Store p{ margin-top: -40px; padding-top: 0; font-size: 2em;}
#Store a{color:#D2D3D4; text-decoration: none;}
#Store a:hover{color: #fff;}
#Store a:visited{color: #BCBDBF;}
#Store #music h3{color:#EB1C24; font-size: 3em; border-bottom: 1px dashed #EB1C24; padding-bottom:10px; width: 320px; text-align: right;}
/* ============================================================================================================================== */
/*RSS Scroller */
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none; color:#EB1C24;
font-size: 150%; line-height: 1em;
}

.labelfield{ /*CSS for label field in general*/
color:#fff;
font-size: 110%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1{ /*Demo 1 main container*/
width: 450px;
height: 30px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
}

#example2{ /*Demo 2 main container*/
width: 218px;
height: 360px;
/*border: 1px dashed black;*/
padding: 4px;
/*background-color: #EEEEEE;*/
}

#example2 div ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
}

#example2 div ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}
#example2 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
border-bottom: 1px dotted #4E090c;
}

#example3{ /*Demo 3 main container*/
width: 218px;
height: 360px;
/*border: 1px solid navy;*/
padding: 4px;
}

#example3 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
border-bottom: 1px dotted #4E090c;
}

#example4{ /*Demo 3 main container*/
width: 210px;
height: 160px;
/*border: 1px solid navy;*/
}

#example4 div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

code{ /*CSS for insructions*/
color: red;
}

/* Footer */

#Footer { text-align:center;}