/* Main CSS File
 * Copyright 2010 WebCamp One, LLC
 * Jim Pietrangelo, webcampone.com
 * For: All4Hym
*/

html {
	width: 100%;
	height: auto;
	min-height: 101%;
	margin-bottom: -1px;
	background: #581d19 url('../images/bg/guitar.png') 0 0 repeat; }
	html xmp {
		color: #000;
		font-size: 11px; }
	body {
		position: relative;
		width: auto;
		height: auto;
		font-family: "Helvetica Neue", Arial, sans-serif;
		font-size: 62.5%;
		color: #000; }
		#fixWindow {
			position: relative;
			width: 770px;
			height: auto;
			margin: 8px auto 0px; }
			#container {
				position: absolute;
				width: 100%;
				height: auto;
				top: 0;
				left: 0;
				border: 1px solid #3F2301;		
				box-shadow: rgba(0,0,0,0.6) 5px -5px 8px;
				-moz-box-shadow: rgba(0,0,0,0.6) 5px -5px 8px;
				-webkit-box-shadow: rgba(0,0,0,0.6) 5px -5px 8px;
				-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=45,strength=4)"; /* IE8+ */
				filter:progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=45,strength=4); /* IE7 and lower */
				background: #fff; }
				header#branding {
					position: relative;
					width: 100%;
					height: 220px;
					background: transparent url('../images/bg/marquee.jpg') 0 0 no-repeat; }
					header#branding a {
						position: absolute;
						display: block;
						width: 250px;
						height: 90px;
						top: 10px;
						left: 10px;
						background: transparent url('../images/logos/logo_band.png') 0 0 no-repeat; }
					header#branding #facebookLikeButton {
						position: absolute;
						width: 90px;
						height: 21px;
						bottom: 35px;
						right: 0;
					}			
				#contentArea {
					position: relative;
					margin-top: 0;
					width: 100%;
					height: auto;
					margin-bottom: 0;
					background: transparent url('../images/bg/bg_page.png') 0 0 repeat;					
					z-index: 1; }
					#pageContent {
						position: relative;
						width: 100%;
						height: auto;
						background: transparent; }
						#pageContent #columns {
							position: relative;
							display: block;
							width: 100%;
							height: auto;
							padding-bottom: 0;
							background: transparent; }
							/* !Columns(1) */
							#col_1_of_1 {
								position: relative;
								width: auto;
							    height: auto;
							    min-height: 345px;
							    padding: 20px;
							    background: transparent; }
							
							/* !Columns(2) */
							#col_1_of_2 {
								position: relative;
								display: inline-block;
								width: 170px;
							    height: auto;
							    padding: 20px 0 20px 20px;
							    float: left;
							    background: transparent; }
									
							#col_2_of_2 {
								position: relative;
								display: inline-block;
								width: 540px;
								height: 100%;
								min-height: 345px;								
								padding: 20px;
								float: right;
								background: transparent; }

/* !Typography */
h1, h2, h3, h4, h5 {
	padding-bottom: .25em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #aaa; }
	h1 {
    	font-size: 2.2em; }
	h2 {
    	font-size: 2.0em; }
    h3 {
    	font-size: 1.8em; }
    h4 {
		font-size: 1.4em; }
	h5 {
		font-size: 1.2em; }
	#pageTitle,
	.entryTitle {
		font-family: Georgia, "Times New Roman", serif;
		text-align: left;
		text-shadow: 1px 1px 1px #222;
		letter-spacing: 1px; 		
	    color: #55281E;	}
	.standout {
		display: block;
		padding: .35em .5em;
		margin-top: .5em;
		margin-bottom: 1.5em;
		color: #fff;
		text-shadow: #000 0px 1px 1px;		
		background: #a9b157;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		box-shadow: rgba(0,0,0,0.6) 3px -3px 5px;
		-moz-box-shadow: rgba(0,0,0,0.6) 3px -3px 5px;
		-webkit-box-shadow: rgba(0,0,0,0.6) 3px -3px 5px; }

p {
    font-size: 1.4em;
    line-height: 1.22em;
    margin: .50em 0 .50em; }

i, em { font-style: italic; }
b, strong { font-weight: bold; }

/* !Lists */
.content ul,
.content ol,
.content dl {
    font-size: 1.4em;
    line-height: 1.22em;
    text-align: left;
    margin: 0 0 1em 0; }
    .content ol {
    	list-style: decimal; }
	.content ul.long li,
	.content ol.long li,
	.content dl.long dt {
		margin-top: .50em; }
	.content ul li:before,
	.content dl dt:before {
		margin-left: -1.0em;
		text-align: left;
		vertical-align: top;
		content: url('../images/misc/note.png')" "; }
	.content ul li,
	.content dl dt {
		margin-left: 1.0em; }

.multiColContainer {
	position: relative;
	display: block;
	clear: both;
	width: 100%;
	height: 100%; }
	.multiColumn {
		position: relative;
		display: inline-block;
		float: left;
		padding-right: 20px; }

/* !Links */
a:link,
a:visited,
a:active {
	color: #676C37;}
a:focus,
a:hover {
	color: #B97A13;
	cursor: pointer;
	text-decoration: none; }

/* !Misc */
div#insidePageText {
	padding-top: 0; }

span#returnToList {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.5em; }
	
#linkEmailPage {
	position: absolute;
	top: 5px;
	right: 20px;
	text-transform: uppercase;
	font-size: 1.1em; }

.offScreen {
	position: absolute;
	left: -9999px; }	

.navMorePages {
	margin: .5em 0;
	padding: .5em 0;
	border-top: 1px dotted gray;
	border-bottom: 1px solid gray;
	font-size: 1.1em; }
	
#signUp {
	position: absolute;
	width: auto;
	height: auto;
	left: 10px;
	bottom: 30px; }
	#subscription {
		position: relative;
		width: 100%;
		height: auto;
		vertical-align: middle; }
		#subscription fieldset {
			display: inline-block;
			float: left; }
			#subscription input {
				display: inline-block;
				width: 150px;
				height: 15px;
				float: left;
				background: #EBDEBF; }
			#subscription input#submit {
				width: auto;
				height: auto;
				padding: 0px 2px 2px;
				margin-left: 5px;
				color: #fff;
				background: #9aa242; }
				#subscription input#submit:active {
					color: #fff;
					background: #000; }
	#signUp h4,
	#signUp p {
		white-space: nowrap;
		margin-top: 0;
		color: #fff;
		clear: left; }