/* Globals */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }

body {
	background: #e3e3e3 url(../images/mainbackground.gif) repeat center top;
	font: 62.5% 'Trebuchet MS', 'Lucida Grande', Verdana, Tahoma, Arial;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
    color: #313131;
}

#inwrap {}
/*
#inwrap { background:transparent url(../images/inwrapcotic.gif) repeat-y center top; background-attachment: fixed; }
@-moz-document url-prefix() { #inwrap { background-attachment: scroll; } }
*/

#wrapstar {
	background-color: white;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	text-align: left;
	margin: 0 auto;
	padding: 0 10px;
    width: 974px;
    position: relative;
    /*min-height: 2000px;*/
}

/***** common multiple classes *****/
a { color: #2e6e15; text-decoration: none; }
a:hover { color: #435e0c; text-decoration: underline; }
pre, code { font: Monaco, 'Courier New', monospace; }
.small, small { font-size: 10px; }
.strong { font-weight: bold; }
.space { letter-spacing: 1px; }
.fleft, .left { float: left; }
.fright, .right { float: right; }
.tright { text-align: right; }
.tleft { text-align: left; }
.centre { text-align: center; }
.dull { color: #676767; }
img { border:none; -ms-interpolation-mode: bicubic; }
p { margin: 8px 0; line-height: 18px; }
big { font-size: 1.3em; }
.clearboth { clear: both; } 
.clearleft { clear: left; }
.clearright { clear: right; }
hr.clearboth { 
	clear: both; 
	margin: 0px;
	padding: 0px; 
	visibility: hidden; 
}
	.bannerad {
		background-color: #ececec;
		border: 1px solid #ddd;
		clear: both;
		margin: 5px 0;
		padding-top: 2px; 
		text-align: center;
		border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	}
object { padding: 0; }
.hover { cursor: pointer; }
	.margin15 { margin: 15px 0; }
	.margin25 { margin: 25px 0; }

.notice, .features { 
	font-size: 14px;
	margin: 10px 0; 
	padding: 15px 8px;		
	border: 3px solid #aac0ca;
	position: relative;
	background: #ececec url(/common/images/gradient-ececec.jpg) repeat-x top left;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.notice h1, .notice h2, .notice h3 { margin-top: 0; }

.subtle {
	padding: 6px;
	border: 2px solid #ffc977;
	background-color: #fff2be;
	color: #5c5c5c;
	margin: 10px 0 10px auto;
}

/* =button styles */
	.button, a.button, #main a.button {
		text-transform: capitalize;
		text-shadow: 1px 1px 0px white;
		color: #51657e;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 1px;
		border: 3px solid #aac0ca;
		margin: 8px 0;
		background: #fff url(../images/gradient-ececec.jpg) repeat-x bottom left;
		border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	}
	.button:hover, a.button:hover, #main .button:hover, #main a.button:hover {
		border: 3px solid #7e7e7e;
		background: #fff url(../images/gradient-ececec.jpg) repeat-x bottom left;
	}
	.button:active, a.button:active { position: relative; top: 1px; }
	.button a, a.button, .button a:hover, a.button:hover { color: #51657e; text-decoration: none; padding: 6px 8px; }
	.button span, .pad { padding: 6px 8px; }
	.buttonwidth { width: 190px; margin: 15px auto; text-align: center; }
	.buttonsep {
		border-top: 2px solid #ddd;
	}
/* =form button styles in association with above buttons */
/* submit button e.g. class="submit button hover" */
	input.submit {
		border: 3px solid #aac0ca;
		padding: 6px 8px;
		margin: 8px 0;
		font-size: 12px;
		color: #51657e;
	}
	input.submit:hover { border-color: #7e7e7e; }

h1, h2, h3, h4, h5 {
	color: #5c5c5c;
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal;
	display: block;
}
#main h1 {
	font-size: 20px;
	margin: 8px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #9cd91d;
}
h1.title {
	margin: 0 0 15px 0;
	border-bottom: 3px solid #9cd91d;
}


/* =Header */
	#header {
		position: relative;
		height: 125px;
		clear: both;
		margin-bottom: 8px;
		border-bottom: 3px solid #9cd91d; 
		background: transparent url(../images/gradient-header.jpg) repeat-x center top;
	}
	
	#header h1 {
		text-indent: -99999px;
	}
	#header img#logo { 
		height: 47px; 
		width: 239px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 35px;
		left: 4px;
	}
	#header .top-banner {
		height: 90px;
		width: 728px;
		position: absolute;
		top: 0;
		right: 0;
		background: #fff;
	}
	
	ul#navigate {
		position: absolute;
		top: 92px;
		left: 0;
		display: block;
		font-size: 12px;
		clear: both;
		color: white;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul#navigate li {
		padding: 4px 0;
		margin: 0 0 0 5px;
		display: inline;
		list-style-type: none;
		float: left;
	} 
	ul#navigate li a {
		display: block;
		line-height: 20px;
		color: white;
		background: url(../images/navigate.png) 0 -20px no-repeat;
		text-decoration: none;
		padding-left: 5px;
	}
	ul#navigate li a span {
		display: block;
		line-height: 20px;
		padding-right: 5px;
		background: url(../images/navigate.png) right -80px no-repeat;
	}
	#navigate li a:hover, ul#navigate li.selected a {
		color: white;
		padding-left: 5px;
		background-position: 0 0;
	}
	#navigate li a:hover span, ul#navigate li.selected a span {
		padding-right: 5px;
		background-position: right -60px;
	}
	#navigate li.searchform {
		margin: 0 3px 0 0;
		position: absolute;
		top: 0;
		right: -400px;
	}
	
	/* promote buttons in main navigation */
	ul#navigate li.yellow { margin-left: 10px; }
	ul#navigate li.yellow a {
		background: url(../images/navigate.png) 0 -40px no-repeat;
		color: black;
	}
	ul#navigate li.yellow a span {
		background: url(../images/navigate.png) right -100px no-repeat;
	}
	#navigate li.yellow a:hover {
		color: red;
		background-position: 0 -20px;
	}
	#navigate li.yellow a:hover span {
		background-position: right -80px;
	}
	/* promote buttons in main navigation */
	ul#navigate li.green { margin-left: 10px; }
	ul#navigate li.green a {
		background: url(../images/navigate.png) 0 0 no-repeat;
		color: white;
	}
	ul#navigate li.green a span {
		background: url(../images/navigate.png) right -60px no-repeat;
	}
	#navigate li.green a:hover {
		color: black;
		background-position: 0 -40px;
	}
	#navigate li.green a:hover span {
		background-position: right -100px;
	}

/* Status Bar/Login Form
=================================== */

#status  { 
	border-bottom: 1px solid #9cd91d; 
	background: #c2c2c2 url(../images/gradient-c2c2c2.jpg) repeat-x top left;
	margin: 0 0 2px 0;
	padding: 6px 5px;
	font-size: 12px;
}

#status #login {
	font-weight: bold;
	float: right;
}

#status label {
	line-height: 12px;
}

#status form {
	vertical-align: middle; 
}

#status form input {
	border: 1px solid #999;
	padding: 1px;
	margin: 0;
	font-size: 10px;
}
#status form label {
	margin: 0 2px;
}

#status input#submit {
}

#status form input#quick_remember {
	border: none;
	padding: 0;
	margin: 0;
}

#status .issue {
	letter-spacing: 1px;
	font-size: 13px;
	float: left;	
}
#status .issue a {
	color: #292929;
}

#status .issue a.currentissue {
	font-style: italic;
	font-weight: bold;
}

/***** HEADER END *****/

#main {
	font-size: 12px;
		float: left;
		overflow: hidden;
		margin: 0;
		width: 658px;
}
#mainwide {
	font-size: 12px;
	overflow: hidden;
}
#main ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 10px;
}
#main ul li, #main ol li {
	border-bottom: 1px solid #eeeeee;
	padding: 4px 2px;
}

.post ul, .post ol {
	list-style-position: inside; 
	margin: 5px 15px;
}
.post li {
	margin: 8px 3px;
}

/* =sidebar */
	#sidebar {
		float: right;
		overflow: hidden;
		margin: 0 0 15px 0;
		padding: 0 0 0 7px;
		border-left: 1px solid #d5d5d5;
		width: 300px;
	}
	#sidebar .searchform {
		margin: 8px 4px;
	}
	#sidebar ul {
		list-style-type: none;
	}
	#sidebar ul li {
		list-style-type: none;
		padding: 4px 0;
		margin: 4px 0;
	}
	#sidebar ul li.adintro {
		letter-spacing: 0.1em;
		text-transform: capitalize;
		text-align: right;
		font-weight: bold;
		padding: 4px;
		margin: 4px 0;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #9cd91d; 
		background: #ececec url(../images/gradient-ececec.jpg) repeat-x top left;
		position: relative;
		text-shadow: 1px 1px 0px #FFF;
	}
	#sidebar  h4 {
		font-size: 10px;
		padding: 0px;
		margin: 0;
	}
	#sidebar .adpointer {
		width: 9px;
		height: 5px;
		background: transparent url(../images/littlegreenarrow.gif) no-repeat top left;
		position: absolute;
		top: 19px;
		left: 7px;
	}
	#sidebar ul li.ticker a {
		font-size: 11px;
		display: block;
		padding: 0 4px 2px 4px;
		border-bottom: 1px solid #ddd;
	}

/***** search *****/
#main li.searchform {
	background-color: #eeeeee;
	margin: 0 0 6px 0;
	padding: 3px 0;
	text-align: right;
	border-bottom: 3px solid #9cd91d; 
}
#main li.searchform {
	padding: 3px 6px;
}
form.search {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.searchbox {
	float: right;
}
.searchbox .keywords {
	color: #5c5c5c;
	width: 194px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	padding: 0 3px;
	margin: 0;
	background-color: white;
	border: 1px solid #7e7e7e;
	float: left;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}
.searchbox .submit-search {
	padding: 0px;
	float: left;
	margin: 0;
}
/* search from search.php */
#topic-search-form #search,
#topic-search-form #submit-search {
	float: none;
	background: none;
	height: auto;
	border: 1px solid #999;
	padding: 3px;
}

/* =footer */
	#footer {
		clear: both;
		position: relative;
		background: transparent url(../images/gradient-black.gif) repeat-x left bottom;
		padding: 6px;
		background-color: #575a4f;
		color: white;
	}
	
	#footer a { border-bottom: 1px solid #5c5c5c; color: #ccc; text-decoration: none; }
	#footer a:hover { border-bottom-color: #e3e3e3; color: white; }
	
	#footer h3 {
		color: #87ba18;
		letter-spacing: 1px;
		border-bottom: 1px solid #ccc;
		padding: 0 0 2px 0;
		margin: 0;
		font-size: 13px;
		font-weight:normal;
	}
	
	#footer ul {
		list-style-type: none;
		margin: 0 5px;
	}
	#footer ul li {
		list-style-type: none;
		margin: 10px 0;
	}
	
	#footer .fcolumn {
		padding: 0 15px;
		margin: 0;
		font-size: 12px;
		float: left;
		text-align: left;
		width: 161px;
	}
	#footer .lline { border-left: 1px solid #a8a8a8; }
	
	#footer li.icon { 
		background-image: url(../images/icons.gif); 
		padding-left: 22px; 
		background-repeat: no-repeat; 
		height: 16px; 
	}
	
	.feed 		{background-position: left 0;}
	.podcast 	{background-position: left -16px;}
	.roadcc 	{background-position: left -32px;}
	.facebook 	{background-position: left -48px;}
	.twitter 	{background-position: left -64px;}
	.vimeo 		{background-position: left -80px;}
	.youtube 	{background-position: left -96px;}
	
	#footer p.copyright {
		font-size: 10px;
		text-align: right;
		padding: 8px 0 0 0;
		margin: 0px;
	}

/* =pagebar navigation plugin + forum nav paging */
	.pagebar { 
		clear: both; 
		text-align: right; 
		margin-left: -1px; 
		font-size: 12px; 
		margin: 20px 0;
		text-decoration: none;
	}
	.pagebar a {	
		background: #c2c2c2 url(../images/gradient-c2c2c2.jpg) repeat-x top left;
		border: 1px solid #ddd;
		text-decoration: none;
		color: #313131;
		padding: 4px 8px;
		border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	}
	.pagebar a.page-numbers {
		margin: 0 3px;
	}
	.pagebar .current {
		font-weight: bold;
		margin: 0 3px;
		padding: 4px 8px;
	}
	.pagebar a:hover {
		background-position: 50% left;
	}	
	.pageList .this-page, .pagebar .inactive {
	}
	.pagebar .break {
		padding: 2px 6px 2px 6px;
		border: none;
		background: #fff;
		text-decoration: none;
	}
	.pagebar .this-page, .nav .current {
		font-weight: bold;
		border: none;
		padding: 6px;
	}
	
#subscriptiontable {
	width: 100%;
	padding: 0;
	margin: 0;
}
#subscriptiontable small { font-size: 9px; }
#subscriptiontable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #aac0ca;
	border-bottom: 1px solid #aac0ca;
	border-top: 1px solid #aac0ca;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #cae4f1;
}

#subscriptiontable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #aac0ca;
	background: none;
}

#subscriptiontable td {
	border-right: 1px solid #aac0ca;
	border-bottom: 1px solid #aac0ca;
	background-color: #fff;
	padding: 6px;
	text-align: center;
}

#subscriptiontable td.alt {
	background: #f5f5f5;
}

#subscriptiontable th.spec {
	border-left: 1px solid #aac0ca;
	border-top: 0;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#subscriptiontable th.specalt {
	border-left: 1px solid #aac0ca;
	border-top: 0;
	background-color: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#subscriptiontable .tick {
	height: 16px;	
	text-indent: -9999px;
	background: transparent url(/common/images/tickex.gif) no-repeat center top;
}
#subscriptiontable .ex {
	height: 16px;	 
	text-indent: -9999px;
	background: transparent url(/common/images/tickex.gif) no-repeat center -16px;
}