/*
My CSS File (I'm too lazy to add any hacks for my personal site)
By Shaun Shull - shaunshull #at# gmail.com
January 12th, 2007
*/

/*	FUNDAMENTAL TEMPLATE  */
body { padding:0px; margin:0px; font-family:"Lucida Grande", "Trebuchet MS", Arial; font-size:small; text-align:center; background: #000 url("./themes/site_themes/default/img/bg.gif"); }
img { border:0; }
h1 { margin:0; padding:0; }
#wrapper { margin:0 auto; width:940px; text-align:left; }
#topnav { height:52px; font-family:"Lucida Grande", "Trebuchet MS", Arial; background:url("./themes/site_themes/default/img/tbg.gif") top left repeat-x; }
#main { clear:both; height:201px; background:url("./themes/site_themes/default/img/mbg.gif") top left; }
#mainol { height:164px; padding:37px 0 0 41px; background:url("./themes/site_themes/default/img/moverlay.gif") top right no-repeat; }
#content { margin:0; padding:34px 38px 34px 50px; font-family:"Trebuchet MS", Arial; color:#afafb0; background-color:#040921; }
#footer { clear:both; padding:0 58px; font-family:"Trebuchet MS", "Lucida Grande", Arial; font-size:95%; color:#827e7e; background-color:#000; }

/*	TOPNAV STYLES  */
#topnav ul { margin:0; padding:12px 0 0 47px; list-style:none; }
#topnav ul li { float:left; height:36px; margin-right:15px; }
#topnav ul li a { padding:0 5px; font-size:108%; color:#3e9ce6; text-decoration:none; }
#topnav ul li:hover a { color:#b8dbf6; }
#topnav #tnon { background:url("./themes/site_themes/default/img/tnavhover.gif") bottom left repeat-x; }
#topnav #tnon a { color:#FFF; }
#topnav #search { float:right; }
#topnav #search input { margin-right:10px; }
#topnav #search #sbutton { border:0; padding-bottom:2px; margin-right:47px; width:80px; height:25px; font-size:90%; font-family:"Trebuchet MS", "Lucida Grande", Arial; text-transform:uppercase; color:#989898; background:url("./themes/site_themes/default/img/search.gif") bottom left no-repeat; }
#topnav #search #sbutton:hover { color:#FFF; }
#topnav #search #sbox { border:0; border-top:1px solid #000; height:19px; width:174px; padding:2px 0 0 5px; background:#FFF url("./themes/site_themes/default/img/sbg.gif") top left repeat-x; }

/*	MAIN AREA STYLES  */
#nav ul { margin:0; padding:34px 0 0 0; list-style:none; }
#nav ul li { float:left; margin-right:10px; height:32px; background:url("./themes/site_themes/default/img/tl.gif") top left no-repeat; }
#nav ul li a { display:block; padding:9px 22px 0; color:#040921; font-weight:bold; text-decoration:none; background:url("./themes/site_themes/default/img/tr.gif") top right no-repeat; }
#nav ul li a:hover { color:#b8dbf6; }
#nav #non { background:url("./themes/site_themes/default/img/tol.gif") top left no-repeat; }
#nav #non a { color:#FFF; font-weight:normal; background:url("./themes/site_themes/default/img/tor.gif") top right no-repeat; }

/*	LEFT CONTENT STYLES  */
#content #cleft { float:left; width:517px; }
#content #cfooter { clear:both; }
#content h1 { font-family:"Lucida Grande", "Trebuchet MS", Arial; color:#f3ab04; font-size:160%; font-weight:normal; }
#content h1 a { color:#f3ab04; text-decoration:none; }
#content h1 a:hover { text-decoration:underline; }
#content li { padding-bottom:15px; line-height:1.7em; }
#content li a { color:#3e9ce6; text-decoration:none; }
#content li a:hover { text-decoration:underline; }
#content p { line-height:1.7em; }
#content p a { color:#3e9ce6; text-decoration:none; }
#content p a:hover { text-decoration:underline; }
#content .continue a { padding-left:17px; color:#FFF; background:url("./themes/site_themes/default/img/continue.gif") left no-repeat; }

/*	RIGHT CONTENT STYLES  */
#content #cright { float:right; width:255px; }
#content #cright .box { margin-bottom:20px; background:url("./themes/site_themes/default/img/rbg.gif") top left repeat-y; }
#content #cright .box .bcontent { padding:26px 43px 0 43px; text-align:center; background:url("./themes/site_themes/default/img/rol.gif") top left no-repeat; }
#content #cright .box .bcontent h2 { margin:0; padding:0 0 15px 0; font-family:"Lucida Grande", "Trebuchet MS", Arial; font-size:105%; color:#FFF; }
#content #cright .box .bcontent a { color:#3e9ce6; text-decoration:none; }
#content #cright .box .bcontent a:hover { text-decoration:underline; }
#content #cright .box .bfooter { height:30px; background:url("./themes/site_themes/default/img/rf.gif") bottom left no-repeat; }

/*	FOOTER STYLES  */
#footer a { color:#f3ab04; }
#footer #fcopyright { float:left; width:346px; padding:14px 0; }
#footer #ffeed { float:left; padding:14px 0 2px 22px; background:url("./themes/site_themes/default/img/rss.gif") bottom left no-repeat; }
#footer #foptions { float:right; padding:14px 0; }
#footer #ffooter { clear:both; }