/*
MAES-HUGHES.NET
http://maes-hughes.net
online since: August 2007
version: 1.0
------------------------- */

* {margin:0; padding:0; font-family:trebuchet ms, arial, sans-serif;}
* p {margin:10px auto;}
* img, * a {outline:none; border:none;}

/* For footer positioning,
method taken from The Man in Blue:
http://www.themaninblue.com/experiment/footerStickAlt/
--------------------------------------------------------- */
html {height: 100%;}
body {height: 100%; background: #E7E7E7 url(/images/general/bg.jpg) top center repeat-y scroll; text-align:center;}
#nonFooter {position: relative;	min-height:100%;}
* html #nonFooter {height:100%;}

/* Content positioning 
--------------------------------------------------------- */
#wrapper {width: 760px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	z-index:1;}
* html #wrapper {height: 100%;}

/* Site title and "logo" (Hughes pic)
--------------------------------------------------------- */
#header {position:absolute; top:0; left:0; height:49px; width:402px; margin-left:29px; background:url(/images/general/maeshughes.jpg) top right no-repeat; z-index:2;}
#header a {outline:none; display:inline; float: left; width: 402px; height: 49px; text-indent: -9999em; text-decoration: none; margin:0; padding:0;}
#banner {position:absolute; top:0px; left:431px; width:300px; height:470px; background:url(/images/general/hughes.jpg) top left no-repeat; z-index:10;}

/* Main content area
--------------------------------------------------------- */
#main {position:relative; float:left; top:0px; left:29px; width:372px; min-height:350px; height:auto; #height:350px; text-align:left; background:url(/images/general/bgmain.jpg) top left no-repeat; padding:60px 15px 0 15px; #padding-bottom:75px; font:12px/16px trebuchet MS, arial, sans-serif; color:#9592A0;}
#main p {margin-bottom:20px;}
#main h2 {margin:0 0 15px 0; font:italic 24px/28px georgia, serif; color:#998CA1; text-transform:lowercase;}

#main .stats {margin:0 auto 20px auto; width:200px; padding:10px 60px 20px 5px; background:#F8F7ED url(/images/general/bgstats.jpg) bottom right no-repeat; color:#AFAF8F;  border-left:6px solid #DBDCBA;}/* #E9E8D2 */
#main .stats a {color:#C88C62; text-decoration:none;}
#main .stats a:hover {color:#C88C62; text-decoration:underline;}
#main p.center {text-align:center;}
#main em.underline {font-style:normal; text-decoration:underline;}
#main code {width:290px; background-color:#F8F7ED; margin:auto; display:block; color:#AFAF8F; padding:5px;}
#main .spoilers {font-style:italic; font-weight:bold; text-align:center;}

#home #main h3 {margin:0 0 -6px 0; font:bold italic 14px/16px georgia, serif; color:#B7ABB9;}
#main h3 {margin:0; font:bold italic 14px/16px georgia, serif; color:#B7ABB9;}
#home #main .banner {text-align:center;}

#main a {text-decoration:none; color:#C88C62;}
#main a:hover {color:#AF4820;}

#main blockquote {margin:10px auto; width:290px; padding:5px; background:#F8F7ED url(/images/general/blockquote.jpg) top left no-repeat; font-style:italic; color:#AFAF8F;}

#fanlisting ul {margin-left:10px; list-style-position:inside;}
#fanlisting ul li {list-style-type:square;}

#site label {display:block; width:170px; padding-right:10px; position:relative; float:left; text-align:right;}
#site input {display:block; width:180px; position:relative; float:left; border:1px solid #9592A0; margin-bottom:4px; font:12px/16px trebuchet MS, arial, sans-serif; color:#9592A0; }
#site textarea {display:block; position:relative; float:left; width:180px; height:50px; overflow:auto; border:1px solid #9592A0; margin-bottom:10px; font:12px/16px trebuchet MS, arial, sans-serif; color:#9592A0; }
#site .button {width:86px; position:relative; float:right; margin-top:10px; margin-left:10px;}
#site #submit {margin-right:10px; #margin-right:5px; clear:left;}
#site #subject {display:none;}
#site #verifyimage_label {width:250px; position:relative; float:right; clear:both;}
#site .captcha {position:relative; float:left; display:inline; margin-right:10px; margin-left:110px; }
#site form p  {position:relative; clear:both; text-align:center; padding-top:20px;}
#site img {margin-right:5px; margin-bottom:5px;}

/* Footer
--------------------------------------------------------- */
#footer {position: relative; clear:both; margin: 0 auto 0 auto; background: url(/images/general/footer.jpg) bottom center no-repeat; margin-top:-75px; height:75px;}
#footer div {margin:auto; display:block; width:680px; padding:25px 0 0 0; color:#FFF; text-align:left; font:11px/16px trebuchet MS, arial, sans-serif;}
#footer div a {color:#FFF1C8; font-weight:bold; text-decoration:none;}
#footer div a:hover {color:#FFF;}

/* Navigation
--------------------------------------------------------- */
#sidebar {position:relative; float:right; margin-top:470px; right:50px; }
#nav {position:relative; float:left; overflow:visible; list-style:none; margin:0; padding:0;}
#nav li {display:block; width:240px; margin: 0 0 5px 0; padding:0; }
* html #sidebar {margin-bottom:75px;}

a#navhughes, a#navfma, a#navfanlisting, a#navextras, a#navsite {color:#FFF; text-decoration:none; background:url(/images/general/navitem.gif) top center no-repeat; display:block; padding:1px 9px; font:bold italic 16px/18px georgia, serif;}
a#navhughes:hover, a#navfma:hover, a#navfanlisting:hover, a#navextras:hover, a#navsite:hover {color:#FFF; text-decoration:none; background:url(/images/general/navitem.gif) top left no-repeat; display:block; padding:1px 9px; }

#hughes a#navhughes, #fma a#navfma, #fanlisting a#navfanlisting, #site a#navsite {color:#FFF; text-decoration:none; background:url(/images/general/navitem.gif) top right no-repeat; display:block; padding:1px 9px; }
#hughes a#navhughes:hover, #fma a#navfma:hover, #fanlisting a#navfanlisting:hover, #site a#navsite:hover {cursor:default;}

#navfmasub li, #navhughessub li, #navfanlistingsub li, #navsitesub li {margin:0;}
#navhughessub a, #navfmasub a, #navfanlistingsub a, #navsitesub a {display:block; width:130px; padding-left:20px; margin:0; font:bold 12px/16px trebuchet ms, sans-serif; text-decoration:none; color:#B7ABB9;}

#home #navfmasub, #home #navhughessub, #home #navfanlistingsub, #home #navsitesub,
#hughes #navfmasub, #hughes #navfanlistingsub, #hughes #navsitesub,
#fma #navhughessub, #fma #navfanlistingsub, #fma #navsitesub,
#fanlisting #navfmasub, #fanlisting #navhughessub, #fanlisting #navsitesub,
#site #navfmasub, #site #navhughessub, #site #navfanlistingsub
{display:none;}

#hughes #navhughessub, #fma #navfmasub, #fanlisting #navfanlistingsub, #site #navsitesub {display:block;}
