/* 
	Redona template - no styles
*/

body, html{
	margin:0; padding:0;
	width:100%;
	font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
body{ 
	background-color: #666;
}

body.splash{
	background-color: white;
	width:100%; height: 100%;
}

#wrap{
	width: 900px; margin:0 auto; padding:0 10px;
	background-color: white;
}

#page{
	width: 900px;
	padding:0; margin:0;
}

#header{
	background:url('../images/bg/clouds.jpg') top right no-repeat;	
	height: 135px;
	z-index: 2200;
	width: 900px;
	margin:0 auto; padding:0;
}

#header #logo{
	width:361px; height:91px;
	background:url('../images/logo.gif') center left no-repeat;	
	position: relative;
	z-index: 1000;
	float: left;
	padding: 0; margin-top: 20px;
}

#construction #logo{
	background:url('../images/logo.gif') center left no-repeat;	
	width:361px; height:91px;
	padding:0; margin:0 auto;
}

#header #logo h1{display:none; }


#menubar{
	
}
/* generic */
.callout{
	color: #333;
	clear:both;
	padding: 10px 0 0 0; margin:0;
	width: 400px;
}

.callout h1{
	
}

.nav{
	width: 250px;
	float:left;
	padding:0; margin:0;
}

.nav h2{
	padding-bottom:0;
	height: 28px;
}

.nav h2 a:link, .nav h2 a:visited{
	color: white;
	font-size: 15px;
}

.main{
	float:left;
	width: 570px;
	padding:0 20px; margin:0;
}

.article .body{
	padding-left: 10px;
}	

.main .article .body img{
	z-index:300;
}

.main p{
	text-align: left;
}

#left h2,
.nav h1{
	background:url('../images/bg/h2.jpg') top left repeat-x;
	width: 230px;
	height: 36px;
	font-size: 15px;
	color: white;
	padding: 10px 5px 0 15px; margin:0;
}

#main .leftnav .callout h1{
	width: 230px;
}

.nav .summary{
	display:none;
}

a:link,
a:visited{
	color: #333;
}

img.fade{
	float:left;
	
}

#main{
	width: 885px;
	margin:0;padding:15px 0 15px 0px;
}

#main .rightnav .main{
	width: 410px;
	float:left;
	padding:0; margin:0 20px 0 0;
}

.rightnav .nav h1,
.rightnav .main h1{
	background:url('../images/bg/h2.jpg') top left repeat-x;
	font-size:16px;
	font-weight:normal;
	color: white;
	padding: 7px; margin:0;
	width: 400px;
	text-align:left;
}

#main .main .callout h1{
	width: 390px;
}

#main .rightnav .nav .callout h1{
	width: 440px;
}

.rightnav .main h1{
	width: 410px;
}

.rightnav .main h2{
	width: 390px;
}

#main .rightnav .nav{
	width: 450px;
	padding:0; margin:0;
	overflow:hidden;
}

.rightnav .nav img{
	width: 450px; 
	padding:0; margin:0;
}

.rightnav .nav h2{
	width: 430px;
	height: 36px;
	text-align:left;
}

.headlines-only, .twitter{
	background-color: #FFFDC5;
	padding:10px;	
}

.root_tree{
	width: 210px;
	padding: 10px 20px 10px 20px; margin: 0;
	background-color: #FFFDC5;
	min-height: 500px;
	color: #333;
	font-weight:bold;
}

.root_tree a:link,
.root_tree a:visited{
	text-decoration:none;
}

.root_tree a:hover,
.root_tree a:active,
.root_tree a.over,
.root_tree a.selected:link,
.root_tree a.selected:visited{
	text-decoration:underline;
}

.root_tree .root-menu-link{
	padding:5px 0;margin:0;
	display:block;
}

.root_tree li{
	padding: 7px 0; margin:0;
	list-style: none;
}

.root_tree ul{
	padding:0 0 0 15px; margin:0;
}


/*----Vid-----*/

#videoframe, #photoframe{
	width: 550px;
	float:left;
	position: relative;
	padding: 10px 0 0 50px; margin:0 auto;
	height:340px;
}

#formats{
	font-size: 10px;
}

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

#videobrowser a.vid-title{
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	width:110px;
	padding:0 0 0 10px;
	
}

.vid{
	clear:both;
	width:180px;
	margin:10px 0;

}
.vid img{
	width: 50px;
	float:left;
	margin-right: 10px;
}


#belowbrowser{
	text-align:center;
}

#videoscroll{
	float:left;
	
}

#videoframe{
	width: 500px;
	float:left;
}

/*-------Photo----------*/

#left{
	width: 250px;
	float:left;
}

#right{
	width: 600px;
	float:left;
	padding: 20px 0 0 20px; margin:0;
}

#photoframe{

}

.headlines-only{
	clear:both;
}

#tree{
	width: 210px;
	padding: 10px 20px 10px 20px; margin: 0;
	background-color: #FFFDC5;
	min-height: 500px;
	color: #333;
	font-weight:bold;
}

#tree h4{
	padding:0; margin:0;
}	

#tree ul{
	padding:10px 0 0 10px;margin:0;
}

#tree li{
	list-style:none;
	padding:5px 0; margin:0;
}

#tree a:link,
#tree a:visited{
	padding:0; margin:0;
	text-decoration:none;
}

/* footer */
#footer{
	width: 870px; height: 120px;
	background: #1B1718 url('../images/bg/footer.jpg') top left repeat-x;
	color: #fff;
	padding: 15px 5px 5px 25px; margin:0 auto;
}

#footer .siblings,
#footer .siblings ul{
	padding:0; margin:0;
}

#footer .siblings li{
	list-style:none;
	float:left;
	padding:0; margin:0;
}

#footer a:link,
#footer a:visited{
	color:white;
	font-size: 13px;
	text-decoration:none;
	font-weight:bold;
	padding: 0 30px 0 0; margin:0;
}

#footer p{
	font-size: 12px;
}

#footer a:hover,
#footer a:active,
#footer a.over,
#footer a.selected:link,
#footer a.selected:visited{
	color: #999;
}

#legitify{
	float:right;
	display:block;
	width: 100px;
	padding-top: 25px;
	padding-right: 20px;
}

/* media enlargement styles */

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* notifications */
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}


/*   forms   */

.email_signup{
	padding:10px 0 0 10px; margin:0;
	float:left;
	width: 280px;
}

#main .rightnav .main .callout p{
	padding-left: 10px;
}

.leftnav .nav .callout,
.leftnav .nav .email_signup{
	width:240px;
}
.leftnav .nav .callout p,
.leftnav .nav .email_signup{
	padding-left: 10px;
	margin:0;
}

.email_signup input{
	position:relative;
	padding:0; margin:5px 0 0 0;
	width: 200px;
}

.email_signup .signup{
	display:block;
	padding:0; margin:0;
	position:relative;
}

.email_signup input.submit{
	width: 25px;
	padding: 0; margin:5px 5px 5px 0;
}

.email_signup img{
	padding-top: 5px;
}

.email_signup span{
	display:none;
}

label{
	display:block;
	width:100px;
	float:left;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:12px; 	font-family:"Trebuchet MS",Verdana, Sans-serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{ width:300px; }



.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}


.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}

.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}