/* -------------------------------------------------------------- 
  
   SPACEBEATS STYLE SHEET
   Uses Boilerplate Screen Styles v0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

body { padding: 0px 10px 0 10px; background-color: #171717; background: url(../images/bg.gif) repeat-y; background-position: center top}
#page { margin: 0 auto; width: 761px;}


/* Header
-------------------------------------------------------------- */

#header { margin: 0px; overflow: hidden; height:137px; background: white}

#mainmenu {
	width: 761px;
	height: 19px;
	font-size:6px;
	display: inline;
	}

#mainmenu li {display: inline;}


/* Body
-------------------------------------------------------------- */

#content {margin: 0; background: url(../images/dots1.gif) repeat-y}

#article { float: left; width: 572px; margin: 20px 20px 0 20px}

#sidebar { float: left; width: 128px; margin: 20px 0 0 0}

.narrow { float: left; width: 128px; margin: 20px 20px 0 0;}
.narrow1 { float: left; width: 128px; margin: 20px 0 0 0;}
.wide { float: left; width: 424px; margin: 20px 0 0 0; }

.surround {float:left}
#home .surround, #archive .surround {background: url(../images/dots.gif); background-position: 0px 20px; background-repeat: repeat-x}

.smalltext {font-size:90%}

label {font-weight:normal; font-style:italic}

#audioplayer1 {margin: 5px 0 20px 0}


/* Footer
-------------------------------------------------------------- */
#footer { 
	margin: 30px 20px 20px 20px;
	text-align:center;
	background: url(../images/rule.gif) no-repeat;
	padding: 8px 0 0 0;
	font-size:90%
	}
	
		
/* Misc
-------------------------------------------------------------- */
hr {
	color: #aaa;
	height: 1px;
	width: 100%;
	border: none;
	background-color: #aaa;
	margin: 0px 0 16px 0
	}

.alignleft {
	float: left;
	margin: 2px 12px 6px 0;
	}
	
.alignright {
	float: right;
	margin: 2px 0px 6px 12px;
	}

#article img {border: 1px #aaa solid}

#article .noborder {border: 0px none; 
	float: right;
	margin: 2px 0px 6px 12px;}
	
.clear {height:1px; line-height: 1px; clear: both; font-size: 0;}


/* ------ Image replacement ------ */

.replace1 {
 	height: 19px; width: 549px;
	background-image: url(../images/masthead_r2_c1.gif);
	float:left;
	text-indent: -10000px;
}

.replace2 {
 	height: 19px; width: 40px;
	background-image: url(../images/masthead_r2_c2.gif);
	float:left;
	text-indent: -10000px;
}

.replace3 {
 	height: 19px; width: 55px;
	background-image: url(../images/masthead_r2_c3.gif);
	float:left;
	text-indent: -10000px;
}

.replace4 {
 	height: 19px; width: 44px;
	background-image: url(../images/masthead_r2_c4.gif);
	float:left;
	text-indent: -10000px;
}

.replace5 {
 	height: 19px; width: 72px;
	background-image: url(../images/masthead_r2_c5.gif);
	float:left;
	text-indent: -10000px;
}

.replace1 a:hover {
	background-image: url(../images/masthead_r2_c1.gif);
	background-repeat: no-repeat;
}

.replace2 a:hover {
	background-image: url(../images/masthead1_r2_c2.gif);
	background-repeat: no-repeat;
}

.replace3 a:hover {
	background-image: url(../images/masthead1_r2_c3.gif);
	background-repeat: no-repeat;
}

.replace4 a:hover {
	background-image: url(../images/masthead1_r2_c4.gif);
	background-repeat: no-repeat;
}

.replace5 a:hover {
	background-image: url(../images/masthead1_r2_c5.gif);
	background-repeat: no-repeat;
}

.replace1 a, .replace2 a, .replace3 a, .replace4 a, .replace5 a {
 	height: 19px;
	text-decoration: none;
	display: block;}


.head1 {
 	height: 18px; width: 572px;
	background-image: url(../images/mainstrap-track.gif);
	float:left;
	text-indent: -10000px;
}

#home .head1 {
	background-image: url(../images/mainstrap.gif);
}

#links .head1 {
	background-image: url(../images/mainstrap-links.gif);
}

#archive .head1 {
	background-image: url(../images/mainstrap-archive.gif);
}

#feedback .head1 {
	background-image: url(../images/mainstrap-feed.gif);
}


#sidebar h1.side1 {
 	height: 19px; width: 128px; 
	background-image: url(../images/sidestrap1.gif);
	background-repeat: no-repeat;
	float:left;
	text-indent: -10000px;
}

#sidebar h1.side2 {
 	height: 19px; width: 128px;
	background-image: url(../images/sidestrap.gif);
	background-repeat: no-repeat;
	float:left;
	text-indent: -10000px;
	margin-top:15px
}