/* Shark Video (c) 2007 */

body { margin: 0px; font-family:Arial, Helvetica, sans-serif; background:url(../img/bg.png) repeat; }

h2 { font-size:20px; color:#66CC00; }
h2 img { margin: 0px 5px 0px 0px; }
h3 { font-size: 14px; }
h4 { font-size: 16px; color:#5566DF; margin:10px 0px 0px 0px; }
h4 a { color:#5566DF; text-decoration:none; }
h6 { font-size: 16px; font-family: "trebuchet ms", serif; margin:0px;}


/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu { 
  float: left;
  width: 100%;
  clear: both;  
  border: #5D8E46 solid; border-width: 0px 0px 1px 0px;
  height:33px;
  background: #4D4D53 url(../img/icons/icon-alien-video-top.jpg) top right no-repeat; 
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: normal 13px "trebuchet ms", serif;
  text-decoration: none;
  color: #B9F289;
   border-top: 5px solid #4D4D53;
}

#mainMenu li a:hover,#mainMenu li a.here {
  color: #FFF;
  border-top: 5px solid #94D25A;
}

#mainMenu li a.last {
  margin-right: 0;
}



/**************************************************************
   #heading: for the logo n whatnot
 **************************************************************/

#heading { width:100%; border: #98F356 solid; border-width:0px 0px 4px 0px;
background: #222935 url(../img/heading-bg.jpg) right no-repeat; float:left; }

#heading.article { background-image:none; }

#container { width: 100%; background:url(../img/content-bg.jpg) repeat-y; float:left; width:780px;  }

/**************************************************************
   #content: the cream of the crop
 **************************************************************/

#content { margin: 0px 0px 0px 0px; width:766px; padding: 22px 0px 0px 0px; }


#colOne { width: 459px; float:left;  }
#colOne p, #colOne h2 { margin: 0px 0px 0px 10px; }
#colOne h3 { margin: 0px 10px 0px 10px; }
#colOne p a { display:block; font: bold 16px Arial, Helvetica, sans-serif ; color:#5566DF; text-decoration:none; }
#colOne p a.normal { display:normal; font-size: 11px; }
#colOne p { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 10px 0px 10px;}

/**************************************************************
   #features: the little box previews for articles
 **************************************************************/
.feature { display:block; width: 446px; margin: 20px 0px 20px 10px; height:117px; 
 }
.feature img { float:left; border: solid 1px #CCCCCC; padding:4px; margin: 0px 7px 0px 0px; }
.feature p { padding: 0px 0px 0px 10px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:120%;  }
/*.feature a img:hover { border-color:#0000FF; }*/


/**************************************************************
   #featureVideo: similar to features, but smaller thumbnail image and with line separators
 **************************************************************/
#videoBox { display:block; margin: 20px 0px 20px 10px; height:91px;
border: dashed #CCCCCC; border-width:0px 0px 2px 0px; 
  }
.featureVideo {  width: 436px; padding: 0px 0px 0px 10px; margin: 30px 0px 0px 0px; clear:left;  color:#000; }
#morevideos div.featureVideo { width: 240px; margin: 6px 0px 0px 0px;  padding: 0px 0px 0px 0px; }
#morevideos div.featureVideo img { margin: 0px 7px 10px 0px; }
.featureVideo img { float:left; border: solid 1px #CCCCCC; padding:4px; margin: 0px 7px 28px 0px;}
.featureVideo a { display:block; font-size: 14px; font-weight:bold; color: #5566DF; text-decoration:none; margin:0px; padding:0px; }
.featureVideo em { display:block; color:#CCCCCC; }
.featureVideo p { padding: 0px 0px 0px 10px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:120%;  }

/* check back at this stuff, not sure if it is necessary as featureVideo seems to take care of the same shit */
#videoBox a { display:block; font-size: 14px; font-weight:bold; color: #5566DF; text-decoration:none; margin:0px; padding:0px;}
#videoBox  strong { display:block; }
#videoBox  img { float:left; border: solid 1px #CCCCCC; padding:4px; margin: 0px 7px 0px 0px; }
#videoBox p { padding: 0px 0px 0px 10px; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:120%;  }

/*.feature a img:hover { border-color:#0000FF; }*/
.listVideo { width: 224px; }




h2.listVideo { font-size:14px; }

#colTwo { width:296px; float:left; padding: 0px 4px 0px 0px;}

#colTwo p { font-size: 12px; margin:0px; }
#colTwo a {  font-weight:bold; color:#0000FF; display:block;  font-size: 12px;}

.url {  font-size: 10px; color:#CCCCCC; padding: 0px 0px 20px 0px; display:block;  }


/**************************************************************
   The sideboxes
 **************************************************************/

/* Alien Alert */
#sideBoxRed { float: right; width: 285px; border: solid 1px #FF0033; background:url(../img/sideBoxRed-bg.jpg) repeat-x; margin: 10px 0px 20px 0px; }
#sideBoxRed h5 { display:block; font: bold 16px "trebuchet ms", serif; margin: 0px 0px 6px 0px; padding: 4px 0px 4px 4px; color:#FFF; }
#sideBoxRed img { float:left; }
#sideBoxRed form { margin: 0px 0px 10px 57px;  }

/* Pictures */
#sideBoxGreen { float: right; width: 285px; border: solid 1px #A3DE67; background:url(../img/sideBoxGreen-bg.jpg) repeat-x; margin: 3px 0px 20px 0px;
}
#sideBoxGreen h5 { display:block; font: bold 16px "trebuchet ms", serif; margin: 0px 0px 6px 0px; padding: 4px 0px 4px 4px; }
#sideBoxGreen img { float:left; border: solid 1px #A3DE67; margin: 10px 10px 10px 20px; }
#sideBoxGreen span { display:block; height:130px; width:285px; }
#colTwo #sideBoxGreen p { margin: 10px 10px 13px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }

/* TV Schedule */
#BoxPurple { border: solid 1px #A680E5; background:url(../img/boxTV-bg.jpg) repeat-x;}
#BoxPurple h5 { display:block; font: bold 16px "trebuchet ms", serif; margin: 0px 0px 6px 0px; padding: 4px 0px 4px 4px; color:#FFF; }
#BoxPurple img { float:left; }
.boxLarge{ float:left; width: 740px; margin: 20px 0px 0px 10px; }
.boxSmall { float: right; width: 285px;}

/* RSS Feed */
#sideBoxRSS { float: right; width: 285px; border: solid 1px #A3DE67; margin: 3px 0px 20px 0px;  }
#sideBoxRSS a { display:block; font: bold 16px "trebuchet ms", serif; margin: 2px 0px 6px 0px; padding: 4px 0px 0px 4px; color:#666666;
text-decoration:none;  }
#sideBoxRSS a img { float:left; margin: 2px 6px 0px 0px; padding:0px; border:none; }



/**************************************************************
   secondary navigation
 **************************************************************/
#colTwo ul {  margin: 10px 0px 0px 0px; text-align: right; }
#colTwo li a { color:#5566DF; margin: 10px 0px 10px 0px; list-style:none; text-decoration:none;}
#colTwo li { list-style:none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px;}



/**************************************************************
   Top Row : For advertisements
 **************************************************************/
 
#topRow { width: 766px;  }

 
 
 /**************************************************************
   Articles
 **************************************************************/
#colOne.article { width:520px; }
#colOne.article h2 { margin: 0px 0px 0px 10px;  }
#colOne.article h2 a { font-size:20px; color:#66CC00; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
#colOne.article h2.update { margin: 0px 0px 0px 10px; color:#CC0000; }

#colOne.article p.info { font-size:11px; color:#666666;  margin:4px 0px 10px 12px; }
#colOne.article p.info a { font-size:11px; }
#colOne.article table tr td.info p { font-size:11px; color:#666666;  margin:4px 0px 10px 12px; }
#colOne.article table tr td.info p strong { font-weight:bold; color:#666;  }
#colOne.article table tr td.info { font-size:11px; color:#666666;  margin:4px 0px 10px 12px; }

#colOne.article table { margin: 0px 0px 0px 10px; }

#colOne.article p.info strong { font-size:13px; color:#000;   }
#colOne.article p.exposure { margin: 10px 0px 0px 10px; display:block; font:bold 12px Verdana, Arial, Helvetica, sans-serif;  float:left; } 
span.exposure { display:block; float:left }
.exposure a img { display:inline; margin: 2px 0px 0px 0px; padding: 4px 0px 0px 0px;   }
.caption { float:left; margin: 10px 10px 10px 10px; font-size:11px; color:#666666; text-align:center; }
.caption img { clear:both; margin-bottom: 3px; border: solid 1px #999999;}

#colOne.article p { font-size: 13px; line-height:140%; margin:0px 10px 20px 10px; color:#282734; }
#colOne.article a  { display:inline; font-size: 13px; line-height:120%; font-family:Verdana, Arial, Helvetica, sans-serif;}
#colOne.article #video { font-size:11px; color:#666666; text-align:center; }


/* Make article boxes smaller */
#colTwo.article { width:240px; }
#colTwo.article #sideBoxRed { width:238px; }
#colTwo.article #sideBoxRed form { margin: 0px 0px 10px 7px;  }
#colTwo.article #sideBoxRSS  { width:240px; }

#editorsNote { 
	padding: 10px; font-size: 11px; color:#666666;
	border-style:dashed; border-width:2px; border-color:#66FF00;
}

.video { width:450px; height:356px; clear:right; }
.imgL { float:left; margin: 10px 10px 10px 0px; border: solid 1px #999999; }
.imgR { float:right; margin: 10px 0px 10px 10px; border: solid 1px #999999; }
.imgCenter { clear: both; display:block; margin: 10px 0px 10px 0px; border: solid 1px #999999; }

#footer { float:left; clear:both; width:100%; border: #CCCCCC solid; border-width:1px 0px 0px 0px; background-color:#222935; 
margin: 0px 0px 0px 0px; color:#FFF; font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
padding: 5px 0px 5px 0px; }

.footerLinks { background-color:#94D55A; width:100%; margin: 10px 0px 10px -5px; padding: 5px 0px 5px 5px; color:#000; line-height:125%;}
.footerLinks a { text-decoration:none; color:#000000; }
.footerLinks a:visited { color:#000000; }
#footer span { margin: 0px 0px 0px 10px; }
#footer span a { text-decoration:none; color:#FFFFFF; }
#footer span a:visited { color:#FFF; }
.footerLinks b { padding: 0px 0px 0px 14px; }

#colOne.article p.txtSmall { font-size:10px; }
#colOne form { margin-left:10px; }

#clearArticle { width: 450px; clear:both; }
#quote { border: dashed 1px #666666;  width: 440px; margin: 0px 0px 20px 20px; padding: 10px 0px 10px 0px; }
#colOne.article #quote p { color:#000000; font-size: 12px; }

/* for the video area, of pages that feature a video as a focal point of the page */
#video { float: left; width: 490px; margin:0px 0px 60px 10px;  }
#morevideos { float:right; width: 250px; color:#66CC00; font-size:16px; font-weight:bold;  }
table.review td { padding: 10px 10px 10px 10px; margin:10px 10px 0px 10px; }
table.review td strong { display:block; clear:right; }
table.review { border: solid 1px #CCCCCC; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;  }
.tableHeading { 	color:#FFFFFF;	font-weight:bold;	font-size: 14px;	background-color:#94D55A; }
.tableHeading a { 	color:#FFFFFF; 	text-decoration:none;	margin: 5px;}

table.review a { font-size: 14px; font-weight:bold; color: #5566DF; text-decoration:none; margin:0px; padding:0px; }
td.reviewScore { font-size: 14px; font-weight:bold; color:#009900; }