/*
content formatting commands aka cascading style sheets
cfc = css ? lol I need vacations again ;P
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
author (of the following lunatic code): Stamatis Kritikos;
latest update: 2nd of June, 2006
(c) 2006, www.mrstyles.gr & www.stamatiskritikos.com
*/

/*
some basic styling to set the master background, the font color and size, center the template and get rid of margins and padding
*/
body {
background:#000;
color:#d9afdf;
font:normal 11px/19px Tahoma,Verdana,Arial,sans-serif;
text-align:center; /* "center the div please" hack part 1/2 =D */
margin:0;
padding:0;
}
a:link, a:visited, a:active {
color:#ff822b;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:focus {outline:none}
img {border:2px solid #636}
/*
source formatted view aka sfv lol, it just makes the code clearer to me that way
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
one (table class) to include them all
*/
.master {
width:754px;
background:#000 url(images/bg.jpg) top left repeat-y;
min-height:100%;
height:auto;
position:relative;
margin:0 auto; /* "center the div please" hack 2/2 =D */
text-align:left;
}
	/*
	overall header
	*/
	#header {
	background:#000 url(images/header-new.jpg) top left no-repeat;
	width:754px;
	height:199px;
	vertical-align:top;
	margin:0;
	position:relative
	}
	#logo {
	position:absolute;
	top:20px;
	left:10px
	}
	#logo img {border:none}
	/*
	overall body
	*/
	#main {
	width:550px;
	height:auto;
	vertical-align:top;
	margin:0 100px;
	}
		/*
		main content here
		*/
		#content {
		width:550px;
		min-height:100%;
		height:auto !important;
		text-align:left;
		vertical-align:top;
		padding:10px 0;
		}
		#content p {font:12px/19px "Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,Arial,sans-serif; letter-spacing:1px;}
		#content h1 {font:bold 18px helvetica,arial,sans-serif; color:#fe8753; letter-spacing:-1px; margin:0;}
		#content h2 {color:white; font:bold 14px arial,sans-serif; letter-spacing:1px; margin:0.5em 0 1em 0; text-align:right}
		#content h3 {font-size:12px; color:#6F90B5;}
		#content h4 {font-size:12px;}
	/*
	overall footer
	*/
	#footer {
	background:#000 url(images/footer.jpg) top center no-repeat;
	width:754px;
	height:209px;
	vertical-align:top;
	margin:0;
	text-align:center;
	clear:both;
	position:relative
	}
	#rightfoot {
	position:absolute;
	top:50px;
	right:100px;
	text-align:right;
	}
	#login {
	position:absolute;
	top:84px;
	right:220px;
	}
	#login a, #login a:hover {color:#9a6da8}
	.yell {color:#fcdf2c}
	.clear {
	clear:both;
	}
#navcontainer {
position:absolute;
top:155px;
width:100%
}
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
color: white;
width: 100%;
font:bold 14px Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
}

#navcontainer ul li a:hover
{
color: black;
}

/* sNews */
fieldset { border: 1px solid #993366; padding: 10px 8px; margin: 0 0 8px 0; color: #ccc; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { padding: 10px; margin: 0 0 10px 0; }
.commentsbox { padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #993366; margin: 0 0 20px 0; }
legend {font:bold 13px tahoma,serif}