/* ================================== STYLES =============================== */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DFDFDF;
	text-align: left;
	background: #000000;
	margin: 0;
	padding:0;
}
/* Site wide styles ------------------------------------ */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0;
}
h3 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
img { border: none; }

ul, ol { margin: 0px; padding: 0px; }

a, a:link, a:visited {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A29572;
	text-decoration: none;
	font-weight: normal;
}
a:hover { color: #FFB828; }

.inputfield {
	border: 1px solid #8F8F8F;
	color: #DFDFDF;
	margin: 2px 0;
	background-color: #3C3C3C;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.nomargins {
	margin: 0;
	padding: 0;
}


.center { text-align: center; }


img.mainthumb, img.thumb, img.sidebarthumb { 
	background: #777777 url(../images/CombinedBGs.gif) no-repeat -450px -200px;
}
img.mainthumb {
	float: left;
	width: 120px;
	height: 90px;
	border: 1px solid #A29572;
	margin: 0px 4px 0px 0px;
}
img.thumb {
	padding: 0px;
	border: 1px solid #A29572;
	margin: 0px 2px 4px 2px;
}
img.sidebarthumb { 
	width: 120px;
	height: 90px;
	border: 1px solid #A29572;
	margin: 1px 0 3px 0;
}
img.iconinline { margin: 1px 0 -2px 0; padding: 0 3px; }

/* Small link lists used for popular searches keywords and footer links
the class tinylinks can be used for <ul> and <a> tags 
-----------------------------------------------------------------------*/
ul.tinylinks {
	margin:0px;
	padding:0px;
	padding-top: 5px;
	text-align:center;
	width: auto;
}
ul.tinylinks li {
	display: inline;
	padding: 0px;
}
.tinylinks a, .tinylinks a:link, .tinylinks a:visited, a.tinylinks , a.tinylinks:link, a.tinylinks:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #DFDFDF;
}
.tinylinks a:hover, a.tinylinks:hover { color: #FFB828; }

/* Site wide styles END --------------------------------- */

#header {
	background: #3C3C3C url(../images/headerallin1.gif) no-repeat 0px 0px;
	position: relative;
	width: 728px;
	height: 108px;
	margin: 0 auto 0 auto;
}
#headerlogo{
	position: absolute;
	width: 131px;
	height: 108px;
/*	background-color: #FFB828;*/
}
#description {
	position: absolute;
	width: 390px;
	height: 80px;
	overflow: hidden;
	top: 12px;
	left: 155px;
	font-size: 9px;
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 3;
}
#description p {
	padding: 43px 8px 0px 8px;
}

#headerpopcorn{
	position: absolute;
	width: 130px;
	height: 130px;
	top: 0px;
	right: 0px;
}

#topbanner {
	background: #363636 url(../images/yellowstripe.jpg) repeat-y;
	width: 728px;
	height: 97px;
	margin: 0 auto 0 auto;
}
#topbannercontent {
	background: #3C3C3C;
	width: 728px;
	height: 90px;
	margin: 0 auto 0 auto;
}

#container {
	background: #3C3C3C url(../images/yellowstripe.jpg) repeat-y;
	width: 728px;
	height: auto;
	overflow: auto;
	margin: 0 auto 10px auto;
}

#footer {
	clear: both;
	background: #363636;
	width: 728px;
	height: auto;
	margin: 0px auto;
	border-bottom: 2px solid #FFB828;
}

#stats { position: absolute; left: -1000px; }
	
/* ***************************** Extra Div *********************** */
.prefooter {
	clear:both;
	text-align: center;
	width: 728px;
	height: auto; 
	background: #3C3C3C; 
	margin: 0px auto 10px auto;
}
img.promovidsbottom { 
	width: 80px;
	height: 60px;
	border: 1px solid #A29572;
	margin: 2px;
	background: #777777;
}
.prefooter h2 {
	color: black;
	background-color: #FFB828;
	margin: 0 0 3px 0;
	padding:1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	
}

/* ================================== MAIN =============================== */

/* -- This is the stylesheet for the middle column with the movies -- */

#main {
	float: left;
	background-color:#3C3C3C;
	width: 410px;
	height: auto;
	text-align: left;
	margin-top: 12px;
	overflow: hidden;
}
#main p { padding: 2px 5px 10px 5px; }

p.longtext { font-size: 10px; line-height: 1.4em; }

.maincontent {
	width: auto;
	height: auto;
	margin: 0 0 0 5px;
	padding: 5px 0px 5px 0px; /* The bottom padding is to push the next/prev bar down */
	background-color: #333333;
	font-size: 11px;
}

.movie {
	margin: 0;
	padding: 0px 8px 8px 8px;
}

div.dumppage { height: auto; }

.bottomborder { border-bottom: solid 2px #3C3C3C; } /* Adds a grey bottom border */
.topborder { border-top: solid 2px #3C3C3C; } /* Adds a grey top border */

ul.dumpmovieinfo {
	height: auto;
	list-style-type: none;
	padding: 2px 5px 2px 5px;
	margin: 0;
	line-height: 1.5em;
}

/* ----------- Classes used to minimize gif usage for the ratings 
by incorporating the ratings pics in the CSS ----------------- */

.userrating { 
	background: #333333 url(../images/CombinedBGs.gif) no-repeat -600px -150px;
	display: inline; 
	cursor: default;
}
.videorating1, .videorating2, .videorating3, .videorating4, .videorating5 { 
	display: inline; 
	cursor: default;
}
.videorating5 { background: #333333 url(../images/CombinedBGs.gif) no-repeat -600px -170px; }

.videorating4 { background: #333333 url(../images/CombinedBGs.gif) no-repeat -600px -190px; }

.videorating3 { background: #333333 url(../images/CombinedBGs.gif) no-repeat -600px -210px; }

.videorating2 { background: #333333 url(../images/CombinedBGs.gif) no-repeat -600px -230px; }
	
.videorating1 { background: #333333 url(../images/CombinedBGs.gif) no-repeat -600px -250px; }


/* ------------------- class used for the div where the Success/Error
message appears after submitting video---------------------------- */

.dumpmessage {
	margin: 8px 0 10px 0;
	padding: 4px 3px;
	border: 1px dashed #FFB828;
	background-color: #333333;
	text-align: center;
	color: #FFB828;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.8;
}

ul.rightinfo {
	height: 93px; 
	width: 250px;
	list-style-type: none;
	padding: 2px 5px 2px 5px;
	margin: 0;
	overflow: hidden;
	line-height: 1.7em;
}

ul.simplelist {
	padding: 3px 5px;
	margin: 0px;
}

ul.simplelist li { display: inline; }


/* ----------------------This (postpage class) allows the rightinfo ul
to expand when on post page to show the full description----------- */
ul.postpage { height: auto; line-height: 1.3; }

ul.bottominfo {
	list-style-type: none;
	padding: 2px 5px 2px 5px;
	margin: 0px 0 0 0;
	border-top: 2px solid #424242;
	border-bottom: 1px solid #FFB828;
	text-align: center;
}
ul.rightinfo li, ul.bottominfo li { display: inline; }

li.text { color: #B6B6B6; } /* This class is used to give a darker color from the normal white
to differentiate normal text from the movie info fields (which inherit the normal color.*/

.movie img { vertical-align:baseline; }

/* -------------------- Following is the style of the bar that resides 
on bottom of GENERIC pages and has the previous and next links------ */

ul.prev-next {
	background: #777777 url(../images/CombinedBGs.gif) no-repeat 0px -200px;
	width: auto;
	height: 17px;
	margin: 0 0 10px 0;
	padding: 0 8px 0 38px;
	list-style-type: none;
	text-transform: capitalize;
}
li.next, li.previous { display: inline; padding-top: 1px; }
li.previous { text-align: left;	float: left; }
li.next { text-align: right; float: right; }

ul.prev-next a:link, ul.prev-next a:visited { color: #DFDFDF; font-weight: bold; font-size: 11px; }

ul.prev-next a:hover { font-weight: bold; font-size: 11px; color: #FFB828; }

/* -------------------- Following is the style of the bar that resides 
on bottom of VIDEO pages and has the previous and next video links------ */

ul.prev-next-vid {
	background: #777777 url(../images/CombinedBGs.gif) no-repeat 0px -250px;
	height: 33px;
	margin: 0 0 10px 0;
	padding: 0 38px;
	list-style-type: none;
}
li.previous-vid { text-align: left; padding-top: 1px;}
li.next-vid { text-align: right; padding-top: 3px; }

ul.prev-next-vid a:link, ul.prev-next-vid a:visited { color: #DFDFDF; font-weight: bold; font-size: 11px; }

ul.prev-next-vid a:hover { font-weight: bold; font-size: 11px; color: #FFB828; }

/* ----------- Headers : h1.sectiontitle used for main section title for SEO ,h2 used for other section titles
h3 is used for movie titles on General Pages and h1.videotitle for video title on Video Page for SEO
----------------------------------------------------------------------------------------------- */

#main h2, #main h1.sectiontitle {
	background: #777777 url(../images/CombinedBGs.gif) no-repeat 0px -200px;
	width: auto;
	height: 17px;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #DFDFDF;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
	padding-left:38px;
}
#main h1.videotitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	font-weight: normal; */
}

#main h3 {
	margin: 0;
	padding: 0px 0px 5px 0px;
}

#main h3 a { padding-left: 15px; margin: 0; display: block; height: 15px; overflow: hidden;}

#main h3 a:link { background: url(../images/CombinedBGs.gif) no-repeat -700px -150px; } 

#main h3 a:visited { background: url(../images/CombinedBGs.gif) no-repeat -700px -170px; } 

#main h3 a:hover { background: #3C3C3C url(../images/CombinedBGs.gif) no-repeat -700px -189px; } 
	
/* ----- Collapse and expand classes for help and user comments
-------------------------------------------------------------- */

.collapse { display:none; }
.expand { display:block; }

p.expand {
	line-height: 1.2em;
	background-color: #F6F6F6;
	display: block;
	color: #333333;
	border: 1px dashed #3967D7;
}

ul.expand {
	border: 1px solid #FFB82B;
	padding: 5px;
	margin-top: 10px;
	list-style-type: none;
	width: 374px;
	overflow: hidden;
}

ul.expand li {
	border-bottom: 2px solid #3C3C3C;
	padding: 5px;
}

/* Ad Blocks in the content area
------------------------------------------------------------------ */
div.contentad {
	width: auto;
	padding: 5px;
	text-align: center;
	height: auto;
	margin-bottom: 5px;
}

/* ---------------------------- Tables --------------------------- */

/* This table gathers the main movie fields on the dump page */

table.movieinput {
	width : 385px;
	color: #B6B6B6;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
table.movieinput th, table.movieinput td { margin:0; padding: 0; font-weight: normal;}
table.movieinput th {
	text-align: left;
	vertical-align:top;
	width: 85px;
	padding: 7px 0px 0px 3px;
}
table.movieinput td { width: auto;}

/* This table shows all the movie info on the movie page */

table.movieinfo { 
	width : 385px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
table.movieinfo th, table.movieinfo td { 
	margin:0;
	font-weight: normal;
	padding: 5px 0px 0px 3px;
	text-align: left;
	vertical-align:top;
}
table.movieinfo th { width: 85px; color: #B6B6B6; }
table.movieinfo td { width: auto;}

/* This table collects the viewer ratings and comments on the movie page */

table.userinput { 
	width : 385px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
table.userinput th, table.userinput td { 
	margin:0;
	font-weight: normal;
	padding: 6px 0px 0px 3px;
	text-align: left;
}
table.userinput th { width: 108px; color: #B6B6B6; }
table.userinput td { text-align: center; }
table.userinput th.currentrating, table.userinput td.currentrating { 
	padding-bottom: 4px; 
	border-bottom: 1px solid #FFB828;
}

/* This table shows all the dumpers info on the dumpers page */

table.dumpersinfo { 
	width : 385px;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}
table.dumpersinfo th, table.dumpersinfo td { 
	margin:0;
	font-weight: normal;
	padding: 2px 5px;
	text-align: center;
	vertical-align:top;
}
table.dumpersinfo th.dumperid, table.dumpersinfo td.dumperid { width: 30px; border-right: 1px solid #3C3C3C; }
table.dumpersinfo th.dumperusername, table.dumpersinfo td.dumperusername { width: 100px; border-right: 1px solid #3C3C3C; }
table.dumpersinfo th.dumperrating, table.dumpersinfo td.dumperrating { width: 70px; border-right: 1px solid #3C3C3C; }
table.dumpersinfo th.dumpervids, table.dumpersinfo td.dumpervids { width: 50px; border-right: 1px solid #3C3C3C; }
table.dumpersinfo th.dumpersince, table.dumpersinfo td.dumpersince { width: 80px; }

table.dumpersinfo td.dumperid, table.dumpersinfo td.dumpervids { text-align: right; }

table.dumpersinfo th { color: #B6B6B6; 	border-bottom: 2px solid #3C3C3C; vertical-align:top; }


/* ================================== NAVBARS =============================== */

#middlenavbar, #bottomnavbar, #topnavbar {
	width: 728px;
	height: 22px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: 0.1em;
	text-align:center;
}

#topnavbar {
	background: #777777 url(../images/CombinedBGs.gif) no-repeat 0px 0px; 
	text-align:left;
}
#topnavbarlinks {
	width: 467px;
	height: 22px;
	margin: 0 0 0 131px;
	text-align:left;
}

#middlenavbar {	background: #777777 url(../images/CombinedBGs.gif) no-repeat 0px -50px; }

#bottomnavbar {	background: #777777 url(../images/CombinedBGs.gif) no-repeat 0px -100px; }

#middlenavbarleft {
	float: left;
	width:130px; 
	height:22px; 
	text-align:center; 
	padding-top: 4px;
}
.navbarlinks  {
	margin:0px;
	padding:0px;
	padding-top: 4px;
	overflow:hidden;
}
.navbarlinks li {
	display:inline;
	padding:0px 10px 0px 10px;
	border-right: 1px solid #F3F3F3;
}

.navbarlinks li.lastlink { border: none;}

/* Links in the Navbar 
---------------------------------------------------------*/

.navbarlinks a, .navbarlinks a:link, .navbarlinks a:visited {
	font-size: 11px;
	color: #DFDFDF;
	font-weight: bold;
}
.navbarlinks a:hover { color: #FFB828; }

/* HOME Link in the Middle Navbar 
---------------------------------------------------------*/
.homelink a, .homelink a:link, .homelink a:visited {
	color: #3C3C3C;
	font-size: 11px;
	font-weight: bold;
}
.homelink a:hover { color: white; }

/* ================================== SIDEBARS =============================== */

#leftsidebar {
	float: left;
	background-color:#FCB829;
	width: 130px;
	height: auto;
	text-align: left;
	overflow: hidden;
	padding-bottom: 10px;
	margin-right: 10px;
}
.leftsidebarcontent {
	width: 128px;
	margin: 1px;
	padding: 1px 0;
	height: auto; /* SHOULD BE SET TO AUTO */
	text-align: center;
	background-color: #333333;
}
#rightsidebar {
	float: right;
	/*	background-color:#363636; */
	width: 165px;
	height: auto;
	color: #DFDFDF;
	margin: 12px 0 0 0;
	overflow: hidden;
}
#rightsidebar h2 {
	background: #777777 url(../images/CombinedBGs.gif) no-repeat 0px -150px;
	width: auto;
	height: 17px;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #DFDFDF;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
	padding-left:38px;
}
#leftsidebar h2 {
	color: #3C3C3C;
	margin: 0 0 3px 0;
	padding:3px;
	background-color: #FFB828;
	border-right: 1px solid #3C3C3C; /* the border at top is coming from the 1px padding */
	border-left: 1px solid #3C3C3C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.rightsidebarcontent {
	width: auto;
	height: auto;
	margin: 0 0 0 5px;
	padding: 6px 6px 15px 6px;
	background-color: #333333;
}


/* This Applies to ALL <ul>s in the right sidebar */
#rightsidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/* .............................................. */

/* navbuttons class styling stays the same even when visited */
ul.navbuttons li, ul.buttonlinks li {
	padding: 1px 0 1px 0;} /* This is what gives vertical spacing between the sidebar links */

ul.navbuttons li a, ul.buttonlinks li a{ padding-left: 15px; margin: 0; display: block; height: 15px; overflow: hidden; }

ul.navbuttons li a:link, ul.buttonlinks li a:link {
	background: url(../images/CombinedBGs.gif) no-repeat -700px -150px; }
ul.buttonlinks li a:visited  {
	background: url(../images/CombinedBGs.gif) no-repeat -700px -170px; }
ul.navbuttons li a:visited  {	
	background: url(../images/CombinedBGs.gif) no-repeat -700px -150px; }
ul.navbuttons li a:hover, ul.buttonlinks li a:hover {
	background: #3C3C3C url(../images/CombinedBGs.gif) no-repeat -700px -189px; }

#helpinfo li {
	padding: 3px 0; /* This is used to space out the sidebar helpfull info */
}
#addlink {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	text-align: center;
	display: block;
}

/* ................. EXTRA ..................... */
ul.listvideos {
color: #B6B6B6;
border-bottom: solid 1px #ffb828;
border-top: solid 1px #424242;
	width: 380px;
	list-style-type: none;
	padding: 0px 5px 5px 5px;
	margin: 0;
	overflow: hidden;
}

ul.listvideos li {display: inline; }