@import url("reset.css");
@import url("../images/logos/generate_css.php");

BODY {
	font-family:trebuchet ms,arial,helvetica,sans-serif;
	font-size:0.8em;
	/*background:#D5D5A1 url(../images/bg.gif) 50% 0 repeat-x fixed;*/
	padding:20px 0;
}

h1, h2, h3, h4, h5 { 
	font-family:verdana,arial,helvetica,sans-serif;
	line-height:1.8em; 
	margin:0.6em 0; 
	font-weight:bold;
}
p { margin-bottom:1em;	}

h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }

a:link, a:visited, a:hover, a:active {
	color:#E9E9E9;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
	text-decoration:underline;	
}

input,textarea,select { border:1px solid #808080; }
input[type='button'] { background-color:#EFEFEF; }
input[type='radio'] { border:0; }
input[type='hidden'] { border:0; }
input[type='checkbox'] { border:0; }

/* IDs */

#page-wrapper {
	width:1000px;
	margin:0 auto;	
}

#site-name {
	width:758px;
	height:30px;
	background-color:#777777; 
	border:1px solid #000000;
	border-bottom:0;
}
#site-name span {
	display:block;
	float:right;
	padding:4px 4px 0 0;
	font-family:Showcard Gothic;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
}

#navigation {
	width:239px;
	min-height:550px;
	float:right;
	background-color:#D0D0D0;
	border:1px solid #000000;
	border-left:0;
	left:-1px;
	top:-1px;
	position:relative;
}
* html #navigation { height:550px; }
/* first level */
#navigation ul { margin:5px; }
#navigation ul li a:link,
#navigation ul li a:visited,
#navigation ul li a:hover,
#navigation ul li a:active { 
	font-weight:bold; 
	background-color:#B0B0B0;
	color:#333333;
	display:block; 
	padding:8px; 
	margin:2px; 
}
* html #navigation ul li a:link,
* html #navigation ul li a:visited,
* html #navigation ul li a:hover,
* html #navigation ul li a:active {height:1%;}
#navigation ul li a:hover { background-color:#663300;color:#FFFFFF; }
/* second level */
#navigation ul ul { margin:0 0 0 2px; }
#navigation ul ul li a:link,
#navigation ul ul li a:visited,
#navigation ul ul li a:hover,
#navigation ul ul li a:active {
	background:transparent url(../images/nav-bullet.gif) 0 50% no-repeat;
	color:#333333;
	font-size: 0.8em;
	font-weight:normal; 
	padding:3px 3px 3px 10px; 
	margin:2px 2px 2px 2px; 
}
#navigation ul ul li a:visited { background-image: url(../images/nav-bullet-visited.gif); }
#navigation ul ul li a:hover { color:#330000; }
/* third level */
#navigation ul ul ul { margin:0 0 0 6px; }
/* display logic */
#navigation ul li ul {  display:none; }
#navigation ul li.selected ul { display:block; }
/* first level display color */
#navigation ul li.selected a:link,
#navigation ul li.selected a:visited,
#navigation ul li.selected a:hover,
#navigation ul li.selected a:active { background-color:#336633;color:#FFFFFF; }
#navigation ul li.selected ul a:link,
#navigation ul li.selected ul a:visited,
#navigation ul li.selected ul a:hover,
#navigation ul li.selected ul a:active { background-color:transparent;color:#333333; }
/* second level display color */
#navigation ul ul li.selected { border:1px solid #EFEFEF; }
#navigation ul ul li.selected li { border:none; }
/* third level+ links */
#navigation ul ul li.selected a.current:link,
#navigation ul ul li.selected a.current:visited,
#navigation ul ul li.selected a.current:hover,
#navigation ul ul li.selected a.current:active { background-color:#C0C0C0; }

#navigation-footer {
	display:none;
}

#content-wrapper {
	width:758px;
	min-height:600px;
	float:left;
	background-color:#EFEFEF;
	border:1px solid #000000;
	border-top:0;
	border-bottom:0;
}
* html #content-wrapper { height:600px; }

#content {
	margin:8px;
}

#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#C00000;
}
#content h1 a:link, #content h1 a:visited, #content h1 a:hover, #content h1 a:active,
#content h2 a:link, #content h2 a:visited, #content h2 a:hover, #content h2 a:active,
#content h3 a:link, #content h3 a:visited, #content h3 a:hover, #content h3 a:active,
#content h4 a:link, #content h4 a:visited, #content h4 a:hover, #content h4 a:active,
#content h5 a:link, #content h5 a:visited, #content h5 a:hover, #content h5 a:active,
#content h6 a:link, #content h6 a:visited, #content h6 a:hover, #content h6 a:active {
	color:#000000;
}
		
#content h1#title, #content.home h1 { display:none; }
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 { 
	clear:left; 
	padding-left:0.6em;
	background:#E0E0E0 url(../images/hr.gif) 0 100% repeat-x; 
}
#content ul, #content ol { margin:0 0 1em 30px; }
#content ul { list-style:disc outside; }
#content ul ul { list-style:circle outside; }
#content ul ul ul { list-style:square outside; }
#content ol { list-style:decimal outside; }
#content ol ol { list-style:lower-alpha outside; }
#content ol ol ol { list-style:lower-roman outside; }
#content li { display:list-item; margin:0.25em 0 0.25em 0; }

#content hr { display: none; }

#content blockquote { margin:0 0 1em 30px; }

#content form { margin: 0 }
#content form fieldset { display:block; margin:10px; }
#content form fieldset.spam-check { display:none; }
#content form label { display:block; float:left; width:120px; text-align: right; margin-right:10px; }
#content form input { display:block; float:left; width:200px; }
#content form textarea { display:block; float:left; width:250px; height:100px; }

#content .error-wrapper { border:1px solid red; background-color:#FFAAAA;  }
#content ul.error-wrapper { list-style-position:inside; margin:0; padding:6px 10px; }

#side-nav { display:none; }

#breadcrumb { 
	padding:4px 8px;
	margin:0;
	font-family:sans-serif;
	font-size:0.8em;
	background-color: #D0D0D0;
}
#breadcrumb li { 
	display:inline;
	padding:0 0 0 10px;
	background:transparent url(../images/breadcrumb-bullet.gif) 2px 50% no-repeat;
	color:#333333;
}
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:hover,
#breadcrumb a:active { color:#AA0000; }

#footer {
	width:746px;
	clear:left;
	background-color:#D0D0D0; 
	font-size: 0.8em;
	padding:6px;
	border:1px solid #000000;
	border-top:0;
}
#footer ul { float:right; width:200px; }
#footer ul li { display:block; float:right; }
#footer ul a:link,
#footer ul a:visited,
#footer ul a:hover,
#footer ul a:active { 
	display:block; 
	padding:0 0 0 15px; 
	background:transparent url(../images/nav-bullet.gif) 6px 50% no-repeat;
	color:#000000;
}
#footer ul a:visited { background-image:url(../images/nav-bullet-visited.gif); }
#footer .clear-hidden { display:none; }

/* SHARED CLASSES */

.clear {
	clear:both;
}
.clear-hidden {
	clear:both;
	font-size:1px;
	height:1px;
}

/* SYNTAX HIGHLIGHTER */

.syntaxhighlighter {
	border:1px solid black;
	margin-left:30px;
}