/*
Please use extreme caution when modifying the custom.css or any of the code in OpenHook.  Back-ups are highly advised. ;)

Please also be advised of Wordpress' extreme fragile nature concerning its database(s); if you wish to make any significant changes to the site that may affect (aka potentially destroy) the database, i.e. updating existing plugins, adding new plugins, changing the site Settings, Design / Thesis Options, etc., please contact us to request a MySQL back-up and/or site back-up prior to your work.

Thanks. 

-- Your friends @ KineticsWebPro
http://www.kineticswebpro.com


OLD BACKGROUND:
body.custom { background: #FFFFFF 50% 0; no-repeat; background-attachment: fixed; margin-left: 0 auto; margin-right: 0 auto; text-align: left; }


*/

body.custom { margin-left: 0 auto; margin-right: 0 auto; text-align: center; background: #000 url('images/bg2.jpg') 50% 0; no-repeat; background-attachment: fixed; repeat fixed; }

.custom #header {margin: 0; padding: 0; position: relative; left: -20px; top: -20px; width: 1000px; border:none; border-width:0; margin-bottom:0; padding-bottom:0; background:none; width: 1000px; }

.custom #container { width: 1000px; filter:alpha(opacity=99); -moz-opacity.99; opacity: .99; border:none; border-bottom: 0px; margin-top: 2em; margin-bottom: 2em; text-align: left; color: grey; }

.custom h2 {color: #FFFFFF; }
.custom h2 a {color: #8B0000; }

.custom a {color: #FFFFFF; }
.custom a:hover {color: #FFFFFF; }

.custom #footer {border:none; background:none; font-color: #000; }

.custom ul#tabs {padding-left: 0em; background:transparent; border-left: 0em; border:none; background:none; }
.custom ul#tabs li ul {display:none; position:absolute; list-style:none;}
	.custom ul#tabs li ul li {float:none; }
.custom ul#tabs li:hover ul {display:block;}

.custom #sidebar_1 {border-style:none; border-width:0; background:none; }
.custom #sidebar_2 {border-style:none; border-width:0; background:none; }

/*--Sidebar Widget Text Headers Modifications--*/
.custom #sidebars li.widget li a {
color: grey;
}
.custom .sidebar a, a:visited {color: grey; }

.custom .sidebar h3 {
	//defaults from style.css
	letter-spacing: .5px; 
	color: #8B0000; 
	
	//defaults from layout.css
	font-size: 1em; 
	line-height: 1.45em; 
	margin-bottom: 0.692em; 
	
	//these are some of the other properties you can change
	background: #000000; 
	font-weight: bold; 
	text-align: left;
	font-variant: normal; 
	margin: 0 0 0 0em; 
	padding: 0em 0em 0em 0em; 
	border-top: 0px solid #ddd; 
	border-bottom: 0px solid #ddd; 
	border-left: 0px solid #ddd; 
	border-right: 0px solid #ddd; 
}

<style>
div{border:solid 0px transparent; background:tomato; margin:px 0; padding:12px;
        /*set an unused color to be index color*/
	_border-color:tomato; /*For IE6-*/
	
	/*then remove this indexed color*/
	_filter:chroma(color=tomato);/*For IE6-*/
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
	$(function(){
		$("ul#tabs > li").hover(
		function(){
			$('ul', this).show();
		},
		function(){
			$('ul', this).hide();
		}
		);
	});
</script>



.rtextbox{color:#555555; font-family:Arial; background: #EEEEEE; text-align:justify;}
.rtextboxinside {margin-left: 8px; margin-right: 8px; margin-top: 3px; margin-bottom:3px}
.rtop, .rbottom{display:block; background: #FFF}
.rtop span, .rbottom span {display: block; height: 1px; overflow: hidden; background: #EEEEEE}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
span.rtop span.r4, span.rbottom span.r4{margin: 0 1px; height: 2px}
