/*IT Business - Jeff Radecki CSS */
* {margin: 0; padding: 0;}
body {background: #666; font-family:"Trebuchet MS", Verdana, Tahoma, Georgia ; font-size: 75%;}
/**************************************** Header and Top Nav ****************************/
#container {width: 996px; margin: auto; font-size: 1em; }
#topAd{	height: 100px; padding-top: 5px;}
#headerTop {background:#fff; height: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;  }
#mobiler {display: none;}
#header {
	background: #FFFFFF;
	height: 72px;
	padding-left: 10px;
	padding-right: 10px;
}
#navLeft {
	width: 10px;
	background-image: url( layoutImg/navLeft.gif);
	height: 40px;
}
#topNav{
	padding-top:10px;
	padding-left:20px;
	width:976px;
	background-image: url( layoutImg/navBg.gif);
	height:30px;
	list-style-type:none;
}
.chromestyle{
padding-top:5px;
padding-left:15px;
width: 981px;
background-image: url( layoutImg/navBg.gif);
height:35px;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #fff;
padding: 3px 6px 3px 6px;
font-size:1.2em;
margin: 0;
border-right:2px solid #555;
text-decoration: none;
}
.chromestyle ul li a:hover{
background: #333333;
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font-size: 1em;
line-height:18px;
z-index:100;
background-color: #333333;
width: 200px;
visibility: hidden;
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #fff;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
#navRight {
	width: 35px;
	background-image: url( layoutImg/navRight.gif);
	height: 40px;
}
/**************************************** Sidebars ****************************/
#left {
	float: left;
	width: 10px;	
}
#right {
	font-family:"Trebuchet MS", Verdana, Tahoma, Georgia ;
	float: right;
	width: 300px;
	padding-right: 10px;
}
#right ul, #right ol {
padding-left:15px;
}
.rightBox {
display:block;
background: #fff url( layoutImg/rightBoxMid.gif);
width: 290px;
padding-left:5px;
padding-right:5px;
}
.rightBox h3 {
display:block;
background: url( layoutImg/rightBoxTop.gif) no-repeat top left;
font-size:1.2em;
font-weight:bold;
color:#333;
width: 295px;
height: 20px;
padding-top:5px;
margin-left:-5px;
padding-left: 5px;
}
.rightBox h4 {
display:block;
background: url( layoutImg/rightBoxBtm.gif) no-repeat bottom left;
font-size:0.2em;
width: 295px;
height: 10px;
color:#FFFFFF;
padding-top:5px;
margin-left:-5px;
padding-left: 5px;
}
/**************************************** Main Divs ****************************/
#contentwrapper {
	padding-top:5px;
 background:#FFFFFF;
}
#content {
    font-family:"Trebuchet MS", Verdana, Tahoma, Georgia ;
	position: relative;
width:665px;
	margin-right: 320px;
	margin-left: 10px;
}
#content ul, #content ol{
padding-left:15px;
margin-left:5px;
list-style-position:inside;
}
#sky {
float:left;
padding-right:5px;
padding-bottom:5px;
}
#greyBox {
background: #f1f1f1; 
border:1px solid #ccc;
width: 641px;
padding:10px;
}
#blackHomeTop {
float:right;
width:330px;
}
#blackHomeTop h2 {
width: 325px;
background: url( layoutImg/blackBarH.gif) no-repeat top left;
color:#FFFFFF;
font-size:1.4em;
padding-top:3px;
height:26px;
padding-left: 5px;
}
#greyBox h1, #greyBoxH h1 {
width: 656px;
margin-left:-5px;
padding-left: 5px;
}
#greyBoxH h1 {
width: 656px;
background: url( layoutImg/greyBoxTop.gif) no-repeat top left;
margin-left:-5px;
padding-left: 5px;
}
#greyBoxH {
background: #CCCCCC url( layoutImg/greyBoxBtmH.gif) no-repeat bottom left;
width: 651px;
padding-left:5px;
padding-right:5px;
}
#greyHome {
background: #CCCCCC url( layoutImg/greyHomeBtm.gif) no-repeat bottom left;
width: 310px;
padding-left:5px;
padding-right:5px;
}
#footer {
	background: #e1e1e1;	
	margin-left:5px;
	width: 986px;
padding: 0px 0px 5px 0px;
	clear: both;
	text-align: center;
}
.grey:link, .grey:visited{
color:#666666;
text-decoration:none;
padding-right:5px;
}

.grey:hover {
color:#000;
text-decoration:underline;
padding-right:5px;
}
/**************************************** text, images, lists ****************************/
a {	color: #990000;	font-weight:bold;	text-decoration:none;}
a:hover {	color: #333333;	font-weight:bold;	text-decoration: underline;}
#right a {color:#246598;}

img {  border: 0px;}
p {padding-top:0px;padding-bottom:10px;}
h1 {color: #990000;font-size: 1.5em;text-decoration: none;}
h1 a:hover, h2 a:hover{	color: #990000;	text-decoration: underline;	cursor:pointer; }
h2 {	font-size: 1em;	color: #990000;	height: 20px;	text-decoration: none;}
.writer {
color:#434242;
font-weight:bold;
} 
.date {
color:#000;
font-weight:bold;
} 
.section {
display:block;
color:#000;
font-size:1.2em;
padding-left:6px;
height:26px;
page-break-after:always;
font-weight:bold;
background: url( layoutImg/greyBar.gif) no-repeat top left;
}
.smallDesc {
font-size:0.95em;
}
.blackTop {
float:left;
color:#fff;
font-size:1.4em;
width:485px;
padding-left:6px;
padding-right:5px;
height:26px;
background: url( layoutImg/blackBar.gif) no-repeat top left;
}
/********************* Search Form *******************************/
#searchform {
	float:right;
	padding-right:20px;
	padding-top:20px;
	margin: 5px 0;
	}
#searchform p {	padding-bottom:0px;	}	
#searchform form {	margin: 0; /* for IE, Opera, ... */	}
#searchform .equal { 	vertical-align: middle; /* for IE */	}
#searchform #btn {	background: none;	}
#logoBanner {
background: #ffffff;
border-top: 2px solid #e1e1e1;
width: 986px;
text-align: center;
}
#logoBanner img {padding:4px 10px 0px 0px;	}
#videoList  {
height:50px;
padding:6px;
border-bottom: 1px solid #ccc;
}

#videoList:hover  {
background:#e1e1e1;
cursor:hand;
}
#videoList span
{font-weight:bold; color:#666;}
#videoList img
{float:right;  width:65px; padding-left:5px; height:50px;}

#greyOut {
display:none;
z-index:1000;
background: url(http://www.itbusiness.ca/dell/linkBack.png) repeat; 
top:0px;
left:0px;
width:100%;
height:100%;
position:fixed;
margin:0px;
padding:0px;
}

#companion{
float:right;
padding:50px 30px 50px 5px;
width:300px;
clear:right;
}

#videoWrap {
display:none;
z-index:10010;
margin:1% auto auto auto;
padding-top:5px;
height:600px;
background:#fff;
width:990px;
border:2px solid #ccc;
}


#Video {
height:370px;
width:600px;
float:left;
padding-left:20px;
}
#vidInfo {
	float:left;
padding-left:20px;
clear:left;
width: 475px;
}

.close{
float:right;
padding-right:5px;
display:block;
}
.videoDesc{
font-size:11px;	
	
	
}

#resp 
{
	float:right;
width: 455px;
height: 160px;
overflow-x: auto;
overflow-y: auto;
display: block;
margin-right:2%;
}

.relatedVid {
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
overflow-x: hidden;
overflow-y: hidden;
}
.relatedVid img{
	width:100px;
	height:75px;
	
}
.smallName{
display: block;
width: 100px;
height: 35px;
overflow-x: hidden;
overflow-y: hidden;
font-size: 0.9em;
color: #660000;
}
.red:link, .red:visited, a.red, #right a.red{
color:#990000;
text-decoration:none;
}

.pageNext, .pageNext:link, .pageNext:visited { float:right; padding:5px; background:#990000; color:#fff; -moz-border-radius: 5px;
border-radius: 5px;}
.pageBack,.pageBack:link, .pageBack:visited  { padding:5px; background:#e1e1e1; -moz-border-radius: 5px;
border-radius: 5px;} 

.caption{border: 1px solid #ddd;text-align:center;background:#f1f1f1;padding:5px;margin:10px;}
.caption img{margin:0;padding:0;border:0 none;}
.alignleft{float:left;margin-right:8px;}
.alignright{float:right;margin-left:8px;}
.aligncenter{ display:block; margin-left:auto; margin-right:auto; text-align:center;}
.button, .button:link, .button:visited { 
padding:5px; 
background:#990000; 
color:#fff; 
-moz-border-radius: 5px;
border-radius: 5px;
border:2px solid #ccc;
font-size:1.1em;
}
.button:hover {	color:#fff; 	background:#333;} 
.related {
	display:inline;
padding:5px; 
background:#f1f1f1; 	
-moz-border-radius: 5px;
border-radius: 5px;
border:2px solid #ccc;	
font-size:1.1em;
color:#000;
font-weight:bold;
	}
.related a, .related a:link, .related:visited { color:#990000; font-size:1.1em;}
.definition {background:#f1f1f1; border: 1px solid #ccc; width:300px; padding:5px; color:#333;}
.definition span {background:#fff; font-weight:bold; display:block; padding-left:5px; margin-bottom:5px;}
.authorBox {height:50px; display:block; font-weight:bold; margin-top:10px; color:#333; }
.authorBox img {float:left; padding:5px; margin-right:5px; width:40px; height:47px; margin-top:-10px; }
.authorBox a, .authorBox a:link, .authorBox:visited { color:#990000; font-size:1.1em;}
.socials {
	float:right; width:210px; height:36px; padding:5px; text-align:right; padding-top:0px; text-align:right;
	
	
	}