/*
Theme Name: Natlpark
Theme URI: http://www.designbythink.com
Description: Custom Theme developed for How to pick up girls at a bar
Version: 1.0
Author: Jermaine Valentine

copyright 2009, all rights reserved.
*/

/*  BEGIN CSS RESET  */
* { margin: 0; padding: 0; border: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline;}

:focus {outline: 0;} /* remember to define focus styles! */

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

:link,:visited { text-decoration:none }

a img,:link img,:visited img { border:none }

address { font-style:normal }
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
*{border: 0;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;} 
 
li, dd {margin-left:5%;} 

fieldset {padding: .5em;} 

select {min-width:1.5em;}
/*
global style sheet
----------------------------------------------------------------- */
html, body { height: 100%; width:100% }
body { margin:0; padding: 0; border: 0; font: 11px verdana, tahoma, arial, helvetica, sans-serif; background-color: #fff; }
a img { border: 0; }
img { -ms-interpolation-mode: bicubic; }
.bg {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -5;
 position: fixed;
 overflow: hidden;
}
#container{ 
position: relative; width: 980px; margin: 0 auto 0 auto; top: 0px;
}
.clear{clear:both;}
.right{float: right;}
.left{float: left;}
#wrapper{ 
 width: 980px; /* Set page width here - you can also use percentage */
 text-align:left;  
 padding-top: 1px;
 margin-left:auto; 
 margin-right:auto; 
 background: transparent url(images/white_bg.png) repeat-y; 
}
#header{
 width: 910px;
 margin: 50px auto 85px auto;
 border: 0px solid #333;
}
#header img{
 float: left;
}
#header ul{
 margin: 0 0 0 405px; padding: 0;
}
#header li{
 float: left;
 margin: 38px 0 0 20px;
}
#header li a, active, visited{
 font-size: 13px;
 color: #8a8c8e;
 font-weight: bold;
}
#header a:hover{
 color: #6a6c6e;
}
/* Homepage Styles
-----------------------------------------------------------------------------*/
#colLeft{
 float: left;
 margin: 0 15px 20px 35px;
 width: 180px;
}
#colLeft ul{
 margin: 0; padding: 0;
}
#colLeft li{
 border-bottom: 1px dotted #669934;
 margin: 5px 0 0 0; padding-bottom: 15px;
 background: transparent url(images/arrow.png) no-repeat 0 3px;
 padding-left: 20px;
}
#colLeft li a, active, visited{
 color: #669934;
}
#colLeft a:hover{
 color: #99cc33;
}
#colLeft h1{
 color: #6195a2;
 font-size: 14px;
 font-weight: normal;
 margin: 25px 0 0 0;
}
#colLeft p{
 color: #636466;
 margin: 20px 0 20px 0;
}
#partners {
 margin: 20px 0 20px 0;
 border-top: 1px solid #c7c8ca;
 border-right: 1px solid #c7c8ca;
 border-left: 1px solid #c7c8ca;
 border-bottom: 3px solid #97ca33;
 text-align: left; padding: 0;
 overflow: hidden;
}
#partners img{
 margin: 0;
}
#sponsors {
 margin: 20px 0 20px 0;
 border-top: 1px solid #c7c8ca;
 border-right: 1px solid #c7c8ca;
 border-left: 1px solid #c7c8ca;
 border-bottom: 3px solid #97ca33;
 text-align: left; padding: 0;
 overflow: hidden;
}
#sponsors img{
 margin: 0;
}
#trip {
 margin: 20px 0 20px 0;
 border-top: 1px solid #c7c8ca;
 border-right: 1px solid #c7c8ca;
 border-left: 1px solid #c7c8ca;
 border-bottom: 3px solid #97ca33;
 text-align: left; padding: 0;
 overflow: hidden;
}
#trip img{
 margin: 0;
}
#sponsors p{
 margin: 5px; font-weight: bold;
}
#colMid{
 float: left;
 margin: 0 15px 20px 0;
 width: 400px;
}
#colMid h1{
 color: #636466;
 font-size: 12px;
 margin: 10px 0 0 0;
 font-weight: bold;
}
#colMid span{
 color: #636466;
 font-size: 10px;
 margin: 0 0 5px 0;
}
#colMid p{
 margin: 0 0 15px 0;
 color: #636466;
}
/*#colMid a, active, visited{
 color: #669934;
 background: transparent url(images/arrow.png) no-repeat 0 3px;
 padding-left: 20px;
}*/
#colMid a:hover{
 color: #99cc33;
}
#colRight{
 float: left;
 margin: 0 20px 20px 0;
 width: 300px; 
}
#colRight h1{
 color: #6195a2;
 font-size: 14px;
 margin: 15px 0 20px 0;
 font-weight: normal;
 border-top: 1px dotted #c7c8ca;
 padding-top: 10px;
}
#colRight img{
 float: left;
 margin: 0 10px 5px 0;
 border: 1px solid #c7c8ca;
}
#colRight h2{
 color: #669934;
 font-size: 10px;
 margin: 0 0 5px 0;
 font-weight: bold;
}
#colRight a, active, visited{
 color: #669934;
 background: transparent url(images/arrow.png) no-repeat 0 3px;
 padding-left: 20px; 
}
#colRight a:hover{
 color: #99cc33;
}
#parkwk{
 width: 300px;
 background: transparent url(images/pw_bg.png) no-repeat;
 padding: 50px 0 0 0; margin:0 0 20px 0;
}
#parkwk p{
 margin: 0px 5px 0 65px;
 padding-top: 3px;
  padding-bottom: 3px;
 font-size: 10px;
}
#parkwk ul{
 margin: 0; padding: 0;
}
#parkwk  li{
 margin: 0;
}
#parkwk li a, active, visited{
 margin: 0; padding: 0;
 background: transparent url(images/pwsprite.png) no-repeat 0 -60px;
 width: 300px; height: 60px; 
 display: block;
 font-weight: bold;
 color: #83a099;
 overflow: hidden;
}
#parkwk li a:hover{
 margin: 0; padding: 0;
 background: transparent url(images/pwsprite.png) no-repeat;
 width: 300px; height: 60px; 
 display: block;
 color: #fff;
 overflow: hidden;
}
#parkwk li, span{
 font-weight: normal;
 display: block;
}
#parkwk a, active, visited{
 color: #669934;
 background: transparent url(images) no-repeat;
 padding: 0; 
}
.artist{
 margin: 15px 0 15px 0;
 padding-bottom: 15px;
 border-bottom: 1px dotted #c7c8ca;
}
#colRight .artist a, active, visited{
 color: #669934;
 background: transparent url(images) no-repeat;
 padding: 0; 
}
.artist p{
 margin: 5px 0 5px 51px;
 color: #636466;
}
#linkunits{
 margin: 20px 0 20px 0;
 border-top: 1px solid #c7c8ca;
 border-right: 1px solid #c7c8ca;
 border-left: 1px solid #c7c8ca;
 border-bottom: 3px solid #97ca33;
 text-align: center;
}
#colLeft #linkunits a, active, visited{
 color: #669934;
 background: transparent url(../images) no-repeat;
 padding: 0; 
}
#linkunits img{
 border: 0; margin: 3px 0 5px 5px;
 border: 0px solid #333;
}
/* About page Styles
-----------------------------------------------------------------------------*/
#colFull{
 width: 700px;
 margin: 0 20px 25px 15px;
 padding: 0;
 float: left;
 color: #77787b;
}
#colFull h1{
 font-size: 28px;
 color: #6195a2;
 margin: 0 0 20px 10px;
 font-weight: normal;
}
#colFull img{
 margin: 20px 0 25px 0;
}
#colFull p{
 margin: 10px 0 15px 10px;
}
#colFull span{
 font-weight: bold;
 display: inline;
}
.go {
 color: #669934;
 background: transparent url(images/arrow.png) no-repeat 0 3px;
 padding-left: 20px; 
}

/* Artist Styles
-----------------------------------------------------------------------------*/
#artists{
 width: 700px;
 margin: 0 20px 25px 15px;
 padding: 0;
 float: left;
 color: #77787b;
}
#artists h1{
 font-size: 28px;
 color: #6195a2;
 margin: 0 0 20px 10px;
 font-weight: normal;
}
#artists img{
 margin: 10px 0 200px 20px;
 border: 1px solid #dcddde;
 float: right;
}
#artists p{
 margin: 10px 0 15px 10px;
}
#artists span{
 font-weight: bold;
 display: inline;
}
/* Event Styles
-----------------------------------------------------------------------------*/
#event{
 width: 700px;
 margin: 0 20px 25px 15px;
 padding: 0;
 float: left;
 color: #77787b;
}
#event h1{
 font-size: 28px;
 color: #6195a2;
 margin: 0 0 20px 10px;
 font-weight: normal;
}
#event .list{
 margin: 0px 10px 0 110px;
 padding-top: 12px;
}
#event p{
 margin: 0 10px 5px 10px;
}
#event h2{
 font-weight: bold;
 font-size: 10px;
  margin: 0 0 10px 10px;
}
#event ul{
 margin: 0; padding: 0;
}
#event  li{
 margin: 0;
}
#event li a, active, visited{
 margin: 0; padding: 0;
 background: transparent url(images/lgpwsprite.png) no-repeat 0 -100px;
 width: 680px; height: 100px; 
 display: block;
 font-weight: bold;
 color: #83a099;
}
#event li a:hover{
 margin: 0; padding: 0;
 background: transparent url(images/lgpwsprite.png) no-repeat;
 width: 680px; height: 100px; 
 display: block;
 color: #fff;
}
#event span{
 font-weight: normal;
 display: block;
 margin-left: 100px;
 margin-top:0;
}
.poster{
 color: #669934;
 background: transparent url(images/arrow.png) no-repeat 0 3px;
 padding-left: 20px; 
}
#event .highlight li a, active, visited{
 margin: 0; padding: 0;
 background: transparent url(images/spritedk.png) no-repeat;
 width: 680px; height: 100px; 
 display: block;
 color: #fff; 
}

/* Footer
-----------------------------------------------------------------------------*/
#footer{
 width: 980px;
 margin: -1px auto 20px auto; padding-top: 1px;
 background:transparent url(images/footer_bg.png) no-repeat;
 height: 85px;
 color: #636466;
 font-size: 10px;
}
#footer .logo{
 margin: 15px 10px 0 30px;
 float: left; border: 1px dotted transparent;
}
#footer .glab{
 margin: -15px 0 0 -5px;
 float: left; 
}
#footer p{
 margin: 30px 500px 0 0;
 border: 1px dotted transparent;
}
#footer ul{
 margin: -10px 0 0 485px; padding: 0;
}
#footer li{
 float: left;
 margin: 0 0 0 20px;
}
#footer li a, active, visited{
 font-size: 10px;
 color: #669934;
}
#footer a:hover{
 color: #99cc33;
}
/* Class Styles
-----------------------------------------------------------------------------*/
.current_page_item {
 font-weight: bold;
}
#header .current_page_item {
 color: #6a6c6e;
}
.artists{
 margin-top: 10px;
}
#colFull .connect{
 border-right: 1px solid #c9cacb;
 margin: 0 0 0 10px;
 padding-right: 10px;
}
#colFull ul{
 margin:0; padding: 0; 
}
#colFull li{
 margin: 20px 10px 15px 10px;
 border-bottom: 1px solid #c9cacb;
 padding-bottom: 10px;
 font-weight: bold;
}
.press a, active, visited{
 color: #669934;
 margin: 0;
}
strong{
 font-weight: bold;
}
small{
 font-size: 9px;
 margin: -10 0 10px 0;
}

#colTrip{
 width: 700px;
 margin: 0 20px 25px 15px;
 padding: 0;
 float: left;
 color: #77787b;
}
#colTrip h1{
 font-size: 28px;
 color: #6195a2;
 margin: 0 0 20px 10px;
 font-weight: normal;
}
#colTrip ul{
 margin: 30px 0 30px 30px; padding: 0;
 list-style: circle;
}
#colTrip  li{
 padding-left: 20px;
 margin: 10px 0 5px 0;
}
#colTrip p{
 margin: 10px 10px 5px 10px;
}
#colTrip span{
 font-weight: normal;
 font-style: italic;
}
#colTrip a, active, visited{
 color: #669934;
 background: transparent url(images/arrow.png) no-repeat 0 3px;
 padding-left: 20px; margin-top: 30px;
}
#colTrip a:hover{
 color: #99cc33;
}
#colTrip #formy{
 margin: 20px 0 10px 0;
}
#colTrip #formy p{
 margin: 10px 0 15px 0;
 float: left;
}
#colTrip #formy label{
 margin: 10px 0 10px 0;
 display: block;   font-weight: bold;
}
#colTrip input:focus{
 background: #ffc;
}
.field{
 border: 1px solid #c7c8ca; 
 margin: 0 20px 0 0;
 width: 240px; font-size: 11px;
 color: #666; padding: 2px;
}
.wide{
 width: 500px;
}
.button{
 margin: 5px 250px 0 0px;
 width: 75px; height: 25px;
 background: transparent url(images/submit.png) no-repeat;
}
.little{
 font-size: 9px;
 margin-top: 20px;
}