#custom-doc { 
  width: 100%; min-width: 800px;
} 

#hd {
  background: transparent url(../images/headerbg.gif) repeat-x scroll center top;
  border-top:1px solid #343434;
  border-bottom:1px solid #343434;
  font-size: 16px;
  font-weight: bold;

  overflow: hidden;
  padding: 15px 0px 0px 15px;
}

#bd {
  margin: 10px 20px 10px 20px;
}

.yui-b {
  min-width: 250px;
}

.yui-g {
  min-height: 500px;
  min-width: 200px;
}

#ft {
  background: transparent url(../images/toolbar_bg.png) repeat-x scroll left top;
  background: transparent url(../images/footer_highlight.png) repeat-x scroll center top;
  
  border-bottom:1px solid #2E2E2E;
  padding: 10px 0px 10px 10px;
  overflow:hidden;
  font-size: smaller;
  text-align:left;
  height: 19px;
}


.logged_in, .admin {
  display:none;
}

body {
  background: #101416 url(../images/bodybg.png) repeat-x scroll center top;
  color: #ffffff;
  font-family: ArialMT, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
}
a {
  color: #fff;
}
ol, ul {
  margin-left: 20px;
}
ul li {
  list-style: square;
  list-style-position: outside;;
}
ol li {
  list-style: decimal;
  list-style-position: outside;;
}
h1 {
  font-size: large;
  padding: 10px 0px 10px 0px;
  color: white;
  font-weight: bold;
  line-height:20px;
}
h2 {
  font-size: larger;
  margin: 0px 0px 5px 0px;
  border-bottom: 1px solid white;
  font-weight: bold;
  line-height:20px;
}
h3 {
  font-size: medium;
  margin: 0px 0px 5px 0px;
}
.item_list ol, .item_list ul {
  margin-left: 20px;
}
/* float & allow room for the widest item */
.item_list ol li, .item_list ul li {
  float: left;
  width: 15em;
  margin: 2px 0px 2px 2px;
  list-style-type: none; 
}
.dashboard .item_list ul li {width: 9em;}

/* separate the list from subsequent markup */
.item_list {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
#side_nav {
  overflow: auto; height: 519px;
	width: 364px; 
}

/** Pagination */
.pagination {
  border-top: 1px solid #fff;
  padding: 10px; margin-top: 10px;
}

.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  color: #fff;
}

.pagination a:hover, .pagination a:active {
  color: #3A4248;
  background-color: #fff;
}

.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  font-weight: bold;
  background-color: #fff;
  color: #3A4248;
}

.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  color: #ddd;
}

/** Search form */
#search_box {
  margin: 0;
  padding: 0;
  position: absolute; right: 50px; top: 10px;
  font-size: 13px;
}

#search_box #query {
  border: 1px solid silver;
  height: 17px;
  width: 150px;
  color: #0e0e0e;
}
#search_box #go {
	color: #708491;
}
.box {
}
.box h2 a {
  margin: 2px;
  color: #343434;
  color: white;
}
.box h2 {
  padding: 2px 2px 2px 7px;
  background-color: #8393AB;
  font-weight: bold;
  line-height:20px;
}
.box h2 a:hover, h2 a:active {
}
.box h2 span.current {
  margin: 2px;
  font-weight: bold;
  color: white;
}

#ft {
  font-weight: bold;
}
#ft ul {
  display: inline;
  padding-left: 50px;
}
#ft li {
  padding: 0px 10px 0px 10px;
  display: inline;
  list-style-type: circle;
  border-left: 1px solid white;
}
#ft li:first-child {
  border-left: 0px;
}
#notice, #warn, #error {
  border-bottom: 2px solid #CFDBE6;
  padding: 7px;
  margin-bottom: 20px;
  background-color: #CFDBE6;
  font-weight: bold;
  text-align: left;
}
#notice p, #warn p, #error p {
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #CCAE8F;
  color: #101416;
}
#warn p, #error p {
  color: #B30000;
}

/* auto complete */
div.auto_complete {
  width: 350px;
  background: #fff;
	color: black;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
	list-style-type:none;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.highlight {
  color: #800; 
  margin:0;
  padding:0;
}
th {
  font-weight: bold;
}
td, th {
  padding: 4px 10px 4px 10px;
}
tr.alternate {
  background-color: gray;
}
thead {
  background-color: #8393AB;
  border-bottom: 1px solid white;
}
#ads2 {
  float: left;
  margin-top: 20px;
  width: 130px;
}
#ads4 {
  text-align:center;margin-top:4px
}

#activityArea {
	height:200px;
	margin: 10px 0px 0px 0px;
}

.video_details {padding: 2px}

.video_thumb {float: left; margin-top: 2px; margin-right: 10px}

.tabs {
  margin: 0;
  padding: 0 0 20px 10px;
}

.tabs li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}

.tabs a:link, .tabs a:visited {
  float: left;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  padding: 0 12px 6px 12px;
  text-decoration: none;
  color: #8D95A8;
  color: #708491;
}

.tabs .active a:link, .tabs .active a:visited, .tabs a:hover {
  color: #fff;
  background: url(../images/pyramid.gif) no-repeat bottom center;
}


.hTagcloud span.popular {}
.hTagcloud span a {}
.hTagcloud a {text-decoration:none; line-height: 150%; padding: 7px;}
.hTagcloud a:hover { background-color: #8393AB; }
.hTagcloud .popular				{ font-size: 1.8em; }
.hTagcloud .v-popular 		{ font-size: 2.2em; }
.hTagcloud .vv-popular 		{ font-size: 2.7em; }
.hTagcloud .vvv-popular		{ font-size: 3.3em; }
.hTagcloud .vvvv-popular	{ font-size: 3.9em; }

fieldset {
  clear: both;
  font-size: 100%;
  border-color: silver;
  border-width: 1px 1px 1px 0px;
  border-style: solid none none solid;
  padding: 10px;
  margin: 0 0 0 0;
}

fieldset legend {
  font-family: 'Trebuchet MS', Tahoma, Verdana, Sans-serif;
  font-weight: Bold;
  font-size: 1.3em;
  
  margin: 0 0 0 0;
  padding: 0 5px;
  background: transparent;
}

fieldset label {
	font-weight: bold;
}

fieldset p {
  margin-bottom: 10px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: #B30000;
  display: table;
}

#errorExplanation {
  width: 500px;
  /*border: 2px solid #CFDBE6;*/
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #CFDBE6;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #CCAE8F;
  color: #B30000;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
	margin-left: 20px;
  padding-left: 10px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
  color: #000;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid #cceeee;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.fm-controls {
  margin-top: 15px;
  padding: 10px;
  text-align: left;
  border-color: silver;
	border-width: 1px 0px 0px 5px;
  border-style: solid none none solid;
}

.fm-controls .button, .fm-controls input {
  padding-left: 15px;
  padding-right: 15px;
}


/* CSS Document */

#ibox_w {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: #101416;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	padding:10px;
	border:1px solid #CCC;
	width:300px;
	height:300px;
	background-color:#999999;
	padding-bottom:40px;
	margin:0;
}

#ibox_content {
	background-color:#FFFFFF;
	background-color:#101416;
	width:100%;
	height:100%;
	margin-bottom:5px;
	position:relative;
	top:0px;
	left:0px;
	border:1px solid #000;
	padding:2px;
}

#ibox_footer_wrapper {
	position:relative;padding:0;margin:0;top:0px;left:0px;text-align:left;
}

#flash_player {
  min-width: 320px;
  min-height: 200px;
  height:400px;
  margin: 0px;
  padding: 0px;
  background: #000000 none repeat scroll 0%;
  z-index: 10;  
}

a.prev_link, a.next_link {text-decoration:none;}

#play_list {
  background-color:#523404;
	border:none;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	font:13px verdana,arial,sans-serif;
	font-weight:bold;
	text-align:right;
}

#play_list ul {margin:0px;padding:0px}

#prev-arrow-container, #next-arrow-container {
	float:left;
	margin:0px;
	padding:0px;
}

#play_list .wrapper {
	margin-left:auto;
	margin-right:auto;
	width:470px;
}

#play_list a {text-decoration:none;width:100%}
#play_list a.current {background-color:#fff;color:#000}

#play_list .carousel-component {
	float:left;
	width:410px;
}

#videoPlayer {
  margin: 0px;
  padding: 0px;
	border: 1px solid #fcca69;
}
#contentHeader, #contentFooter {
  margin: 0px;
	padding: 0px;
	background-color: #fcca69;
	background-image: url(../images/bg_videoFooter.jpg);
	background-repeat: repeat-y;
	text-align:left;
	color:#202020;
}

#contentHeader {
	font-size:18px;
	line-height:30px;
	overflow:hidden;
	padding:0pt 0px 0px 10px;
	text-align:left;
}

#contentFooter {
  height:105px;
}

#contentFooter a {
  color:#202020;
}

#vidMaxButton {
	background-repeat: no-repeat;
	background-image: url(../images/bu_fullscreen.gif);
	float: right;
	height:29px;
	width: 31px;
  z-index:100;
}
#videoDesc {
	font-size: 12px;
	height: 82px;
	overflow-y: auto;
	padding:0pt 10px;
	position:relative;
	text-align:left;
}
#videoSimilar {
	font-size:15px;
	color:#000;
	height:22px;
	padding:0pt 10px;
	position:relative;
}
#videoSimilar a {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	padding:0pt 2px;
	text-decoration:none;
}
#videoSimilar a:hover {
	background-color:#202020;
	color:#FFFFFF;
	text-decoration:none;
}
/* Action Area - actions, ratings, and stats */
#actionsArea { margin: 0px; padding: 5px; text-align: center;
  border:1px solid #fcca69;
	border-top: none;
} 
.actionLinks a {
  margin: 0px 12px 0px 12px;
  font-weight: bold;
}

html.fullscreen {
  padding:0px;
  margin:0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.fullscreen td, th {
  padding:0px;
}

.fullscreen #flash_player {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 40px;
  left: 0px;
  height: 95%;
  width: 100%;
  overflow: hidden;
  border: none;
}
.fullscreen #fullscreen_nav {
  display: block;
} 
#fullscreen_nav {
  border-bottom:2px solid #555555;
  border-top:2px solid #555555;
  left:0pt;
  margin:0pt;
  position:absolute;
  z-index:100;
  top: 0px;
  width: 100%;
  display: none;
}
#fullscreen_nav .inner {
  background-color:#333333;
  font-family:Arial,Verdana,sans-serif;
  padding: 2px 20px;
}
#fullscreen_nav table {
  border-collapse:collapse;
  margin:0pt;
  width:100%;
}
#fullscreen_nav .caption {
  color:#eee;
  font-size:20px;
  text-align:center;
  white-space:nowrap;
}
#fullscreen_nav .close {
  text-align:right;
}
#fullscreen_nav .close img {
  cursor:pointer;
  z-index:100;
}
#fullscreen_nav .middle {
  text-align:center;
  white-space:nowrap;
}
#fullscreen_nav .navStatus {
  padding: 0px 10px 0px 10px;
}

/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}