/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#wrapper_outer { 
	width: 775px;
	float: left;
}
#wrapper_columns {
	margin-bottom: 0px;
	width: 100%
}
#wrapper_header {
	color: #333;
	width: auto;
	padding: 10px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	background: #FFF;
	overflow: hidden;
}
#wrapper_left { 
	color: #333;
	width: 41%;
	margin: 10px;
	margin-right: 0;
	float: left;
	display: inline;
}

	#nav_left ul {
		padding:0px;
		margin:0px;
	}
	#nav_left ul li {
		padding:0px;
		margin:0px;
		list-style-type: none;
		display:block;
	}
	#nav_left .selected {
		color:red;
		font-weight:bold;
	}

#wrapper_right { 
	float: right;
	color: #333;
	display: inline;
	width: 52%;
	margin: 10px;
	margin-left: 0;
	padding: 0;
	position: relative;

}

#wrapper_footer { 
	clear: both;
	color: #333;
	background: #FFF;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}


	#nav_bottom {
		text-align: center;
	}


.header_logo {
	float: left;
	position: relative;
	margin-top: 0;
	top: 0;
}


.header_channels {
	background: url(images/channel_header.jpg) no-repeat top left;
	height: 85px;
	width: 390px;
	overflow: hidden;
	float: left;
	margin-top: 0em;
	margin-left: 1em;
}


.header_channels ul {
	float: left;
	
	margin-left: 0;
	padding-left: 1em;
	margin-top: 1.8em;
	color: #ff622b;
	font-size: 1.5em;
	font-family: trebuchet ms;
	font-weight: bold;
	list-style-type: none;
}

.header_channels ul a{
font-size: 0.8em;
text-decoration: none;
}

.header_channels ul li{
line-height: 18px;
display: block;
background: url(images/header_bullets.gif) top left no-repeat;
padding-left: 20px;
padding-top: 0;
margin-top:0;
}

.header_links {
float: right;
top: 0;
width: 50%;
position: relative;
}

.header_links ul {
float: right;
list-style-type: none;
}

.header_links ul li {
float: left;
margin-top: 1em;
padding: 0em 0.8em 0em 0.8em;
border: 0;
border-left: 1px solid #ff622b;
height: 15px;
line-height: 15px;
overflow: hidden;
}

.no_border {
	border-left: 0!important;
}

.header_links ul li a {
	color: #9F9F9F;
	text-decoration: underline;
}

.header_upload {
float: right;
margin-top: 1em;
margin-right: 1em;
text-align: center;
font-size: 1.1em;
font-weight: bold;
}

.header_upload a{
	color: #ff622b!important;
	text-decoration: none;
}

.header_searchbar {
background: url(images/funky_bar.jpg) no-repeat top left;
width: 100%;
height: 3em;
padding: 0.5em;
}

.header_searchbar img {
float: left;
}

.header_searchbar p {
	color: #ff622b;
	font-weight: bold;
	float: left;
	font-size: 1.4em;
	margin-top: 0em;
	margin-left: 0.2em;
}

.header_searchbar ul li{
float: left;
margin-top: 0.3em;
padding: 0em 0.8em 0em 0.8em;
border: 0;
border-left: 1px solid #7C7CAA;
height: 15px;
line-height: 15px;
overflow: hidden;
}

.searchform {
float: right;
margin-top: 0.1em;
margin-right: 2em;
}

.wrapper_left_box {
width: 318px;
border: 1px solid #A9A9A9;
margin-bottom: 2em;
padding-top: 3.5em;
}

.wrapper_left_box a{
color: #ff622b;
}

.wrapper_left_box h3 {
display: block;
/*background-color: #ff622b;*/
background: url('images/box_header.gif') left top no-repeat;
width: 320px;
text-align: center;
color: #000;
padding: 0.2em 0em 0.2em 0em;
font-weight: bold;
height: 38px;
position: absolute;
left: -1px;
z-index: 3;
top: -1px;
padding-top: 10px;
}

.wrapper_left_box .vidofday {
display: block;
background: url('images/box_header2.gif') left top no-repeat;
width: 320px;
text-align: center;
color: #000;
padding: 0.2em 0em 0.2em 0em;
font-weight: bold;
height: 50px;
position: absolute;
left: -1px;
z-index: 3;
top: -1px;
padding-top: 10px;
}

.vidofday2 {
	margin-top: 25px!important;
}

.wrapper_left_box form {
padding: 1em;
}

.wrapper_left_box label {
width: 7em;
display: block;
color: #ff622b;
float: left;
font-weight: bold;
}

.wrapper_left_box .txt_search {
width: 18em;
border: 1px solid #c0c0c0;
}

.left_wrapper_signup {
float: right;
margin-top: -1em; 
margin-right: 2em; 
font-weight: bold;
}

.wrapper_left_featured_vid, .view_video_index {
width: 43%;
float: left;
margin: 2%
}

.wrapper_left_featured_vid h4, .view_video_index h4{
font-weight: bold;
color: #ff622b;

}

.wrapper_left_featured_vid .smaller, .view_video_index .smaller {
text-align: left;
color: #9999C2;
font-size: 0.9em;
width: 59%!important;
}

.wrapper_left_featured_vid .feat_time, .view_video_index .feat_time, .feat_time {
color: #9999C2;
margin-top: -0.5em;
}

.wrapper_left_featured_vid .ratings, .view_video_index .ratings {
margin: 1em 0em 0.5em 0em;
}

#nav_bottom, .advertising_space {
background-color: #CCCCCC;
padding: 1em;
border: 1px solid #ff622b;
}

#nav_bottom {
position: relative;
display: block;
height: 1%;
}

.bottomleftimg {
position: absolute; 
bottom: -1px; 
left: -1px;
}

.bottomrightimg {
position: absolute; 
bottom: -1px; 
right: -1px;
}

.topleftimg {
position: absolute; 
top: -1px; 
left: -1px;
}

.toprightimg {
position: absolute; 
top: -1px; 
right: -1px;
}

#nav_bottom ul {
list-style-type: none;
text-align: center;
}

#nav_bottom ul li {
display: inline;
padding: 0em 0.8em 0em 0.8em;
border: 0;
border-left: 1px solid #ff622b;
height: 15px;
line-height: 15px;
overflow: hidden;
}

.pink {
color: #ff622b;
}

.view_video_index {
width: auto;
margin: 0;
padding: 0;
padding-bottom: 0.5em;
margin-top: 0.5em;
border: 0;
border-bottom: 1px dotted #CCC;
}

.view_video_index2 {
width: 100%;
margin: 0;
padding: 0;
padding-top: 0.5em;
margin-top: 0.5em;
}



.view_video_index .text {
margin-left: 1em;
width: 23em;
float: right;
}

.view_video_index .text .smaller{
float: left;
width: 70%;
}

.view_video_index .text a{
color: #ff622b;
}

.view_video_index .text2 {
margin-left: 1em;
width: 37em;
float: right;
}

.view_video_index .text2 .smaller{
float: left;
width: 80%;
}

.view_video_index .text2 a{
color: #ff622b;
}







.view_video_index2 .text {
margin-left: 1em;
width: 23em;
float: right;
}

.view_video_index2 .text .smaller{
float: left;
width: 70%;
}

.view_video_index2 .text a{
color: #ff622b;
}

.view_video_index2 .text2 {
margin-left: 1em;
width: 38em;
float: right;
}

.view_video_index2 .text2 .smaller{
float: left;
width: 80%;
}

.view_video_index2 .text2 a{
color: #ff622b;
}



.view_video_index2 .feat_time, .view_video_index2 h3 {
display: inline;
margin-right: 1em;
}

.view_video_index2 h3 {
font-weight: bold;
font-size: 1em;
}




.view_video_index .feat_time, .view_video_index h3 {
display: inline;
margin-right: 1em;
}

.view_video_index h3 {
font-weight: bold;
font-size: 1em;
}

.slightmarginl {
margin-left: 1em;
}

.morevidslink_index {
color: #ff622b;
margin: 0;
margin-top: 1em;
font-weight: bold;
}

.view_video_index .text .ratings{
float: right;
width: auto;
margin: 0;
}

h1 {
text-align: left;
}

.txt_form {
	width: 100%;
	border: 1px solid #ff622b!important;
}

.txt_form option {
	/*border: 1px solid #ff622b!important;*/
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
}

.sign_up h2 {
margin: 1em;
margin-left: 0;
}

#passcheck {
margin-top: 0.5em;
display: none;
}

.force50 {
width: 47%!important;
}

.notopmargin {
margin-top: 0px!important;
}


.force100 {
width: 100%!important;
}

.title {
font-family: arial narrow;
text-align: right;
margin: 0 1em 0.3em 0;
font-size: 3em;
color: #ff622b;
}

.title_h3 {
font-family: arial;
text-align: left;
padding: 0.5em;
color: #ff622b!important;
font-size: 1.5em;
border: 0;
background-color: #FFF;
/*border-bottom: 1px dotted #ff622b;*/
}

.force_100 ul li {
margin: 1em;
}

.force_100 ul {
margin: 1em;
margin-bottom: 0;
}

.force_100 {
background-color: #EFEFEF;
}

.force_100 p {
margin: 1em;
margin-bottom: 0;
}

.forceheight200 {
height: 240px!important;
}

.margin {
margin: 1em;
}

.vid_options {
list-style-type: none;
padding: 0;
margin: 0!important;
}

.vid_options li {
padding: 0;
line-height: 2em;
}

.boxed {
padding: 0.5em;
border: 1px solid #ff622b;
}


#thisuser_layer {
display: none;
}

.vid_change_layer_tabs {
padding: 0;
list-style-type:none;
margin-bottom: 1em;
clear:both;
}

.vid_change_layer_tabs li {
display: inline;
}

.vid_change_layer_tabs li a{
background-color: #EFEFEF;
padding: 1em;
display: block;
float: left;
margin-right: 5px;
font-weight: bold;
}

.vid_change_layer {
padding: 1em;
background-color: #EFEFEF;
}

.vid_change_layer {
height:400px;
max-height: 400px;
overflow: auto;
width: 26.5em;
}

.cat_list {
list-style-type: none;
font-weight: bold;
line-height: 2em;
margin: 2em 0 2em 0;
}


.most_rated_entry {
width: 100%;
height: 10em;
margin: 0em 0em 1em 0em;
border: 0;
border-bottom: 1px dotted #ff622b;
}

.most_rated_entry h1 {
margin: 0.5em;
margin-left: 0;
height: 1.5em;
width: 30px;
}

.most_rated_entry h2 {
font-size: 1em;
}

.rating_text {
margin: 1em;
margin-top: 0;
float: left;
width: 14.5em;
}

#warning_content, #notify_content {
width: 97.5%;
margin: 1em;
margin-right: 0;
background-color: #EFD1D1;
border: 1px solid #AF3636;
display: none;
clear:both;
}

#warning_content h1, #notify_content h1 {
font-size: 1.2em;
font-weight: bold;
margin: 0.5em;
color: #AF3636;
}

#notify_content {
background-color: #EFEFEF;
border: 1px solid #ff622b;
}

#notify_content h1 {
color: #ff622b;
}

.vid_links {
background-color: #EFEFEF; 
width: 100%;
font-weight: bold;
}

.ratings ul {
list-style-type: none;
padding-left: 0;
margin: 0;
display: inline;
position: relative;
height: 10px;
}

.ratings ul li {
display: inline;
z-index: 30;
position: relative;
}

.ratings ul li img {
padding: 1px;
}

.admin_table {
background-color: #EFEFEF;
}

.admin_table td, .admin_table th {
border: 1px solid #FFF;
padding: 5px;
}

.admin_table th {
background-color: #CCC;
}

.admin_table_review {
background-color: #FFAFD0;
text-align: center;
}

.cat_default_view {
width: 12em; 
text-align: center!important; 
margin: 2em;
}

.cat_default_view h4 a{
text-decoration: none;
color: #ff622b;
}

.comments_view {
width: 100%;
text-align: right;
}

.comments_view_bar {
width: 97.5%;
background-color: #FFC4A0;
/*background-color: #FFDFEC;*/
margin: 1em 0 0.5em 0;
padding: 0.5em;
color: #000;
text-align: left;
display:block;
}

.nobullets {
list-style-type:none;
padding: 0;
}

.padding {
padding: 1em;
}

.padding p {
padding: 0;
margin: 0;
}

.inline, .inline li {
display: inline;
padding: 0;
margin: 0!important;
}

.inline li {
margin: 0 1em 0 0!important;
}

.beta {
top: 0px;
position: absolute; 
left: 240px; 
z-index: 5;
}


.email_title {
font-size: 4em;
color: #ff622b;
font-family: arial narrow, arial, lucida sans;
top: -0.5em!important;
}

.email_body {
width: auto;
text-align: left;
margin: 2em;
}

.email_content {
width: auto;
text-align: left;
padding: 1em;
font-size: 1.2em;
}


.email_html {
text-align: left!important;
}

.post_comment_title {
background-color: #EFEFEF; 
margin: 1em 0em 0.5em -0.5em; 
padding: 0.5em;
}

.inbox_table {
width: 100%;
vertical-align: top!important;
}


.inbox_table td {
background-color: #EFEFEF; 
margin: 1em;
border: 2px solid #FFF;
text-align: left;
}

.inbox_table th {
background-color: #ff622b; 
margin: 1em;
border: 2px solid #FFF;
text-align: center;
font-weight:bold;
color: #FFF;
}

.msg_view td, .msg_view th{
border: 0;
text-align: left;
padding: 1em;
}

.msg_view th{
width: 100px;
font-family: lucida sans, arial;
}

.judge {
width: 30%;
padding: 15px;
padding-left: 10px;
padding-top: 0px;
float: left;
}

.judge img {
padding: 15px; 
padding-top: 0px; 
padding-left: 0;
}

.height_rating {
height: 4.2em;
}

.firefoxfix {
	display: block;
	height: 1em;
}


.wrapper_advertising {
	width: 985px;
	margin: 0px auto;
}

.advertising {
	width: 170px;
	float: right;
	padding: 10px;
	text-align: center;
}

.advertising_space {
	width: 150px;
	background-color: #E5E5E5;
	border: 1px solid #E5E5E5;
}

.view_vid_right_col {
	width: 403px!important;
}

#view_next_vid {
	position: relative;
	float: left;
	margin: 0 10px 20px 0px;
	z-index: 40;
}

#view_next_vid a {
	display: block;
	padding: 10px;
	position: relative;
	color: white!important;
	font-size: 11px;
	background: url(images/button_bg.gif) center center no-repeat;
	width: 80px;
	text-align: center;
	padding: 10px;
	font-family: lucida sans;
	text-decoration: none;
}
