/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Robotic Dreams v3.0: CSS Styles */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Global Reset */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}
/* end Global Reset */


body {
	background: #5a8ea1 url(../images/bg.png) repeat fixed top left;
	min-width: 1030px;
	font: normal normal normal 0.8em/1.6em  verdana, tahoma, sans-serif;
	text-align: center;
}

#wrapper {
	width: 1030px;
	min-width: 1030px;
	text-align: left;
	margin: 25px auto 0 auto;
}

#preheader {background-color: #b4c6cc; padding: 5px 20px; color: #000; margin: 0 15px;}

#header {
	background: transparent url(../images/header_bg.png) no-repeat top left;
	height: 321px;
	width: 1030px;
	position: relative;
}


/* Navigation Bar Styles */
ul#hbar {position: absolute; top: 225px; left: 376px;}

ul#hbar li {
	list-style: none;
	float: left;
	position: relative;
	text-indent: -5000px;
}

ul#hbar li a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 59px;
	color: #000;
	font: 1.6em/1.3 Helvetica, Verdana, Arial, sans-serif;
	text-decoration: none;
}

div#hlink {
	position: relative;
	width: 569px;
	height: 53px;
	top: 37px;
	left: 33px;
	text-indent: -5000px;
}

div#hlink a {display: block; width: 569px; height: 53px;}

#x1 {
	background: url(../images/nav_bg.png) no-repeat scroll top left;
	position: absolute;
	top: 225px;
	left: 0;
	height: 59px;
	width: 376px;
}

#x2 {
	background: url(../images/nav_bg.png) no-repeat scroll top left;
	position: absolute;
	top: 225px;
	left: 996px;
	height: 59px;
	width: 34px;
}

ul#hbar li a.work  {width: 143px;}
ul#hbar li a.about {width: 165px;}
ul#hbar li a.blog {width: 115px;}
ul#hbar li a.contact {width: 197px;}

ul#hbar li a span:hover {cursor: pointer;}

ul#hbar li a img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

ul#hbar li a.work img {left: -376px;}
ul#hbar li a.about img {left: -519px;}
ul#hbar li a.blog img {left: -684px;}
ul#hbar li a.contact img {left: -799px;}
/* end Navigation Bar styles */


/* Content Styles */
#content {background: #b4c6cc url(../images/content_btm_bg.png) no-repeat bottom left; padding: 0 20px 35px 20px; color: #000; margin: 0 15px; min-height: 333px;}

#content h1 {font-size: 2.2em; line-height: 1.2em; margin-bottom: 10px; color: #8b9988; margin-left: 220px;}
#content h2 {font-size: 2.0em; line-height: 1.2em; margin-bottom: 10px; color: #808c7c; margin-left: 220px;}
#content h3 {font-size: 1.6em; line-height: 1.1em; margin-bottom: 10px; color: #323831; margin-left: 220px;}
#content p {font-size: 1.3em;}

#content > p {padding-bottom: 20px; margin-left: 220px;}
#content > img {margin-left: 220px;}

#content a:link, #content a:visited {color: #a52230;}
#content a:hover, #content a:active {color: #000; background-color: #b6cc60;}

acronym {border-bottom: 1px dashed #000;}

#tabber {position: fixed; margin: 40px 20px 20px -40px; padding: 5px;}
/* end Content Styles */


/* Footer Styles */
#footer {
	background-color: #9cacb1;
	width: 960px;
	color: #fff;
	height: 20px;
	margin: 0 0 25px 15px;
	padding: 10px 20px;
	border-top: 1px solid #665;
}
#footer a:link, #footer a:visited {color: #333;}
#footer a:hover, #footer a:active {color: #fff;}

#footer .floatleft {float: left; width: 480px;}
#footer .floatright {margin-left: 480px; text-align: right;}
#footer img {vertical-align: middle; border: 0;}
/* end Footer Styles */


/* ******************** */
/* Page specific styles */
/* ******************** */

/* WORK styles */
div.spinner {margin-left: 220px;}
.spinnerimg {border: 1px solid #000;}
.spinnerp {margin-left: 10px;}
/* end WORK Styles */


/* ABOUT Styles */
img#self {border: 2px solid #9cacb1; float: right; margin: 0 0 25px 25px;}
/* end ABOUT Styles */


/* BLOG Styles */

/* end BLOG Styles */


/* CONTACT Styles */
img.contact_bullet {float: left; margin: 25px 25px 0 0;}
p.contact_p {height: 85px; line-height: 105px;}
form {margin-left: 220px;}
.fancy {border: 2px solid #9cacb1; margin-bottom: 10px;}
.contactform {font-size: 1.3em;}
.gobutton {border: 1px solid #002; margin-top: 20px; padding: 5px;}
/* end CONTACT Styles */


/* Music Archive Styles */
/*#atoz p {text-align: center; background-color: #222; margin: 0 auto 10px auto; width: 400px; padding: 5px;}
.striper {margin:0 auto; border-collapse: collapse; background-color: #5d665a;}
.striper th {font-weight: bold; font-size: 1.0em; padding: 2px 10px; background-color: #333932; color: #fff; border-right: 1px solid #50584e;}
.striper td {padding: 6px 5px; border-bottom: 1px solid #222320; vertical-align: top;}
.striper tr.alt td {background-color: #687366;}
.striper tr.over td {background-color: #464c44;}
#gototop {position: fixed; bottom: 0; right: 0; text-align: center; background-color: #111; border: 1px solid #777; margin: 10px; padding: 5px;}
#gototop a {padding-left: 20px; text-decoration: none;}
#gototop a:link, #gototop a:visited {color: #aaa; background: #111 url(../images/topbtn_off.png) no-repeat top left;}
#gototop a:hover, #gototop a:active {color: #fff; background: #111 url(../images/topbtn_on.png) no-repeat top left;}*/
/* end Music Archive Styles */