@charset "utf-8";

/*
Site: luciddreamingdocumentary.com/
Date: October - December 2009
Author: Hector Aranda
URL: http://www.hectorarandawebworx.com
*/


/* Site Structure
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
body {
	margin: 0;
	padding: 0;
	background: #172b38 url(includes/images/BG.jpg) top center scroll no-repeat
}

#Page {
	margin: 0 auto 40px auto;
	padding: 0;
	width: 952px;
}

#Header {
	margin: 0;
	padding: 0;
	height: 207px
}

#MainNav {
	margin: 0;
	padding: 0 0 10px 0;
	width: 952px;
	height: 17px
}

#Contents {
	margin: 0;
	padding: 20px;
}

#LeftCol {
	margin: 0;
	padding: 0;
	width: 170px;
	float: left
}

#RightCol {
	margin: 0;
	padding: 0;
	width: 742px;
	float: right
}

#Footer {
	margin: 0;
	padding: 0;
}

.Clear {
	clear: both
}

.SepLine {
	margin: 0;
	padding: 25px 0 40px 0;
	clear: both
}

/* Nav Menu
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#Btn_Trailer {
	margin: 0;
	padding: 0;
	width: 167px;
	float: left
}

#Btn_About {
	margin: 0;
	padding: 0;
	width: 196px;
	float: left
}

#Btn_Interviewees {
	margin: 0;
	padding: 0;
	width: 279px;
	float: left
}

#Btn_Resources {
	margin: 0;
	padding: 0;
	width: 149px;
	float: left
}

#Btn_DVD {
	margin: 0;
	padding: 0;
	width: 161px;
	float: left
}


/* Typography & Colors
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#Footer {
	text-align: center
}

#Footer #Nav {
	font-size: 12px;
	color: #89c3dc;
	letter-spacing: 1px
}

#Footer #Copyright {
	font-size: 11px;
	color: #4c7285
}

#Contents {
	font-size: 13px;
	color: #ffffff
}

h1 {
	font-size: 20px;
	color: #89c3dc;
	font-family: "Times New Roman", Times, serif
}

h2 {
	font-size: 16px;
	color: #d3eef8;
	font-family: "Times New Roman", Times, serif
}

h3 {
	font-size: 14px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif
}

h4 {
	font-size: 12px;
	color: #d3eef8;
	font-family: "Times New Roman", Times, serif
}

#Contents #LeftCol ul {
	color: #d3eef8
}

textarea, input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px
}


/* Headers & Paragraphs
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
h1 {
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #4c7285
}

h2 {
	margin: 0;
	padding: 0;
}

h2.Resources {
	margin: 0;
	padding: 0 50px;
}


h3 {
	margin: 0;
	padding: 0;
}

h4 {
	margin: 0;
	padding: 0;
}

h5 {
	margin: 0;
	padding: 0;
}

h6 {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 22px
}


/* Links
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
a:link {
	color: #89c3dc;
	text-decoration: underline
}

a:visited {
	color: #89c3dc;
	text-decoration: underline
}

a:hover {
	color: #89c3dc;
	text-decoration: none
}

#Footer #Nav a:link{
	color: #89c3dc;
	text-decoration: none
}

#Footer #Nav a:visited{
	color: #89c3dc;
	text-decoration: none
}

#Footer #Nav a:hover{
	color: #d3eef8;
	text-decoration: underline
}

#Footer #Copyright a:link{
	color: #4c7285;
	text-decoration: underline
}

#Footer #Copyright a:visited{
	color: #4c7285;
	text-decoration: underline
}

#Footer #Copyright a:hover{
	color: #d3eef8;
	text-decoration: none
}

#Contents #LeftCol a:link {
	color: #d3eef8;
	text-decoration: none
}

#Contents #LeftCol a:visited {
	color: #d3eef8;
	text-decoration: none
}

#Contents #LeftCol a:hover {
	color: #89c3dc;
	text-decoration: underline
}

#MainNav a:link {
	color: #ffffff;
	border: none
}

#MainNav a:visited {
	color: #ffffff;
	border: none
}

#MainNav a:hover {
	color: #ffffff;
	border: none
}

#NewsCol a:link {
	color: #d3eef8;
	text-decoration: underline
}

#NewsCol a:visited {
	color: #d3eef8;
	text-decoration: underline
}

#NewsCol a:hover {
	color: #d3eef8;
	text-decoration: none
}

#BuyCol a:link {
	color: #172b38;
}

#BuyCol a:visited {
	color: #172b38;
}

#BuyCol a:hover {
	color: #172b38;
}


/* Lists
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#Contents #LeftCol ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#Contents #LeftCol li {
	margin: 0;
	padding: 0 0 15px 0;
}

.Contents ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.Contents li {
	margin: 0;
	padding: 0 50px 15px 50px;
}

#NewsCol ul {
	margin: 0;
	padding: 0 20px;
	list-style: none
}

.Date {
	font-weight: bold
}

.Entry {
	padding: 0 0 35px 0;
}

#Credits ul {
	margin: 0;
	padding: 0 0 40px 0;
	list-style: none
}

#Credits li {
	margin: 0;
	padding: 0 0 5px 0;
}

#Credits ul ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: disc
}

#Credits ul ul li {
	margin: 0;
	padding: 0;
}

/* Img
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.Img {
	margin: 0;
	padding: 0 10px 2px 0;
}

#BuyDVD img {
	padding-right: 20px;
}

/* Misc
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#Trailer {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 850px;
	height: 500px
}

#NewsCol {
	margin: 0;
	padding: 20px 0 0 30px;
	width: 400px;
	float: left
}

#BuyCol {
	margin: 0;
	padding: 20px 30px 0 0;
	width: 400px;
	float: right
}

#Galleries {
	margin: 0 auto;
	padding: 0;
	width: 675px
}

#Credits {
	margin: 0;
	padding: 0;
}

#Contact {
	margin: 0;
	padding: 0;
	width: 330px;
	float: left
}

#ContactForm {
	margin: 0;
	padding: 0;
	width: 371px;
	float: right
}

.TextField {
	width: 371px
}