/*
      Created by James (As Autumn Calls)
	  
	  Website: http://www.asautumncalls.com
	  
*/

* {
	padding: 0;
	margin: 0;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #888;
	background:#000 url("http://www.asautumncalls.com/images/bg.jpg") repeat-x center top fixed;
}
#wrapper {
	margin: 0 auto;
	width: 840px;
	border: 0px solid #ccc;
}
#header {
	width: 822px;
	color: #333;
	padding: 0px;
	height: 500px;
	margin: 0px auto 0px auto;
	border: 0px solid #ccc;
	background:#000 url("http://www.asautumncalls.com/images/header.jpg") repeat-x center top;
}
#logo {
	width: 742px;
	padding: 30px 0px 0px 80px;
	height: 375px;
	margin: 0px;
	text-align: left;
}
#nav {
	width: 822px;
	padding: 0px;
	height: 72px;
	margin: 20px 0px 3px 0px;
	text-align: center;
	overflow: hidden;
}
#connect {
	width: 822px;
	padding: 0px;
	height: 37px;
	margin: 0px auto 0px auto;
	text-align: center;
}
#container {
	width: 822px;
	color: #333;
	padding: 0px;
	height: auto;
	margin: 0px auto 10px auto;
	border: 0px solid #ccc;
	overflow: hidden;
	background: #000;
}
#content {
	width: 548px;
	float: left;
	height: auto;
	color: #ccc;
	margin: 0px;
	padding: 0px 5px 0px 20px;
	background:#000;
}
#contentFull {
	width: auto;
	height: auto;
	color: #ccc;
	padding: 0px 15px 0px 15px;
	background:#000;
}
#sidebar {
	width: 200px;
	float: right;
	height: auto;
	color: #ccc;
	margin: 0px 0px 10px 0px;
	padding: 0px 20px 0px 5px;
	background:transparent;
}
#bandcamp {
	width: 150px;
	margin: 0px auto 0px auto;
	text-align: center;
}
#footer {
	width: 822px;
	margin: 20px auto 10px auto;
	text-align: center;
	font-size: 11px;
}
/* Lists & Menus =====================*/
#nav ul {
	list-style-type: none;
	margin: 0px;
}
#nav ul li {
	display: inline;
	padding: 0px 4px 0px 4px;
}
#nav ul li a, ul li a:hover, ul li a:visited {
	text-decoration:none;
}
#connect ul {
	list-style-type: none;
	margin: 0px;
}
#connect ul li {
	display: inline;
	padding: 0px 10px 0px 10px;
}
#connect ul li a, ul li a:hover, ul li a:visited {
	text-decoration:none;
}
/* Images =====================*/
img.post {
	border:  none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
}
img.heading {
	padding-bottom: 20px;
}
img {
	border: none;
}
img.float_left {
	float: left;
	padding: 0px 5px 0px 0px;
}
a.gallery img {
	border: 3px solid #ece7e6;
	margin: 0px 7px 8px 7px;
}
.images a:hover img {
	border-color: #cdaf92;
}
.images a {
	background: none;
	padding: 0;
}
/* Links ======================*/
a {
	color: #666;
	text-decoration: none;
	font-size: 13px;
	font-family:'Open Sans', sans-serif;
	font-weight: normal;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
/* Headings =====================*/
h1 {
	color: #fff;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
}
h2 {
	color: #aaa;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding-bottom: 4px;
}
h3 {
	color: #aaa;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	padding-top: 4px;
	padding-bottom: 4px;
}
p {
	padding-top: 4px;
	padding-bottom: 4px;
}
p.xpadding {
	padding-bottom: 30px;
}
.center {
	text-align: center;
}
.smalltext {
	font-size: 10px;
	text-align: center;
}
.date {
	color: #666;
}
/* Gallery ========================================*/
.caption-top, .caption-bottom {
	color: #ffffff;
	padding: 1.2em;
	font-weight: bold;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
	border-width: 0px 0px 8px 0px;
}
.caption-bottom {
	border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c {
	clear: both;
}
/* Misc Elements ========================================*/
hr.clear {
	clear: both;
	display: none;
}
/* Contact Form ========================================*/
#contactform {
	padding: 4px;
	width: 300px;
}
input {
	width: 180px;
	padding: 4px;
	color: #999;
	background-color:#000;
	border: 1px solid #333;
}
textarea {
	width: 400px;
	height: 150px;
	color: #999;
	background-color:#000;
	border: 1px solid #333;
}
input.submit {
	width: 81px;
	height: 25px;
	color: #ccc;
	font-size: 9pt;
	font-family: 'Open Sans', sans-serif;
	border: 0px solid #333;
}
/* Discography ========================================*/
.disc-container {
	margin: 10px 0px 10px 0px;
	padding: 4px 0px 0px 30px;
	overflow: hidden;
}
.cover {
	float: left;
	padding: 0px 5px 5px 0px;
	overflow: hidden;
	width: 200px;
	height: 200px;
}
.tracklisting {
	margin: 0px;
	height: auto;
	padding: 4px 0px 10px 30px;
	overflow: hidden;
}
.tracklisting ol {
	padding: 5px 0px 5px 14px;
}
.tracklisting ol li {
	padding: 0px 0px 0px 2px;
	margin: 0px 0px 0px 8px;
}
.tracklisting ol li li {
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
}
/* Gallery ========================================*/
.container {position:relative; top:5px; width:550px; height:200px;}
.column {position:absolute; top: 0px; border:1px solid #444444; text-align: center;}
#a {left:0; width:150px;}
#b {left:183px; width:150px;}
#c {left:366px; width:150px;}

/* Tables ==========================================*/
table,th,td
{ 
border:1px solid black;
}
th,td
{
padding:4px;
}