/* Document Setup
--------------------------------------------------------------------------------------- */

body {
	text-align: center;
	background-color: #0D0D0D;
	background-image: url('../assets/spirits_house_background.jpg');
	background-position: bottom left;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

body.no_background {
	background-image: none;
}

#doc {
	width: 870px;
	margin: 0px auto;
	text-align: left;
}

#doc, form, textarea, input, select, option {
	font-size: 11px;
	line-height: 20px;
	font-family: Courier, Times, serif;
	color: #e0e0e0;
}

.content {
	width: 370px;
}

.tcenter {
	text-align: center;
}

.tleft {
	text-align: left;
}

.nolorf {
	font-size: 0px;
	line-height: 0px;
}

.pv {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ph {
	padding-left: 5px;
	padding-right: 5px;
}

.pv_double {
	padding-top: 10px;
	padding-bottom: 10px;
}

.ph_double {
	padding-left: 10px;
	padding-right: 10px;
}


/* Forms
--------------------------------------------------------------------------------------- */	

form, textarea, input, select, option {

}

input.text {
	font-size: 18px;
	padding: 2px 4px;
}

label {
	display: block;
}

/* Tables
--------------------------------------------------------------------------------------- */	

table {
	width: 100%;
}

th {
	cursor: pointer;
}

table, tr, td {
	border-collapse: collapse;
}

td {
	vertical-align: top;
}


/* Nav / Content
--------------------------------------------------------------------------------------- */

#player_container iframe {
	height: 50px;
	overflow: hidden;
	border-width: 0px;
}

#nav {
	font-family: Georgia, times, serif;
	text-transform: uppercase;
	width: 380px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 40px;
}

#nav span a, #nav span a:link, #nav span a:visited {
	padding: 5px;
	color: #f0f0f0;
}

#nav span a:hover, #nav span a:focus {
	color: #F95108;
}

#nav span.selected a, #nav span.selected a:link, #nav span.selected a:visited {
	color: #F95108;
}

#content {
	width: 380px;
	text-align: center;
}

.content_inner {
	padding: 20px 5px;
}

#intro {
	width: 500px;
	margin: 0px auto;
	text-align: center;
}

.intro_inner {
	padding: 0px 5px;
}

#intro #nav {
	width: 500px;
}

.show {

}


/* Links
--------------------------------------------------------------------------------------- */	

a, a:link, a:visited {
	color: #F95108;
	text-decoration: none;
}

a:hover, a:focus {
	color: #ddd;
	text-decoration: none;
}

/* Floating
--------------------------------------------------------------------------------------- */	

.left	{ float: left; }
.right	{ float: right; }
.clear 	{ clear: both; }

/* Headings
--------------------------------------------------------------------------------------- */	

h1 { font-size: 20px; line-height: 30px; }


/* User Feedback Messages 
--------------------------------------------------------------------------------------- */	

.message 	{ font-size: 14px; padding: 5px 10px; }

.success	{ background: #44dd55; color: #fff; }
.error 		{ background: #ff6555; color: #fff; }
.neutral	{ background: #ffeecc; color: #444; }