/*
 * site.css
 * Copyright (C) 2009 Adrian Perez
 *
 * Distributed under terms of the MIT license.
 */

html, body, p, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: "Droid Sans", "Bitstream Vera Sans", "Verdana",
		"Lucida Grande", "Lucida Sans Unicode", "Tahoma", sans-serif;
}

html, body, p, ul, ol {
	font-size: 14px;
}

html {
	background: #000 url("discovered.png");
}

body {
	margin: 1em 10em;
	color: #aaa;
}

div#myself {
	background: url("80s-fashion-nobody.png") 0 0 no-repeat;
	position: absolute;
	height: 224px;
	width: 190px;
	right: 10em;
	top: 100px;
}

a {
	color: #eee;
	text-decoration: none;
}

a:hover {
	color: #d5061d;
}

.hidden {
	display: none;
}

#discovery-logo {
	height: 180px;
	min-width: 500px;
	background: url("logo.png") 50% 50% no-repeat;
	cursor: pointer;
}

div.slab {
	border: 1px solid #444;
	background: rgba(0,0,0,0.7);
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	padding: 0 1em;
	margin-bottom: 1.5em;
	margin-top: 1em;
}

.large {
	font-size: large;
}

h2.col-left {
	float: left;
	clear: left;
	font-size: 19px;
	width: 150px;
	margin: 10px 0;
	padding: 0;
	border-right: 1px solid #444;
}

.col-right {
	margin-left: 150px;
	margin-top: 10px;
	border-left: 1px solid #444;
	padding-left: 1em;
}

ul.no-bullets li, ul.no-bullets {
	display: block;
}


div.footer {
	text-align: center;
	margin-bottom: 1em;
}

div.footer, div.footer a {
	color: #888;
}

div.footer a:hover {
	color: #aaa;
}

table.tracklist {
	margin: 1em auto;
	color: #000 ! important;
	border-collapse: collapse;
	border: 1px solid #888;
}

table.tracklist thead th {
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	text-align: left;
}

table.tracklist td.t,
table.tracklist td.a {
	text-align: left;
}
table.tracklist td.y {
	text-align: center;
}
table.tracklist td.l {
	text-align: right;
}

table tr.even, table tr.even td {
	background: #efecec;
}

table.tracklist th,
table.tracklist td {
	margin: 0;
	padding: 0.2em 0.5em;
}


h1 {
	border-bottom: 1px solid #444;
	margin-right: 210px;
}

div.post-date {
	text-align: right;
	margin-top: -0.85em;
	margin-bottom: 2em;
	margin-right: 210px;
}

div.figure {
	font-size: 75% ! important;
	font-style: italic;
	margin: 1em;
}

div.figure.align-center {
	text-align: center;
}

div.figure img {
	border: 1px solid #888;
	padding: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.figure p.caption {
	margin-top: 0.125em;
}

div#page-content {
	text-align: justify;
	font-size: 18px;
}