/* 
	Modern layout - basic styles
*/

body, html{
	margin:0; padding:0;
	width:100%;  height:100%;
	font-family:Helvetica, sans-serif;
	color:#666666;
}
body{
	background:#444 url('../images/page_background.jpg') top right no-repeat;
}
div, p{
	position:relative;
}

.clear{
	clear:both;
}

/* Generic Font styles */

h1, h2{ font-family:"Sean's Other Hand", Georgia; font-weight:normal; }
h3,h4,h5{ font-family:Helvetica; font-weight:normal; }
h3{ }
h4{ }

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

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


#wrap{ width: 1051px;
margin:0 auto; background:url('../images/header_resin.jpg') top left no-repeat; }
#page{
	width: 1051px;
	margin:0 auto; padding:0;
}


/* Header Styles */

#header{
	position:absolute;
	display:block; width:1050px;
	margin:0 auto; padding:0;	
	z-index:300;
}

#header  #logo{
	position:absolute;
	width:244px; height:163px;
	display:block;
	padding:0; margin:15px;
	border: 0 solid white;
	z-index: 2000;
}

#header iframe{
	position:absolute;
	left:966px;
	top:23px;
}

#header .mail-signup{
	position:absolute;
	left:865px;
	top:87px;
	margin:0; padding:0;
	font-size:10px;
}
#header .mail-signup p{
	margin:0 0 5px 0;
}

#header .mail-signup .fieldwrap {
	float:left; 
}
#header .mail-signup .fieldwrap input{
	width:100px;
}

#header .mail-signup .submit{
	margin:0; padding:0;
	float:left;
	clear:none;
	width:35px;
}

#header #logo h1{ 
	display:none; 
}

#menu{
	display:block;
	padding:0; margin:0;	
	position:absolute;	
	left:310px; top:25px;
	z-index:10000;
		
}

#menu li{
	padding: 0; margin:0;
	position:relative;
	float:left;
	list-style:none;
}

#menu li a:link,
#menu li a:visited{
	padding:2px 10px; margin:0 10px;
	float:left;
	display:block;
	background-color: black;
	font-family:'Arial Black',Arial, sans-serif;
	text-transform:uppercase;
	color:#CDCDCD;
	font-size:8pt;
}

#menu li a:hover,
#menu li a:active, 
#menu li a.over,
#menu li a.selected:link,
#menu li a.selected:visited{
	color:#FFF;
}

#menu li li a:link,
#menu li li a:visited{
	width:150px;
	float:none;
}

#menu li ul{
	position:absolute;
	display:none;
	margin:0; padding:0;
	left:0; top:25px;
}


/* Content Area Styles */

#content{
	clear:both;
	float:none;
	width: 1051px;
	margin:0 auto; 
	padding: 10px 0 0px 0;
	z-index:30;
	min-height:500px;

}

.home #content{
	height:530px;
}

.home #content .main{
	position:absolute;
	top:40px; left:275px;
	width:611px; height:550px;
	background:url('../images/home_center_bg.png') top center no-repeat;
	z-index:900;
}

.home #content .main .latest-post{
	position:relative;
	top:25px; left:55px;
	width:540px;
}

.home #content .main .post{
	margin:25px 7px 0 7px;
	width:500px;
}
.home #content .main .post .summary{
	margin:0;
	font-size:12px;
}

.home #content .main .post em{
	display:block;
	margin:-3px 0 0 0;
	font-style:normal;
	text-transform:uppercase;
	font-size:10px;
	background-color:#333;
	color:#FFF;
	width:20%;
	padding:1px 5px;
	float:right;	
}
.home #content .main .post .summary h2{
	margin:3px 0;
	font-size:22px;
	letter-spacing:-2px;
}
.home #content .main .post .summary p{
	margin:0;
	font-size:10px;
}

.home #content .main .post .more-link{
	font-size:12px;
	font-weight:bold;
}

.home .right{
	position:absolute;
	left:850px; top:140px;
	background-color:#EDEEEF;
	width:200px;
	padding-bottom:15px;
}
.headline{
	clear:both;
}
.headline img{
	float:left;
	margin:15px 0 0 15px; width:50px; height:50px;
	border:2px solid #666;
}
.headline a:hover img{
	border:2px solid #FFF;
}

.headline a.t:link,
.headline a.t:visited{
	float:left;
	display:block;
	width:70px;
	font-weight:bold;
	margin:15px 0 0 10px; 
}
.left .headline a.t{
	color:#FFF;
}

.archive-link{
	display:block;
	font-size:11px;
	margin:3px 0 0 15px;
}

.home #content .left{
	float:none;
	background:transparent;
	top:0; left:0;
	font-size:11px;
}
.home #content .left .page-content{
	padding:10px 0;
	position:absolute;
	z-index:800; top:132px; left:84px;
	width:250px;
	background:url('../images/home_content_bg.png') top left no-repeat;
}

.home #content .left .page-content .title{
	display:none;
}

.home #content .left .page-content .body p{
	padding:5px 0;
	left:20px;
	font-size:11px;
	line-height:20px;
	width:180px;
}

#content .element{
	z-index: 500;
}

#content .left{
	float:left;
	width:260px; 	
	left:75px; top:140px;	
}

#content .left .menu, 
#content .left .latest-posts{
	display:block;
	width:290px;
	min-height:50px;
	border:0 solid red;

}

#content .left .latest-posts .headline{
	float:left;
	margin:0 15px 0 0;
}
.headline img{
	width:65px; height:65px;
}
#content .left .menu h2{ display:none; }
#content .left .menu ul,
#content .left .latest-posts{
	background-color:#444;
	padding:25px 10px;
	list-style:none;
	
	border-bottom:5px solid #666;
}

#content .left .latest-posts,
#content .left .latest-posts a{
	color:#FFF;
}

#content .left .latest-posts{
	padding:10px;
}

#content .left .menu a:link,
#content .left .menu a:visited{
	display:block;
	color:#FFF;
	font-size:17px;
	font-weight:100;
	padding:2px 5px;
	text-transform:uppercase;
	letter-spacing:-1px;
}

#content .left .menu li ul{
	padding:0; margin:5px 0; border:none;
	display:none;
}
#content .left .menu li ul a:link,
#content .left .menu li ul a:visited{
	color:#FFF;
	font-size:13px;
	font-weight:100;
	padding:5px;
	text-transform:uppercase;
}

#content .main{
	width:730px; top:20px;
	float:left;
	min-height:590px;
	background:url('../images/content_background.png') top center no-repeat;
}

#content .main .page-content,
#content .main .post{
	width:580px;
	margin:65px auto 15px auto;
}
#content .main .page-content .body,
#content .main .post{
	padding:0 0 50px 0;
	line-height:20px;
}
#content .main .page-content .summary{
	font-size:20px;
	font-weight:100;
	margin:15px 0;
}

#content  h2.page-title,
#content .pretty-photo,
#content .page-summary{
	position:relative;
	top:80px; left:70px;
}

.no-title .summary{
	position:relative;
	top:20px;
}
#content .pretty-photo{
	margin:5px 0 20px 0;
}
#content .post-archive{
	position:relative;
	top:40px; left:70px;
}
#content .post-archive h2{
	font-size:28px;
}
#content .post-archive .headline{
	width:28%;
	clear:none;
	float:left;
}
#content  h2.page-title{
	font-size:28px;
	margin:0 0 15px 0;
}
#content .post .photos img{
	margin:0 10px 10px 0;
}
.kooks .summary{
	width:45%;
	clear:none;
	float:left;
}
.kooks .summary img{
	height:80px;
}

h1,
.page-content h1.title,
.page-content h2.title{
	font-size:28px;
	letter-spacing:-1px;
	margin:2px;
	color:#444;
}
h1{
	margin:10px 0;
}

#form,
.subpage-summaries,
.back-to{
	display:block;
	position:relative;
	top:-75px;
	margin-left:75px;
}
#form{
	top:-35px;
}
.back-to{
	top:-60px;
	color:#6297FF;
}
.subpage-summaries .summary{
	margin:0 0 10px 0;
}

.summary h2{
	font-family:Helvetica;
	font-size:16px;
	margin:3px 0;
	letter-spacing:1px;
	color:#666;
}

/* Footer */
#footer{	
	width: 100%;
	background-color:#444;
	margin:0 auto; padding: 30px 0 20px 0;
	clear:both; float:none;
	display:block;
	font-size:11px;
	height:150px;
}

#footer .title{
	display:none;
} 
#footer .callout{	
	padding: 10px;
}
#footer p{
	text-align:right;
	width:940px;
	margin:10px auto;
	color:#FFF;
	font-size:10px;
}
#footer .centered-logos{
	text-align:center;
	width:900px; margin:20px auto;
	position:relative;
	padding-top:40px;
}
#footer .centered-logos td{
	padding:0 10px;
}

#footer a:link,
#footer a:visited{
	color:#FFF;
	font-family:"Times New Roman";
		text-transform:uppercase;
}

#footer a:hover{
	color:#666;
	background-color:#FFF;

}




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


/* forms */
/*   forms   */
label{
	display:block;
	width:150px;
	float:left;
	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#666;
	
}

input, textarea {	
	float:left; margin:2px 6px 10px 0;
	padding:0 5px;
	font-size:12px; 
	border:1px solid #1B1714;
	width:180px;
	height:29px;
	font-family:Helvetica, Sans-serif;
	line-height:29px;
	color:#666;
	background-color:#CBCBCD;
	font-weight:bold;
	outline:none;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}
input.focused,
textarea.focused{
	background-color:#EEE;
	-moz-box-shadow:inset 2px 2px 8px #AAA;
	-webkit-box-shadow:inset 2px 2px 8px #BBB;
	box-shadow:inset 2px 2px 8px #BBB;
}
input.default-text{
	font-weight:normal;
	color:#737373;
	font-style:italic;
}

textarea{
	width:364px;
	height:100px;
	line-height:17px;
	font-size:11px;
}
select{
	margin:5px 0 0 0;
}
input.short{
	width:94px;
	
}

input.long{
	width:364px;	
}

.fieldwrap, 
.textareawrap{
	clear:both;
}


.checkboxwrap,
.indent{
	clear:both;
	margin:5px 0 5px 150px;
}

.cb-cols .checkboxwrap{
	margin:5px;
	width:210px;
	float:left;
	clear:none;
}


.left .checkboxwrap,
.left .submit{
	margin:0;
}

.radiowrap{
	clear:none;
	float:left;
	padding:5px;
	width:150px;
	margin:0; height:20px;
}
	
.checkboxwrap input, .checkboxwrap label,
.radiowrap input, .radiowrap label{
	clear:none;
	width:auto; height:auto; font-size:10px;
	cursor:pointer; line-height:14px;
	border:0; background:transparent;

}
.submit { 
    clear:both; margin:0 0 0 150px; 
}
.submit input { 
	text-align:center;
	background-color:#1B1716;
	font-weight:bold;
	text-transform:uppercase;
	border:0;
	height:31px;
	width:auto;
	color:#EEE;
	padding:3px;
}
.submit input:hover{
	text-align:center;
	background-color:#F7941D;
	font-weight:bold;
	text-transform:uppercase;
	border:0;
	color:#FFF;

} 
.button input, a.apply{ 
    
	text-align:center;
	background-color:#1B1716;
	font-weight:bold;
	text-transform:uppercase;
	border:0; color:#EEE;
	height:26px;
}

.button input:hover{
	background-color:#FFF;
	color:#000;
	text-align:center;
	background-color:;
	font-weight:bold;
	text-transform:uppercase;
	border:0;
	height:26px;
}
.button input.add,
.button input.saved{
	background:#F7941D url('../images/plus-sign.gif') 5px 5px no-repeat;
	padding-left:25px;
	width:auto;
}
.button input.saved{
	background:#8AC33D url('../images/check-mark.gif') 5px 5px no-repeat;
}
input.disabled,
.submit input.disabled:hover,
.button input.disabled:hover{
	width:140px;
	text-align:center;
	color:#CE9491;
	font-weight:bold;
	text-transform:uppercase;
	border:0;
	height:26px;
	
}
/*.button input.disabled:hover{
	width:140px;
	text-align:center;
	color:#152027;
	font-weight:bold;
	text-transform:uppercase;
	border:0;
	height:26px;
	background:url('../images/buttons/saveLoaderBTN_over.gif') no-repeat;
}*/
.disabled{
	color:#888;
}