/*
Theme Name: Little River campground theme
Description: Wordpress theme costumized for Little River Campground / Manaia Native Habitat
Author: Jasper Strik / KEY Webdesign
Version: 1.0
-------------------------------------------------------------- */
body, div, span, applet, object, iframe, table, tr, th, td, img, form, ul, li, hr, h1, h2, h3, h4, p, blockquote, dl, dt, dd, fieldset, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0 none;
	vertical-align: baseline;
}

body { background-color: #000; }


/* Fonts
-------------------------------------------------------------- */
body, div, p, a, td, th, h1, h2, h3, h4, h5, span, dd, dl, dt, caption, blockquote { font-family: Verdana, Helvetica, sans-serif; }

body, div, p, th, td, li, dd, dl, dt {
    font-size: 12px;
    color: #fff;
}

p { font-size: 12px; color: #fff; margin: 0 0 1em 0; line-height: 140%; }

a { color: #F2F2F2; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

h1, h2, h3, h4, h5 { margin: 0 0 0.5em 0; color: #fff; }

h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 1em;
}

h2 { font-size: 14px; }

/* Multi-styles for buttons
-------------------------------------------------------------- */
#ltlrv1, #manaia1, #plr1, #plr2, #plr3, #plrbtn, #ltlrv2, #manaia2, #facebook { position: absolute; }

#plrbtn a, #manaia2 a, #ltlrv2 a, #facebook a { display: block; }
#plrbtn a span, #manaia2 a span, #ltlrv2 a span, #facebook a span { display: none; }


/* Layout
-------------------------------------------------------------- */
#wrap, #banner, #menu, #main, #footer { width: 920px; }

#wrap {
    height: 100%;
    margin: auto;
    text-align: left;
    position: relative;
}

#banner {
    height: 184px;
    background: transparent url('images/bannerback.png') no-repeat 0 0;
    position: relative;
}

#main { position: relative; }

#clm1, #clm2 { float: left; }
#clm1 { width: 672px; }
#clm2 { width: 248px; }
#clearclm { width: 90%; height: 25px; clear: both; }
#clear { width: 50%; clear: both; }

#footer { margin-bottom: 20px; }


/* Banner
-------------------------------------------------------------- */
#ltlrv1, #manaia1 { top: 15px; left: 17px; width: 261px; height: 148px; }
#ltlrv1 { background: transparent url('images/ltlrv_big2.png') no-repeat 0 0; }
#manaia1 { background: transparent url('images/manaia_big2.png') no-repeat 0 0; }

#plr_ol {
    position: absolute;
    top: 5px; left: 286px;
    width: 429px; height: 142px;
    background: transparent url('images/plr_ovl.png') no-repeat 0 0;
    z-index: 1004;
}

#plr1, #plr2, #plr3 { overflow: hidden; }
#plr1 {
    top: 5px; left: 286px;
    width: 139px; height: 139px;
}
#plr2 {
    top: 10px; left: 436px;
    width: 137px; height: 137px;
}
#plr3 {
    top: 9px; left: 586px;
    width: 129px; height: 129px;
}

#plr1 .on, #plr2 .on, #plr3 .on { display: inherit; }
#plr1 .off, #plr2 .off, #plr3 .off { display: none; }


#plrbtn {
    top: 0px; left:278px;
}
#plrbtn, #plrbtn a {
    width: 440px; height: 184px;
    z-index: 1005;
}

#manaia2, #ltlrv2 { top: 0px; left: 718px; }
#manaia2, #manaia2 a, #ltlrv2, #ltlrv2 a { width: 202px; height: 94px; }
#manaia2, #manaia2 a { background: transparent url('images/manaia_small.png') no-repeat 0 0; }
#ltlrv2, #ltlrv2 a { background: transparent url('images/ltlrv_small.png') no-repeat 0 0; }
#manaia2 a:hover, #ltlrv2 a:hover { background-position: -202px; }

#facebook { top: 105px; left: 760px; }
#facebook, #facebook a { width: 149px; height: 56px; background: transparent url('images/facebook.png') no-repeat 0 0; }
#facebook a:hover { background-position: -149px; }


/* Menu
-------------------------------------------------------------- */
#menudiv { height: 70px; padding-top: 13px; z-index: 2000; }
#menudiv span { display: none; }

ul.menu { list-style: none; margin: 0; padding: 0; z-index: 100; }
ul.menu * { margin: 0; padding: 0; }
ul.menu a { display: block; height: 18px; z-index: 1051; }
ul.menu li { position: relative; float: left; z-index: 1052; }

ul.menu li.sp1 { width: 71px; height: 18px; }
ul.menu li.sp2 { width: 72px; height: 18px; }

/* Menu items 1st row */

#btn1on a, #btn2on a, #btn3on a, #btn4on a, #btn5on a, #btn6on a, #dd0on a, #dd1on a, #dd2on a, #dd3on a, #dd4on a, #dd5on a, #dd6on a, #dd7on a { background-image: url('images/btns_on.gif'); }
#btn1off a, #btn2off a, #btn3off a, #btn4off a, #btn5off a, #btn6off a, #dd0off a, #dd1off a, #dd2off a, #dd3off a, #dd4off a, #dd5off a, #dd6off a, #dd7off a { background-image: url('images/btns_off.gif'); }

#btn1on, #btn1on a, #btn1off, #btn1off a { width: 61px; }
#btn1on a, #btn1off a { background-position: 0px 0px; }
#btn1on a:hover, #btn1off a:hover { background-position: -61px 0px; }

#btn2on, #btn2on a, #btn2off, #btn2off a { width: 184px; }
#btn2on a, #btn2off a { background-position: 0px -18px; }
#btn2on a:hover, #btn2off a:hover { background-position: -184px -18px; }

#btn3on, #btn3on a, #btn3off, #btn3off a { width: 71px; }
#btn3on a, #btn3off a { background-position: 0px -36px; }
#btn3on a:hover, #btn3off a:hover { background-position: -71px -36px; }

#btn4on, #btn4on a, #btn4off, #btn4off a { width: 69px; }
#btn4on a, #btn4off a { background-position: 0px -54px; }
#btn4on a:hover, #btn4off a:hover { background-position: -69px -54px; }

#btn5on, #btn5on a, #btn5off, #btn5off a { width: 89px; }
#btn5on a, #btn5off a { background-position: 0px -72px; }
#btn5on a:hover, #btn5off a:hover { background-position: -89px -72px; }

#btn6on, #btn6on a, #btn6off, #btn6off a { width: 87px; }
#btn6on a, #btn6off a { background-position: 0px -90px; }
#btn6on a:hover, #btn6off a:hover { background-position: -87px -90px; }

/* Menu items dropdown */
ul.menu ul {
    position: absolute;
    top: 18px; left: 0;
    display: none;
    opacity: 0;
    list-style: none;
    z-index: 1053;
}
ul.menu ul li { position:relative; z-index: 1054; }
ul.menu ul li a { display: block; z-index: 1055; }
#btn3on ul, #btn3off ul { background-color: #000; }
#btn3on ul li, #btn3off ul li { margin-top: 11px; }
#btn3on ul li a, #btn3off ul li a { width: 152px; height: 21px; }

#dd0on, #dd0off { margin-top: 15px; }
#dd0on a, #dd0off a { background-position: 0px -108px; }
#dd0on a:hover, #dd0off a:hover { background-position: -152px -108px; }

#dd1on a, #dd1off a { background-position: 0px -129px; }
#dd1on a:hover, #dd1off a:hover { background-position: -152px -129px; }

#dd2on a, #dd2off a { background-position: 0px -150px; }
#dd2on a:hover, #dd2off a:hover { background-position: -152px -150px; }

#dd3on a, #dd3off a { background-position: 0px -171px; }
#dd3on a:hover, #dd3off a:hover { background-position: -152px -171px; }

#dd4on a, #dd4off a { background-position: 0px -192px; }
#dd4on a:hover, #dd4off a:hover { background-position: -152px -192px; }

#dd5on a, #dd5off a { background-position: 0px -213px; }
#dd5on a:hover, #dd5off a:hover { background-position: -152px -213px; }

#dd6on a, #dd6off a { background-position: 0px -234px; }
#dd6on a:hover, #dd6off a:hover { background-position: -152px -234px; }

#dd7on a, #dd7off a { background-position: 0px -255px; }
#dd7on a:hover, #dd7off a:hover { background-position: -152px -255px; }


/* Contents
-------------------------------------------------------------- */
#ctclm1, #ctclm2, .post-column { float: left; width: 336px; overflow: hidden; }
#ctclm2 { }

#mapsmall, #mapsmall a { width: 334px; height: 384px; }
#mapsmall a {
    display: block;
    background: transparent url('images/map_small.jpg') no-repeat 0 0;
}
#mapsmall a:hover { background-position: -334px; }
#mapsmall a span { display: none; }

#wpcf7-f1-p46-o1 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}

#CDSWIDFRR {
	margin: 0 auto !important;
}

.forml { width: 200px; vertical-align: middle; }

.entry input, .entry textarea {
    border: 0 none;
    background-color: #ccc;
}

.entry .wide { width: 340px; }
.entry .small { width: 120px; }
.entry .submit {
    margin-top: 10px;
    border: 1px solid #CF4E27;
    font-weight: bold;
    cursor:pointer;
}

#ctclm1 ul {
    list-style: disc inside none;
}


/* Widgets
-------------------------------------------------------------- */
.widget {
    width: 232px;
    background: #262626 url('images/wgt_t.gif') no-repeat top center;
    padding: 0 8px;
}

.wgtb {
    width: 248px;
    height: 17px;
    background: transparent url('images/wgt_b.gif') no-repeat top center;
    margin-bottom: 17px;
}

.widget h2, .wwo-weather-wrapper h4 {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #CF4E27;
    padding-top: 3px;
}

.widget p { margin-bottom: 0; }


div.post { padding-bottom: 15px; border-bottom: 1px solid #999; }

h4.posttitle { font-size: 12px; margin: 0; }

div.postdate { font-size: 10px; text-align: right; color: #999; }

.entry, .entry p { font-size: 11px; text-align: left; }

#mapwidget, #mapwidget a { width: 232px; height: 125px; }
#mapwidget a { display: block; background: transparent url('images/map_widget.jpg') no-repeat 0 0; }
#mapwidget a:hover { background-position: -232px; }
#mapwidget a span { display: none; }

.stray_quote-2, .stray_quote-2 p { font-size: 11px; margin: 0; }
.stray_quote-2 .quote { padding-bottom: 0.5em; }
.stray_quote-2 .author { font-weight: bold; color: #aaa; }

ul.tddrecentposts { list-style: none; }


.polaroid-gallery { visibility: visible !important;}


.widget .wu-wrapper, .widget .wu-forecast-wrapper { float: none; }
.widget .wu-copyright { display: none; }
.widget .wu-wrapper table { width: 100%; }
.widget .wu-wrapper table tr.even, .widget .wu-wrapper table tr.alt, .widget .wu-wrapper table tr:nth-of-type(2n) { background: none; }
.widget .wu-wrapper table th, .wu-wrapper table td { padding: 0px 5px 12px !important; }
.widget .wu-wrapper div img, .widget .wu-wrapper table img { width: 50px; height: 50px; }
.widget .wu-forecast-wrapper div { margin-bottom: 0; }
.widget .wu-forecast-wrapper .wu-cond-highlow { margin: 7px 0 9px; }

.widget .wu-forecast-header { font-size: 14px !important; }
.widget .wu-forecast-wrapper .wu-day-title { color: #fff; }
.widget .wu-forecast-wrapper .wu-date { color: #777; }
.widget .wu-forecast-wrapper .wu-cond-highlow .wu-cond-high {
	background-color: #5C140D;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4);
	padding: 1px 8px;
}
.widget .wu-forecast-wrapper .wu-cond-highlow .wu-cond-low {
	background-color: #0D265C;
	color: #888;
	text-shadow: rgba(0,0,0,0.4);
	padding: 1px 8px;
}
.widget .wu-forecast-wrapper .wu-cond-text { color: #999; }


/* Footer
-------------------------------------------------------------- */
#footer, #footer a { font-size: 11px; color: #999; }

#footlinks { width: 920px; line-height: 160%; text-align: left; }
#footlinks .key { width: 248px; text-align: right;}


/* Other
-------------------------------------------------------------- */
img { border: 0px; }
form { margin: 0px; }
td { text-align: left; }
.nospace { margin: 0; padding: 0; }

.alignleft { float: left; clear: left; margin: 0px 10px 5px 0px; }
.alignright { float: right; clear: right; margin: 0px 0px 5px 10px; }
.clearleft { clear: left; }
.clearright { clear: right; }


/* Map styles
-------------------------------------------------------------- */
#mapwrap {
    width: 920px; height: 500px;
    overflow: auto;
    position: relative;
}

#mapinnerwrap { z-index: 500; }

.bigmap {
    width: 905px; height: 1041px;
    background: transparent url('mapimages/mapfull.jpg') no-repeat scroll 0 0;
    position: relative;
}

#btn_ll, #btn_tb, #btn_lv, #btn_bw, #btn_vv, #btn_tt, #btn_sh, #btn_pa, #btn_ts, #btn_rs, #btn_tl { position: absolute; }
#btn_ll a, #btn_tb a, #btn_lv a, #btn_bw a, #btn_vv a, #btn_tt a, #btn_sh a, #btn_pa a, #btn_ts a, #btn_rs a, #btn_tl a { display: block; }
#btn_ll a span, #btn_tb a span, #btn_lv a span, #btn_bw a span, #btn_vv a span, #btn_tt a span, #btn_sh a span, #btn_pa a span, #btn_ts a span, #btn_rs a span, #btn_tl a span { display: none; }

#btn_ll { top: 13px; left: 187px; }
#btn_ll, #btn_ll a { width: 89px; height: 55px; }
#btn_ll a { background: transparent url('mapimages/btn_looselegs.gif') no-repeat 0 0; }
#btn_ll a:hover { background-position: -89px; }

#btn_tb { top: 163px; left: 496px; }
#btn_tb, #btn_tb a { width: 66px; height: 72px; }
#btn_tb a { background: transparent url('mapimages/btn_toboggan.gif') no-repeat 0 0; }
#btn_tb a:hover { background-position: -66px; }

#btn_lv { top: 339px; left: 118px; }
#btn_lv, #btn_lv a { width: 63px; height: 59px; }
#btn_lv a { background: transparent url('mapimages/btn_lakeview.gif') no-repeat 0 0; }
#btn_lv a:hover { background-position: -63px; }

#btn_bw { top: 339px; left: 331px; }
#btn_bw, #btn_bw a { width: 102px; height: 59px; }
#btn_bw a { background: transparent url('mapimages/btn_boardwalk.gif') no-repeat 0 0; }
#btn_bw a:hover { background-position: -102px; }

#btn_vv { top: 453px; left: 634px; }
#btn_vv, #btn_vv a { width: 63px; height: 59px; }
#btn_vv a { background: transparent url('mapimages/btn_valleyview.gif') no-repeat 0 0; }
#btn_vv a:hover { background-position: -63px; }

#btn_tt { top: 548px; left: 430px; }
#btn_tt, #btn_tt a { width: 63px; height: 59px; }
#btn_tt a { background: transparent url('mapimages/btn_totora.gif') no-repeat 0 0; }
#btn_tt a:hover { background-position: -63px; }

#btn_sh { top: 654px; left: 336px; }
#btn_sh, #btn_sh a { width: 63px; height: 59px; }
#btn_sh a { background: transparent url('mapimages/btn_swimminghole.gif') no-repeat 0 0; }
#btn_sh a:hover { background-position: -63px; }

#btn_pa { top: 740px; left: 304px; }
#btn_pa, #btn_pa a { width: 63px; height: 59px; }
#btn_pa a { background: transparent url('mapimages/btn_picnicarea.gif') no-repeat 0 0; }
#btn_pa a:hover { background-position: -63px; }

#btn_ts { top: 863px; left: 161px; }
#btn_ts, #btn_ts a { width: 63px; height: 59px; }
#btn_ts a { background: transparent url('mapimages/btn_toiletshowers.gif') no-repeat 0 0; }
#btn_ts a:hover { background-position: -63px; }

#btn_rs { top: 972px; left: 282px; }
#btn_rs, #btn_rs a { width: 63px; height: 59px; }
#btn_rs a { background: transparent url('mapimages/btn_roadsign.gif') no-repeat 0 0; }
#btn_rs a:hover { background-position: -63px; }

#btn_tl { top: 944px; left: 350px; }
#btn_tl, #btn_tl a { width: 78px; height: 59px; }
#btn_tl a { background: transparent url('mapimages/btn_trampoline.gif') no-repeat 0 0; }
#btn_tl a:hover { background-position: -78px; }

#legend {
    position: absolute;
    top: 0px; left: 0px;
    width: 100px; height: 235px;
    background: transparent url('images/maplegend.png') no-repeat scroll 0 0;
    z-index: 1000;
}