/**
 * Styles for MailWorks
 * 
 * This file defines all of the main styles 
 * for MailWorks.
 *
 * @author William Dodson | Outer Banks Design Works <http://obxdesignworks.com>
 * @copyright Copyright (c) 2009 Outer Banks Design Works
 * @date 2009-03-11
 * @version 0.1.0
 * @site MailWorks (http://obxmailworks.com/)
 * @media screen
 */
/**
 * Colors used for MailWorks
 *
 * @colordef #BB1677 (Magenta)
 * @colordef #FA962F (Orange)
 * @colordef #F7F7D4 (Cream)
 * @colordef #B1DC13 (Green)
 * @colordef #4FACE3 (Blue)
 * @colordef #9579B9 (Purple)
 *
 * @colordef #F7BFE0 (lt. magenta)
 * @colordef #49092E (dk. magenta)
 *
 * @colordef #F7CBA3 (lt. orange)
 * @colordef #C77725 (dk. orange)
 * @colordef #2F1C09 (darkest orange)
 *
 * @colordef #244E66 (midnite blue)
 * @colordef #3D85B0 (dk. blue)
 * @colordef #E9F5FC (lt. blue)
 *
 * @colordef #E3E3C2 (med. cream)
 * @colordef #7A7A69 (dk. cream)
 * @colordef #3D3D35 (darkest cream)
 *
 * @colordef #D8F377 (pale green)
 * @colordef #657A0C (dk. green)
 * @colordef #2A3206 (darkest green)
 */
/**
 * @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: #244E66 url('/img/main/body-bg.png') repeat-x fixed center 0;
 color: #fff;
 font-family: helvetica, arial, sans-serif;
 font-size: 75%;
 line-height: 1.5em;
 text-align: center;
}
h1,h2,h3,h4,h5,h6 { 
  color: #F7F7D4; 
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  font-weight: 100;
}
h2 { 
 font-size: 3em; 
 line-height: 1; 
 margin-bottom: 0.5em; 
}
h3 { 
 font-size: 2em; 
 margin-bottom: 0.75em; 
 }
h4 { 
 color: #C77725;
 font-size: 1.5em; 
 line-height: 1; 
 margin-bottom: 1em; 
}
h5 { 
 color: #3D3D35;
 font-size: 1.2em; 
 line-height: 1.25; 
 margin-bottom: 1.25em; 
}
h6 { 
 font-size: 1em; 
 font-weight: bold; 
 margin-bottom: 1.5em; 
}
p { 
 margin: 0 0 1.5em 0; 
}
a, a:link { color: #F7F7D4; }
a:visited { color: #E3E3C2; }
a:focus { outline: 1px #BB1677 dotted; }
a:hover { background: #C77725; color: #fff; }
a:active { background: none; color: #E9F5FC; }
strong {
 color: #FA962F;
 font-weight: bold;
}

/**
 * @section Classes and Overrides
 * ======================================================================
 */
.link-button:hover {
 background: none;
}
.small {
 font-size:0.833em;
 line-height: 1.8em;
 margin-bottom: 0;
}
a.small {
 background: transparent;
 color: #FA962F;
 font-weight: bold;
 padding: 0.0833em;
}
/**
 * @section Grid
 * ======================================================================
 */
body#index #wrapper,
body#login #wrapper {
 background: transparent url('/img/main/wrapper-tile-bg.png') repeat-x 36px 0;
 text-align: left;
 width: 100%;
}
body#login-form #wrapper,
.jqmWindow #wrapper {
 background: none !important;
}
#content {
 background: transparent;
 margin: 36px auto 0 auto;
 padding: 36px 0 3em 0;
 position: relative;
 width: 950px;
}
body#index #content {
 background: transparent url('/img/accents/content-img_home.png') no-repeat 600px 198px;
}

/**
 * @section Content
 * ======================================================================
 */
#content img#logo {
 display: block;
 margin: 0 auto;
 text-align: center;
}
#content h1#masthead {
 font-size: 0;
 height: 0;
 line-height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 text-indent: -999em;
 width: 0;
}
#content #top-nav {
 font-weight: bold;
 position: absolute;
 right: 40px;
 top: -28px;
}
#content #page-heading {
 text-indent: -100em;
 overflow: hidden;
 background: transparent url('/img/headings/heading_home.png') no-repeat 0 0;
 height: 30px;
}
#content .intro {
 padding-top: 6em;
 width: 550px;
}
#content .intro .lead-in {
 font-size: 1.5em;
 line-height: 1em;
}
#content p#copyright {
 margin-top: 3em;
}

/**
 * @section Login form
 * ======================================================================
 */
form#client-login {
 font-size: 1.5em;
 line-height: 1em;
}
form#client-login dl {
 margin-bottom: 3em;
}
form#client-login dl dt {
 float: left;
 padding-top: 0.0833em;
 width: 6em;
}
form#client-login dl dt.form-submit {
 float: none;
 margin-top: 0.75em;
 width: 100%;
}
form#client-login dl dd {
 margin-bottom: 0.75em;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
 display: none;
 position: fixed;
 top: 17%;
 left: 50%;
 margin-left: -300px;
 width: 590px;
 background-color: #244E66;
 border: 1px solid #3D85B0;
 padding: 1.5em;
}

.jqmOverlay { background-color: #000; }