/*
ADAPTED FROM MOLLIO
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */
* {margin:0;padding:0;}
body {padding:10px 0 20px;background: #69c url("/grfx/bg.gif") repeat-x 0 0;color:#000;font:78%/1.5 arial,tahoma,verdana,sans-serif;}

/* LINKS */
a,a:link,a:active,a:visited {background:transparent;text-decoration:none; border-bottom: 1px dotted #999;cursor:pointer;} 
a:link {color:#069;} 
a:visited {color:#999;} 
a:hover,a:active {color:#036;border-bottom: 1px solid #999;} 
#nav a, #site-name a {border: none;}


/* FORMS */
form {margin: 0 0 1.5em;}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0;}
fieldset {border: none;}
label {display:block;padding: 5px 0;}
label br {clear:left;}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%;}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:650px; margin:10px auto; padding: 5px 0;background: #f6f6f6 url("") no-repeat 100% 100%;border: 1px solid #d7d7d7;}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em;}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00;}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff;}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none;}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:300px;float:left;margin:0 10px 0 10px;}
		
		form.f-wrap-1 label strong {float:left;width:8em;line-height: 1.7;display:block;position:relative;}
		form.f-wrap-1 label strong .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em;}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right;}
		form.f-wrap-1 div.req strong {color:#c00;font-size:140%;}
		form.f-wrap-1 label select {width: 15.5em;}
		form.f-wrap-1 label textarea.f-body {width: 600px;}
		form.f-wrap-1 label textarea.f-gvid {width: 600px;}
		form.f-wrap-1 label input.f-title {width: 600px;}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em;}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px;}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em;}
		form.f-wrap-1 fieldset.f-checkbox-wrap strong, form.f-wrap-1 fieldset.f-radio-wrap strong {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em;}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px;}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px;}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0;}
		
		#spam-notice {border-top: 1px solid #fff; font-size: 90%; padding: .5em;}
		

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 .5em;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;padding-bottom: .1em;}
h1 {font-size: 236%; margin:0; padding: 0; text-align: center; color:#71A1DF; background-color: #036;height: 100%; }
h2 {font-size: 136%;}
h3 {font-size: 126%; padding: 0;margin: 0; text-align: center; width: 100%; background-color:#71A1DF;height: 100%;}
h4 {font-size: 116%; font-style: italic; padding: 0 0 0 5px; background-color:#71A1DF;height: 100%;}
h5 {font-size: 106%;}
h6 {font-size: 96%;}

.error_message {color:#B30800;font-weight:bold;}
.success {color:#390;font-weight:bold;}
.caption {color:#999;font-size:11px;}
.date {position: absolute;left:5px; font: bold 76% arial; color: #0C336A; padding: 0px; letter-spacing: 1px; margin:7px 0; }
small {font-size:11px;}

/* LISTS */
ul {margin: .3em 0 1.5em 0;}
	ul.related {margin-top: -1em;}
ol {margin: .5em .5em 1.5em;}
ol li {margin-left: 1.4em;padding-left: 0; list-style-type: decimal;}
li {line-height: 1.4em;}


/* GENERAL */
img {border:none;} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px;} 

/* LAYOUT - HEADER */
#header {background: #0C336A url("/grfx/banner.gif") no-repeat 0 100%;margin: 10px 0 0; padding: 0; height: 200px;}

	#header #site-name {margin:0; padding:10px; color:#fff;border:none;}
	
	/* NAV - top horizontal nav */
	#nav {font-weight:bold;height:20px;font: bold 14px arial;text-transform: uppercase; margin: 85px 0 0 0;padding: 0;}
	#nav ul, #nav ul li {padding: 0; margin: 0; list-style: none;}
	#nav ul {text-align: center;}
	#nav ul li {background: none; display:inline; margin-left: 1.5em; padding:0;}
	#nav ul li.last {margin-left: 0;}

	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff; padding: 4px 10px 2px;}
	#nav a:hover {color:#fe6;}



	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
/* LAYOUT - main body of page */
#wrap {width:700px;margin: 0 auto;position:relative;overflow: hidden;}
#content-wrap {position:relative;width:100%;}
	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px;}
	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px;}

#content {margin: 0; background-color: #C6DBF7;}
	
	.post {padding-bottom: 10px;}
	.post p {margin: .5em .5em 0;}
	.list {margin-top: 20px; padding-bottom: 10px; border-bottom: 1px #fff solid;}
	.list p, .info p {font-size: 136%; color: #036; margin: .5em .5em 0;}
	.postfooter {font-size: 73%; text-align: right; margin: .5em; color: #999;clear: both;}
	.list img, .info img, .post img {margin: 5px 10px 10px; border: 1px solid #036;}
	.vid {float: left; padding: 10px;}
	.watch_video {text-align: center; width: 100%; font-weight: bold; font-size: 109%;}
	
	#vindex  {margin-top: 0; margin-left: 60px; text-align: center;}
	#vindex ul {display: inline; margin: 0 auto;}
	#vindex li {display: block; float: left; width: 160px; height: 200px; text-align: center; font-weight: bold; color: #036; margin:15px 40px 15px 0;}
	#vindex img {border: 2px solid #036;}
	#vindex a {border: none;}
	#vindex .vdate {color: #666;}
	#vindex .vidfoot {font-size: 73%; color: #999;}
	
	#scrollwrap {background-color: #000; overflow: auto; height: 175px; width:100%;}
	#vscroll {background-color: #000; margin: 15px 0; white-space: nowrap;}
	#vscroll a {border: none;}
	#vscroll img {border: 2px solid #fff; margin: 0 34px 0 34px;}
	
	
	.pagination {background: #C6DBF7;color:#666;padding: 4px 2px 4px 7px;border-top: 2px solid #036; margin: 0;}
	.pagination p {position:relative;text-align:right;}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color: #069;}
	.pagination p a:hover {background:#71A1DF;color:#fff;}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc;}
	.pagination * {margin:0;}
	.pagination h5 {margin-top:-1.45em;padding:0;border:none;background-color:transparent;color: #999;}
	
	#comments {margin: 15px 25px 25px;}
	.user_comment_a, .user_comment_b, .kb_comment {border-bottom: 1px #fff solid; padding-bottom: 5px;}
	.user_comment_a {color: #036;}
	.user_comment_b {color: #666;}
	.kb_comment {color: #030303; background: url("/grfx/logomark.gif") repeat-x 0 100%;border-bottom: 1px #fff solid; padding-bottom: 5px;}
	.commentfooter {font-size: 73%; text-align: right;}

/* LAYOUT - FOOTER */
#footer {clear:both;border-top: 2px solid #036;padding: 10px 0 30px;font-size:86%;color:#036; text-align: center;background-color:transparent;}
	#footer p {margin:0;}
	#footer a:link {color:#999;}

/*FLASH MESSAGES */
#flash_message {text-align: center; position: relative; margin: 10px 0 15px; padding:4px;}
.flash_error { background-color:#FFE8E8; 	border:1px solid red;	color: #000000; }
.flash_info, .flash_comment {	background-color: #036; border:2px solid #fff; color: #fff; }



#adminhead {background-color: #fff; font-weight: bold; text-align: right; padding: 2px;} 
#adminhead a, .adminlink a {border: none;}
.adminlink {text-align: center; margin: 5px 0 5px;}
.adminlink a, .adminlink a:visited, .adminlink a:active, .adminlink a:hover {margin: 0 5px; padding: 2px; border: 1px solid #B30800; color: #B30800; background-color: #fff;}

#users ul {padding: 5px; text-align: right;}
#users li {margin: 5px 0;}

div.req {width: 100%;text-align: right;}
.req {color: #B30800; float: left; font-weight: bold;}