/* Base design by Strataweb, based on original design by http://www.styleshout.com/ */

/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {background: #CCC;	font: 75%/1.6em Verdana, Tahoma, arial, sans-serif;	color: #555;	text-align: center;	margin: 5px 0;}

/* LINKS */
a, a:visited {color: #009999; background: inherit; text-decoration: none;}
a:hover {color: #ff6600; background: inherit; text-decoration: underline;}

/* HEADINGS */
h1, h2, h3 {font-family: 'Trebuchet MS', Tahoma, Sans-serif;}
h1 {font-size: 190%; font-weight: normal; color: #CC0000;}
h2 {font-size: 140%; text-transform: uppercase; color: #CC0000;}
h3 {font-size: 130%; color: #FF3333;}
h1, h2, h3 {padding: 10px 10px 0 10px; margin: 0;}
p {padding: 0 10px 10px 10px; margin: 0;}

/* LISTS */
ul, ol {margin: 5px 20px; padding: 0 20px;}
ul {list-style: none;}

/* IMAGES */
img {background: #FAFAFA; border: 1px solid #DCDCDC; padding: 5px; width: auto; height: auto;}
img.right {float: right; margin: 5px 0px 10px 10px;}
img.left {float: left; margin: 5px 10px 10px 0px;}
img.icon {float: left; margin: 5px 10px 10px 0px; border-style: none; }
img.banner {margin: 5px 10px 10px 10px;}
img.menu {border-style: none; margin: 0; padding: 0;}
img.list {clear:right; margin: 5px 10px 10px 0px;}
img.statcounter {border-style: none;}

/* IMAGE GALLERIES */
	.gal {list-style: none;}
	.gal a {position:relative;}
	
	.gal img { background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 2px; color: inherit; padding: 2px;	vertical-align: top; width: auto; height: auto;}

	.gal li {list-style-type: none; background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid;	border-width: 1px;	color: inherit; display: inline; float: left; margin: 5px; padding: 5px; position: static;}

/*TYPO STUFF */
.help {cursor: help; border-style: none; font-style: italic; }
.devnote {color: #FF0000; font-weight: normal; border-bottom: 1px solid #999;}
blockquote {margin: 10px; padding: 10px; background: #ccc; border: 1px solid #E0DBC9; font-style: italic; }
.sample {margin: 10px; padding: 10px; background: #ccc; border: 1px solid #E0DBC9; font-style: italic; }
.caption {font-size: 0.9em; color: #999; margin-top: 0;}



/********************************************
   LAYOUT
********************************************/ 
#wrap {position: relative; width: 820px; background: #CCC url(images/content.gif) repeat-y center top;	margin: 0 auto;	text-align: left;}

#top-bg {  position: absolute;	width: 820px; height: 19px;	background: #CCC url(images/top-bg.gif) repeat-y center top; top: 0; left: 0; z-index: 2;}
#content-wrap {position: relative; clear: both;	float: left; width: 790px; padding: 0; background: #E8E8E8;	border-top: 5px solid #FFF;	border-bottom: 2px solid #D0D0D0; margin-left: 15px; display: inline;}

#header {width: 820px; position: relative; height: 50px; background: #CCC url(images/header-bg2.gif) no-repeat center top; padding: 0; color: #FFF;}

#header h1#logo-text a {position: absolute;	margin: 0; padding: 0; font: bold 48px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -1px;	color: #fff;	text-transform: none; text-decoration: none; 
top: 110px; left: 30px;}

#header h1#logo-text span {color: #FFCC66;}
#header p#slogan {position: absolute; margin: 0; padding: 0; font: bold 16px 'Trebuchet MS', Arial, Sans-serif; text-transform: none;	color: #fff; top: 170px; left: 30px;}

/* TOP NAV */
#header #topnav {position: absolute; top: 25px; right: 32px; color: #333; font-size: 11px; }
#header #topnav a {color: #009999; text-decoration: none; vertical-align: middle;}
#header #topnav a:hover {color: #ff6600; text-decoration: underline;}

/* BANNER */
#banner {clear: both; height: 200px; width: 790px;	margin: 0 auto;	background: #FFF url(images/header03.jpg) no-repeat center center;}

/* NAVIGATION */
#nav {clear: both; padding: 0;}
#nav ul {float: left; list-style: none; background: url(images/nav3.gif) repeat-x; width: 790px; text-transform: uppercase;	margin: 0 0 0 15px;	padding: 0;	display: inline;}

#nav ul li {display: inline; margin: 0; padding: 0;}

#nav ul li a {display: block; float: left; width: auto;	margin: 0;	padding: 0 14px; border-right: 1px solid #fff; border-left: 1px solid #fff;	border-bottom: none; color: #FFF; font: bold 12px/2.5em Verdana, Helvetica, Arial, sans-serif; text-transform: uppercase; text-decoration: none;	letter-spacing: 1px;}

#nav ul li a:hover, #nav ul li a:active {background: url(images/nav-hover3.gif) repeat-x; text-decoration: underline;}
#nav ul li#current a {background: url(images/nav-current3.gif) repeat-x; text-decoration: underline;}

/* MAIN CONTENT */
#main {float: left;	width: 75%;	padding: 20px 0 0 0; margin: 0 0 0 10px; display: inline; border-right: 5px solid #fff;}
#main h2 {clear: left;}
#main h3 {clear: left;}
#main h2 a {color: #ff6600;	text-decoration: none;}
#main h2 a hover {color: #ff6600; text-decoration: underline;}
#main ul li {list-style-image: url(images/bullet3.gif);}

/*FULL PAGE NO SIDEBAR */
#main-w {float: left; width: 99%; padding: 20px 0 0 0; margin: 0 0 0 10px; display: inline; border-right: 5px solid #fff;}
#main-w h2 {clear: left;}
#main-w h3 {clear: left;}
#main-w h2 a {color: #ff6600;	text-decoration: none;}
#main-w h2 a hover {color: #ff6600; text-decoration: underline;}
#main-w ul li {list-style-image: url(images/bullet3.gif);}

	/* PAGINATION */
	.pagination {clear: both; background: #f0f0f0; color:#666; padding: 4px 7px 4px 7px; border: 1px solid #ddd; margin: 1.5em 15px 1.5em 15px;}
	.pagination p {position:relative; text-align:right; font-size:110%;}
	.pagination p a {color:#009999; text-decoration:none; font-weight:normal; background:#fff; padding:2px 5px; border: 1px solid #ccc}
	.pagination p a:hover {background:#666; color:#ff6600;}
	.pagination p span {text-decoration:none; background:#fff; padding:2px 5px; border:1px solid #ccc; color:#ccc;}
	.pagination * {margin:0;}
	.pagination h3 {margin:0; padding:0; border:none;}

/* SIDEBAR */	
#sidebar {float: right;	width: 20%; padding: 20px 10px 0 0; margin: 0;}	
#sidebar h3 {padding: 15px 0; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;	color: #CC0000;}
#sidebar ul.sidemenu {text-align: left;	margin: 7px 4px 8px 15px; padding: 0; text-decoration: none; border-top: 1px dotted #999;}
#sidebar ul.sidemenu li {list-style-image: url(images/bullet3.gif); border-bottom: 1px dotted #999; padding: 4px 0 4px 0px; margin: 0; color: #8F8F8F;}

* html body #sidebar ul.sidemenu li {height: 1%;}

#sidebar ul.sidemenu li a {text-decoration: none; color: #009999; font-size: 100%;}
#sidebar ul.sidemenu li a:hover {color: #ff6600; text-decoration: underline;}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }

/* FOOTER */
#footer {clear: both; width: 820px; font-size: 95%; text-align: right; padding: 15px 0;	background: url(images/footer-bottom.gif) no-repeat center bottom;}
#footer a {text-decoration: none; color: #666666; font-weight: bold;}
#footer a:hover {color: #000;}
#footer p {color: #666; margin: 0 30px 15px 0; padding: 0px;}
#footer h3 {color: #666666; margin: 0;	padding: 0 10px; text-transform: uppercase;}

/* POST META DATA */
.post-footer {background: url(images/post.gif);	padding: 5px; margin: 5px 10px 10px 10px; font-size: 95%; color: #AEA471; border: 1px solid #E0DBC9;}
.post-footer .date{ margin: 0 10px 0 5px;	}
.post-footer a.comments { margin: 0 10px 0 5px;	}
.post-footer a.readmore { margin: 0 10px 0 5px;	}
.post-info { font-size: .95em; padding: 0 10px; margin: 0 0 10px 2px; color: #888; }

/* ALIGNMENTS */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; }

/* TABLES */
table {border-collapse: collapse; margin: 10px;}
th strong {color: #fff;}
th {background: #93BC0C url(images/nav.gif) repeat-x; height: 29px;	padding-left: 12px;	padding-right: 12px; color: #FFF; text-align: left;	border-left: 1px solid #B6D59A;	border-bottom: solid 2px #FFF;}
tr {height: 30px;}
td {padding-left: 11px;	padding-right: 11px; border-left: 1px solid #E8E8E8; border-bottom: 1px solid #DFDFDF;}
td.first,th.first {border-left: 0px;}
tr.row-a {background: #F8F8F8;}
tr.row-b {background: #EFEFEF;}
/* END TABLES */

/* FORMS */
form {margin:10px; padding: 0 5px; border: 1px solid #D5D5D5; background-color: #DFDFDF;}
label {display:block; font-weight:bold;	margin:5px 0;}
input {padding:2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777;}
textarea {width:400px; padding:2px;	font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777;}
input.button {font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px;	color: #FFF; background: #8EB50C url(images/nav2.gif) repeat-x 0 0; border: none;}

.searchform {background-color: transparent;	border: none; margin: 0 0 0 3px; padding: 5px 0 10px 0;	width: 220px;}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {width: 130px; color: #777; height: 18px;	padding: 2px; border: 1px solid #E5E5E5; vertical-align: top;}
.searchform input.button {width: 60px; height: 24px; padding: 2px 5px; vertical-align: top;}