/*----------------------------
Title: 		gnatline.com CSS
Author: 	Nick Britsky
Update: 	08/27/2006
----------------------------*/

body{margin:10px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }

#headerBox{position:relative; max-width:990px; height:202px; width:expression(document.body.clientWidth > 990? "990px": "auto" );}
#headerLeft{position:absolute; left:0; top:0;}
#headerText{position:absolute; left:352px; bottom: 55px;}
#headerText ul{}
#headerText ul li{color:#FFF;}
#headerRight{position:absolute; right:0px; top:0;}

#mainNavBox{position:relative; max-width:990px; height:40px;}
#mainNavStyle1{position:absolute;right:0; bottom:0;}
#mainNavStyle2{position:absolute;left:0; top:0;}
#mainNav{padding: 10px 0; background-color:#C0C0F4; margin: 0 0 5px 0; max-width:990px; }
#mainNav ul{text-align:center; list-style:none; margin:0; padding:0; }
#mainNav ul li{display:inline; margin:0; padding:0;}
#mainNav ul li a{padding: 0px 10px 0px 10px; text-decoration:none; color:#003; font-weight:bold; font-size:1.0em;}
#mainNav ul li a:hover{padding: 0px 10px 0px 10px; text-decoration:none; color:#33C; font-weight:bold; font-size:1.0em;}

#articles{height:275px;padding:10px; list-style:circle;display:block;}
#articles2{height:175px;padding:10px; list-style:circle;display:block;}

#main{ position:relative; margin: 10px 0px; max-width: 990px;}

/* hide from Mac IE5 \*/
* html #main {height: 1%; }
/* hide from Mac IE5 */

#left{position:absolute; display:block; text-align:left; left:0; top:0; width:183px; background-color:#666;}
#left a#episode{display:block; width:183px; height:107px; background-image:url(images/newButton.jpg); }
#left a:hover#episode{display:block; width:183px; height:107px; background-image:url(images/newButtonHover.jpg);}
#left a#picture{display:block; width:183px; height:120px; background-image:url(images/photoButton.jpg);}
#left a:hover#picture{display:block; width:183px; height:120px; background-image:url(images/photoButtonHover.jpg)}
#left a#whatis{display:block; width:183px; height:117px; background-image:url(images/questionButton.jpg);}
#left a:hover#whatis{display:block; width:183px; height:117px; background-image:url(images/questionButtonHover.jpg);}
#left a#links{display:block; width:183px; height:125px; background-image:url(images/linksButton.jpg)}
#left a:hover#links{display:block; width:183px; height:125px; background-image:url(images/linksButtonHover.jpg);}

#content{background-color:#FFF; border: 1px solid #000; margin: 0px 185px 0px 198px;}
#content img{margin:0 10px 0 10px;}
#content hr{color:#33C; margin:0 10px 10px 10px;}
#content h2{color:#33C; font-size:1.2em; margin:10px 10px 0 10px; line-height:normal;}
#content p{margin:0px 10px 10px 10px; line-height:normal; }
#content a{text-decoration:none; color:#33C; font-weight:bold; }
#content a:hover{text-decoration:none;color:#003;font-weight:bold;}
#content a#download{font-weight:bold; display:inline; text-decoration:none; text-align:center; color:#003; margin-left:auto; margin-right:auto; margin-bottom:10px; white-space: normal;}
#content a#download:hover{font-weight:bold; display:inline; text-decoration:none; text-align:center; color:#33C; margin-left:auto; margin-right:auto; margin-bottom:10px; white-space: normal;}
#forumInfo{font-weight:normal; display:inline;}

#centerMe{text-align:center; display:block;}

#content2{background-color:#FFF; border: 1px solid #000; margin: 0px 0px 0px 198px;}
#content2 img{margin:0 10px 0 10px;}
#content2 hr{color:#33C; margin:0 10px 10px 10px;}
#content2 h2{color:#33C; font-size:1.2em; margin:10px 10px 0 10px; line-height:normal;}
#content2 h3#whatis{color:#003; font-size:1.1em; margin:10px 10px 0 10px; line-height:2.0em; text-decoration:underline;}
#content2 p{margin:0px 10px 10px 10px; line-height:normal; }
#content2 a{text-decoration:none; color:#33C; font-weight:bold;}
#content2 a:hover{text-decoration:none; color:#003; font-weight:bold;}
#content2 a#download{font-weight:bold; display:inline; text-decoration:none; text-align:center; color:#003; margin-left:auto; margin-right:auto; margin-bottom:10px; white-space: normal;}
#content2 a#download:hover{font-weight:bold; display:inline; text-decoration:none; text-align:center; color:#33C; margin-left:auto; margin-right:auto; margin-bottom:10px; white-space: normal;}
#content2 li{list-style:none;}

#archives{border:1px solid #000; margin: 10px; display:block; padding:10px;}
#archives a{display:inline;}
#archives a:hover{display:inline;}

#right{position:absolute; right:0; top:0; width:170px; background-color:#FFF; text-align:left;}
#rightTab{}
	#rightTab img{margin:5px 10px 0px 0px;}

#footer{text-align:center; background-color:#FFF; border: color:#999; margin: 10px 10px 10px 0px; max-width:990px;}
#footer a{color:#003; text-decoration:none; font-size:1.5em; }
#footer a:hover{color:#33C; text-decoration:none; font-size:1.5em; }
#footer h4{color:#CCC; line-height:0.2em;}