@import url("reset.css");

/**********************
  =COLORS & TYPOGRAPHY
**********************/

body {
	color: rgb(230,230,230);
	color: rgba(250,250,250,.8); 
	font: 100 80% Arial, Helvetica, sans-serif;
	line-height: 1.5em; }

*:first-child+html body	{ color: #eee; } /* IE7 */

p { margin-bottom: 1em;
	text-shadow: 0px 1px 1px rgba(102,149,139,.3); }

#Main { text-align: left; } 

a { 
	color: #d78300; 
	outline: none; 
	text-decoration: none;
	cursor: pointer; }
a:hover, a:active, a:focus { 
	color: #ffb645; 
	text-decoration: underline;
	cursor: pointer; }

h2, h3, h4, h5, #Navigation, .Resources, #Day-List, #Footer-Navigation { 
	font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	line-height: .9em; 
	letter-spacing: -.02em;
	font-weight: bold;
	color: #4d5654;
	color: rgba(102,149,139,.3); }

h2, h3, h4, h5 { text-shadow: 0px -1px -1px rgba(102,149,139,.1); }
	
h1 { text-indent: -999em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.25em; }

h2 a, h3 a {
	color: #4d5654;
	color: rgba(102,149,139,.3); }

h2 a:hover, h2 a:focus, 
h3 a:hover, h3 a:focus {
	color: #4d5654;
	color: rgba(102,149,139,.6); }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

small { font-size: .9em; }

blockquote { 
	margin: 20px 40px; 
	line-height: 1em; 
	font-size: 1.1em;
	text-align: right;
	color: #c7b5a5; }

/**********************
   STANDARD STYLING
**********************/

hr { display: none; }
.hr { 
	background: url(../img/design/Plus-Background.png) repeat-x -10px top;
	width: 100%;
	height: 8px; 
	margin: 40px auto; }

.Border { border: solid 1px #ddd; }
	a:hover .Border,
	a:focus .Border,
	a.Border:hover,
	a.Border:focus { border: solid 1px #ec9000; }
	
.Center { margin-left: auto; margin-right: auto; }
img.Center { display: block; margin-left: auto; margin-right: auto;}

.Float-Left { float: left; }
	img.Float-Left, p.Float-Left { margin: 0 20px 20px 0; text-align: left; }
	
.Float-Right { float: right; }
	img.Float-Right, p.Float-Right { margin: 0 0 20px 20px; text-align: right; }
	
.Float-None { float: none; }

/* Clear Fix */
.Clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0; }
* html .Clear				{ zoom: 1; } /* IE6 */
*:first-child+html .Clear	{ zoom: 1; } /* IE7 */

.Clear-Left { clear: left; }
.Clear-Right { clear: right; }
	
.gallery { margin: 1em auto; }

ol.List { list-style-type: decimal; }
ul.List { list-style-type: disc; }
ol.List, ul.List { margin: 0 40px 1em; }
ol.List li, ul.List li { margin-bottom: 1em; }

.Horizontal-List { width: 105%; margin: 20px 0 20px -5%; }
	.Horizontal-List li { float: left; width: 45%; padding: 0; list-style-type: none; margin: 0 0 5% 5%; }
	.Horizontal-List.Three-Up li { width: 28%; }
	.Horizontal-List.Four-Up li { width: 20%; }

*:first-child+html .Horizontal-List li	{ margin-left: 4.8%; } /* IE7 */

.No-Margin, .No-Margin li { margin: 0 !important; }
.No-Top-Margin, .No-Top-Margin li { margin-top: 0 !important; }
.No-Right-Margin, .No-Right-Margin li { margin-right: 0 !important; }
.No-Bottom-Margin, .No-Bottom-Margin li { margin-bottom: 0 !important; }
.No-Left-Margin, .No-Left-Margin li { margin-left: 0 !important; }
	
		
.Image-List li a img {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4; }
			
	.Image-List li a:hover img, .Image-List li a:focus img {
			filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8; }
	
	
	
/*** =Boxes ***/

.Box { 
	width: 180px;
	padding: 20px;
	margin-bottom: 20px; }
	
	.Box.Full { width: 580px; }
	
	.Box.Left { float: left; }
		
	.Box.Right { float: right; }
	
	.Box, .Boxes { 
		background: url(../img/design/rgba.php?r=15&g=6&b=1&a=40) repeat;
		background: rgba(15,6,1,0.3); }
		
	.Boxes .Box { background-color: transparent; }


/*** =Resources ***/

.Resources, .Resources li { 
	list-style-type: none; 
	margin: 0 !important;
	padding: 0; }
	
	.Resources li a {
		background: url(../img/design/Resources.png) no-repeat 0 0; 
		display: block;
		margin-bottom: 5px; 
		padding: 15px 0px 15px 50px;
		font-size: 1em;
		line-height: 20px; }
		
		.Resources li a:hover, .Resources li a:focus { 
			background-position: 0 -100px; 
			text-decoration: none; }

/**********************
		=DESIGN
**********************/

html, body { 
	background: #231a14 url(../img/design/Background-Texture.jpg) repeat center top; 
	height: 100%;
	width: 100%; }
	
#Main { 
	background: url(../img/design/Plus-Background.png) repeat-x center 10px; 
	width: 100%;
	min-height: 100%;
	position: relative; }
	
	* html #Main { height: 100%; } /* IE6 Bugfix */
	
	#Main #Main-Container { 
		background: url(../img/design/Ink-Blot.png) no-repeat 0 55px;
		width: 940px;
		margin: 0 auto;
		padding-top: 55px; }
		
		
/*** =SIDEBAR ***/

#Sidebar {
	float: left;
	width: 220px;
	padding-bottom: 140px; }
	
	/*** =LOGO ***/
		
	#Logo a { 
		display: block;
		background: url(../img/design/Logo.png) no-repeat 0 0; 
		width: 220px; 
		height: 290px;
		margin-bottom: 40px; }
		
		#Logo a:hover, #Logo a:focus { background-position: 0 -350px; }
		
	
	#Sidebar-Items .Item { 
		background: url(../img/design/Plus-Background.png) repeat-x -10px top;
		width: 100%;
		padding-top: 45px;
		margin-bottom: 40px; }
		
		
	/*** =SKIP ***/
	
	.Skip { 
		position: absolute;
		top: 20px; 
		left: 0;
		right: 0;
		width: 100%;
		display: block; text-indent: -999em; }
			
		.Skip:focus, .Skip:active { 
			margin: -20px auto;
			text-align: center;
			text-indent: 0em;
			overflow: visible; 
			background: url(../img/design/rgba.php?r=15&g=6&b=1&a=40) repeat;
			background: rgba(15,6,1,0.6); 
			padding: 5px 0px; }
	
	
	/*** =MEMBER ***/
	
	#Member p { margin: 0; }
	
	#Member a { 
		background-color: rgba(75,57,43,.4);
		background-image: url(../img/design/Member.png);
		background-repeat: no-repeat;
		background-position: center 10px;
		display: block; 
		width: 100%;
		height: 80px;
		text-indent: -999em; }
		
		#Member a:hover, #Member a:focus {
			background-color: #d78300;
			background-position: center -90px; }
		
	
	/*** =CONNECT ***/
	
	#Connect h3, #Connect ul, #Connect li { float: left; }
		
		#Connect li a {
			display: block;
			width: 25px;
			height: 25px; 
			padding-left: 6px;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			-khtml-opacity: 0.6;
			opacity: 0.6; }
			
			#Connect li a:hover, #Connect li a:focus {
				filter:alpha(opacity=100);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1; }
	
	
	/*** =TWEETS ***/
	
	#Latest-Tweets h3, #Contacts h3 { margin-bottom: 10px; }
	
	#Tweets li, #Contacts li, #Tweets .Subtle {
		background: url(../img/design/rgba.php?r=19&g=14&b=12&a=30) repeat;
		background: rgba(19,14,12,.3); 
		padding: 10px; 
		color: #b3a284;}
		
		#Tweets .Subtle { display: block; }
		
		#Tweets li.Odd, #Contacts li.Odd, #Tweets li.tweet_odd {
			background: url(../img/design/rgba.php?r=19&g=14&b=12&a=60) repeat;
			background: rgba(19,14,12,.6);  }
				
				#Tweets .tweet_list .tweet_avatar {
				  padding-right: .75em;
				  float: left; }
				  
				 #Tweets .tweet_list .tweet_avatar img {
					vertical-align: middle; }
	
		
			#Tweets li p, #Tweets li .tweet_text { margin-bottom: 0; line-height: 1.25em;
				white-space: pre-line; /* css-3 */
				white-space: -moz-pre-line; /* Mozilla, since 1999 */
				white-space: -pre-line; /* Opera 4-6 */
				white-space: -o-pre-line; /* Opera 7 */
				word-wrap: break-word; /* Internet Explorer 5.5+ */ }
			
			#Tweets li .Timestamp {	text-align: right; }
				
				#Tweets li .Timestamp a, #Tweets li .tweet_time a { 
					display: block; 
					width: 100%; }


/*** =NAVIGATION ***/

#Navigation, #Content { 
	float: right; 
	width: 620px; }
	
	#Navigation li { 
		float: left;  }
	
	#Navigation li a, #Footer-Navigation li a {
		background: url(../img/design/rgba.php?r=75&g=57&b=43&a=40) repeat;
		background: rgba(75,57,43,.4);
		display: block;
		height: 50px;
		width: 130px;
		padding: 5px;
		margin-left: 20px;
		text-align: right;
		font-size: 2em;
		line-height: 1em;
		position: relative; }
		
		#Navigation li a span, #Footer-Navigation li a span {
			position: absolute; bottom: 5px; right: 5px; }
		
		#Navigation li:first-child a, #Footer-Navigation li:first-child a { margin-left: 0; }
		
		#Navigation li.Other-Dates a, #Navigation li.Intersect a { font-size: 1.6em; line-height: 1em; }
		
			#Navigation li a:hover, 
			#Navigation li a:focus, 
			#Navigation li.Current a,
			#Footer-Navigation li a:hover, 
			#Footer-Navigation li a:focus, 
			#Footer-Navigation li.Current a {
				background-color: #d78300;
				text-decoration: none; }
				
			#Navigation li.Current a ,
			#Footer-Navigation li.Current a { color: #FFF; }
			
#Content {
	padding-bottom: 140px; }
	

/*** =FOOTER ***/

#Footer { 
	width: 940px;
	height: 110px;
	padding: 0 0 20px;
	clear: both;
	position: absolute;
	bottom: 0px;
	color: #98886d; }
	
	#Footer .Container { 
		background: url(../img/design/Plus-Background.png) repeat-x -10px top;
		width: 100%;
		padding-top: 45px;
		margin-bottom: 20px; }
		
	#HFBC-Link { 
		background: url(../img/design/HFBC-Link.png) no-repeat 0 0;
		display: inline-block;
		width: 185px;
		height: 30px;
		text-indent: -999em; }
		
		#HFBC-Link:hover, #HFBC-Link:focus { background-position: 0 -50px; } 
		
	#Footer .Left {
		width: 420px;
		float: left; }
		
	#Footer-Navigation { float: right; }
	
		#Footer-Navigation li { float: left; }
		
			#Footer-Navigation li a {
				height: 50px;
				width: 90px;
				font-size: 1.5em; }
				
			#Footer-Navigation li.Other-Dates a, #Footer-Navigation li.Intersect a { font-size: 1.25em; line-height: 1em; }


/**********************
  =Specific Elements
**********************/

#Content h2, #Content h3 { margin-bottom: 20px; }

#Intro { font-size: 1.2em; }

.Video-Link img { 
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6; }
	
	.Video-Link:hover img, .Video-Link:focus img {
			filter:alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1; }

#Houston-Facts, #Houston-Facts li { 
	margin: 0 !important; 
	padding: 0; 
	list-style-type: none;
	text-indent: -999em; }
	
	#Houston-Facts { 
		background: url(../img/design/Houston-Facts.png) no-repeat 0 0;
		width: 620px;
		height: 141px; }

#Right-Sidebar { float: right; margin-left: 20px; }

	#Cost strong { font-size: 1.5em; font-weight: normal; vertical-align: text-top; line-height: 1em; }
	
	#Cost p { }
	
	#Cost ul { margin: 0 0 20px; padding: 0; list-style-type: none; }
		#Cost li { 
			display: block;
			color: #b3a284;
			padding: 3px 0px 0 10px; 
			text-align: left;
		
			background-color: #2a1e18;
			background-color: rgba(19,14,12,.8); margin-bottom: 5px; }