/* 	harddrive.fm © 2009 

	I spent a lot of time coding this website. Many
	late nights, many early mornings, lots of tea and
	coffee and lots of bad ideas.
	
	Please do not insult me by ripping off my work.
	
	By all means be inspired, check out my code, see
	how it works and learn things.
	
	But do not steal.
	
	Stealing makes me very, very angry.
	
	Love,
	
	Miyabi
	
	-----
	
	Dark Grey is #101010
	Text-Grey is #AAA
	Light Grey is #404040
	Blue is #00A1DD
	Dark Blue is #0073e3 ?
	
*/
html {
	background: url('/static/images/html_bg.png') repeat-x #101010;
}
body {
	background: url('/static/images/body_bg.png') repeat-y center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-style: normal;
    color: #aaa;
	
}

blockquote {
	color: #555;
margin: 1em 2em 1em 2em;
padding: 0.5em;
	font-size: 70%;
	background: #111;
	-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
		-webkit-border-bottom-left-radius: 0.5em;
			-webkit-border-top-right-radius: 0.5em;
				-webkit-border-top-left-radius: 0.5em;
}

/* Some funky bleeding-edge CSS for yous. */

::selection { 
	color: #000;
	background: #00A1FF; 
	}
	
::-moz-selection { 
	color: #000;
	background: #00A1FF; 
	}

/* Service Links */

.topbar p {
	margin: -15px 40px 0 0;
	text-align: right;
	font-size: 0.5em;
	color: #404040;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.topbar a {
	padding:4px 5px 3px 5px;
	margin:0 0 0 4px;
	text-decoration:none;
	background:#101010;
	color:#808080;
	border:1px dotted #404040;
}

.topbar a:hover {
	background:#000;
	border:1px solid #00A1DD;
	color:#00A1DD;
	text-decoration:none;
}

/* Header */
.header {
	height: 150px;
	background: url('../images/hdfm_header.png') no-repeat top left;
	margin: -20px 0 -35px 0;
}

/* Times */
.times {
	margin: 20px 0 0 0;
	font-size: 0.6em;
	text-align: center;
/*	text-justify: newspaper; */
	letter-spacing: 0.4em;
	text-transform: uppercase;
	line-height:2em;
	display: block;

	
}
.times p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

.times h2 {
	color: #FFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	letter-spacing: 1em;
	font-size: 1.4em;
	font-weight: bold;
	border: none;
}

.times em {
	font-size:0.8em;
	color:#00A1FF;
}
.times strong {
	margin: 0 0 0 0;
}

/* BlueprintCSS Container */

.container {
	padding: 0 0 0 0;

/*	background: url('../images/containerbg.png') repeat-y; */
	
}

/* Navigation Sidebar */

.sidebar {
	text-align:left;
	
}
.sidebar p {
	font-size: 0.8em;
	color: #404040;
	margin: 0.5em 2em 0.5em 1em;
	text-transform: none;
	letter-spacing: normal;

	
}
.sidebar form {
	text-align: center;
	margin: 0.5em 0 0 0;
}
li a {
	font-size: 0.6em;
	display:block;
	font-weight: bold;
	width:270px;
/*	letter-spacing: 0.1em; */
	color: #BBB;
	background:#101010;
	padding:5px 2px 4px 10px;
	margin:0 10px 10px 0;
	border: 1px dotted #404040;
	text-transform: uppercase;
	
}

.sidebar a:hover {
	background:#000;
	color: #FFF;
	border: 1px solid #00A1DD;
}

.sidebar ul {
	list-style: none;
	margin: 0.5em 0 1em 0;
}

.sidebar li {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
.sidebar h2 {
	margin: 0 0 0 0;
}

/* Main Content Container */

.frame {
	padding: 0 25px 0 30px;
	margin: 0 0 0 0;
}
.frame p {
	margin: 1em 25px 1.5em 25px;
	font-size: 0.8em;
}

.footer {
	
	font-size: 0.6em;
	color: #00A1DD;
	
}
.footer div {
	margin: 0 40px 0px 35px;
}
.footer p {
	text-align: left;
	margin: 10px 10px 10px 0px;

}

.footer h1 {
	border-bottom: 1px dotted #00A1DD;
	padding: 0 0 5px 0;
	font-size: 1.0em;
	color: #FFF;
	text-transform: uppercase;
}

/* Some nice standard styles */

a {
	color: #00A1DD;
    text-decoration: none;
    border: 0px;
cursor: crosshair;
}


a:hover {
	color: #FFF;
    text-decoration: none;
}

p {

}

h1,h2,h3,h4 {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0;
	color: #00A1DD;
}

h2 {
	font-size: 0.8em;
	letter-spacing: 0.3em;
	border-bottom: 1px dotted #101010;
	text-transform: uppercase;
	padding: 0 0 0.2em 0 ;
	margin: 0.5em 0 0.5em 0;
	
}

strong {
	color: #FFF;
}


/* Styles for News and Show Posts */

.post {
	margin: 0.5em 0 1em 0;
	border: 1px solid #101010;
	padding: 5px 5px 5px 5px;
	

}

.post .title {
	padding: 0 0 0 0;
	font-size: 1.2em;
	letter-spacing:-0.06em;
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px dotted #404040;
}
.post .title img {
	margin: 0 5px 0 0;
}


.post .content {
	
	margin: 0 0 0 0;
}

.post p {
	font-size: 0.8em;
	margin: 1.2em 2em 1em 2em;
	
}

.post .content a {
	/*font-size: 0.6em;
	*/padding: 3px 5px 3px 5px;/*
	text-transform: uppercase;
	border: 1px solid #101010;
	letter-spacing: 0.2em;*/
	background: #101010;
	color: #00A1FF;
}

.post a:hover {
	
	color: #FFF;
	background: #000;
	/*
	border: 1px dotted #00A1DD;*/
	
}
/* Style for show posts */


.show {
	border: 1px solid #101010;
		-moz-border-radius: 0 0 3em 0;
		-webkit-border-bottom-right-radius: 3em;
	
}
/* 	Yes, Paradox, that is how I do the radiused corners.
	Please stop trying to skank my work. :3*/

.show .title {
	border-bottom: 1px solid #00A1FF;
	color: #FFF;

}
.show img {
	margin: 0 2px 0 -2px;
}
/* Style for news posts */
.news {
	background: #101010;
	border: 1px solid #101010;
	color: #DDD;
	-moz-border-radius: 0 0 3em 0;
	-webkit-border-bottom-right-radius: 3em;
}
.news p {
	margin: 1.2em 2em 1em 2em;
}
.news .title {
	color: #00A1FF;
	border-bottom: 1px dotted #00A1FF;
}


/* Author / Date Div */
.author {

		color: #404040;
		float: right;
		text-transform: lowercase;
		font-size: 0.8em;
		letter-spacing:0.1em;
		margin: 0 -10px 3px 0;
	}
	
.author p {
		text-align: right;
		padding: 0 0 0 0;
}
.author img {
		margin: 0 2px 0 -2px;
}
.author strong {
		color: #00A1FF;
}

.latest {
	background: url("/static/images/bluegrad.png") no-repeat bottom;
	border: 1px solid #00A1FF;
}
.latest .title {
	color: #00A1FF;
}
.latest p {
	color: #FFF;
}

.notice p {
	color: #FFF;
}
.notice .title {
	color: #00A1FF;
	}
.notice {
	background: #101010;
	/* background: url("/static/images/darkbluegrad.png") no-repeat bottom; */
	border: 1px solid #0073e3;
}



/* Styles for on-air and countdown divs */


#on-air { 
   	margin: 0 0 1.5em 5px;
    font-size: 0.6em;
	height: 170px;
    padding: 0 0 0 0;
	background: url("../images/onair.gif") no-repeat bottom center;
	letter-spacing: 0.5em;
	text-align: center;
	font-weight: normal;
}

#on-air a {
	color: #FFF;
	background: #000;
	padding: 5px 5px 5px 8px;
	border: 1px solid #a40000;
}

#on-air a:hover {
    color: #000;
    text-decoration: none;
	background: #c80000;
	
        border-left: 1px solid #c80000;
}

#on-air p {
	text-transform: lowercase;
	text-decoration: none;
	padding: 150px 0 10px 0;

	margin: 0.5em 0 0 10px;

}
#on-air .spacer {
	width: 100px;
	visibility: hidden;
}

#offair { 
    padding: 0;
    margin: 0.5em 0 0.5em 0;
    text-transform: uppercase;

    font-weight: bold;
    border: 0px;

    color: #fff;
    text-align: left;
}

#offair h2 {
	text-align: center;
	font-weight: bold;
	color: #c80000;
	border: none;
	margin: 0 0 0 0 ;
}

#countdown1 {
	display: block;
    color: #c80000;
	text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 3px;
	padding: 5px 5px 5px 5px;
	background: #000;
	width: 270px;
    border: 1px solid #c80000;
	-moz-border-radius: 0 0 3em 0;
	-webkit-border-bottom-right-radius: 3em;
}

.serverstatus {

		-moz-border-radius: 0 0 3em 0;
		-webkit-border-bottom-right-radius: 3em;
		margin: 0.5em 0 0 0;
		padding: 0.3em;
		font-size: 1.2em;
	
}
.serverstatus p {
	margin: 1em 0 1em 1em;
	padding: 0;
	
}

.ss_onair {
	background: url(../images/bluegrad.png) bottom no-repeat;
	border: 1px solid #00A1DD;
}

.ss_offair {
	background: url(../images/redgrad.png) bottom no-repeat;
	border: 1px solid #a40000;
}

.serverstatus h2 {
text-transform: none;
letter-spacing: normal;
	padding: 0 0 0 0.5em;
	margin: 0 0 -5px 0 ;
	font-weight: bold;
	font-size: 1.3em;
}
.ss_offair h2 {
	color: #a40000;

	border-bottom: 1px solid #a40000;
}
.ss_onair h2 {
	border-bottom: 1px dotted #00A1DD;
		color: #FFF;
}

.listennow {
	float: right;
		margin: 1em 0.5em 1em 1em;
		text-align: center;
}
.serverstatus ul {
	list-style: none;
	margin: 0.5em 0 0.5em 2em;
	font-size: 90%;

}
.serverstatus.ss_onair ul {
		color: #00A1DD;
}
.serverstatus.ss_offair ul {
		color: #a40000;
}
.serverstatus a {
	color: #FFF;
	background: #000;
	padding: 1em 1em 1em 1em;
	border: 1px solid #00A1DD;

	


}

.serverstatus a:hover {
    color: #00A1DD;
    text-decoration: none;
	background: #FFF;
}


/* If you get this reference, you are a dork. Like me. */
.praetorian {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #404040;
	float: right;
}