/* It never got weird enough for me */

/* purple #303 #606*/
/* orange #f60 */

* {margin:0; padding:0;}

/* global stylin' */
body {margin:0px; font-family:Arial,Verdana,sans-serif;  font-size:80%; font-weight:normal; background-color:#fff; color:#333; line-height:120%; background-image:url(http://www.gonzo.org/gback.gif); background-repeat:repeat-x;}
hr {border:none; background-color:#303; height:1px; margin:4px 0; width:150px;}
h1,h2,h3,h4 {color:#303; text-transform:capitalize;}
h2 {margin-top:3px;}
h3 {margin-top:10px;}
h4 {margin-top:10px;}
p {margin-top:10px;}
blockquote {margin-top:10px; margin-left:20px; margin-right:20px;}

a:link {color:#60c; text-decoration:underline;}
a:active {color:#f60; text-decoration:none;}
a:visited {color:#666; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

/* legacy styles */
.black {color:#000;}
.purple {color:#800080;}
.orange {color:#d76b00;}
.small {font-family:arial, verdana, san-serif; font-size:10px;}
.section {font-size:48px; color:white;}
table {}
td {}

/* nav, header, body styles etc * think of the bodywrapper as a house, and cols are merely rooms...and inbetween there are the doors */
#housing {width:100%; width:769px;}
/* crazy controller * because of styles in the body, colours must be defined here */
#content {border:0; margin-top:2px; border-right-width:0px; border-right-color:#fff; border-right-style:solid; width:auto; voice-family:"\"}\""; voice-family:inherit; border-right-width:0px;}
#subhousing {margin-left:12px; min-width:757px; width:757px; position: relative;}

/* navs start */
#header {padding:5px 0px 0px 0px; z-index:10; background-color:#303; height:55px;}
#navup {font-size:11px; color:#fff; position:relative; top:6px; right:0px; text-align:right; margin:0 0 -14px 0; padding:0;}
#navup a:link, #navup a:visited {color:#fff;}

/* main nav */	
#navbar {font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:20px; height:24px; display:block; padding:0 1px 0 0; background-color:#f60; width:770px; margin-bottom:1px;}
#navbar li, #navbar ul {list-style-type:none; display:inline;}
#navbar li {font-weight:bold; color:#fff;}
#navbar li a:link, #navbar li a:visited {float:left; padding:2px 4px; background-color:#f60; color:#fff; text-decoration:none;}
#navbar li a:hover {background-color:#f60; text-decoration:none; color:#000;}
#navbar li a:active {background-color:#fff; text-decoration:none; color:#000;}
#navbar li.sep {float:left;}

/* second nav */	
#navbar2 {font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:20px; height:24px; display:block; padding:0 1px 0 0; background-color:#f93; width:770px; margin-bottom:0px;}
#navbar2 li, #navbar2 ul {list-style-type:none; display:inline;}
#navbar2 li {font-weight:bold; color:#fff;}
#navbar2 li a:link, #navbar2 li a:visited {float:left; padding:2px 4px; background-color:#f93; color:#fff; text-decoration:none;}
#navbar2 li a:hover {background-color:#f93; text-decoration:none; color:#000;}
#navbar2 li a:active {background-color:#fff; text-decoration:none; color:#000;}
#navbar2 li.sep {float:left;}

/* left menu nav */
#subhousing {margin-top:20px;}

/* cols */
#leftcol {width:187px; float:left; margin-right:8px; /* for IE5 mac \*/ margin-right:9px;}
#rightcol {width:561px; float:left;}
#rightcol, #leftcol {margin-bottom:8px;}
#rightcol h1, h2 {margin-top:1px; margin-bottom:10px;}

/* footsies */
#footer {margin-top:18px; padding-top:18px;}
#footer p {margin-top:10px;}

/* popups - future styling? */

/*tester div {border:1px solid red;}*/