/*
Theme Name: Cybernomics v2.1
Theme URI: http://www.cybernomics.net
Description: The default WordPress theme for Baudrey Cybernomics.
Version: 2.1
Author: Chad Holden

	Baudrey Cybernomics

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {color: #000000; background: #FFFFFF;}

html, body, div, span, applet, object, iframe, form, h1, h2, h3, h4, h5, h6, p, blockquote, a, a:link, a:visited, em, font, img, small, strike, samp, strong, sub, sup, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; vertical-align: baseline;}

/* Removes glow around input boxes in Safari */
:focus { outline: none; }

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

/* ---------------------------------------------------------------------------------------------- */
/* -------------------------------------- STANDARD CLASSES -------------------------------------- */

.clear { clear: both; line-height: 1px; height: 1px; }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix  { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.fl_left { float: left; margin: 0 1em 1em 0;}
.fl_right { float: right; margin: 0 0 1em 1em; }

.hide { display: none; }
.show { display: block; }

img.left {float:left; margin:1em 1em 1em 0;}
img.right {float:left; margin:1em 0 1em 1em;}

/* -------------------------------------- style.css -------------------------------------- */

body {color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 83%; background:#d1c8a1 url(images/bg.gif) top left repeat-x; margin:0px auto; text-align:center;}
.clear {clear:both; height:1px !important; overflow:hidden}
.rightalign {float:right}
a:link, a:visited {text-decoration: none; color: #a42e2a;}
a:hover {color: #a42e2a}

form {margin:0px; padding:0px}

h1,h2,h3,h4,h5 {font-family: Arial, sans-serif}

/* ----------------- page layout ---------------------- */
#wrap {text-align: left; padding:0; margin:0 auto 0.5em; width: 997px; text-align:left; background:#fff url(images/page-bottom.gif) bottom left no-repeat}

#header {position: relative; width:997px; height:167px; display:block; position:relative;}
#header h1 {position:absolute; display:block; top:4px; left:26px; height:90px; width:227px; margin:0px}
#header h1 a {display:block; height:90px; width:227px; border:0px; background:url(images/logo.gif) top left no-repeat; text-indent:-5000px;}

#header h2 {position:absolute; top:15px; right:20px; width:223px; height:66px; display:block; margin:0px}
	#header h2 a {display:block; height:66px; width:223px; background: url(images/think-green.gif) top left no-repeat; text-indent:-5000px;}

#red_head {background: #a42e2a; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 0 10px; top:102px; position:relative;}
#main_menu {border-bottom:1px solid #fff; padding:2px 10px 0; font-size:15px; margin: 0 10px;}
#main_menu, #main_menu li {list-style:none; margin:0px; padding:0px; display:block;}
	#main_menu li {float:left;}
	#main_menu li a {color:#fff; display:block; padding: 10px 12px 8px; color: #cd8f8f;}
	#main_menu li a:hover, #main_menu li.active a {background: url(images/menu-on.gif) center 31px no-repeat; color:#fff;}

	#main_menu .login {display:block; position:absolute; top:2px; right:4px; font-size:14px;}
	#main_menu .login a {display:block; color:#fff; background: #400 url(images/client-login-bg.gif) top left no-repeat; width:98px; height: 25px; padding: 6px 0 0 40px; font-size:14px; font-weight:bold;}
	#main_menu .login a:hover {background: #400 url(images/client-login-bg.gif) top left no-repeat; color:#f00;}

#main_content {margin:10px; overflow: hidden;}

#main-left, #main-right, #sub-left, #sub-right {display:block; float:left;}
#main-left {width:622px;}
#main-right {width:345px; margin:0 0 0 10px; overflow-x: hidden;}
#sub-left {width:700px;}
#sub-right {width:266px; margin: 0 0 0 10px;}

#main-left .main-title {margin:13px 0 20px;}
	#main-left .main-title img {vertical-align:middle;}
	
	#videos, #videos li {list-style:none; margin: 0px; padding: 0px;}
		#videos li {display:block; float: left; width:305px; overflow: hidden; background: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:10px; margin:0 10px 10px 0;}

#submenu {border-bottom:1px solid #ccc; padding:0 1em 1em; list-style:none; line-height:160%;}
	#submenu li {display:block; float:left;}
	#submenu li a {color: #797979; font-weight:bold; display:block; padding:0 10px;}
	#submenu li.current_page_item a {color:#900;}

	#main-left .main_image {height: 250px; width:562px; background: url(images/home-main-image.jpg) top left no-repeat; padding: 30px;}
		#main-left .main_image span {background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:10px; display: block; margin-bottom: 2em; filter:alpha(opacity=70); opacity:.7;-moz-opacity: .7; }
	#sub-left .main_image {height: 102px; width:640px; background: url(images/subpage_header.jpg) top left no-repeat; padding: 30px; line-height: 150%; font-weight: bold;}
		#sub-left .main_image span {background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:10px; display: block; margin-bottom: 2em; filter:alpha(opacity=70); opacity:.7;-moz-opacity: .7; }
		#sub-left .main_image a {color: #900; text-decoration: none;}

	#main-left .cpanel {background:#f4f5ef; border:3px solid #d8dbc7; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:5px 10px 30px; width:594px;}
		.cpanel dl {display:block; float:left; width:48%; margin:3em 0 0 2em; margin-left:1%; padding:0px; position:relative; height:80px;}
			.cpanel .top {margin:0 0 0 1%;}
			.cpanel dl img {position:absolute; top:0px; left:0px;}
			.cpanel dl dt {margin: 0 0 0 40px; font-size:20px; color:#900;}
			.cpanel dl dt a {color:#900; text-decoration:none;}
	#main-right .tv {display:block; height:300px; width:345px; background: url(images/cybertv-bg.jpg) top left no-repeat; padding: 5px 10px; position: relative;}
	#main-right .tv .more {float: right; font-size: 12px; font-weight: bold; padding: 6px 30px 0 0;}
		#main-right .tv #preview {border:1px solid #000; width:320px; height:260px;}

.content {padding:15px;}
#main-left .content {padding:0 0 15px;}
	.content h2 {font-weight:normal; font-size: 25px; margin: 0 0 1em 0; color: #a42e2a;}
	.content h3 {font-weight:normal; font-size: 18px; margin: 0 0 1em 0; color: #400;}
	.content p {line-height: 160%; color: #333; margin:0.7em 0;}
	.content .post {border-top:1px solid #ccc; padding: 1em; margin: 0 0 1em 0;}
	.content ul {line-height: 160%; list-style: none; margin: 1em; padding: 0;}
		.content li {display: block; padding: 5px 0 5px 15px; background: url(images/bw_bullet.gif) 3px 8px no-repeat;}

.side-module {width:245px; position:relative; padding: 10px; margin: 0 0 10px; line-height: 150%; background:#e7e9dd; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#main-right .side-module {width:325px; text-align:center; margin:10px 0;}
	.side-module-top {display:none;}
	.side-module-bottom {display:none;}
	#main-right h3,.side-module h3 {font-weight:normal; font-size: 20px; margin: 0; color: #a42e2a; text-align:left;}
		#main-right h3 img, .side-module h3 img {vertical-align:middle;}
	.side-module ul, .side-module li {list-style: none; margin:0px; padding:0px;}
		.side-module ul {margin-top: 1em;}
		.side-module li {display:block; padding: 0 0 0 24px; background: url(images/bullet.gif) center left no-repeat; margin: 6px 0 6px 10px;}
	
#footer {padding:0px 10px 20px; color:#666633; width:980px; font-size:10px; margin:0px auto 20px; clear:both; text-align: left}
#footer a {color:#666633}
	#footer dl {float: left; margin: 0px; padding: 0px;}
	#footer dd {margin: 0 0 4px 0; padding: 0px;}
	#footer p {text-align: right;}

#newsticker {padding:8px 12px; color:#fff; font-size:12px;}

div.scrollable {position:relative; overflow:hidden;	width: 977px; height:23px; background: #6a8b5b; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;}
div.scrollable2 {position:relative; overflow:hidden; width:967px; height:20px; padding:5px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; margin:0 10px 5px; background: #6a8b5b; color:#fff;}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items, div.scrollable2 div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div, div.scrollable2 div.items div {
	float:left;
	
	/* custom decoration */
	text-align:left;
	width:997px;
	color:#fff;
	font-weight:bold;
	padding:4px 0px;
	font-size:11px;
	margin-right: 20px;	
	-moz-border-radius:5px;
}

div.scrollable a, div.scrollable2 a {color:#fff;}

/* active item */
div.scrollable div.items div.active, div.scrollable2 div.items div.active {
	color:#fff;
}