/* HTML ELEMENTS */ 
/* top */
/* margins: top, right, bottom, left */

* { margin:0; 	padding: 0; }

body
	 { color: #333; font: 70%/1.5em Verdana, Tahoma, Arial, sans-serif; background-image: url("OceanPleaidesComposite5Left.jpg"); background-repeat: repeat-y; background-attachment: fixed; text-align: center; margin: 0; padding: 0 }

/* links */
a
	{
		color: #000099; 
		background-color: inherit;
		text-decoration: none;
	}
	
a:hover
	{
		color: #575757;
		background-color: inherit;
	}

/* headers */
h1, h2, h3
	{
		font-family: 'Trebuchet MS', Tahoma, Verdana, Sans-serif; font-weight: Bold; 		
	}

h1
	  { color: #000099; font-size: 145%; background-color: transparent; padding: 10px 10px 5px; border-bottom: 1px solid #ffcc33 }

h2
	{
		font-size: 125%;
		text-transform: uppercase;
	}

h3
	{
		font-size: 125%;	
		color: #404040;
	}

h2, h3, p
	{
		padding: 10px;		
		margin: 0;
	}

/* images */
img
	 { margin: 8px; border: solid 0 #d5d5d5 }

img.float-right
	{
  		margin: 5px 0px 5px 10px;  
	}

img.float-left
	{
		margin: 5px 10px 5px 0px;
	}

#sidebar h1, #sidebar p
	{
		padding-left: 0;
	}

ul, ol 
	  { margin: 2px; padding: 0 5px 0 21px }

blockquote
	 { background: #fafafa url("file:///Users/brucerawles/Documents/websites/geometrycode.com/geometrycode-website/geometrycode-current%20site/images/quote.gif") no-repeat 5px 10px !important; margin: 10px; padding: 0 0 0 32px; border-style: solid; border-width: 1px 1px 1px 4px; border-color: #f2f2f2 #f2f2f2 #f2f2f2 #ffcc33 }

/* form elements */
form
	{
		margin:10px; padding: 5px;
		border: 1px solid #f2f2f2; 
		background-color: #FAFAFA; 
	}

label
	{
		display:block;
		font-weight:bold;
		margin:5px 0;
	}

input
	{
		padding: 3px;
		border:1px solid #eee;
		font: normal 1em Verdana, sans-serif;
		color:#777;
	}

textarea
	{
		width:350px;
		padding:3px;
		font: normal 1em Verdana, sans-serif;
		border:1px solid #eee;
		height:100px;
		display:block;
		color:#777;
	}

input.button
	{ 
		margin: 0; 
		font: bolder 12px Verdana, Sans-serif; 
		border: 1px solid #CCC; 
		padding: 2px 3px; 
		background: #EEEEEE;
		color: #AA00FF;
	}

/* search form */
form.search
	{
	background-color: transparent; margin: 0; padding: 0; 
	position: absolute; right: 5px; bottom: 12px; 
	border: none
	}

form.search input.textbox
	{ 
		margin: 0; 
		width: 120px;
		border: 1px solid #CCC; 
		background: #FFF;
		color: #333; 	
		vertical-align: top;
	}

form.search input.button
	{
		width: 60px;
		vertical-align: top;
	}

/**************************************
   LAYOUT 
***************************************/	
#wrap
	 { text-align: left; margin: 0 auto; padding: 0; position: relative; left: 99px; width: 800px }

/* header */
#header
	{ 
		position: relative;
		height: 70px; 
		margin: 0; padding: 0;
		color: #000099; 		
	}

#header h1#logo
	{
		position: absolute;	
		font: 4.9em Arial, Tahoma, Sans-Serif;
		margin: 0; padding:0;
		color: #FFCC33;
		letter-spacing: -2px;	
		border: none;	
		
		/* change the values of top and Left to adjust the position of the logo*/
		top: 16px; left: 77px;		
	}

#header h1#logo span
	 { color: #FFCC33; }

#header h2#slogan
	{ color: #FFCC33; font: 18px Arial, Tahoma, Sans-Serif; 
	text-transform: none; margin: 0; padding: 0; position: absolute; top: 48px; left: 0px
	}

/* menu */
#menu
	    { font: bolder 1.2em/30px Tahoma, Verdana, Arial, Sans-Serif; background: #000099 url("file:///Users/brucerawles/Documents/websites/geometrycode.com/geometrycode-website/geometrycode-current%20site/images/menubg.gif") repeat-x; margin: 0; height: 30px; clear: both }

#menu ul
	{
		margin: 0; padding: 0 0 0 8px;
	}

#menu ul li
	{
		float: left;
		list-style: none;		
		border-right: 1px solid #FFCC33;
	}

#menu ul li a
	{
		display: block;
		text-decoration: none;	
		padding: 0 15px;
		color: #FFF;	
	}

#menu ul li a:hover
	         { color: #7d7dff; background: url("file:///Users/brucerawles/Documents/websites/geometrycode.com/geometrycode-website/geometrycode-current%20site/images/menu-hover-bg.gif") repeat-x }

#menu ul li#current a
	  { color: #FFCC33; background: url("file:///Users/brucerawles/Documents/websites/geometrycode.com/geometrycode-website/geometrycode-current%20site/images/menu-current-bg.gif") repeat-x }

/* left column - ideal width 19.09 % */
#sidebar
	{
		display: inline; margin: 0; padding: 0; width: 18%; float: left
	}
	
#sidebar ul.sidemenu
	 { text-decoration: none; text-align: left; list-style: none; margin: 12px 8px 8px 0; padding: 0 }

#sidebar ul.sidemenu li
	{ 
		background: transparent; 
		padding: 2px; 
		border-bottom: 1px solid #ffcc33
	}

* html body #sidebar ul.sidemenu li
	{
		height: 1%;
	}

#sidebar ul.sidemenu li a
	{
		font-weight: bolder;
		background-image: none;
		text-decoration: none;	
	}

/* right column - ideal width 30.90 % */
#rightbar
	{
		margin: 0 0 0 5px; padding: 0; width: 28%; float: right
	}

/* main column - ideal width 50.00 % */
#main
	{
		margin: 0 7px 0 7px; padding: 0; width: 46%; float: left
	}

/* footer */
#footer
	{
		clear: both; 	
		color: #666666; 	
		padding: 0;	 
		background: transparent;
		height: 60px
	}

#footer a
	{ 
		text-decoration: none; 
		font-weight: bold;
	}

#footer-content
	{
		margin: 0 auto;
		width: 800px
	}

#footer-content #footer-left
	{
		padding: 10px;
		width: 60%;
		float: left;
		text-align: left;
	}

#footer-content #footer-right
	{
		padding: 10px;
		width: 33%;
		float: right;
		text-align: right;
	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear  { clear: both; }
.violet { color: #AA00FF; }
.blue   { color: #FF0000 }
.teal	{ color: #339999 }
.gold	{ color: #FFCC33 }