/**
 * Styles for Escape to the Cape
 * 
 * This file defines all of the main styles 
 * for Escape to the Cape.
 *
 * @author William Dodson | Outer Banks Design Works <http://obxdesignworks.com>
 * @copyright Copyright (c) 2009 Escape to the Cape
 * @date 2009-04-13
 * @version 0.1.0
 * @site Escape to the Cape (http://www.escapetohatteras.com/)
 * @media screen
 */
/**
 * Colors used for Escape to the Cape (day time)
 *
 * @colordef #3A3118 (brown)
 * @colordef #4D5E0B (green)
 * @colordef #CDE9F6 (pale blue)
 * @colordef #71C9D7 (light blue)
 * @colordef #0D6591 (blue)
 * @colordef #F4CC67 (light gold)
 */
/**
 * Colors used for Escape to the Cape (night time)
 *
 * @colordef #3A3118 (brown)
 * @colordef #262D15 (dark green)
 * @colordef #CDE9F6 (pale blue)
 * @colordef #71C9D7 (light blue)
 * @colordef #03161E (midnight blue)
 * @colordef #7A6634 (dark gold)
 */
/**
 * @section Reset CSS
 * ======================================================================
 */
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 {
 background: transparent;
 border: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 margin: 0;
 padding: 0;
 outline: 0;
 vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
 outline: 0;
}
body {
 background: #fff;
 color: #000;
 line-height: 1;
}
ol, ul {
 list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}

/**
 * @section Base HTML
 * ======================================================================
 */
body {
 background: #F4CC67 url('../img/main/body_bg.png') repeat-x center 0;
 color: #3A3118;
 font-family: georgia, palatino, 'palatino linotype', cambria, 'times new roman', serif;
 font-size: 100%;
 line-height: 1.5em;
 text-align: center;
}
body.nite-time {
 background: #7A6634 url('../img/main/body_bg_nite.png') repeat-x center 0;
 color: #fff;
}
a, a:link {
 color: #0D6591;
}
body.nite-time a, body.nite-time a:link {
 color: #71C9D7;
}
a:visited {
 color: #3A3118;
}
a:hover {
 background: #4D5E0B;
 color: #fff;
}
body.nite-time a:hover {
 background: #262D15;
 color: #fff;
}
a:focus {
 color: #4D5E0B;
}
a:active {
 color: #000;
}
h1 {
 font-size:0.75em;
 line-height: 2em;
}
h2 {
 color: #0D6591;
}
body.nite-time h2 {
 color: #71C9D7;
}
h3 {
 color: #4D5E0B;
 font-size: 1.5em;
 line-height: 1em;
 margin-bottom: 1em;
}
body.nite-time h3 {
 color: #F4CC67;
}
h4 {
 color: #3A3118;
}
p, ul, ol {
 font-size: 1em;
 line-height: 1.5em;
 margin-bottom: 2.25em;
}
em {
 font-style: oblique;
}
strong {
 font-weight: 900;
}

/**
 * @section Classes and Overrides
 * ======================================================================
 */
.clear {
 clear: both;
}
.top-page,
.top-page:hover,
body.nite-time .top-page:hover {
 background: none;
}
.uppercase {
 text-transform: uppercase;
}

/**
 * @section Wrapper
 * ======================================================================
 */
#wrapper {
 margin: 0 auto;
 padding: 0;
 position: relative;
 text-align: left;
 width: 950px;
}

/**
 * @section Header
 * ======================================================================
 */
#header {
 background: transparent url('../img/main/header_bg.png') no-repeat 0 0;
 height: 384px;
 margin: 0;
 padding: 0;
 width: 950px;
}
body.nite-time #header {
 background: transparent url('../img/main/header_bg_nite.png') no-repeat 0 0;
}
#header p#masthead {
 display: none;
}
#header h1,
#header h1 small,
#header p#tagline,
#header p#tagline em {
 font-size: 0px;
 height: 0;
 line-height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 text-indent: -999em;
 width: 0;
}

/**
 * @section Nav
 * ======================================================================
 */
#nav {
 background: none;
 height: 48px;
 left: 600px;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 24px;
 width: 310px;
}
#nav ul#main-menu {
 list-style-type: none;
}
#nav ul#main-menu li {
 float: left;
 height: 48px;
 width: 150px;
}
#nav ul#main-menu li#tab-home {
 margin-right: 10px;
}
#nav ul#main-menu li a {
 background: none;
 color: #0D6591;
 display: block;
 height: 48px;
 position: relative;
 width: 150px;
}
body.nite-time #nav ul#main-menu li a {
 color: #71C9D7;
}
#nav ul#main-menu li a:hover {
 color: #3A3118;
}
body.nite-time #nav ul#main-menu li a:hover {
 color: #CDE9F6;
}
#nav ul#main-menu li a span {
 background: transparent;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
#nav ul#main-menu li#tab-home a span {
 background: transparent url('../img/nav/nav_sprite.png') no-repeat 0 0;
}
body.nite-time #nav ul#main-menu li#tab-home a span {
 background: transparent url('../img/nav/nav_sprite_nite.png') no-repeat 0 0;
}
#nav ul#main-menu li#tab-sponsors a span {
 background: transparent url('../img/nav/nav_sprite.png') no-repeat -160px 0;
}
body.nite-time #nav ul#main-menu li#tab-sponsors a span {
 background: transparent url('../img/nav/nav_sprite_nite.png') no-repeat -160px 0;
}
#nav ul#main-menu li#tab-home a:hover span {
 background: transparent url('../img/nav/nav_sprite.png') no-repeat 0 -82px;
}
body.nite-time #nav ul#main-menu li#tab-home a:hover span {
 background: transparent url('../img/nav/nav_sprite_nite.png') no-repeat 0 -82px;
}
#nav ul#main-menu li#tab-sponsors a:hover span {
 background: transparent url('../img/nav/nav_sprite.png') no-repeat -160px -82px;
}
body.nite-time #nav ul#main-menu li#tab-sponsors a:hover span {
 background: transparent url('../img/nav/nav_sprite_nite.png') no-repeat -160px -82px;
}

/**
 * @section Ancillary
 * ======================================================================
 */
#ancillary {
 float: left;
 margin: 0 50px 0 40px;
 width: 270px;
}
/*video*/
#ancillary h2#heading-video {
 background: #0D6591;
 height: 144px;
 margin: 0 0 1.5em 0;
 padding: 0;
 text-align: center;
 width: 270px;
}
body.nite-time #ancillary h2#heading-video {
 background: #71C9D7;
}
#ancillary h2#heading-video a {
 background: none;
 color: #fff;
 display: block;
 height: 144px;
 margin: 0;
 padding: 0;
 position: relative;
 width: 270px;
}
#ancillary h2#heading-video a span {
 background: transparent url('../img/accents/button_video.png') no-repeat 0 0;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
body.nite-time #ancillary h2#heading-video a span {
 background: transparent url('../img/accents/button_video_nite.png') no-repeat 0 0;
}
#ancillary h2#heading-video a:hover span {
 background: transparent url('../img/accents/button_video.png') no-repeat 0 -154px;
}
body.nite-time #ancillary h2#heading-video a:hover span {
 background: transparent url('../img/accents/button_video_nite.png') no-repeat 0 -154px;
}
/*newsletter form*/
#ancillary h2#heading-newsletter {
 background: transparent;
 height: 24px;
 margin: 0;
 padding: 0;
 position: relative;
 width: 270px;
}
#ancillary h2#heading-newsletter span {
 background: transparent url('../img/headings/heading_newsletter.png') no-repeat 0 0;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
body.nite-time #ancillary h2#heading-newsletter span {
 background: transparent url('../img/headings/heading_newsletter_nite.png') no-repeat 0 0;
}
#ancillary p {
 font-size: 0.875em;
 line-height: 1.714286em;
 margin-bottom: 2.25em;
}
#ancillary form#form-newsletter label {
 font-size: 0;
 height: 0;
 line-height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 text-indent: -999em;
 width: 0;
}
#ancillary form#form-newsletter input {
 float: left;
 margin: 0;
 padding: 3px;
 width: 180px;
}
#ancillary form#form-newsletter button {
 background: none;
 border: none;
 cursor: pointer;
 float: right;
 height: 26px;
 margin: 0;
 padding: 0;
 width: 73px;
}
#ancillary form#form-newsletter button img {
 margin: 0;
 padding: 0;
}

/**
 * @section Article
 * ======================================================================
 */
#article {
 float: left;
 margin: 0 40px 0 0;
 width: 550px;
}
#article h2 small {
 color: #4D5E0B;
}
body.nite-time #article h2 small {
 color: #F4CC67;
}
/*content sections*/
#article div#section-home,
#article div#section-sponsors {
 margin-bottom: 3em;
}
#article div#section-home h2,
#article div#section-sponsors h2 {
 height: 96px;
 margin: 0 0 1.5em 0;
 padding: 0;
 position: relative;
 width: 550px;
}
#article div#section-home h2 span,
#article div#section-sponsors h2 span {
 background: transparent;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
/*section: home*/
#article div#section-home h2 span {
 background: transparent url('../img/headings/heading_home.png') no-repeat 0 0;
}
body.nite-time #article div#section-home h2 span {
 background: transparent url('../img/headings/heading_home_nite.png') no-repeat 0 0;
}
/*section: sponsors*/
#article div#section-sponsors h2 span {
 background: transparent url('../img/headings/heading_sponsors.png') no-repeat 0 0;
}
body.nite-time #article div#section-sponsors h2 span {
 background: transparent url('../img/headings/heading_sponsors_nite.png') no-repeat 0 0;
}
#article div#section-sponsors div.sponsors {
 background: transparent;
 border-bottom: 1px solid #F8DC96;
 margin-bottom: 3em;
}
#article div#section-sponsors div.sponsors div.sponsor-info {
 position: relative;
}
#article div#section-sponsors div.sponsors div.sponsor-info img {
 float: left;
 margin: 0 10px 10px 0;
}

/**
 * @section Footer
 * ======================================================================
 */
#footer {
 clear: both;
 font-size: 0.75em;
 line-height: 0.5em;
 margin-bottom: 1em;
}
#footer p#obxdw-badge a {
 background: transparent url('../img/accents/obxdesignworks-favicon24px.png') no-repeat 0 center;
 color: #3D85B0;
 display: block;
 font-family: helvetica, arial, sans-serif;
 font-weight: normal;
 width: 24em;
 padding: 0.75em 0 0.75em 31px;
 text-decoration: none;
}
body.nite-time #footer p#obxdw-badge a {
 color: #71C9D7;
}
#footer p#obxdw-badge a:hover {
 color: #244E66;
}
body.nite-time #footer p#obxdw-badge a:hover {
 color: #CDE9F6;
}
#footer p#obxdw-badge a em {
 color: #7A7A69;
 font-style: normal;
}
body.nite-time #footer p#obxdw-badge a em {
 color: #fff;
}

/**
 * @section jqModal base Styling (courtesy of <bhb@iceburg.net>)
 * ======================================================================
 */
.jqmWindow {
 display: none;
 position: fixed;
 top: 17%;
 left: 50%;
 margin-left: -300px;
 width: 720px;
 background-color: #fff;
 border: 1px solid #0D6591;
 padding: 1.5em;
}

.jqmOverlay { background-color: #0D6591; }