/* Reset
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}
ol, ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}
:focus {
  outline:0;
}
ins {
  text-decoration:none;
}
del {
  text-decoration:line-through;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}

/* Render HTML5 as block
---------------------------------------------------------- */
header, nav, section, aside, article, footer {display:block;}

/* Clearing
---------------------------------------------------------- */
.clear {
  display:block;
  clear:both;
}

/* Typography & Colors
---------------------------------------------------------- */
body {
	color:#AAA;
	font:62.5% "Lucida Grande",sans-serif;
	background:#262725 url("../img/background.png") top repeat-x;
}

a {
	color:#65cfd6;
	text-decoration:none;
}
a:hover {
	color:#8ce5eb;
}

h1, h2, h3, h4 {
	font-weight:normal;
}
h2,
article header a,
aside h3,
.tags a {  /* post titles */
	color:#91CC3A;
}
article header a:hover,
.tags a:hover {color:#a2d557;}

h2 {
	margin-bottom:1em;
	font-size:2em;
}
h3 {
	margin:0.5em 0;
	color:#FFF;
	font-size:1.4em;
}
h4 {
	color:#FFF;
}

p {
	margin-bottom:1.5em;
}

ul, ol {
	margin-bottom:2em;
}

strong {
	color:#FFF;
}

/* Structure
---------------------------------------------------------- */
div#container {
	margin:0 auto;
	padding-bottom:30px;
	width:925px;
	font-size:1.3em;
	line-height:1.4em;
}

header.main {
	position:relative;
	height:157px;
}
h1#logo {
	position:absolute;
	right:20px;
	width:428px;
	height:312px;
	background:url("../img/dreamhard.png") no-repeat;
}
h1#logo a {
	float:right;
	margin-top:90px;
	width:275px;
	height:125px;
	text-indent:-1000em;
	overflow:hidden;
}

section.page,
section.main {
	margin-left:10px;
}

section.main {
	float:left;
	width:670px;
}

section.main header {
	margin-bottom:1.5em;
}

section.main article {
	margin-bottom:5em;
}

article footer {
	margin:1em 0 2em -1em;
	padding:0.5em 1em;
	background-color:#242523;
	font-size:0.9em;
	overflow:auto;
}

.meta {
	font-size:0.8em;
	color:#555;
}

.tags {
	float:left;
	color:#555;
	font-style:italic;
}
.comments {
	float:right;
}

.browsing {
	margin:0 0 3em -8px;
	padding:5px 8px;
	background-color:#1E1F1D;
	font-size:0.9em;
}

aside.main {
	float:right;
	margin-top:4em;
	width:210px;
}

aside.main article {
	margin-bottom:3em;
}

footer.main {
	margin-top:8em;
	font-size:0.8em;
	color:#555;
}

/* Navigation
---------------------------------------------------------- */
nav.main {
	margin-bottom:85px;
	overflow:auto;
}

nav.main li {
	float:left;
	margin-right:20px;
}

nav.main a {
	display:block;
	height:32px;
	background:url("../img/nav.png");
	text-indent:-1000em;
	overflow:hidden;
}

a#news {
	width:75px;
	background-position:0 0;
}
a#news:hover,
a#news.selected {
	background-position:0 -32px;
}

a#crew {
	width:73px;
	background-position:-102px 0;
}
a#crew:hover,
a#crew.selected {
	background-position:-102px -32px;
}

a#contact {
	width:101px;
	background-position:-195px 0;
}
a#contact:hover,
a#contact.selected {
	background-position:-195px -32px;
}


/* Old Site Stuff
---------------------------------------------------------- */
section.main h2,
section.main h3 {margin-bottom:0;}

section.main article ul,
section.main article ol {padding-left:30px;}

section.main article ul {list-style-type:disc;}
section.main article ol {list-style-type:decimal;}

section.main article li {margin:1em 0;line-height:1.2em;}

#comments_wrapper {margin-bottom:3em;margin-left:-10px;padding:15px;background-color:#1E1F1D;}
#comments_wrapper ol#commentlist {margin:0;padding:0;list-style-type:none;}
#comments_wrapper ol#commentlist li {margin:2em 0;}
#comments_wrapper ol#commentlist li p:last-child {margin-bottom:0;}
#comments_wrapper ol#commentlist li cite {font-size:0.8em;color:#555;}

.hr {display:block;margin:30px 0;border-top:1px solid #1E1F1D;}
.floatLeft {float:left;}
.floatRight {float:right;}

.crew_member {
	margin:0 0 25px -11px;
	padding:11px;
	background-color:#1E1F1D;
	overflow:auto;
}
.crew_member img {float:left;margin-right:20px;}
.crew_member ul {margin:6px 0 6px 115px;padding-left:0;list-style-type:none;}
.crew_member ul li h4 {display:inline;font-size:1em;}

ul.crew {padding-left:0;list-style-type:none;}
ul.crew li {float:left;width:49%;}
ul.crew li .crew_member {display:block;margin-right:30px;font-size:110%;}
ul.crew li .crew_member h2 {margin:8px 0 0 0;}

ul.mixes li:hover {background-color:#242523;}