/* @override 
	http://localhost/css/styles.css
	http://spottedshorts.com/css/styles.css
	http://www.spottedshorts.com/css/styles.css
*/

/* RESETS */
ul, li, h1, h2, h3, h4, h5, h6, h7, div, table, tr, td, ol, body {
	margin: 0;
	padding: 0;
}

body {
	background: white url(images/body_bg.png) repeat-x left 70px;
}

#header {
	position: relative;
	width: 1049px;
	z-index: 100;
	top: 20px;
	height: 207px;
	margin: 0 auto;
	background: url(images/header_bg.png) no-repeat center center;
}

#site-name {
	position: absolute;
	width: 696px;
	height: 247px;
	background: url(images/site-name.png) no-repeat center center;
	z-index: 10;
}

#wrapper {
}

#inner_wrapper {
	background: url(images/spots.png) repeat-y center top;
	margin: 0 auto;
}

#content {
	width: 1049px;
	margin: 0 auto;
	background: url(images/content2_bg.png) repeat-y;
	padding-top: 80px;
}

#current_video {
	width: 600px;
	margin-left: 80px;
	float: left;
}

#video_window {
	width: 478px;
	height: 400px;
	background: url(images/video_window.png) no-repeat;
}

#current_video object, #current_video embed   {
	padding: 25px;
}

#content_bottom {
	position: relative;
	clear: both;
	padding:20px 2px;
	background: url(images/content_bg.png) no-repeat center bottom;
	top: 40px;
	
}

#rightcol {
	float: right;
	width: 343px;
	margin-right: 14px;
}

#aboutbox {
	margin: 0 auto;
	height: 215px;
	width: 1025px;
	background: url(images/about_box.png) no-repeat;
}

#footer {
	padding-top: 40px;
	padding-bottom: 20px;
	clear: both;
	background: url(images/footer_bg.png) repeat-x center bottom;
}

/*MENUS*/
#mainNav {
	position: relative;
	left: 400px;
	top: 173px;
	z-index: 20;
}

#mainNav li {
	float: left;
	background: url(images/mainnv_bg.png) no-repeat left top;
	margin: 0 5px;
	padding-left: 5px;
	list-style-type: none;
}

#mainNav li a {
	display: block;
	font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 3px 10px 6px 5px;
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
	background: url(images/mainnv_bg.png) no-repeat right top;
	margin-right: -5px;
}

#mainNav li.active {
	background: url(images/mainnv_bg.png) no-repeat left bottom;
	padding-left: 5px;
	margin-top: -10px;
	margin-left: 5px;
	margin-right: 5px;
}

#mainNav li.active a {
	background: url(images/mainnv_bg.png) no-repeat right bottom;
	margin-right: -5px;
	padding-bottom: 20px;
	padding-top: 10px;
}

ul#videoList {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
}

#videoList li h2 {
	
}

#video_tags li {
	list-style-type: none;
	float: left;
	margin: 0 5px;
}

#video_tags li a {
	text-decoration: none;
	color: black;
	font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#videoList li a {
	display: block;
	padding: 10px 0 10px 10px;
	background-color: #b0e3e8;
	color: black;
	text-decoration: none;
}

#videoList li.active a {
	background-color: gray;
}

#videoList li a:hover {
	background-color: #91bbbe;
}

/* TYPE */
#current_video h2 {
	color: #f80303;
	font: normal normal 300% Georgia, "Times New Roman", Times, serif;
}

#current_video h4 {
	font-size: 150%;
	font-weight: normal;
	font-style: normal;
	padding-left: 5px;
}

#aboutbox h2 {
	color: white;
	font-weight: normal;
	font-style: normal;
	font-size: 250%;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#rightcol p{
	font: 70% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


/* FORM */
form#search {
	position: absolute;
	right: 70px;
	top:  80px;
}

#search input#s {
	width: 250px;
	height: 30px;
	font-size: 140%;
	color: red;
}

/* JS-KIT */
.js-kit-comments{
	border: 1px solid gray;
	clear: both;
	padding: 4px;
}

.js-kit-comments a {
	color: #424242;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.js-kit-comments a:hover  {
	color: #f80303;
}

.js-kit-comments .js-poweredBy div a {
	font-size: 100%;
	color: silver;
}

.js-kit-comments .js-LeaveComment a {
	font-size: 80%;
}

.js-kit-rating {
	color: #7f1314;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	padding: 3px;
}