/* Meyer Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* All heights multiples of 21px, all widths 940, 860, 780, 700, 620, 540, 460, 380, 300, 220, 140, 60 with 10px margins either side */

body {background:#231f20;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:14px}
html>body {font-size:14px}

h2 {font-size:24px;line-height:36px;margin:0 0 8px}
h3 {font-size:21px;line-height:32px;margin:0 0 10px}
h4 {font-size:17px;line-height:25px;margin:0 0 17px}
h5 {font-size:14px;line-height:21px;margin:0 0 0}
h6 {font-size:11px;line-height:16px;margin:0 0 5px}

p {line-height:21px;margin:0 0 21px}

ul, 
ol {line-height:21px;margin:0 0 21px;padding:0;vertical-align:top}

dl {margin:0 10px 21px;overflow:auto}		/* Overflow auto forces height to contain floated image */
dt {font-size:14px;font-weight:normal;line-height:25px;margin-bottom:17px}
dd {line-height:21px}
dd ul,
dd ol {margin-left:0;margin-right:0}

a {color:#fff}

/* Page Template */
div#container {background:url(/images/site/bg.png) repeat-y;margin:auto;overflow:hidden;padding:0;width:800px}
div#header {background:#000;border-bottom:3px solid #fff;height:128px;margin-bottom:12px}
div#sidecolumn {border:none;display:inline;float:left;margin:0 0 0 20px;padding:0;width:180px}
div#maincolumn {border:none;display:inline;float:right;margin:0;padding:0;width:580px}
div#content {background:#2e2a2b;margin:0 75px 0 0;padding:0}

#mini {margin:0 0 20px 15px}

#sidecolumn h2 {color:#c02519;font-weight:normal}
#sidecolumn p a {color:#c02519;text-decoration:none}

ol#genres {width:139px}
ol#genres li.selected {background:url(/images/site/bullet.gif) 10px center no-repeat #c02519;padding-left:30px}
ol#genres li a {text-decoration:none}

ol#menu {margin:0 0 10px;overflow:auto;padding:0}
ol#menu li {display:inline;text-align:center}
ol#menu li a {color:#fff;display:block;float:left;font-size:14px;font-weight:bold;line-height:26px;padding:0 4px;text-decoration:none;text-transform:capitalize}
ol#menu li a.active {text-decoration:underline}

#maincolumn h2 {font-size:30px;margin:0}
#maincolumn p#underscore {color:#c02519;font-size:20px;line-height:10px;margin:0 0 15px}
#maincolumn h3 {border-bottom:1px solid #fff;clear:both;font-size:14px;margin:0 10px 10px}
#content ol {margin:0 10px}
#content ol li {color:#c02519;font-size:11px}
#content p.totop {font-size:11px;margin:0 10px 0 0;text-align:right}
#content p.totop a {color:#c02519}


img#cover {display:inline;float:left;padding:10px 0 10px 17px}
div#details {display:inline;float:right;width:220px}

body#album #content {overflow:auto}
body#album #content h3 {border:none;line-height:1.2em;margin:0 0 5px;padding:0}
body#album #content h4 {color:#c02519;font-size:12px;font-weight:normal;line-height:1;margin:10px 0;padding:0}
body#album #content h5 {border-top:1px solid #fff;color:#c02519;line-height:1.2em;margin:15px 10px 5px 0;padding:15px 0 0}
#details p {font-size:11px;margin:0 10px 10px 0;text-align:right}
#details p a {text-decoration:none}
#details p a:hover {text-decoration:underline}

div#footer {background:url(/images/site/footer.gif) top no-repeat;clear:both;padding:50px 0 0 0}
div#footer a {background:#231f20;display:block;padding:10px 0 10px 20px}

/* Admin Styles */

div#admin {padding:20px}

div#admin h2 {font-size:21px;margin:0 0 20px 0}
div#admin h2 a {color:#c02519;text-decoration:none}
div#admin h2 a:hover {text-decoration:underline}

div#admin ul#menu {margin:0 0 30px;overflow:auto;padding:0}
div#admin ul#menu li {display:inline;text-align:center}
div#admin ul#menu li a {color:#fff;display:block;float:left;font-size:20px;line-height:26px;padding:34px 10px 0 0}

#admin_page ol.crud {margin:0 0 15px 0}
ol.crud li {background:#323530;height:40px;margin:2px 0;padding:0 10px;position:relative}
ol.crud li.new {background:#545850}
ol.crud li.front_page {background:#3c3f39}
ol.crud li.paused {background:#21231f}
ol.crud li span,
ol.crud li form,
ol.crud li a {border:0px solid #fff;display:block;height:20px;position:absolute;top:10px}
ol.crud li span.new {font-weight:bold;width:50px}
ol.crud li span.publish_status {margin-left:400px;padding:0 0 0 25px}
ol.crud li form.delete {right:10px}
ol.crud li span.live {background:url(../images/site/world.png) 0 2px no-repeat}
ol.crud li span.paused {background:url(../images/site/clock.png) 0 2px no-repeat}
ol.crud li span.front_page {background:url(../images/site/star.png) 0 2px no-repeat}
ol.crud li span.publish_status .date {color:#999;font-size:10px;left:170px;top:0;width:150px}
ol.crud li form.delete .submit {background:url(../images/site/delete.png) 0 2px no-repeat transparent;border:none;color:#f44;cursor:pointer;padding:0 0 0 20px;text-decoration:underline}

/* FORM styles */
table tr td {padding:5px 5px 5px 0}

form dl,
dl.form {position: relative;}
form dt,
.form dt {clear: both;float:left;width: 130px;padding: 4px 0 2px 0;text-align: left}
form dd,
.form dd {float: left;width: 200px;margin: 0 0 8px 0;padding-left: 6px}
form dd.text input,
.form dd.text input {border:3px solid #000;color:#000;font-size:16px;font-weight:bold;padding:3px}
form dd.text input:hover,
.form dd.text input:hover {background:#eee}
form dd input {margin:2px}