﻿/* page layout */
#mainFrame{ min-width:1000px; width:1000px; height:100%; margin-left:0px; margin-right:0px;}
#header{ width:100%; height:105px; border-bottom:solid 1px #C0C0C0;}
#header div.logo { width:40%; min-width:395px; height:80px; float:left; }
#header div.logo img { border:0px 0px 0px 0px; }
#header div.headerCenter { width:20%; min-width:210px; height:80px; float:left; }
#header div.headerRight { width:40%; min-width:395px; height:70px; float:right; }
#header div.headerRight div.headerBanner { width:468px; float:right; height:60px; border:1px solid blue; }
#header div.date { width:200px; height:15px; float:left; text-align:left; }
#header div.date label { font-family: MS Sans Serif; font-size:11px; font-weight:bold; }
#header div.donate { width:400px; height:15px; float:left; text-align:left; color:#900; vertical-align:bottom; }
#header div.donate label { font-family: MS Sans Serif; font-size:11px; font-weight:bold; color:#FF0000; }
#header div.bottom { width: 100%; float:left; height:25px; }
#header div.searchFrame { width:500px; height:15px; float:right; text-align:right; }
#header div.searchFrame label { font-family: MS Sans Serif; font-size:11px; font-weight:bold; color:#000000; }

#leftFrame { min-width:150px; width:15%; min-height:100%; float:left; text-align:left; }
#leftFrame div.category { float:left; width:100%; text-align:left; margin 0px; }
#leftFrame div.category ul { list-style-type: none; margin-left: -35; padding-left: 0; width: 100%; text-align:left; }
#leftFrame div.category li { text-align:left; }

#leftFrame a { color:#666; font-family: MS Sans Serif; text-decoration:none; margin: 1px; }
#leftFrame a:link { }
#leftFrame a:visited { }
#leftFrame a:hover { background-color:#C0C0C0; color:White;  }
#leftFrame a:active { }

#targetFrame{ min-width:1000px; width:100%; height:100%; text-align:center; margin:0 auto;}

#contentFrame{ width:700px; min-width:700px; min-height:800px; height:100%; float:left; }

#contentFrame div.videos { width:160px; height:200px; float:left; margin: 2px 7px 2px 7px; white-space:normal; }
#contentFrame a { font-family:MS Sans Serif; font-size:11px; color:#333333; }
#contentFrame a:visited { color:#B4B4B4; }
#contentFrame a:hover { color: #FF0000; }
#contentFrame a:active { color: #FF0000; }
#contentFrame label { font-size:10px; color:#333333;  }

#contentFrame div.leftTopAd { width:110px; height:185px; float:left; }
#contentFrame div.centerTopAd {width:480px; height:185px; float:left; vertical-align:middle; }
#contentFrame div.rightTopAd { width:110px; height:185px; float:left; }
#contentFrame div.camsTopAd { width:700px; height:200px;  float:left; }

#contentFrame div.searchResults { width:680px; margin-left:20px; min-height:50px;  float:left; text-align:left; }

#contentFrame div.thumbBreak { width:700px; float:left; margin:0; text-align:center; }

#contentFrame div.pager { width:700px; height:50px; text-align:center; margin-bottom:5px;}
#contentFrame div.pager a { color:#666; text-decoration:none; border: solid 1px DimGrey; margin: 1px; padding-top:1px; padding-bottom:1px; padding-right:3px; padding-left:3px;}
#contentFrame div.pager a:visited {  }
#contentFrame div.pager a:hover { background-color:#C0C0C0; color:White;  }
#contentFrame div.pager a:active {  }
#contentFrame div.textAds { min-width:700px; height:40px; float:left; margin-top:5px;}

#report { width:600px; height:225px; text-align:left; margin-bottom:5px; float:left; font-family:Verdana; text-align:center; margin:50px; border:1px solid #C0C0C0; line-height:16px; }
#report div.title { width: 100%; text-align:center; font-size:14px; background-color:#C0C0C0; font-weight:bold; }
#report div.field { width:100px; text-align:left; float:left; font-size:10px; font-weight:bold; margin-left:10px; }
#report div.value { width:490px; text-align:left; float:left; font-size:11px; }
#report div.textvalue { width:490px; height:50px; text-align:left; float:left; font-size:11px; }
#report div.disclaimer { line-height:12px; text-align:left; width: 580px; height:50px; border: 1px solid red; color:black; background-color:#FBEC5D; font-size:10px; font-weight:bold; margin-left:10px;}
#report div.action { width:100%; height:35px; text-align:center; margin-top:10px;}
#report div.result { width: 100%; text-align:left; margin:5px; font-size:11px;}

.report a { font-family:MS Sans Serif; font-size:14px; font-weight:bold; color:Red; text-decoration:none; }
.report a:visited { color:Red; text-decoration:none; }
.report a:hover { color: Red; text-decoration:none; }
.report a:active { color: Red; text-decoration:none; }


.pager { width:700px; height:50px; text-align:center; margin-bottom:5px; float:left; }
.videosz_wall { text-align: center; width: 720px; float: left; }
#rightFrame{ float:left; min-width:150px; width:15%; min-height:100%; text-align:center; margin-top:10px; white-space:normal; }
#footer{ float:left; width:1000px; min-height:50px; border-top: solid 1px #C0C0C0;}
#footer div.copyright { font-size:10px; font-weight:bold; text-align:center; }
#footer div.copyright a { font-size:11px; color:#333333; }
#footer div.copyright a:visited { color:#B4B4B4; }
#footer div.copyright a:hover { color: #FF0000; }
#footer div.copyright a:active { color: #FF0000; }
#footer div.usersonline { font-size:10px; font-family:Ariel; }
#footer div.pageload { font-size:10px; font-family:Ariel; }

.copyright { text-align:center; width:500px; font-family:Arial,Verdana; font-size:10px; font-weight:bold; vertical-align:top; height:25px; float:left;}
.visitors { text-align:left; font-size:10px; width:250px; height:25px; vertical-align:top; float:left; }
.pageLoad { text-align:right; font-size:10px; width:250px; height:25px; vertical-align:top; float:right; }

/* Video page */
#videoPage{ margin-top:10px; width:100%; min-height:500px; float:left;}
#videoPage div.videoFrame { width:525px; min-height:200px; float:left; }
#videoPage div.videoFrame label { font-family: MS Sans Serif; font-size:11px; font-weight:bold; }
#videoPage div.videoFrame div.videoTitle { width:100%; background-color: #C0C0C0; color:White; font-size:14px; font-weight:bold; float:left; }
#videoPage div.rightAds { float:left; min-width:250px; min-height:500px; margin-left:20px;}
#videoPage div.videoInfoFrame { width:100%; min-height:100px; float:left;}
#videoPage div.videoInfoFrame div.aboutVideoTitle { width:100%; color:#C0C0C0; font-size:14px; font-weight:bold; float:left;}

#videoPage div.videoInfoFrame div.duration { width:80px; float:left; }
#videoPage div.videoInfoFrame div.spacer { min-width:60%; height:20px; float:right; }

#videoPage div.bottomAds { float:left; width:700px; height:200px; margin-top:20px; }


/* style elements */
body { font-family:MS Sans Serif; text-align:center; margin:0px auto; }
h1 { font-size:18px; }
h2 { font-size:16PX; }
h3 { font-size:14; }
h1,h2,h3 { margin:1em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
abbr,acronym { border-bottom:1px dotted #000; cursor:help; } 
em { font-style:italic; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li {	list-style: decimal outside; }

.Button { color: #000000; font-size: 11px; font-family: Verdana; font-weight: bold; border: 1px ridge #CCCCCC; background-color:#FFFFFF; }

