html, body{
	height:100%;
	background:#666666 url(../images/bg.jpg) top repeat-x;
}

body{
	font-family:Georgia, Garamond, Times, serif;
	font-size:12px;
	color:#333;
	padding:0px;
	margin:0px;
}

#main{
	position:absolute;
	width:900px;
}

.wrapper{
	width:900px;
	margin:0px auto;
}

.centered{
	margin:0px auto;
}





/******* boxes and tabs ********/

.sbox-bg{
	background:url(../images/boxes/sbox-tblrc.png);
}

.rbox-bg{
	background:url(../images/boxes/rbox-tblrc.png);
}

.wbox-bg{
	background:url(../images/boxes/wbox-tblrc.png);
}

.cbox-bg{
	background:url(../images/boxes/cbox-tblrc.png);
}


.tab-on td.tab-fill{
	background:url(../images/boxes/sbox-tblrc.png);
	color:#000;
	font-size:18px;
}

.tab-off td.tab-fill{
	background:url(../images/boxes/tab_off-c.png);
	color:#FFF;
	font-size:18px;
}



#tabs td.tab-on a:link, #tabs td.tab-on a:visited, #tabs td.tab-on a:active, #tabs td.tab-on a:hover{color:#FFF;}

#tabs td.tab-off a:link, #tabs td.tab-off a:visited, #tabs td.tab-off a:active{color:#AAA;}

#tabs td.tab-off a:hover{
	color:#DDD;
}

.box-icon{
	position:absolute;
	top:-15px;
	left:-15px;
}


/******* searchbox ********/

#ss{
	font-size:18px;
	font-weight:bold;
	color:#777;
	padding:3px;
	border:0 none;
	background:transparent;
}

.search-l{background:url(../images/forms/bg_search-l.png) left no-repeat;padding-left:13px;}
.search-r{background:url(../images/forms/bg_search-r.png) right no-repeat;padding-right:13px;}
.search-m{background:url(../images/forms/bg_search-m.png) left repeat-x;}

#subss{color:#FFF;}


/******* results ********/

#results{
	width:500px;
	position:relative;
	margin:30px 0px 0px 30px;
}

#results-inner{padding:0px 10px 5px 10px;}

.ad{ margin:8px 5px 12px 10px;}

.ad a.title{
	display:block;
	font-size:16px;
}
.ad a.title:link,.ad a.title:visited,.ad a.title:active{
	display:block;
	font-size:16px;
	color:#8bd1f4;
	text-decoration:underline;
}
.ad a.title:hover{text-decoration:none;color:#FFF;}

.ad a.desc:link,.ad a.desc:visited,.ad a.desc:active,.ad a.desc:hover{
	display:block;
	font-size:13px;
	color:#EAEAEA;
	text-decoration:none;
}

.ad a.url:link,.ad a.url:visited,.ad a.url:active{
	display:block;
	color:#21CB00;
	text-decoration:underline;
}
.ad a.url:hover{text-decoration:none;}

.sponsored{
	background:#555;
	padding:1px 0px 2px 0px;
}

/******* gizmo bar ********/

#gizmobar{
	width:300px;
	position:relative;
	margin-right:30px;
}

#related{position:relative;}

#related-inner{color:#CCC;}

#related-inner a:link, #related-inner a:visited{
	color:#CCC;
	text-decoration:none;
}

#related-inner a:hover{
	color:#FFF;
	text-decoration:underline;	
}

#comments{position:relative;}
#comments-inner{color:#CCC;}

#weather{position:relative;}
#weather-inner{color:#CCC;}



/******* divs ********/

.m0{ margin:0px;}
.m10{ margin:10px;}

.mtb5{ margin:5px 0px;}
.mtb10{ margin:10px 0px;}
.mtb20{ margin:20px 0px;}

.mlr5{ margin:0px 5px;}
.mlr10{ margin:0px 10px;}
.mlr20{ margin:0px 20px;}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.m5{ margin:5px;}

.mtb5{ margin:5px 0px;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}

.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}

.mt40{ margin-top:40px;}
.ml40{ margin-left:40px;}
.mb40{ margin-bottom:40px;}
.mr40{ margin-right:40px;}


.p10{ padding:10px;}
.p20{ padding:20px;}
.p3{ padding:3px;}

.pt3{ padding-top:3px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.pl3{ padding-left:3px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}

.plr5{ padding:0px 5px;}
.plr10{ padding:0px 10px;}
.plr20{ padding:0px 20px;}

.p5{ padding:5px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}


.h1{ height:1px;}
.h15{ height:15px;}
.h25{ height:25px;}

.fleft{ float:left;}
.fright{ float:right;}
.clear{ clear:both;}

.bg-ltGrey{ background:#f4f4f4; }

.bb-ltGrey{ border-bottom:1px solid #EEE; }
.bt-ltGrey{ border-top:1px solid #EEE; }
.bl-ltGrey{ border-left:1px solid #EEE; }
.br-ltGrey{ border-right:1px solid #EEE; }
.b-ltGrey{ border:1px solid #EEE;}

.bg-grey{ background:#999; }
.bb-grey{ border-bottom:1px solid #999; }
.bt-grey{ border-top:1px solid #999; }
.br-grey{ border-right:1px solid #999; }
.bl-grey{ border-left:1px solid #999; }
.b-grey{ border:1px solid #999; }

.bg-blue{ background:#cbedff; }
.bb-blue{ border-bottom:1px solid #cbedff; }
.bt-blue{ border-top:1px solid #cbedff; }
.br-blue{ border-right:1px solid #cbedff; }
.bl-blue{ border-left:1px solid #cbedff; }
.b-blue{ border:1px solid #cbedff; }


/********************  text sizes  *******************/

.s1{ font-size:1px;}
.s9{ font-size:9px;}
.s10{ font-size:10px;}
.s11{ font-size:11px;}
.s12{ font-size:12px;}
.s13{ font-size:13px;}
.s14{ font-size:14px;}
.s15{ font-size:15px;}
.s16{ font-size:16px;}
.s18{ font-size:18px;}
.s22{ font-size:22px;}
.s30{ font-size:30px;}
.s45{ font-size:45px;}

.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

/********************  text styles  *******************/

.b{ font-weight:bold;}
.n{ font-weight:normal;}
.u{ text-decoration:underline;}

.ltgrey{ color:#AEAEAE;}
.grey{ color:#999;}
.mdgrey{ color:#666;}
.dkgrey{ color:#555;}
.black{ color:#000;}
.white{ color:#FFF;}
.soft-white{ color:#CCC;}

.red{ color:#ff0000;}
.green{ color:#006600;}

.orange{ color:#de8a18;}

.blue{ color:#2979ff;}
.dkblue{ color:#3166cc;}

h1{
	font-size:20px;
	margin:5px 0px;
}

/********************  link styles  *******************/

a:link, a:visited, a:active{
	color:#59a9d1;
	text-decoration:none;
	font-size:inherit;
}

a.active:link, a.active:visited, a.active:active{
	color:#4287fc;
	text-decoration:none;
	font-size:inherit;
}

a.active:hover, a:hover{
	color:#999;
	text-decoration:none;
	font-size:inherit;
}


a.ltGrey:link, a.ltGrey:visited, a.ltGrey:active{
	color:#999;
	text-decoration:none;
	font-size:inherit;
}

a.ltGrey:hover{
	color:#000;
	text-decoration:none;
	font-size:inherit;
}

a.drkGrey:link, a.drkGrey:visited, a.drkGrey:active{
	color:#515151;
	text-decoration:none;
	font-size:inherit;
}

a.drkGrey:hover{
	color:#000;
	text-decoration:none;
	font-size:inherit;
}
