/*  Reset CSS
------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, 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-weight:inherit;font-style:inherit;;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
table { border-collapse: collapse; width: 100%; }
ul {list-style-type:none;}

/*  Typography
------------------------------------------- */

/* EM FONT SIZE FIX */
html{ font-size: 100%; }

h1,h2,h3,h4,h5,h6 { font-family: "Geneva", helvetica, arial, sans-serif;  margin-top: 0px; }

h1 { font-size: 2.8em; margin-bottom: 0.4em; letter-spacing: -0.04em;}
h2 { font-size: 1.5em; margin-bottom: 0.4em; letter-spacing: -0.02em; }
h3 { font-size: 1.2em; margin-bottom: 0.4em;  }
h4 { font-size: 1.55em; margin-bottom: 0.4em; }
h5 { font-size: 1.4em; margin-bottom: 0.4em; }
h6 { font-size: 1.2em; margin-bottom: 0.4em; }


a { text-decoration: none; color: #333333; outline: none;}
a:hover { background:#35f1a9; color: #333; }
a span { border-bottom: 1px solid #35f1a9; }
a:hover span { background:#35f1a9; color: #333; border-bottom: 1px solid #35f1a9; }
/*  Clear Fix
------------------------------------------- */
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden; }
.clearfix {	display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* End hide from IE-mac */
/* -------------------------------------------*/

/*  Layout Design
------------------------------------------- */

body {
   text-align: left; margin: 0; padding: 0;
   background: #fff;
   font-family: "Geneva", helvetica, arial, sans-serif;;  
   font-size: 1em; 
   color: #333333; 
}

#header .logo a {
  display:block;
  width:717px;
  height:101px;
  background: url(../imgs/cgartlogo.png) no-repeat -10px 0px;
  text-indent: -9999px;
  margin-top: 20px;
  margin-left: 0px;
  
}

#header {
  background: url(../imgs/header_bg.png) repeat-x;
}

.nizmlab {
  position:absolute;
  top: 5px;
  left: 460px;
  
}
/* Dark Version */

body#dark { background: #1a1a1a; }
body#dark #header {
  background: url(../imgs/dark/header_bg.png) repeat-x;
}

#header .logo_dark a {
  display:block;
  width:717px;
  height:101px;
  background: url(../imgs/dark/cgartlogo.png) no-repeat -61px -2px;
  text-indent: -9999px;
  margin-top: 20px;
  margin-left: 0px; 
}

body#dark .mainnav { margin-bottom: 20px!important; }

/* ----------- */

#container { margin: 40px 0pt 0px 5.35em; }

.ie6 .mainnav ul { margin-left: 3.5em;}
.ie6 .mainnav .addvid_open { display: none;}

.mainnav {  font-size: 0.7em; width: 100%; height:2em;  margin-top: 24px;}
.mainnav ul {float:left; margin-left: 6.8em;}
.mainnav li {float:left; }
.mainnav li a {padding: 0em 1em  0em 1em ; border-right: 1px solid #35F1A9; }
.mainnav li a:hover { border-bottom: 1px solid #35F1A9;}
.mainnav li.videos {padding-left: 1em; color: #00e095; }

.mainnav li.staticver a {padding-left: 2em; padding-right: 2em; color: #00e095; text-decoration :underline; }
.mainnav li.staticver a:hover { color: #fff;}
.mainnav li.dynamicver {padding-left: 2em;  padding-right: 2em; color: #00e095; }

.mainnav #scale_effect { font-size: 1.5em; float:left;  margin-left: 43px; margin-top: -3px;}
  .mainnav #scale_effect  #linkSmall { display:block; width: 21px; height: 20px; text-indent: -999999px;  background: url(../imgs/minus.jpg) no-repeat; float:left;  }
  .mainnav #scale_effect #linkLarge {  display:block; width: 21px; height: 20px; text-indent: -999999px;  background: url(../imgs/plus.jpg) no-repeat; float:left; }
  .mainnav #scale_effect #linknormal {  display:block; width: 21px; height: 20px; text-indent: -999999px;  background: url(../imgs/equals.jpg) no-repeat; float:left; }

.item { width: 14.625em; float:left; margin: 0 2em 0em 0; height: 21em;}
  .item .img_cont { overflow:hidden; position:relative;  width: 14.625em; height: 13.875em;}
    .item img { width: 14.625em; height: 13.875em; display:none;}
    .item .item_info { 
       display: none;
        position: absolute; width: 14.625em; color:#EDEDED; height: 3em;
        top:14em; background: #333;
        opacity: .5;  filter: alpha(opacity=50); }
    .item .item_info p { font-size: 0.6em; font-family: arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; margin-left: 5px;}

  .item ul { font-size: 0.75em; text-align: center; margin-top: 0.7em; }
    .item ul li.title { margin-bottom: 0.2em; }
    .item ul li.name a { text-decoration: none; }
    .item ul li.name,
    .item ul li.date { font-size: 0.78em; font-family: arial, helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; }
    .item ul li.name { color:#00db87; }
    .item ul li.date { color:#6c6c6c; }
    .item ul li span.today { padding:2px 7px; font-weight: bold; background: #00db87; color: #fff; }
    .item ul li.date.padded { margin-top: 1px; color:#00db87; }

/* Item Grid Scale JS */
.normalfont { font-size: 1em;}



#about {    
  background: #fff; height: 19em; padding: 3.7em 0pt 8em 0;
  z-index: 44;
  position: absolute; top: 191px; width:100%; left: 0px;display:none; cursor: pointer;
}
#about {  text-align: left; font-size: 0.7em;}
#about p { width: 600px; margin: 0 auto;}
  
#addpanel {z-index: 33; 
  background: url(../imgs/addvideo_bg.png) repeat; width: 16em; height: 19em; 
  display: none; position: absolute; left: 0px; 	top: 192px;
}
#addpanel #content { z-index: 33; width: 14em; background: #fff; margin: 0.5em 0.5em; height: 16.5em; padding: 1em 0.5em 0.5em 0.5em; }

    #addpanel h3.addvideo { background: url(../imgs/addvideo_header.png) repeat; width: 72px; height: 10px; 
                            display: block; text-indent: -999999px; margin: 0 auto; }
    #addpanel .addvid_close {  background: url(../imgs/addvideo_close.png) no-repeat 0 0; width: 18px; height: 17px; 
                               display: block; text-indent: -999999px; float:right; margin: -0.9em 0em 0 0; }
    #addpanel .addvid_close:hover { background: url(../imgs/addvideo_close.png) no-repeat 0 -17px; }
    /* Form */
    #addpanel fieldset,  #addpanel select  {  border-style:none none solid; }    
    #addpanel .field { padding-top: 1em}
    #addpanel .field.first { border-top: 1px solid #6C6C6C; margin-top: 0.8em; }
    .webkit #addpanel .field.first { width: 14.25em;border-top: 1px solid #6C6C6C; margin-top: 0.8em; }


    #addpanel .field label { text-align: right; font-size: 0.6em; font-family: arial, helvetica, sans-serif; text-transform: uppercase; 
                             letter-spacing: 0.1em; color: #6C6C6C; margin-top: 0.2em;  }
    #addpanel .field label.title,
    #addpanel .field label.source {width: 5.3em; margin-top: 0.4em; float:left;}    
    
    #addpanel .field label.link,
    #addpanel .field label.image { float:left; margin-top:0.1em; padding-left:0.4em; text-align:left; width:26em;}

    /* Inputs */
    #addpanel input , #addpanel select { background: #e9e9e9; border:1px solid #cdcdcd; margin-left: 0.3em;padding: 0.25em; font-size: 0.7em;}
    #addpanel input:focus  {background: #bfffe6;}
    #addpanel .field #title, #addpanel .field #source { width: 14.2em; }      

    #addpanel .field #link { width: 18.8em; margin-top: 0.2em; }      
    #addpanel .field #photo { width: 18.8em; margin-top: 0.2em;}

    /* Submit */    
    #addpanel .addvideo_submit { background: url(../imgs/addvideo_submit.png) no-repeat; width: 92px; height: 26px; 
                            display: block; text-indent: -999999px; float:right; margin: 1.1em 0.3em 0 0 ; }
    .ie7 #addpanel .addvideo_submit { margin-top: 0.5em;} 
    #addpanel .addvideo_submit:hover { background: url(../imgs/addvideo_submit.png) no-repeat 0 -26px;}
    
    .webkit #addpanel .addvideo_submit { margin: 0.4em 0 0 8em; float:left;}
    
    #addpanel .more_info {font-size: 0.65em;  font-family: arial, helvetica, sans-serif; margin-top: -0.2em;}
    #addpanel .more_info a {display:block; margin-top: .35em; float:left; margin-right: 0.2em;}

    .ie7 #addpanel .more_info {margin-top: -2.4em;}
    
#addpanel_rules {  z-index: 22; background: #23bc81; display:none; width: 0em; height: 19em;  position: absolute; left: 20em; 	top: 192px;  }
  #addpanel_rules .wrapper { padding: 1em; color: #fff;}
  #addpanel_rules .wrapper .left {float:left; width: 18em;}
  #addpanel_rules .wrapper .right {float:right; width: 12em;}
  #addpanel_rules .wrapper p { color: #fff; font-size: 0.7em;  line-height:1.4em; ;  font-family: verdana, arial, helvetica, sans-serif; }
  #addpanel_rules .wrapper .right ul { margin-top: 0.8em;font-size: 0.6em; text-transform: uppercase; letter-spacing: 0.1em; font-family: arial, helvetica, sans-serif;}

/* Pagination rules */  
.paginationlist {margin:  1em 0em 3em 5.35em;}
.paginationlist .pagination { padding: 0.2em 0.5em; border: 1px solid #ccc; font-size: 0.7em;}
.paginationlist .pagination.active {background: #35F1A9;}


/* Error rules */
.error { background: red; position: absolute; top: 0.8em; color: #fff; left: 50%; width: 32em; padding: 1.1em; margin-left: -17em; text-align: center; font-size: 0.8em;}
.message { background: #00E095; position: absolute; top: 1.4em; color: #fff; left: 50%; width: 32em; padding: 1.5em; margin-left: -17em; text-align: center; font-size: 0.9em;}



/* IE NO SUPPORT */
.ie6nosupport { width: 100%; height: 50px; margin-top: 20px;text-align: center; border-bottom: 1px solid #ccc;}


.pause {
  position :absolute;
  top: 20px;
  margin-left: 650px;
}