/* 
	simple template - no styles
*/

body, html{
	background-color:#343434;
	height:auto; width: 100%;
	margin:0; padding:0;
}

.background{
	background:url('../images/bg/main.jpg') top center no-repeat;
	margin:0; padding: 0;
	height: 100%; min-height: 900px;
}

#page{
	width: 908px; height: 100%; border:0;
	margin: auto; padding: 0; padding-left:1px;
	background-color: white;
	position: relative;
}

#logo{
	display:block;
	background:url('../images/logo.gif') top left no-repeat;
	height: 59px; width: 431px;
	top: 40px;
	position: absolute;
}

#heading{
	position: relative;
	background:url('../images/bg/snowflakes.gif') top left no-repeat;	
	height: 123px; width: 908px;
	margin:0; padding:0;
	z-index:50;
}

#heading h1{
	display: none;
}

#main{
	position:relative;
	top:5px;
	z-index:10;
	padding:0 0 10px 0;	
	background:url('../images/bg/content.gif') repeat-y;
}
#main h1{	
	
}
#center .headline{
	font-size:18px; margin:0 0 5px 0;
	
	font-weight:bold;
}
#center .date, #center em{
	margin:5px 0;
	font-size:14px;
	letter-spacing:1px;
}
#left {
	position:relative;
	float:left;
	text-align: right;
	background-color: #99AABA;
	width: 215px;	
	border-top: 2px solid white;
	margin:0; padding:0;
	margin:0 0 5px 0;
	overflow:hidden;
}

#left img{
	margin-top: 10px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#left ul li ul li a:link,
#left ul li ul li a:visited{
	font-size:10px;
	font-weight:normal;
}

a.archive:link,
a.archive:visited{
	font-size:11px;
	color:#FFF;
}

.news {
	color: white;
	font-size: 13px;
	color: white;
	margin-right: 10px; 
	text-transform:uppercase;
	padding-top: 10px;
	font-weight: bold;
	height:239px;
	overflow:hidden;
}

.news a:link,
.news a:visited{
	color:#222;
}

.date{
	margin: 0; padding: 0;
	font-weight: bold;
}

.post{
	margin-left: 10px; padding: 10px 0 10px 0;
	
}

.headline{
	color: black;
	text-decoration: none;
	text-transform: none;
	padding: 0;
	font-weight: normal;
}

#main{
	position:relative;
	overflow:hidden;
}

#center{
	position: relative;
	float: left;
	width: 680px;
	background-color: white;
	margin:0; padding:0;	
	border-top: 2px solid white;
	left:2px;	
}

#center h1{

	font-size: 18px;
	font-weight: bold;
	margin-left: 0;
}

#center p{

}
#caption{
	font-size:11px;
}

.article{
	margin-left: 20px;
	
	/*clear:both;*/
}

.breadcrumbs{
	position:relative;
	
}
.breadcrumbs a{
	font-size:10px;
}

/* bottom */

#bottom{
	background-color: #7B868A;
	clear:both;	
	height: 35px; width: 907px;
	position: relative;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	overflow:hidden;
	top:5px;
}

#bottom a:link,
#bottom a:visited{
	display: block;
	float:left;
	color: white;
	text-transform: uppercase;
	text-decoration:none;	
	font-size:11px;
	font-weight:bold;
	padding: 10px 20px;
}


/* footer */
#footer{
	background-color: #616161;
	height: 130px; width: 907px;
	position: relative;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	margin-left:-1px; padding: 0;
	color: white;	
	font-size:12px;
	overflow:hidden;
	padding:15px 0;
	top:5px;
	text-align:center;
	color:#FFF;
}

#footer p{
	margin:5px 0 0 0;
	border-top:1px solid #FFF;
	padding:15px 0 0 0;	
	width:60%;
	margin:0 auto;
}

#legitify{
	width: 100px;
	margin: 0 auto; padding: 15px 0 0 0;
}



/* 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   */
label{
	display:block;
	width:100px;
	float:left;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; 	
	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;
}