html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,
caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* -------- CLEARFIX -------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hide from IE-mac \* height: 1px; /* End hide from IE-mac */ }
.clearfix { zoom: 1; }
/* -------- END CLEARFIX -------- */
/* --------------------------------------------------------------
GLOBAL STRUCTURE
--------------------------------------------------------------*/
html { background:url(../images/htmlbg.gif) top center; }
body { background:url(../images/background.jpg) top center no-repeat;color:#fff; font-family:arial, helvetica, sans-serif;}
#main { width:731px; background-color:#000000; margin-left:9px; padding-bottom:20px; }
#main-video { width:731px; margin-left:9px; padding-bottom:20px; }
#player{margin:0 auto;}
#container { width:750px;margin:0 auto; overflow:hidden;}
#player, #flashvideo { margin:10px auto;width:720px;height:440px; }
#player, #flashvideo embed { width:720px; height:440px;}
#footer { background-color:#000;font-size:.7em;padding-top:20px;
text-align:center;height:80px;position:relative;bottom:0px;width:100%;}
#jump { background:url(../images/background_alt.jpg) top center no-repeat; }
/* --------------------------------------------------------------
general styles
--------------------------------------------------------------*/
a { color:#fff;}
hr { display:block;width:100%;height:1px;background:url(../images/hr.gif) top center no-repeat;border:0;}
h1 { background:url(../images/h1.gif) top left no-repeat transparent;width:362px;height:56px;text-indent:-100em; float:left;}
h2 { padding:15px 0 0 20px; font-size:90%; font-weight:normal; }
p { margin:20px; font-size:12px; line-height:16px;}
p a:hover { color:#FE4F06; text-decoration:underline;}
.shortpagefix { height:660px; }
/*--------------------------------------------------------------
issue dropdown
--------------------------------------------------------------*/
#issuenav { display:block; float:right; margin:23px 12px 0 0; }
#issuenav select { width:160px!important; background:#ddd; color:#888; border:solid 1px #888;}
/*--------------------------------------------------------------
navigation
--------------------------------------------------------------*/
#nav { display:block;clear:both;width:100%;height:20px;}
#nav li { display:block;float:right;margin-right:10px;}
#nav li a { color:#637783;text-transform:uppercase;text-decoration:none;font-size:.7em;}
#nav li a:hover { color:#fe4f06;}
ul#nav li a.active { color:#fe4f06; font-weight:bold;}
#selector { position:relative;height:120px;}
#selector div.videos{ width:670px;overflow:hidden;position:absolute;height:200px;margin:0px;left:35px;z-index:10;}
/* --------------------------------------------------------------
video title information
--------------------------------------------------------------*/
#videoinfo { padding-left:20px;position:relative;}
#videoinfo h4 { font-size:79%; line-height:16px; }
#videoinfo span { color:#637783; }
p#views { position:absolute;top:5px;right:15px;font-size:.7em;color:#777;}
/* --------------------------------------------------------------
video thumbnails
--------------------------------------------------------------*/
#mycarousel a:hover { background:none; }
#mycarousel li { margin:0px 2px; width:140px; height:102px;}
#mycarousel li.active, #mycarousel li:hover {background:#111;}
#mycarousel li.active img, #mycarousel li:hover img {border-top:3px solid #fe4f06;}
#mycarousel a { width:137px; height:97px; text-decoration:none;display:block;padding:2px; background:#777; color:#fff;}
#mycarousel li.active a { background: #111; }
#mycarousel li.active span, #mycarousel li.active b { text-indent:-9999px; }
#mycarousel li span { font-size:78%; }
#mycarousel li p { font-size:80%; font-weight:bold; margin:0px;}
#mycarousel a>span { display:block; width:137px; height:87px; margin-top:-85px; color:#fff;
filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; text-indent:0px; text-align: center; }
#mycarousel a:hover span { display:block; width:122px; height:87px; margin-top: -85px; background: none; text-indent:-9999px; }
#mycarousel img { padding-bottom:0px;margin:0px;display:block;border-top:3px solid #2e383e;width:137px;
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;}
#mycarousel a:hover img, #mycarousel li.active img { filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99; }
p#eyetube { margin:10px auto 0;width:150px;}
#videoinfo h2 { margin-bottom:5px;width:90%; padding:0; font-size:100%; font-weight:bold; }
#sponsorlist, #lastsponsor a { display:block; }
#sponsorlist { overflow:hidden; }
#sponsorlist li { float:left; width:150px; padding:5px 15px;}
#lastsponsor a {margin:0 0 0 0px; }
/* --------------------------------------------------------------
login (countries) page
--------------------------------------------------------------*/
#country { width:730px; margin:0 auto; }
#country form { margin-top: 31%; font-size: 150%; text-align: center; }
#country select { margin: 20px 0; }
.countrysubmit { width: 92px; height:30px; background: url(../images/vjsubmit.png) no-repeat 0 0;
text-indent: 300px;border: none; margin-top:0px;}
.countrysubmithov { width:92px; height:30px; background: url(../images/vjsubmit.png) no-repeat 0 -30px; border: none; margin-top:0px; }
/*login page IE hacks*/
.countrysubmit, { width: 92px; height:25px; background: url(../images/vjsubmit.gif) no-repeat 2px 0;
text-indent: 300px;border: none; margin-top:0px;}
.countrysubmithov, { width:92px; height:25px; background: url(../images/vjsubmit.gif) no-repeat 2px -30px; border: none; margin-top:0px; }
#contactformwrap { margin-left:30px; width:700px; overflow:hidden; }
#contactformwrap_left { float:left; margin-right:20px; width:330px; }
#contactformwrap_right { float:left; width:330px; }
#videoinfo .country {font-style:italic;color:#fff;}
#mycarousel .country{font-weight:bold;display:block;}
ul#quality{list-style:none;right:10px;top:0px;position:absolute;}
ul#quality li{display:block;float:left;margin:0px 3px;width:50px;height:20px;background-color:#000;border:1px solid #566;text-align:center;}
#quality a{text-transform:uppercase;font-size:11px;text-decoration:none;color:#666;padding:5px;outline:None;}
#quality a:hover{color:#fff;}
#quality a.active{color:#fff;}