/*   
Theme Name: NEW PJs
Theme URI: http://
Description: The Projects
Author: Jen GilanFarr
Author URI: http://jnonymous.com/
Version: 1.0
*/



body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	color: #1d1309;
	background: url("images/brick.jpg") repeat;
}


/* MAIN BODIES
-------------------------*/
#container {
	margin: 0 auto;
	width: 992px;
}
#header {
	width: 992px;
	height: 456px;
	margin: 0;
	padding: 0;
}
#headimg{

}
#topper{
	height: 68px;
	margin: 0;
	padding: 0;
}
#main{
	width: 992px;
	background: url("images/main.png") repeat-y;
	margin: 0 auto;
}
#home{
	width: 715px;
	margin: 0 auto;
	height: 777px;
}
#single{
	width: 724px;
	margin: 0 auto;
	height: 1554px;
	padding-left: 15px;
}
#five{
	width: 724px;
	margin: 0 auto;
	height: 518px;
	padding-left: 15px;
}
#seven{
	width: 724px;
	margin: 0 auto;
	height: 777px;
	padding-left: 15px;
}
#threesix{
	width: 724px;
	margin: 0 auto;
	height: 1036px;
	padding-left: 15px;
}
#singlelong{
	width: 724px;
	margin: 0 auto;
	height: 2849px;
	padding-left: 15px;
}
#archives{
	width: 724px;
	margin: 0 auto;
	height: 1531px;
	padding-left: 15px;
}
#media{
	width: 724px;
	margin: 0 auto;
	height: 1813px;
	padding-left: 15px;
	margin-top: -30px;
}
#content{
	width: 715px;
	margin: 0 auto;
}
#footer{
	margin: 0;
	padding: 0;
	margin-top: 0px;
	background-image: url('images/footer/footer.png');
	height: 247px;
	width: 992px;
}

/* BASICS 
-----------------------------------*/
a{
	text-decoration: none;
}
a img, img a{
	border: none;
	margin: 0;
	padding: 0;
	}
#nav ul{list-style: none;}	
#main ul{
	margin: 0;
	padding: 0;
}
#main ul li{ margin-left: 25px;}
ul.boatone, ul.boattwo{ list-style: none;}
h1, h1 a, h2, h2 a, h3 a, h4 a {
	color:#1a0e03;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color:#65200a;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
}
.entry p a {
	text-decoration: none;
	color: #421506;
	font-weight: bold;
}
.entry p a.hover {
	color: #fff;
}

/* COMMENTS
-----------------------------------*/

#comments a {
	color: #1a0e03;
	font-weight: bold;
}
#comments a:hover {
	color: #65200a;
	font-weight: bold;
}
#comments ul {
	margin: 0;
	padding: 0;
}

.comment p{
	color: #65200a;
}
.comment p.header{
	color: #1a0e03;
	font-weight: bold;
}
#comments li {
	list-style-type: none;
	margin-bottom: 6px;
	padding: 4px;
	border-bottom: 1px dotted #1a0e03;
}

#comments fieldset {
	border: 0px;
}
#comments h2{
	font-weight: bold;
	font-size: 11pt;
}
#commentform p.info{
	font-size: 10pt;
	float: left;
	margin-bottom: 15px;	
}
#comments p label{
	clear: both;
	margin-bottom: 20px;
}
#comments{
	padding-bottom: -40px;
}
/* ENTRY
------------------------------------*/
h4{
	font-weight: normal;
}
.entry h2, h3{
	padding: 0;
	margin: 0;
	padding: 6px 10px 3px 6px;
}
.entry img {
	border: none;
	padding: 0 6px 6px 0;
}
.entry p a img {
	border: none;
	padding: 0 6px 6px 0;
	margin: 0;
}
.entry {
	width: 730px;
	margin:  0 auto;
	padding-bottom: 30px;
	min-height: 229px;
}
.entry h2 a {
	color: #1a0e03;
	font-weight:bold;
	font-size: 15pt;
}
.entry h2 a:hover {
	color: #65200a;
}
.entry p a {
	color: #1a0e03;
}
.entry p a:hover {
	color: #65200a;
	text-decoration: underline;
}
.entry h4.author, h4.author a{
	font-weight: bold;
	padding: 0;
	margin: 0px;
	color: #1a0e03;
	margin-top: 10px;
	font-size: 10pt;
}
p.info{
	float: right;
	margin-top: 0px;
	font-size: 10pt;
}
p.info a{
	text-decoration: none;
}
.entry .info a {
	color: #1a0e03;
	font-weight: bold;
}
.entry .info a:hover {
	color: #65200a;
}
.entry blockquote {
	padding: 3px;
	background-color: #fafafa;
}


label {
	width: 60px;
	float: left;
}

#author, #email, #url, #comment, #comments #submit {
	background-color: #1a0b01;
	border: none;
	color: #e2cf99;
	padding: 5px;
}
a.more-link{
	font-weight: bold;
	color: #000;
	float: left;
	font-size: 11pt;
}

/* FOOTER
-------------------------------------------*/
#f-top, #f-bot{
	width: 800px;
	margin: 0 auto;
}
#f-top{ padding-left: 100px;}
#f-bot{ padding-left: 80px;}
#f-top img{
	margin-left: 60px;
	margin-top: 5px;
	display: inline;
	float:left;
}
#f-bot img{
	margin-top: 5px;
	margin-right: 75px;
	display: inline;
	float: left;
}
#copy h4{
	text-align: right;	
	color: #1a0e03;
	font-size: 8pt;
	margin-right: 80px;
}
#copy h4 a{
	font-size: 8pt;
	color: #1a0e03;
	font-weight: bold;
}
#copy h4 a:hover{
	text-decoration:line-through;
}
#copy{margin-top: -40px;}


/* SIDEBAR
-------------------------------------------*/
img.strip{
	margin-left: -32px;
	margin-top: 62px;
}

#tosearch{
	background-color: #1a0b01;
	color: #e2cf99;
	border: none;
	width: 125px;
	padding: 5px 3px;
	margin-bottom: 7px;
}

/* CONTACT FORM
-------------------------------------------*/
#contact{
	margin-top: 15px;
}
.contactform form input{
	display: block;
	margin-bottom: 15px;
}
#tcf_sender, #tcf_email, #tcf_subject, #tcf_msg{

	background-color: #1a0b01;
	color: #e2cf99;
	border: none;
	padding: 5px 3px;
}
.entry h4{
	color: #1a0e03;
	font-size: 16pt;
}
.contactform{
	border-top: 1px dotted #65200a;
	border-bottom: 1px dotted #65200a;
}


/* ARCHIVES
-------------------------------------------*/
#archives ul li a{
	margin: 0;
	padding: 0;
	margin-left: -10px;
	font-size: 10pt;
	margin-top: -10px;
	color: #65200a;
}
#archives ul li a:hover{
	text-decoration: underline;
}
#archives ul li{
	list-style: none;
}


.vvqbox{
	border: 3px solid #1a0e03;
}
#main #archives h3{
	font-weight: bold;
}

p.contacterror{
	font-weight: bold;
	font-size: 18px;
}






/* NAVIGATION - CSS SPRITES*/
#nav {
	float:left;
	width:993px;
	height:72px;
	margin:0;
	padding:0;
}		
img.nudge{
	margin: 0;
	padding: 0;
	margin-left: -1px;
}	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
}
#drops ul.drop {
	background:#f1ede0;
	padding:5px;
	width:inherit;
	clear:both;
	float:left;
	margin-top:35px;
	margin-left: 10px;
}
#drops ul.drop li {
    width:inherit;
	clear:both;
}
#drops ul.drop a {
	color:#1a0e03;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	clear:both;
	float:left;
	border-top: 1px dotted #b8ae9f;
	padding-top: 5px;
	margin-top: 5px;
}
#drops ul.drop a:hover{
	color: #daac0d;
}	
#drops a {
	display: block;
	/*width: 10em;*/
	float:left;
	clear:both;
	width:100px;
}
#drops li {
	float: left;
	/*width: 10em;*/
}
#drops li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}
#drops li:hover ul {
	left: auto;
}
#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}
/*END SUCKERFISH*/

/*NAV -- SPRITE BACKGROUP POSITIONING*/	
#nav a.camp{
	float:left;
	background:url('images/camp.jpg') no-repeat;
	height:72px;
	width: 105px;
	text-indent:-999999px;
}
#nav a.wakepark{
	float:left;
	background:url('images/wake_park.jpg') no-repeat;
	height:72px;
	width: 164px;
	text-indent:-999999px;
}	
#nav a.media{
	float:left;
	background:url('images/media.jpg') no-repeat;
	height:72px;
	width: 98px;
	text-indent:-999999px;
}
#nav a.contact{
	float:left;
	background:url('images/contacts.jpg') no-repeat;
	height:72px;
	width: 136px;
	text-indent:-999999px;
}
#nav a.friends{
	float:left;
	background:url('images/friends.jpg') no-repeat;
	height:72px;
	width: 122px;
	text-indent:-999999px;
}
#nav a.contact:hover {	
	background-position:0 -72px;
}
#nav a.friends:hover {	
	background-position:0 -72px;
}												
#nav a.acamp{
	float:left;
	background:url('images/camp-a.jpg') no-repeat;
	height:72px;
	width: 105px;
	text-indent:-999999px;
}	
#nav a.awakepark{
	float:left;
	background:url('images/wake_park-a.jpg') no-repeat;
	height:72px;
	width: 165px;
	text-indent:-999999px;
}	
#nav a.amedia{
	float:left;
	background:url('images/media-a.jpg') no-repeat;
	height:72px;
	width: 99px;
	text-indent:-999999px;
}
#nav a.acontact{
	float:left;
	background:url('images/contact-a.jpg') no-repeat;
	height:72px;
	width: 136px;
	text-indent:-999999px;
}
#nav a.afriends{
	float:left;
	background:url('images/friends-a.jpg') no-repeat;
	height:72px;
	width: 123px;
	text-indent:-999999px;
}
/*END NAVIGATION*/

/*TOPPER NAV*/
#topper{
	width: 992px;
	float: left;
	margin: 0 auto;
	padding: 0;
	margin-left: -40px;
	margin-bottom: -3px;
}
#topper ul li{
	display: inline;
	float: left;
}
#topper a.wbcamp{
	float:left;	
}
#topper a.wscamp{
	float:left;
}
#topper a.cablecamp{
	float:left;
}
#topper a.signup{
	float:left;
}
#topper a.wbcamp:hover {	
	background-position:0 -56px;
}
#topper a.wscamp:hover {	
	background-position:0 -56px;
}	
#topper a.cablecamp:hover {	
	background-position:0 -56px;
}
#topper a.signup:hover {	
	background-position:0 -56px;
}
#topper a.awbcamp{
	float:left;
	background:url('images/wb_camp_a.png') no-repeat;
	height:56px;
	width: 179px;
	text-indent:-999999px;
}
#topper a.awscamp{
	float:left;
	background:url('images/ws_camp_a.png') no-repeat;
	height:56px;
	width: 162px;
	text-indent:-999999px;
}
#topper a.acablecamp{
	float:left;
	background:url('images/cable_camp_a.png') no-repeat;
	height:56px;
	width: 122px;
	text-indent:-999999px;
}
#topper a.asignup{
	float:left;
	background:url('images/sign_up_a.png') no-repeat;
	height:56px;
	width: 139px;
	text-indent:-999999px;
}

/*HOMEPAGE*/
#cats img{
	margin-top: 5px;
}
.vcats tbody tr td{
	margin-top: 20px;
}
#cats a:hover img {
	filter: alpha(opacity=60); /* IE */
	-moz-opacity: 0.6; /* Mozilla */
	opacity: 0.6;
}
#cats a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#cats a.noborder img{
	margin-left: -3px;
}
#cats{margin-top: 15px;}
#cats h2{
	height: 30px;
}
#cats td.photos a img{ margin-top: -2px;}



#hours{	color: #1d1309; margin-top: 25px; margin-left: 20px; padding-top: 10px;}
#hours p, #hours h3{ padding:0; margin: 0; padding-left: 25px;}
#hours p{ margin-bottom: 0px; font-size: 10pt;}
#hours h3{ margin-top: 10px; font-size: 12pt;}
h2.htitle{
	margin: 0; 
	border: 0; 
	margin-top: 3px; 
	margin-bottom: 5px; 
	width: 235px;
	text-transform: uppercase;
	}
h2.htitle a{ 
	font-size: 12px;
	font-weight: bold;
	width: 230px;
	}

div.cont {
	display: inline;
	width: 235px;
	padding: 5px;
	float: left;
}



h2.blog{font-weight: bold; text-transform: uppercase;}	

/*VIDEOS*/
#main .vid dd, #main .vid{
	display:inline;
	width: 240px;
}
.people h2{
	margin:0;
	padding: 0;
	margin-top: 3px;
}	
.people .cont{
	margin: 0;
	padding: 0;
	margin-right: 6px;
	margin-left: 0px;
	margin-top: 15px;
}
img #vtitle{
	margin-left: -3px;
	margin-top: 0px;
	display: inline;
	float: left;
}
.cont a:hover img {
	filter: alpha(opacity=60); /* IE */
	-moz-opacity: 0.6; /* Mozilla */
	opacity: 0.6;
}
.cont a img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/*SEARCH*/
#box #centered form{ 
	margin-left: 60px;
	margin-top: -35px;
	}
#box h3{
	margin: 0;
	padding: 0;
}

/*ERROR*/
#error{
	width: 724px;
	margin: 0 auto;
	height: 518px;
	padding-left: 15px;
	padding-top: 60px;
}
#error p{ margin-bottom: 30px;}



#nav{
	z-index: 16;
	position: absolute;
}
#featured{
	width: 420px;
	float: left;
	margin-top: 25px;
}


#vsearch{
	display: inline;
	float: right;
	padding: 0;
	margin: 0;
	margin-right: 11px;
	margin-top: -12px;
}
#searchy{
	display: inline;
	float: right;
	padding: 0;
	margin: 0;
	margin-top: -40px;
	margin-right: 11px;
}

#comments p{
	display: block;
	float: none;
	clear: both;
	
}

#main .search{
	padding-top: 20px;
}

#main p a {
	text-decoration: none;
	color: #421506;
	font-weight: bold;
}
#main p a.hover{
	text-decoration: underline;
}

div#preload { display: none; }

p a img{
	margin-right: 6px;
	margin-bottom: 6px;
}

/*TWITTER HOMEPAGE*/
#tweet{ margin-top: 5px; margin-left: 17px;}
#twit dt{
	font-size:11pt;
	line-height:1em;
	padding:0px;
	float:right;
	width:230px;
	padding-right: 22px;
	color: #1d1309;
	margin-top: -5px;
}
#twit dt b{
	color: #421506;
	font-family:georgia, serif;
	font-size:100%;
	
}
#twit dt a{
	color: #421506;
	font-style:italic;
	font-size: 9pt;
}
#twit dt a:hover{
	text-decoration: underline;
}

a img.vtit{
	margin-top: -10px;
}

#main h1{
	font-weight: bold;
	font-size: 16pt;
}
#main h2{
	font-weight: bold;
	font-size: 12pt;
}

#media .people h2.htitle{ height: 30px;}
.navigation .alignleft a{
	float: left;
	color: #421506;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
	margin-top: 30px;
}
.navigation .alignright a{
	float: right;
	color: #421506;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
	margin-top: 30px;
}
.navigation .alignright a:hover, .navigation .alignleft a:hover{
	text-decoration: underline;
}


#main div.flist{
	width: 240px;
	display: inline;
	float: left;
}
#main p a:hover{
	text-decoration: underline;
}
#comments{
	clear: both;
}
.entry .wp-caption{
	float: left;
	margin: 0;
	padding: 0;
	margin-left: -2px;
}
.entry p.wp-caption-text{
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 9pt;
}
textarea #comment{
	margin-left: 10px;
	margin-top: 10px;
}