/*
Theme Name  : Big D Interactive
Theme URI   : http;//www.bigdinteractive.com
Version     : 1.0
Designed By : http://www.insitewebsitedesign.com
*/

body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 13px;
 color: #222;
 margin: 0px;
 padding: 0px;
 background-color:#f3f5f5;
}
/*  ---------------------- HEADER  ---------------------- */
#header {
 height:103px;
 background-image:url(images/head.gif);
 background-repeat:repeat-x;
}
/*  ---------------------- BODY  ---------------------- */
#headercontainer {
 width:913px;
 height:103px;
 margin: 0 auto;
 background-image:url(images/head2.jpg);
 background-repeat:no-repeat;
 background-position: 397px 0px;
}
/*  ---------------------- BODY  ---------------------- */

#wrapper0 {
 width:913px;
 margin: 0 auto;
}
#wrapper {
 width:913px;
 margin: 0 auto;
 height:auto;
 background-image:url(images/background.gif);
 background-repeat:repeat-y;
 float: left;
}
/*  ---------------------- CONTENT ---------------------- */
#content {
 float: right;
 width:755px;
  position:relative;
	top:-28px;

}
#entryhome {
	margin-top:-20px;
	margin-left:14px;
	margin-right:14px;
}
#entry {
	margin-top:-20px;
	margin-left:14px;
	margin-right:14px;
}
#sidemenu {
 float: right;
 width:150px;
 position:relative;
	top:-30px;
}
#sidenavmenu {
	margin-left:0px;
	
}
#st {
	background-image:url(images/sidemenutop.jpg);
	width:150px;
	height:35px;
}
#sf {
	background-image:url(images/sidemenufoot.jpg);
	width:150px;
	height:4px;
}
/*  ---------------------- CSS GENERAL  ---------------------- */
a {color: #085b9b;text-decoration: underline;}
a:visited { color: #085b9b; text-decoration: underline;}
a:hover { color: #d63c00; text-decoration: underline;
}
h1, h2, h3 {font-family: Verdana, Arial, sans-serif;margin-top: 0px;padding: 0;}
h4 {font-family: Verdana, Arial, sans-serif;font-size:11px; color:#9c01a2; margin-top:5px;}
h5 {font-family: Verdana, Arial, sans-serif;font-size:13px;}

h1 {text-align: left; position:relative; left:14px; top:10px;}
h1 a {font-size: 14px;color: #fff;font-weight: normal;text-decoration: none;}
h1 a:visited { color: #fff; text-decoration: none;}
h1 a:hover { color: #fff; text-decoration: none;}

h2 {font-size: 14px;font-weight: normal; color:#004994; font-weight:bold; margin-bottom:5px;}
.h2ser { position: relative; top:10px; left:-2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#25a6e8; background-color:#000; width:153px; text-align:center; padding-top:5px; padding-bottom:5px;}
p {font-family: Verdana, sans-serif;margin-top: 3px;
}
/*  ---------------------- LOGO  ---------------------- */
#logo {
 height:93px;
 width:93px;
 float:left;
 margin-left:33px;

}
/*  ---------------------- LOGO  ---------------------- */
#logo2 {
 height:58px;
 width:243px;
 float:left;
 margin-left:5px;
 margin-top:35px;

}
#nav2 {
 float:left;
 height:67px;
 width:142px;
 padding-top:21px;
 padding-right:5px;
 background-color:#F00;
}
/*  ---------------------- NAVIGATION BAR ---------------------- */




/*  ---------------------- BOX  ---------------------- */
.boxes {
 width:837px;
}
.boxfloat {
 width:305px;
 float:left;
 padding-right:21px;
}
.boxfloat2 {
 width:185px;
 float:left;
}
.boxhead {
 width:305px;
 height:57px;
 background-image:url(images/box-head-popular.gif);
 background-repeat:no-repeat;
}
.boxheadrecent {
 width:305px;
 height:57px;
 background-image:url(images/box-head-recent.gif);
 background-repeat:no-repeat;
}
.boxheadtech {
 width:185px;
 height:57px;
 background-image:url(images/box-head-tech.gif);
 background-repeat:no-repeat;
}
.box {
 width:305px;
 height:455px;
 background-image:url(images/box-bg.gif);
 background-repeat:repeat-y;
 padding-left:15px;
}
.box2 {
 width:185px;
 height:455px;
 background-image:url(images/box-bg2.gif);
 background-repeat:repeat-y;
 padding-left:15px;
}
.boxfoot {
 width:305px;
 height:28px;
 background-image:url(images/box-foot.gif);
 text-align:right;
 margin-right:40px;
 }
.boxfoot2 {
 width:185px;
 height:28px;
 background-image:url(images/box-foot2.gif);
 background-repeat:no-repeat;
 text-align:right;
 margin-right:40px;
 }
.boxtxthead { color: #fff; text-decoration: none; font-size:13px; font-weight:bold; position:relative; left:15px; top:24px;}

.boxtxt a { color: #fff; text-decoration: none; font-size:11px; font-weight:bold; margin-right:15px;}
.boxtxt a:visited { color: #fff; text-decoration: none; }
.boxtxt a:hover { color: #FF9900; text-decoration: none; }

/*  ---------------------- FOOTER  ---------------------- */

.fpbox {
 width: 278px;
 float: left;
}
.fpimage {
 width: 120px;
 height: 80px;
 text-align: left;
 float: left;
 margin-right: 8px;
 margin-bottom: 5px;
 margin-top: 5px;
}
.fptxt {
 height: 55px;
 width: 150px;
 float: left;
 clear: right;
}
.fptxt1 {
 height: 55px;
 width: 150px;
 float: left;	
}
.fptxt2 {
 height: 25px;
 width: 150px;
 float: left;
 padding-top:4px;
}
.icons {
 padding-top:8px;
}
.ulicons {
 list-style:none;
 position:relative;
 left:-30px;
 top:-15px;
 line-height:17px;
}
/*  ---------------------- POST IMAGE  ---------------------- */
.postimg {
 width:746px;
 height:182px;
 margin-left:2px;
}

/*  ---------------------- FRONT PAGE FLASH PRES  ---------------------- */
.flvframe {
 width:784px;
 height:448px;
 background-image:url(images/flv-frame.gif);
 background-repeat:no-repeat;
 padding-top:8px;
 padding-left:8px;
 margin-top:-10px;
 margin-bottom:30px;
 margin-left:27px;
}
.vidthumbframe {
 width:737px;
 height:95px;
 background-image:url(images/videothumb-frame.gif);
 background-repeat:no-repeat;
 padding-top:20px;
 padding-left:8px;
 margin-left:50px;
}
.vidthumbs ul {
 position:relative;
 left:4px;
 top:10px;
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.vidthumbs ul li {display: inline; margin-left:4px;}
/*  ---------------------- UTILITY BAR  ---------------------- */
.utilitybar {
 width:768px;
 height:20px;
 margin: 0 auto;
 margin-top:10px;
 margin-bottom:80px;
}
.uti1 {
width:500px;
height:20px;
float:left;
}
.uti2 {
width:128px;
height:20px;
float:left;
margin-top:3px;
}
.uti3 {
width:140px;
height:20px;
float:left;
text-align:right;

}
.utilitybarm a { color: #ffffff; text-decoration: none; }
.utilitybarm a:visited { color: #ffffff; text-decoration: none; }
.utilitybarm a:hover { color: #CCCCCC; text-decoration: none; }

.boxe {
 width:256px;
 float:left;
 margin-left:18px;
 margin-bottom:20px;
}
.boxehead {
 width:256px;
 height:26px;
 background-image:url(images/boxehead.gif);
 background-repeat:repeat-x;
 text-align:center;
 padding-top:14px;
}
.boxem {
 width:256px;
 height:190px;
 background-image:url(images/boxem.gif);
 background-repeat:repeat-y;
 text-align:center;
}
.ul-boxem {
 padding-top:7px;
 margin:0;
 margin-left:-40px;
 list-style:none;
}
.boxefoot {
 width:256px;
 height:8px;
 background-image:url(images/boxefoot.gif);

}
.boxehead a { color: #ffffff; text-decoration: none;}
.boxehead a:visited { color: #ffffff; text-decoration: none; }
.boxehead a:hover { color: #CCCCCC; text-decoration: none; }

/*  ---------------------- UTILITY BAR  ---------------------- */
table.ratings {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
ul.ratings {
	margin: 0;
	padding: 0;
	padding-bottom:3px;
}
ul.ratings li {
	display: inline;
	list-style: none;
}
.rating_label {
	white-space: nowrap;
	font-family: Arial;
	
}
.rating_value {
	white-space: nowrap;
	font-family: Arial;
	font-size: 8pt;
	position:relative;
	top:2px;
}
.rating_value .no_ratings {

}
.fpratings {
padding-top:5px;
}
.watchnow {
 font-size:10px;
 font-weight:bold;
}
.watchnow a { color: #ff6600; text-decoration: none; background-color:#000000; padding:5px; position:relative; top:2px; }
.watchnow a:visited { color: #ff6600; text-decoration: none; background-color:#000000; padding:5px; position:relative; top:2px; }
.watchnow a:hover { color: #000000; text-decoration: none; background-color:#e75c00; padding:5px; position:relative; top:2px; }

.pagetitle {
 margin: 0 auto;
 padding-bottom:7px;
 padding-top:7px;
 padding-left:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:18px;
 background-color:#000000;
 width:843px;
 color:#FFFFFF;
}
.h2subs {
 font-size:20px;
 color:#008cc6;
 font-weight:normal;
 border-top:1px solid #CCCCCC;
 padding-top:10px;
}
.videol {
margin-left: 0;
margin-top:5px;
padding-left: 16px;
list-style: none;
line-height:28px;
}
.videol li {
padding-left: 30px;
background-image: url(images/videol.gif);
background-repeat: no-repeat;
background-position: 0 .28em;
}
.audiol {
margin-left: 0;
margin-top:5px;
padding-left: 16px;
list-style: none;
line-height:28px;
}
.audiol li {
padding-left: 30px;
background-image: url(images/audiol.gif);
background-repeat: no-repeat;
background-position: 0 .28em;
}
.stillsl {
margin-left: 0;
margin-top:5px;
padding-left: 16px;
list-style: none;
line-height:28px;
}
.stillsl li {
padding-left: 30px;
background-image: url(images/stillsl.gif);
background-repeat: no-repeat;
background-position: 0 .28em;
}
#respond {
clear:both;
}
/*  ---------------------- NAV DROP  ---------------------- */
#dropmenudiv{
position:absolute;
margin-left:-55px;
background-color: #333;
border:1px solid black;
border-bottom-width: 0;
font:12px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#FFF;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #C53ACA;
color:#FFF;
}
.navlist li {
list-style-type: square;
width: 135px;
background-color: #FFFFB9;
}
#title {
	width:795px;
	height:35px;
	background-image:url(images/titlebg.jpg);
}
#contentfoot {
	width:795px;
	height:6px;
	background-image:url(images/contentfoot.jpg);
}




* html #sidenavmenu{ /*IE 6 only */
w\idth: 118px; /*Box model bug: 145px minus all left and right paddings */
line-height: 27pt;
}

#sidenavmenu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#sidenavmenu li {
margin: 0;

}

#sidenavmenu li a{
display: block;
padding: 5px 0px 5px 10px;

color: #aed5f1;
text-decoration: none;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}

html>body #sidenavmenu li a{ /*Non IE6 width*/
width: auto;
}

#sidenavmenu li a:hover{

color: #fff;
background-image: url(images/sidemenuselected.gif);
background-repeat:no-repeat;
background-position: 2px 0px;
}
.sidenavsel {
 background-color: #C4E7FF;
 color: #000;
 display: block;
 padding: 5px 5px 5px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
}

#footer{
	clear:both;
	background-image:url(images/foot.gif);
	width:913px;
	margin:auto;
	height:29px;
	position:relative;
	top:0px;
	color:#000;
	text-align:center;
	padding-top:15px;
	background-repeat:no-repeat;
	font-size:10px;
}
#fl {
	float:left;
	width:510px;
	text-align:left;
	margin-left:10px;
}
#fr {
	float:left;
	width:380px;
	text-align:right;
	margin-right:10px;
}
#footer a { color: #333; text-decoration: underline; font-weight: normal;}
#footer a:visited { color: #000; text-decoration: underline; }
#footer a:hover { color: #000; text-decoration: normal; }


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:28px; font-size:0.85em; position:relative; top:-28px; left:159px; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width: auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#feac41; width: auto; height:28px; border:0px solid #000; border-width:0 0 0 1px; padding-left:10px; padding-right:10px; line-height:22px; font-weight:bold; text-transform:uppercase; font-size:10px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(images/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:27px;t\op:28px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: #333; color:#feac41; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#ff8400; background:#333;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: #000;
  background:#feac41;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: #000;
  font-weight: bold;
  background:#feac41;
}

.menu ul .current_page_item ul a {
  color:#feac41;
  font-weight: bold;
  background: #333;
}

.menu ul .current_page_item ul a:hover {
  background: #333;
    font-weight: bold;
}

.menu .current_page_item a:hover {
  background: #333;
  color:#ff8808;
}

#title {
	position:relative;
	top:-37px;
	text-transform:uppercase;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;

}

/*  ---------------------- FORM STYLING ---------------------- */

fieldset {
	border:1px dashed #CCC;
	padding:10px;
}
legend {
	font-size: 100%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
label {
	width:110px;
	height:32px;
	float:left;
	display: block;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	padding-left: 20px;
	}
.checkbox {
	width: auto;
	height:32px;
	padding-left: 10px;
	padding-right: 5px;
}
.div_textbox_lft {
	width:130px;
	height:32px;
	float:left;
	display: block;
}
.div_textbox_rgt {
	width:630px;
	height:32px;
	float:left;
	display: block;
}
.form {
	margin:0;
	padding:0;
}
#formcontainer {
	width:750px;
	margin:auto;
	padding:10px;
}
#leftSide {
	width:750px;
	padding-top:5px;
	float:left;
}
#rightSide {
	background-color:#fff;
	width:180px;
	padding:5px;
	margin-top:40px;
	float:right;
	border:1px solid #CCC;
	font:normal 12px Arial;
	color:#666666
}
.clear {
	clear:both;
}
.holder {
	background-color:#fff;
}
.div_texbox {
	width:730px;
	float:left;
	height:35px;	
}
.div_texbox_ll {
	width:710px;
	float:left;
	height:35px;
	padding-left: 20px;
}
.div_texareabox {
	width:620px;
	float:left;
	height:140px;	
}
.textbox {
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
    width:285px;  
	font:normal 14px Arial;
	color: #000000;
}
.textbox:focus, .textbox:hover {
	background-color:#ebf0ff;
}
.textboxarea {
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
    width:450px;
	height: 130px;  
	font:normal 14px Arial;
	color: #000000;
}
.textboxarea:focus, .textboxarea:hover {
	background-color:#ebf0ff;
}
.formbuttons {
   width:588px;
   height: 31px;
   float: left;
   text-align: right;
}
.subswrap {
	 width:750px;
	 height: auto;
	 margin-left:0px;
}
.subs {
	 width:180px;
	 height:150px;
	 float:left;
	 margin-bottom:20px;
     text-align:center;
}
.subs2wrap {
	 width:750px;
	 height: auto;
	 margin-left:0px;
}
.subs2 {
	 width:180px;
	 height:196px;
	 float:left;
	 margin-bottom:45px;
	 text-align:center;
}
.feat {
	margin-bottom:-30px;
}