/*
Theme Name: Beach House
Theme URI: http://nikeschoolinnovationfund.org/
Description: Custom design for Gail Neuberg's Arch Cape Beach House website. Design by <a href="http://2is3.com/">Amber Orenstein</a>.
Version: 1.0
Author: Amber Orenstein
Author URI: http://2is3.com/
Tags: custom

*/



/*

COLOR REFERENCE:
- blue: 0CF
- menu blue (darker): 09c
- green: cf0
*/

@import url(base.css);
@import url(scripts/lightbox.css);


/* ------------------------------------------------ COMMON */
body {background:#666; color:#000;}

a {color:#0CF; text-decoration:none;}
a:hover, a:visited:hover {color:#9ae8fc; text-decoration:underline;}
a:focus {outline:none;}
img {display:block; margin:0;}
blockquote {border:solid 1px #fff; border-left:none; border-right:none; margin:20px 0; padding:20px;}

hr {color:#303228; background:#303228;}

a.pdf {padding-left:18px; background:url(images/icon-pdf.gif) no-repeat;}

/* WP */
.alignright {float:right; margin:0 0 .75em 1.5em;}
.alignleft {float:left; margin:0 1.5em .75em 0;}
.aligncenter {text-align:center; margin:0 auto .75em auto;}
.wp-caption-text {line-height:1.25; font-size:.75em; color:#999; padding-top:1em;}

.gallery {margin:0 -5px 40px 0;}
.gallery .gallery-item {display:block; float:left; width:96px; margin:0 5px 5px 0; display:inline;}
.gallery .gallery-item a {display:block; float:left; border:solid 5px #fff;}
.gallery .gallery-item a:hover {border:solid 5px #0cf;}





/* ------------------------------------------------ STRUCTURAL */
html,body,#bg,#bg table,#bg td,#box {width:100%;height:100%;overflow:hidden;margin:0;padding:0;}
#bg div {position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg td {vertical-align:middle;text-align:center;}
#bg img {min-height:50%;min-width:50%;margin:0 auto;}

#box {position:absolute;top:0;left:0;z-index:70;overflow:auto;}
.frame {position:absolute;top:206px;left:50%;margin-left:-480px;width:960px;padding-bottom:100px;text-align:left;}

#header {position:absolute;top:-206px;left:0;width:300px;text-transform:lowercase;}
#content {width:540px; margin:0 0 0 305px; background:url(images/transp-000.png); color:#fff; position:relative;}



/* ------------------------------------------------ HEADER */
#logo, .nav-set {background:url(images/transp-fff.png); margin-bottom:6px;}
#logo h3 {width:300px; height:200px; margin:0;}
#logo span.unstate {background-image:url(images/logo.gif);}
#logo a, #logo h3 {margin:0; padding:0; width:300px; height:200px; text-indent:-3000px; overflow:hidden; display:block; background-image:url(images/logo.gif); background-repeat:no-repeat; background-position:0 0;}
#logo a:hover {background-position:0 -200px;}

.nav-set {padding:10px; font-size:.9125em;}
.nav-set ul {margin:0; padding:0; display:inline;}
.nav-set ul li {list-style:none; margin:0; padding:0; display:inline; color:#ccc;}
.nav-set a {color:#09c;}
.nav-set a:hover {color:#000;}
.nav-set li.current_page_item a,
.nav-set li.current_page_item a:hover,
.nav-set li.current_page_ancestor a,
.nav-set li.current_page_ancestor a:hover
{color:#000; cursor:default; text-decoration:none;}



/* ------------------------------------------------ CONTENT */
#content #ttl {position:absolute; top:-100px; left:0; height:94px; width:540px; background:#000;}
#content #ttl h1 {text-transform:lowercase; font-size:48px; margin:0 20px; line-height:90px; display:inline-block; float:left;}
#content .sub-menu h1 {width:245px;}
#content .sub-menu ul {text-align:right; position:absolute; top:28px; right:20px; width:245px; font-size:.9125em; text-transform:lowercase; color:#666; margin:0;}
#content .sub-menu ul li {list-style:none; display:inline; margin:0; padding:0;}
#content .sub-menu li.current_page_item a, #content .sub-menu li.current_page_item a:hover {color:#fff; text-decoration:none; cursor:default;}
#content .pad {padding:20px 20px 40px 20px; color:#8d8d8d;}
#content .pad strong {color:#fff;}
#content .pad h2,
#content .pad h3,
#content .pad h4,
#content .pad h5,
#content .pad h6 {color:#fff; text-transform:lowercase; font-weight:normal;}
#content .pad em {color:#ccc;}

.entry-edit {border:solid 1px #303228; margin:2.5em 0 0 0; padding:1.25em;}



/* ------------------------------------------------ CONTACT + APPLICATION */
#contact-btn {position:absolute; top:-146px; left:305px;}
#contact-btn a {display:block; width:181px; height:42px; text-indent:-3000px; overflow:hidden; background-image:url(images/contact-btn.gif); background-repeat:no-repeat; background-position:0 0;}
#contact-btn a:hover {background-position:0 -42px;}

fieldset.pad-form {margin-top:2.25em;}
fieldset.pad-form legend {color:#fff; font-size:1.75em; text-transform:lowercase; margin-bottom:1.5em;}
fieldset label {display:block; margin-bottom:.475em;}
fieldset .field {border:solid 1px #3d3d3d; background:#1a1a1a; padding:6px; color:#fff;}
fieldset .field:focus {border:solid 1px #ccc;}
fieldset .full {width:95%;}
fieldset .row {margin-bottom:1.25em;}
fieldset .checks {margin-left:20px;}
fieldset .checks input {float:left; margin-left:-20px;}


fieldset.group {margin:0 0 1.5em 0; padding:0;}
fieldset.chunk-left {float:left; width:58%;}
fieldset.chunk-right {float:right; width:35%;}
fieldset.chunk-half {width:46.5%;}

fieldset p, fieldset sup {color:#4c4c4c;}

.screenReader {position:absolute; left:-9999px; top:-9999px; }

.submitBtn {cursor:pointer; width:180px; height:42px; overflow:hidden; margin-bottom:1em;}
.submitBtn:hover input {margin-top:-42px;}

.error {display:block; margin:.5em 0; padding:10px 10px 10px 40px; border:solid 1px #971d1d; background:url(images/error-bg.gif) no-repeat 10px 60% #651414; color:#fff;}

.ui-widget {z-index:999;}