/*
Theme Name: Technical
Theme URI: http://wicked.pirefly.com/
Version: 4.0
Author: Sydney Ranier
Author URI: http://sydneyranier.bplaced.net/
*/

/* ================================================================================================ GLOBAL */

body
	{ margin: 0 auto;
	  padding: 0;
	  background: #383838 url('bg.jpg') repeat-x;
	  text-align: center;
	  font: 12px arial;
	  color: #616161; }

img
	{ border: 0; }

img.games
	{ padding: 5px;
	  border: 1px solid #333333; }

.center
	{ text-align: center; }

/* ================================================================================================ CONTAINERS */

div#container
	{ margin: 0 auto;
	  padding: 0;
	  width: 850px; }

div#header
	{ margin: 0;
	  padding: 0;
	  width: 850px;
	  height: 223px; }

	div#iconcont
		{ position: relative;
		  margin: 0;
		  padding: 29px 0 0 0;
		  width: 850px;
		  height: 151px; }
	
	div#navigation
		{ position: relative;
		  margin: 0;
		  padding: 0;
		  width: 850px; }

div#content
	{ margin: 15px 0;
	  padding: 10px 20px;
	  width: 810px;
	  background: #000000 url('contentbg.jpg') no-repeat;
	  text-align: justify; }

div#footer
	{ clear: both;
	  margin: -15px 0 25px 0;
	  padding: 0;
	  width: 850px;
	  height: 94px;
	  background: #000000 url('footer.jpg') no-repeat; }
	  
div.icon
	{ float: left;
	  margin: 0;
	  padding: 0;
	  width: 20%; }

div.formcontainer
	{ margin: 0;
	  width: 85%; }

div.clear
	{ clear: both; }

/* ================================================================================================ NAVIGATION */

#menu
	{ position: relative;
	  margin: 0 auto;
	  padding: 0;
	  width: 850px;
	  height: 43px;
	  background: url('menu.png'); }

#menu li
	{ position: absolute;
	  top: 0;
	  margin: 0;
	  padding: 0;
	  list-style: none; }

#menu li a
	{ display: block;
	  height: 43px; }

#journal { left: 0; width: 170px; }
#journal a:hover { background: transparent url('menu.png') 0 -43px no-repeat; }

#encyclopedia { left: 171px; width: 170px; }
#encyclopedia a:hover { background: transparent url('menu.png') -171px -43px no-repeat; }

#roadhouse { left: 341px; width: 170px; }
#roadhouse a:hover { background: transparent url('menu.png') -341px -43px no-repeat; }

#postings { left: 511px; width: 170px; }
#postings a:hover { background: transparent url('menu.png') -511px -43px no-repeat; }

#backroom { left: 681px; width: 170px; }
#backroom a:hover { background: transparent url('menu.png') -681px -43px no-repeat; }

/* ================================================================================================ TYPOGRAPHY */

h1
	{ padding: 0 0 0 10px;
	  text-transform: uppercase;
	  border-left: 10px solid #595D5F;
	  font: 26px "century gothic";
	  font-weight: bold;
	  color: #1693A5; }

h2
	{ text-transform: uppercase;
	  font: 20px "century gothic";
	  font-weight: bold;
	  color: #F15701; }

h2 span
	{ padding: 0 0 0 10px;
	  font: 18px "century gothic";
	  color: #A13300; }
	  
h3
	{ text-transform: uppercase;
	  font: 14px "century gothic";
	  font-weight: bold;
	  color: #DFAD00; }
	  
h3.comments
	{ padding: 0 0 0 50px;
	  text-transform: uppercase;
	  font: 14px "century gothic";
	  font-weight: bold;
	  color: #949494; }
	  
h4
	{ text-transform: uppercase;
	  font: 12px "century gothic";
	  font-weight: bold;
	  color: #FF0063; }

strong
	{ color: #99173D; }
	
em
	{ color: #116E7D; }

ins
	{ color: #DFAD00; }

a
	{ text-decoration: none;
	  color: #61AB00; }

a:hover
	{ color: #488001; }
	
p
	{ line-height: 22px; }

p.right
	{ text-align: right; }

blockquote
	{ margin: 0 auto;
	  padding: 3px 10px;
	  width: 790px; }

blockquote.quote
	{ border-bottom: 1px solid #333333;
	  background: #101010;
	  font: 12px georgia; }

/* ================================================================================================ TABLE */

table
	{ margin: 0;
	  padding: 0;
	  width: 100%;
	  border: 1px solid #333333;
	  background: #000000;
	  font: 11px arial;
	  line-height: 22px; }

table.nobg
	{ margin: 0;
	  padding: 0;
	  width: 100%;
	  border: 0;
	  font: 11px arial;
	  line-height: 22px; }

table tr.title td
	{ background: #333333;
	  text-align: center;
	  text-transform: uppercase;
	  font-weight: bold;
	  color: #9F9F9F; }

table td
	{ padding: 5px;
	  background: #101010; }

table.nobg td
	{ padding: 5px;
	  background: none; }

table em
	{ color: #E08800; }

/* ================================================================================================ FORMS */

label
	{ float: left;
	  margin: 0;
	  padding: 0;
	  width: 200px;
	  font-weight: bold;
	  color: #677124; }

small
	{ padding-left: 5px;
	  color: #FF8205; }

input, textarea
	{ margin: 0;
	  padding: 2px;
	  border: 1px solid #272727;
	  background: #0B0B0B;
	  font: 12px arial;
	  color: #05455D; }

input:focus, textarea:focus
	{ border: 1px solid #066A8F;
	  background: #05455D;
	  color: #87B4C5; }

input.submitbutton
	{ width: 100px;
	  text-transform: uppercase;
	  font-weight: bold; }
	
textarea.textareafield
	{ width: 450px;
	  height: 100px; }

/* =========================================================================================== COMMENTS */

.commentlist
	{ margin: 0;
	  padding: 0;
	  list-style: none; }

.commentlist ol
	{ margin: 0;
	  padding: 0 0 15px 0; }

.authcomment
	{ margin: 0 0 15px 0;
	  padding: 10px;
	  border-right: 5px solid #FF0063;
	  background: #0B0B0B;
	  line-height: 22px; }

.alt
	{ margin: 0 0 15px 0;
	  padding: 10px;
	  border-right: 5px solid #1693A5;
	  background: #0B0B0B;
	  line-height: 22px; }

.commentlist p.nocomments
	{ padding: 0; }