body { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #000; color: #000; }
/*************************************
 *         Content styles
 *************************************/

/* -------< Default Element Styles >--------*/
div,h1 { margin:0;padding:0; }
h1 { font-size: 30px;  text-transform: uppercase; font-style:italic;}
dl dt { margin: 1em 0 0 0; font-weight: bold; } /*(used for forms)*/
dl dd { margin: 0 0 0 .5em; color:0; }
ul { list-style-type: square; }
a { color: #f00; } a:hover { color: #bb0 }
hr { border: none; background-color: #f00; height: 1px;}		
a img { border: none; }

/* -----------< Global Classes >------------*/
.left { float: left; }
.right { float: right; }
.notify { padding:0; margin:0; color: #0d8; font-weight: bold;}
.after { clear: both; }

/* ------------< Table Styles >-------------*/
table { width:100%; border-collapse:collapse; text-align:left; font-family:Verdana, Arial, sans-serif; font-size: 14px; }
a.left_arrow { float:left; margin:0; padding:0; text-decoration:none;  }
a.right_arrow { float:right; margin:0; padding:0; text-decoration:none; }
th a { text-decoration: none; color: #000; }
th a:hover { text-decoration: underline; color: #bb0; }
th { border-bottom: 2px solid #ee0; }
td { padding: .1em 2em .1em 0; border-bottom: 1px solid #ccc; }
td.thumb { text-align:center; }
td.buttons { text-align:right; }

/* ------------< Form Styles >-------------*/
.error { padding:0; margin:0; color: #f00; font-weight: normal;}
.warning { padding:0; margin:0; color: #970; font-weight: normal;}
.required { color: #f00; }
div.html { width: 95%; min-height: 2em; float:left; border: 1px #000 solid; }
/* > div.html { float:left; } /*CSS HACK - Non-ie browsers need this div to be floated, else the clear:both div within this one will clear the side menu. */
textarea { width: 50%; height:10em; overflow:auto; }
textarea.html { width:95%;height:40em }

/* ------------<Compact forms>-------------*/
form.compact dl dt { margin:0; width: 10em; height:1.5em; text-align:right;}
form.compact dl dd { margin: -1.5em 0 0 10.5em; }
form.compact dl dd .finish { margin-top: 1.5em; }

/* --------------< Gallery >---------------*/
div.thumb { 
	float:right;
	width:200px; height:220px;
	padding: 10px;
}
hr { clear:right; }


/*************************************
 *          Structural styles
 *************************************/
  
/* --------------< Header >----------------*/
div#header { background-color: #000; background-image: url(top_slice_black.png); background-repeat: repeat-x;}
div#header a#logo { display:block; float:left; width: 188px; height:76px; background-image: url(larpro_logo.png); }
div#header a#logo span {visibility:hidden;}
div#header div.element1 { float:right; width:113px; height:76px; background-image: url(top_swoosh.png); }
div#header ul { margin:0; padding: 54px 0 2px 188px; list-style-type: none; }
div#header ul li { display: inline; padding: 0 0 0 1.6em; white-space: nowrap; }
div#header ul li a { font-size: 14px; font-weight: normal; color: #ff4; background-color: #000; text-decoration: none; 
}
div#header ul li a:hover { color: #fff; }
div#header div.element2 { clear:both; }

/* ---------< Main container >------------*/
div#container { background-color: #fff; border-left:16em solid black; }
/* IE/Win-only bugfix \*/ * html div#container { height:1%; } /* Define a dimension for the container so it will actually *enclose* the contained items [holly hack] */
div#container div.element2 { clear:both; height:1em;}
/*---------------< Menu >-----------------*/
div#menu { float:left; position:relative; margin-left: -16em; width: 16em; background-color:#000;}
div#menu input, form { margin:0; padding:0; }
div#menu form input.query {width:10em}
div#menu form input.submit {width:4em}
div#menu form a { font-size: 10px; font-weight: normal; color: #ff4;}
div#menu a.back { display:block; text-align: right; padding-right:5px; }
div#menu a.back:hover { color:#ff4; }
div#menu h1 { font-size: 26px; font-weight: bold; text-align: right; padding-right:5px;}
div#menu h1 a { color:#fff; text-decoration:none;}
div#menu ul { list-style-type:none; margin:0 0 2em 0; padding:0; }
div#menu ul li { position:relative; margin: 0 1em 0 1em; padding: .2em; border-bottom: 1px #ff4 solid; }
div#menu ul li a { text-decoration:none; font-size: 15px; color: #fff; }
div#menu ul li a:hover { color: #ff6; }

/*--------------< Content >----------------*/
div#content { padding: 1em; }
/* ---------<END Main container >----------*/

/*--------------< Footer >-----------------*/
div#footer { clear:both; color: #fff; }
div#footer  p {padding:0; margin:0; font-size:10px;}
div#footer p#copyright {float:left;}
div#footer p#updated {float:right;}