/* Index CSS for Architekt9.com */


/* 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;
}





/* Main */

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto; min-height: 100%;
}

#main {padding-bottom: 38px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -38px; /* negative value of footer height */
	height: 38px;
	clear:both;} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}



/* Layout and Design */

body {
	font: normal 0.7em "Helvetica Neue", Helvetica, Geneva, sans-serif; width: 100%;
	color: #fff;
	background: #131c24;
}

#main {
	width: 960px;
	margin: 0 auto;
}

#header {
	padding: 20px 0 0 0;
	height: 44px;
}

#header img {
	float: left;
}


#menu {
	float: right;
	padding: 15px 0 0 0;
}

.home {
	padding: 0 6px 0 0;
}

.music {
	padding: 0 4px 0 0;
}

#leftpane {
	float: left;
	width: 580px;
}

#leftpane img {
	padding: 0 0 4px 0;
}

#rightpane {
	float: right;
	width: 380px;
}

.rightunder {
	clear: both;
	padding : 0 0 0 2px;
}

#news {
	min-height : 100px;
}

#news p {
	float: left;
}

#tweet {
	min-height : 60px;
	padding: 10px 0 0 0;
	float: left;
}

#twitter_div {
	clear: both;
}

#listeningto {
	padding: 10px 0 0 0;
}

#fromlastfm {
	clear: both;
}

#contact {
	float: left;
	width: 960px;
	padding: 14px 0 20px 0;
}

#contact ul {
	list-style: none;
	clear: both;
}

#contact ul li {
	display: inline; /* IE6 fix to prevent the step down bug */
}

#contact ul li a {
	display: block; /* Make the anchors a block element, allowing the width and height to be specified and increasing the clickable area */
	float: left;
	height: 36px;
	width: 90px;
	margin: 0;
	background-image: url('images/contact_logos.gif');
	background-repeat: no-repeat; 
}

#contact ul li a.twitter { background-position: 0 0; }
#contact ul li a.myspace { background-position: -100px 0px; }
#contact ul li a.soundcloud { background-position: -190px 0px; }
#contact ul li a.lastfm { background-position: -280px 0px; }
#contact ul li a.youtube { background-position: -370px 0px; }
#contact ul li a.imeem { background-position: -462px 0px; }
#contact ul li a.ilike { background-position: -560px 0px; }

#foot {
	width: 960px;
	margin: 0 auto;
}

#footer p, img {
	float: left;
}

#footer p {
	padding : 4px 0 0 10px;
}

#rss {
	float: right;
	padding: 0 4px 0 0;
}



/* Music Page */

#musicmain {
	clear: both;
	padding: 12px 0 0 2px;
}

.musicheaders {
	padding: 8px 6px 0 0;
}

#donate {
	clear: both;
	padding: 16px 0 0 0;
	width: 500px;
}

#donate p {
	padding: 0 0 14px 0;
}

fieldset {
	border: 0;
}

#store {
	padding: 20px 0 0 0;
}

#store table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	width: 740px;
}

#store table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
}

.songtitle p {
	padding: 0 0 0 2px;
}

.dllink {
	width: 70px;
	text-align: center;
}

.buymp3 {
	width: 70px;
	text-align: center;
}

.buywav {
	width: 70px;
	text-align: center;
}

.ituneslink {
	width: 60px;
	text-align: center;
}

.amazonlink {
	width: 60px;
	text-align: center;
}

.rhapsodylink {
	width: 60px;
	text-align: center;
}

.napsterlink {
	width: 60px;
	text-align: center;
}

.album {
	padding: 22px 0 0 0;
}

.albumdesc {
	padding: 0 0 6px 0;
	width: 740px;
}




/* About Page */

#aboutmain {
	clear: both;
	padding: 12px 0 0 2px;
	width: 580px;
}


/* 404 Page */

#nothere {
	clear: both;
	padding: 12px 0 0 2px;
	width: 580px;
}



/* Song Pages */

#indsongs {
	clear: both;
	padding: 12px 0 0 2px;
}

.cover {
	padding: 8px 0 8px 0;
}

#indsongs p {
	clear: both;
}
.purchaselinks {
	padding: 0 0 35px 0;
}


/* Fonts and Text */

a:link {
	color : #c7baa8;
	text-decoration: none;
}

a:visited {
	color : #eadac4;
	text-decoration: none;
}

h2 {
	color : #c7baa8;
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
	padding: 0 0 4px 0;
}

h4 {
	font-size: 2em;
	color : #c7baa8;
}

blockquote {
	padding: 0 0 0 20px;
}

.na {
	text-decoration: line-through;
}