@import url(reset.css);

body {
	background: #fff url("background.png");
	color: #222;
	font: 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif;
}

.hide, 
hr {
	display: none;
}

#band {
	background: #e2e2e2 url("band.png") repeat-x;
	height: 33px;
}

#content {
	width: 770px;
	margin: 0 auto;
}

#column {
	margin-top: 38px;
	width: 170px;
	margin-right: 50px;
	margin-bottom: 54px;
	float: left;
	overflow: hidden;
}

#menu {
	display: block;
	margin-top: 313px;
	overflow: hidden;
}

#column a {
	text-decoration: none;
}

#column span.secondary a:link,
#column span.secondary a:visited {
	color: #acacac;
}

#column a:link,
#column a:visited {
	color: #545454;
}

#column a:hover,
#column span.secondary a:hover {
	color: #000;
}

#column span.title {
	color: #787878;
}

#column span.left {
	display: block;
	float: left;
}

#column span.right {
	display: block;
	float: right;
	text-align: right;
}

#column span.group a,
#column span.group span {
	display: block;
}

#column span.group span.hide {
	display: none;
}

#column span.group {
	display: block;
	margin-bottom: 18px;
}

#logo {
	display: block;
	position: absolute;
	margin-left: -3px;
	width: 173px;
	height: 268px;
}

#logo a.pic {
	display: block;
	background: url("logo-pic.png") no-repeat;
	height: 215px;
	width: 173px;
	text-indent: -1000em;
}

#logo a.text {
	display: block;
	background: url("logo-text.png") no-repeat;
	height: 57px;
	width: 173px;
	text-indent: -1000em;
}

#signature {
	display: block;
	width: 109px;
	height: 39px;
	margin-top: 30px;
	background: url("signature.png") no-repeat;
	text-indent: -1000em;
}

#main {
	background: url("splash.png") top right no-repeat;
	margin-top: 30px;
	padding-top: 15px;
	float: left;
	width: 550px;
	min-height: 250px;
}

body.error #main {
	background-image: none;
}

#twitter a,
#news a,
#galleries a,
#music a,
div.static a,
div.post p a {
	text-decoration: none;
}

#twitter a:link,
#twitter a:visited,
#news a:link,
#news a:visited,
#galleries a:link,
#galleries a:visited,
#music a:link,
#music a:visited,
div.static a:link,
div.static a:visited,
div.post p a:link,
div.post p a:visited {
	color: #369;
}

#twitter a:hover,
#news a:hover,
#music a:hover,
div.static a:hover,
div.post p a:hover {
	color: #000;
	text-decoration: underline;
}

#galleries,
#music {
	margin-bottom: 54px;
}

#miccionario, #news {
	margin-bottom: 44px;
}

#news p.lined {
	background: url("dots.png") left 13px repeat-x;
}

#news p.lined a {
	background: url("background.png");
	padding-right: 5px;
}

#news span.wordcount {
	background: url("background.png");
	padding-left: 5px;
	display: block;
	float: right;
	color: #c6c6c6;
}

#news h1,
#miccionario h1,
#galleries h1,
#music h1 {
	font-weight: bold;
	color: #556697;
	margin-bottom: 18px;
}

#galleries h1 a:link, 
#galleries h1 a:visited,
#news h1 a:link, 
#news h1 a:visited {
	color: #556697;
}

#galleries h1 a:hover,
#news h1 a:hover {
	text-decoration: none;
	color: #000;
}

#news p {
	overflow: hidden;
}

#news p span.date {
	display: block;
	width: 90px;
	float: left;
	color: #acacac;
}

#news p span.kind {
	display: block;
	width: 50px;
	margin-right: 20px;
	float: left;
	color: #777;
}

#news p span.category {
	display: block;
	width: 100px;
	float: left;
	color: #777;
}

#news p span.category a:link,
#news p span.category a:visited {
	color: #777;
}

#news p span.category a:hover {
	color: #000;
}

div.static {
	margin-bottom: 54px;
}

div.static h1 {
	font-weight: bold;
	color: #556697;
	margin-bottom: 18px;
}

div.static p {
	margin-bottom: 18px;
}

div.post {
	margin-bottom: 54px;
}

div.post h1 {
	font-weight: bold;
	color: #556697;
}

div.post h1 a {
	text-decoration: none;
}

div.post h1 a:link,
div.post h1 a:visited {
	color: #556697;
}

div.post h1 a:hover {
	color: #000;
}

div.post div.date {
	color: #acacac;
	margin-bottom: 18px;
}

div.post div.date a {
	text-decoration: none;
}

div.post div.date a:link,
div.post div.date a:visited {
	color: #acacac;
}

div.post div.date a:hover {
	color: #000;
}

div.post div.date em {
	font-style: normal;
}

div.post p {
	margin-bottom: 18px;
}

ul {
	margin-bottom: 18px;
}

ul li {
	background: url("bullet.png") left 6px no-repeat;
	margin-left: -17px;
	padding-left: 17px;
}

ol {
	margin-bottom: 18px;
	list-style: decimal; 
}

ol li {
}

#cc {
	float: left;
	margin: 1px 30px 10px 0;
}

p.question {
	font-weight: bold;
	margin-bottom: 0 !important;
}

h1 {
	margin-top: 54px;
}

h1:first-child {
	margin-top: 0;
}

#portrait {
	float: left;
	margin: 7px 25px 0 0;
}

h2 {
	margin: 36px 0 18px 0;
	color: #999;
}

#marvin {
	float: right;
	margin-left: 30px;
}

p.scene-separator {
	color: #888;
	text-align: center;
}

#quote {
	margin-top: 39px;
	color: #bbb;
}

#quote p.author {
	margin-top: 18px;
	font-style: italic;
}

#music div.album {
	clear: both;
	overflow: hidden;
	margin-bottom: 36px;
}

#music div.album img.cover {
	float: left;
}

#music div.album div.tracks {
	float: right;
	width: 275px;
}

#music div.album p.title a {
	font-weight: bold;
}

#music div.album p.title a:link,
#music div.album p.title a:visited {
	color: #222;
}

#music div.album p.title a:hover {
	color: #666;
}

#music div.album p.download {
	margin-bottom: 18px;
}

#music div.album p.download span {
	color: #aaa;
}

#music div.album div.player {
	position: relative;
	top: 2px;
	float: left;
	margin-right: 5px;
	height: 17px;
	margin-right: 10px;
}

#music div.album div.track span.length {
	color: #888;
	float: right;
	padding-right: 10px;
}

#music div.album div.track span.size {
	color: #bbb;
	float: right;
}

#music div.album div.track span.size a:link,
#music div.album div.track span.size a:visited {
	color: #bbb;
}

#music div.album div.track span.size a:hover {
	color: #000;
}

#music div.album div.description {
	clear: both;
	padding-top: 20px;
}

#music div.album div.description p {
	margin-bottom: 18px;
}

img.picture {
	float: left;
	margin: 6px 20px 10px 0;
}

img.right {
	float: right;
	margin: 6px 0 10px 20px;
}

#search {
	margin-bottom: 20px;
	overflow: hidden;
	background: url("dots.png") left bottom repeat-x;
	padding-bottom: 26px;
}

#search input.text {
	display: block;
	float: left;
	border: 1px inset #fff;
	padding: 0;
	height: 24px;
	line-height: 24px;
	background: #fff;
	color: #222;
	padding-left: 5px;
	width: 200px;
	font: 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif;
}

#search input.button {
	margin-left: 10px;
	display: block;
	float: left;
	border: 1px solid #c0c0c0;
	height: 26px;
	background: #d0d0d0;
	color: #555;
	padding: 0 10px;
	font: 13px/18px "Trebuchet MS", Arial, Verdana, sans-serif;
}

#cache-click {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 5px;
	right: 5px;
}

#cache-click a {
	width: 10px;
	height: 10px;
	display: block;
}

div.gallery {
	margin-bottom: 54px;
}

div.gallery:last-child {
	background: none;
}

div.gallery h2 {
	margin: 0;
	color: #666;
}

div.gallery h2 a {
	text-decoration: none;
}

div.gallery h2 a:link, 
div.gallery h2 a:visited {
	color: #444 !important;
}

div.gallery h2 a:hover {
	color: #000 !important;
}

div.gallery img.main {
	float: left;
	margin: 0 18px 0 0;
}

div.gallery div.main {
	overflow: hidden;
	margin-bottom: 12px;
	position: relative;
}

div.gallery div.info p.description {
	position: absolute;
	padding-left: 258px;
	bottom: 0;
}

div.gallery div.info p.count {
	color: #999;
	margin-bottom: 18px;
}

div.gallery div.info p.count a:link,
div.gallery div.info p.count a:visited {
	color: #369;
	text-decoration: none;
}

div.gallery div.info p.count a:hover {
	color: #000 !important;
}

div.gallery div.thumbnails {
	clear: both;
	background: url("background-dark.png");
	padding: 12px 0 0 12px;
	width: 527px;
}

div.gallery div.thumbnails img {
	margin: 0 9px 9px 0;
}

#twitter {
	margin-bottom: 46px;
	background: url("twitter.png") no-repeat;
	padding-left: 90px;
}

#twitter p {
	min-height: 36px;
	color: #666;
}

#twitter p.more {
	min-height: 0;
}

img.phrase {
	box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
	border: 1px solid #bbb;
	padding: 5px;
	background: #fff;
}

#miccionario p {
	margin-bottom: 1em;
}