/*======================================
Theme Name: Honi-Honi Custom Theme
Description: A custom theme designed by ORIONVEGA and coded by ORIONVEGA and Andy Weigel.
Version: 1.0
Author: ORIONVEGA and Andy Weigel
======================================*/
body {background:#73ba3f; font:100% helvetica, verdana, "lucida grande", sans-serif; }
p {font-size:0.875em;}
a {text-decoration:none; color:#c9c8c4; font-weight:bold;}
#box1 {position:relative; margin:60px auto 10px auto; text-align:center; width:793px; background:#fff; border: 2px solid #291c09;}
#box2 {position:relative; background:url('imgs/duplake.png') repeat; width:788px; border:2px solid #fff;}
.tiki {position: relative; top:-90px; left:-30px; background:url('imgs/tiki.png'); width:167px; height:261px; z-index:1;}
.honi {position: relative; top:-252px; left:130px; background:url('imgs/honi.png'); width:612px; height:79px;}
/*navigation*/
#nav {position:relative;top:-260px;left:40px; width:750px;height:119px;padding:0; margin:auto;}
#nav li {float:left; width:142px; height:119px; margin:-3px 0; padding:0;list-style:none;}
#nav li a {display:block;width:142px;height:118px;padding:0;margin:0;}
/*btns*/
#nav li.t1 a {background:url(imgs/menu.png) no-repeat 0 -3px;}
#nav li.t2 a {background:url(imgs/menu.png) no-repeat -142px -3px;}
#nav li.t3 a {background:url(imgs/menu.png) no-repeat -294px -3px;}
#nav li.t4 a {background:url(imgs/menu.png) no-repeat -443px -3px;}
#nav li.t5 a {background:url(imgs/menu.png) no-repeat -584px -3px;}
/*hover states*/
#nav li.t1 a:hover, #nav li.t1.on a {background:url(imgs/menu.png) no-repeat 0 -125px;}
#nav li.t2 a:hover, #nav li.t2.on a {background:url(imgs/menu.png) no-repeat -142px -125px;}
#nav li.t3 a:hover, #nav li.t3.on a {background:url(imgs/menu.png) no-repeat -294px -125px;}
#nav li.t4 a:hover, #nav li.t4.on a {background:url(imgs/menu.png) no-repeat -443px -125px;}
#nav li.t5 a:hover, #nav li.t4.on a {background:url(imgs/menu.png) no-repeat -584px -125px;}
#nav li a b {display:block;text-indent:-999px;overflow:hidden;}
#top {width:788px; height:25px; background:#f0a92e; border-bottom:2px solid #fff;}
#content {position:relative; top:0; left:0; width:788px; height:100%; background:url('imgs/lake.png') no-repeat; border:1px solid #fff;}
/*columns of content*/
#contain {margin:-250px 0 -70px 0; padding:0; width:788px; display:inline-block;}
#subcontent {position:relative; top:0; left:20px; width:95%; height:100%; background: url(imgs/blogbck.png) repeat; border:1px solid #a2acab;}
#contain h2 {text-align:left;}
#subcontent p{ margin:15px 30px 15px 30px; color:#6C4717;}
h2.dir {font-size:1.2em; color:#A57F4E; margin:10px 0 10px 12px;}
#lft {float:left; width:359px; height:600px;}
#gallery {margin:-15px 0 120px 16px; padding:15px; width:326px; height:73px; background:url(imgs/gallery.png) no-repeat; position:absolute; z-index:99; }
p.lftxt {margin: -3px 0 0 180px; width:120px; font:normal bold 0.775em helvetica; color:#2b520e;}
img.header_image {margin:10px 458px 0 0; padding:0;}
#happenings {position:relative; top:90px; width:355px; height:198px; background: url(imgs/happback.png) no-repeat; z-index:2; padding-top:4px;}
.happenings_inner {width:332px; background-color:#FFF; font-weight:bold; color:#6C4717; height:172px; margin:5px 0 0 6px; padding:1px 4px; -moz-border-radius:.75em; -webkit-border-radius .75em;}
.event {padding:8px 4px 0 3px; }
.each_event {padding:0 0 15px 0; font-size:.71em;}
.each_event a {color:#6C4717; text-decoration:underline; }
#mid {float:right; width:220px; height:600px; z-index:2;}
#conditions {width:206px; height:222px; background: url(imgs/condback.png) no-repeat; padding-top:10px;}
.conditions_inner {width:187px; background-color:#FFF; height:203px; margin:0 0 0 7px; padding:0 0 0 3px; }
.post2 {position:relative;top:0; z-index:2;border:0;}
.post3 {position:relative; top:-110px; border:0; left:0;z-index:3;}
.post, .fan {position:relative;top:-20px; z-index:2;border:0;}
.fan {top:-30px; text-decoration:none; color:#4367be; font:normal bold .8em helvetica;}
#rght {float:right; width:205px; height:600px;}
.cameras {width:182px; height:145px; margin:-20px 0 40px 5px; padding-top:10px; background:url(imgs/camsback.png) no-repeat;}
.hold {width:160px; height:120px; position:relative; left:10px;}
/*headings*/
h1.pics {margin:8px 0 0 20px; width:326px; height:36px; background:url(imgs/honipics.png) no-repeat; text-indent:-9999px; overflow:hidden;}
h1.cond {margin: 10px 0 -4px 13px; width:188px; height:59px; background:url(imgs/conditions.png); text-indent:-9999px;}
h1.cams {margin:0 0 16px 5px; width:180px; height:31px; background:url(imgs/cams.png); text-indent:-9999px;}
h1.hap {margin:-20px 0 0 10px; width:204px; height:30px; background:url(imgs/happenings.png); text-indent:-9999px;}
h3 {font-weight: bold; font-size:0.875em; color:#6c4717;}
.clear {clear:both;}
#bottom {position:relative; top:0; right:-2px; background:#f0a92e; width:789px; height:78px; border-top:2px solid #644522; z-index:0;}
/*footer*/
#banner {width:728px; height:90px; margin:0 auto; border:2px #88a376 solid; background-color:#FFF}
#footer {width:793px; margin:0 auto; text-align:center; position:relative; }
#footer ul {padding-left:25px; margin:0; }
#footer li {list-style:none; display:inline; padding-right:25px; }
#footer li a {color:#2B520E; font-size:.75em; text-decoration:underline;}
/*utility*/
.float_left {float:left;}
.float_right {float:right;}
.slideshow ul {
margin:0;
padding:0;
}
ul#ad_fader {
margin:0;
padding:0;
}
ul#ad_fader li {
margin:0;
padding:0;
list-style:none;
}
ul#ad_fader li img{
border: 0;
padding: 0;
margin:0px;
float:left;
display:inline;
}
.player2 {
overflow:hidden;
width:320px;
height:225px;
margin-left:20px;
}
ul#ad_fader2 {
margin:0;
padding:0;
}
ul#ad_fader2 li {
margin:0;
padding:0;
list-style:none;
}
/*ul#ad_fader li img{
border: 0;
padding: 0;
margin:0px;
float:left;
display:inline;
max-width:321px;
max-height:237px;
}
*/
ul#ad_fader2 li img{
border: 0 1px 0 1px solid #000;
border-top:0;
padding: 0;
margin:0px;
float:left;
display:inline;
width:320px;
max-width:320px;
/*max-height:225px;
clip:rect(0px,300px,225px,0px);*/
}