/**
 * Styles for Whuff-aoke or Bust!
 * 
 * This file defines all of the main styles 
 * for the Whuff-aoke or Bust! website.
 *
 * @author William Dodson | Outer Banks Design Works <http://obxdesignworks.com>
 * @copyright Copyright (c) 2009 Tara Hunt
 * @date 2009-05-18
 * @version 0.1.0
 * @site Whuff-aoke or Bust! (http://www.whuffaoke.com/)
 * @media screen
 */
/**
 * Colors used for Whuff-aoke or Bust!
 *
 * @colordef #1D85C0 (blue)
 * @colordef #DD8B0E (orange)
 * @colordef #D50937 (red)
 * @colordef #DEB589 (peach)
 * @colordef #DED188 (tan)
 * @colordef #341F17 (brown)
 */
/**
 * @section Reset
 * ======================================================================
 */
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: #DED188 url('/img/main/body_tile_bg.jpg') repeat-x center top;
 color: #341F17;
 font-family: georgia, palatino, 'palatino linotype', 'times new roman', serif;
 font-size: 75%;
 line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
 color: #341F17;
 font-family: 'helvetica neue', helvetica, arial, sans-serif;
 font-weight: 900;
}
h2 {
 color: #1D85C0;
 font-size:3em;
 line-height: 0.5em;
 margin-bottom: 0.5em;
}
h3 {
 font-size: 1.5em;
 line-height: 1em;
 margin-bottom: 1em;
}
p, ul, ol, dl {
 margin-bottom: 1.5em;
}
a, a:link {
 color: #1D85C0;
 text-decoration: underline;
}
a:visited {
 color: #1D85C0;
}
a:hover {
 color: #D50937;
}
a:focus {
 color: #D50937;
}
a:active {
 color: #000;
}
h3 a:hover {
 text-decoration: underline;
}
strong {
 font-weight: 900;
}


/**
 * @section Classes and Overrides
 * ======================================================================
 */
/*RSVP badge*/
.badge-rsvp {
 background: transparent;
 font-size:1.333em;
 font-weight: 900;
 height: 42px;
 line-height: 1.125em;
 width: 138px;
}
.badge-rsvp a {
 background: transparent;
 display: block;
 height: 42px;
 position: relative;
 text-align: center;
 width: 138px;
}
.badge-rsvp a span {
 background: transparent url('/img/accents/badge-rsvp.png') no-repeat 0 0;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.clear {
 clear: both;
}
.favorite,
h3 a,
h3 a:link {
 background: transparent url('/img/icons/16px/ico-star.png') no-repeat 0 50%;
 padding-left: 21px;
 text-decoration: none;
}
.float-left {
 float: left;
 margin-right: 10px;
}
div.float-left {
 width: 313px;
}
.float-left.last {
 margin-right: 0;
}
/*Google Map container*/
.gm-map iframe {
 border: 3px solid #341F17;
 margin: 0 0 1.5em 0;
 padding: 0;
}
/*links with icons*/
.link-favorite {
 background: transparent url('/img/icons/10px/ico-star.png') no-repeat 0 72%;
 padding-left: 13px;
}
.link-flickr {
 background: transparent url('/img/icons/10px/ico-flickr.png') no-repeat 0 72%;
 padding-left: 13px;
}
.link-twitter {
 background: transparent url('/img/icons/10px/ico-twitter.png') no-repeat 0 72%;
 padding-left: 13px;
}
/*WP pagination*/
.navigation {
 font-size: 1.333333em;
 height: 1.5em;
 line-height: 1.125em;
 margin-bottom: 1.125em;
 overflow: auto;
}
.navigation .nav-next {
 float: right;
}
.navigation .nav-prev {
 float: left;
}
.navigation a {
 color: #8A533D;
 text-decoration: none;
}
/*flickr pics list*/
.photo-list li {
 float: left;
 height: 90px;
 width: 103px;
}
.photo-list li a {
 display: block;
 height: 72px;
 overflow: hidden;
 position: relative;
 width: 81px;
}
.photo-list li a img {
 height: 72px;
 width: 81px;
}
.photo-list li a span {
 background: transparent url('/img/accents/thumb-pic-frame.gif') no-repeat 0 0;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.post {
 margin-top: 1.5em;
}
.separate {
 background: transparent url('/img/accents/sepline_brown.png') repeat-x 0 100%;
 clear: both;
 margin-bottom: 9px;
 padding-bottom: 9px;
}
.separate.last {
 background: none;
 margin-bottom: 1.5em;
 padding-bottom: 0;
}
.thumb-cast {
 float: left;
 margin-right: 10px;
}
.thumb-cast.last {
 margin-right: 0;
}
.tour-info {
 font-family: 'helvetica neue', helvetica, arial, sans-serif;
 font-size:1.333em;
 font-weight: 900;
 line-height: 1.125em;
}
.tour-info dt {
 color: #60392A;
 float: left;
 margin-right: 0.333em;
}
.tour-info dd {
 border-bottom: 1px solid #DEB589;
}
.tour-pic-frame {
 background: transparent;
 height: 126px;
 margin-bottom: 1.5em;
 overflow: hidden;
 position: relative;
 width: 300px;
}
.tour-pic-frame span {
 background: transparent url('/img/accents/tour-pic-frame.gif') no-repeat 0 0;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.tour-pic-frame img {
 margin-top: -12.5%;
}

/**
 * @section Wrapper
 * ======================================================================
 */
#wrapper {
 background: none;
 margin: 0 auto;
 position: relative;
 width: 972px;
}

/**
 * @section Header
 * ======================================================================
 */
#header {
 background: transparent url('/img/main/header_bg.png') no-repeat 0 0;
 height: 234px;
 margin-bottom: 1.5em;
 width: 972px;
}
#header h1 {
 height: 198px;
 left: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 20px;
 width: 403px;
}
#header h1 a {
 display: block;
 height: 198px;
 margin: 0;
 padding: 0;
 position: relative;
 width: 403px;
}
#header h1 span {
 background: transparent url('/img/main/header_bg.png') no-repeat 0 -20px;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
#header p.description {
 font-size: 0px;
 height: 0;
 line-height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 text-indent: -999em;
 width: 0;
}
/*live feed*/
#header p#live-feed {
 height: 90px;
 left: 420px;
 margin: 0;
 padding: 0;
 position: absolute;
 text-align: center;
 top: 18px;
 width: 131px;
}
#header p#live-feed a {
 display: block;
 height: 90px;
 position: relative;
 width: 131px;
}
#header p#live-feed a span {
 background: transparent url('/img/main/header_bg.png') no-repeat -420px -18px;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
/*twitter bird*/
#header p#keep-on-tweetin {
 height: 54px;
 left: 493px;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 126px;
 width: 143px;
}
#header p#keep-on-tweetin a {
 display: block;
 height: 54px;
 position: relative;
 width: 143px;
}
#header p#keep-on-tweetin a span {
 background: transparent url('/img/accents/twitter-bird.png') no-repeat 0 0;
 cursor: pointer;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

/**
 * @section Nav
 * ======================================================================
 */
#nav {
 background: none;
 height: 144px;
 position: absolute;
 right: 0;
 top: 18px;
 width: 300px;
}
#nav ul#main-menu {
 font-family: 'helvetica neue', helvetica, arial, sans-serif;
 font-weight: 900;
 text-align: right;
 text-transform: uppercase;
}
#nav ul#main-menu li {
 background: #341F17;
 height: 36px;
}
#nav ul#main-menu li#tab-tour {
 background: #1D85C0;
}
#nav ul#main-menu li#tab-sponsors {
 background: #DD8B0E;
}
#nav ul#main-menu li#tab-press {
 background: #D50937;
}
#nav ul#main-menu li a {
 color: #fff;
 display: block;
 float: right;
 height: 36px;
 position: relative;
 width: 300px;
}
#nav ul#main-menu li a span {
 background: none;
 cursor: pointer;
 height: 100%;
 left: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
#nav ul#main-menu li#tab-about a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 0;
}
#nav ul#main-menu li#tab-tour a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -36px;
}
#nav ul#main-menu li#tab-sponsors a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -72px;
}
#nav ul#main-menu li#tab-press a span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -108px;
}
#nav ul#main-menu li#tab-about a:hover span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -154px;
}
#nav ul#main-menu li#tab-tour a:hover span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -190px;
}
#nav ul#main-menu li#tab-sponsors a:hover span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -226px;
}
#nav ul#main-menu li#tab-press a:hover span {
 background: transparent url('/img/nav/nav-sprites.png') no-repeat 0 -262px;
}

/**
 * @section Article
 * ======================================================================
 */
#article {
 /*outline: 1px solid green;*/
 float: left;
 width: 636px;
}
#article h2 + p {
 color: #341F17;
 cursor: default;
 font-size: 1.333333em;
 line-height: 1.125em;
 margin-bottom: 1.125em;
}
#article h2 + p:hover {
 color: #60392A;
}
#article h2 + p a {
 color: #341F17;
 text-decoration: none;
}
#article h2 + p:hover a {
 background: #DD8B0E;
 color: #fff;
 text-decoration: none;
}
#article h2 + p:hover a:hover {
 background: #D50937;
 color: #fff;
 text-decoration: none;
}


/**
 * @section Aside
 * ======================================================================
 */
#aside {
 /*outline: 1px solid blue;*/
 float: left;
 margin-left: 36px;
 width: 300px;
}
#aside #geo-mashup {
 margin-bottom: 3em;
}
#aside h2#tour-stop {
 font-size: 2em;
 line-height: 0.75em;
 margin-bottom: 1em;/**/
}

/**
 * @section Ancillary
 * ======================================================================
 */
#ancillary {
 /*outline: 1px solid fuchsia;*/
 background: transparent url('/img/accents/sepline_brown.png') repeat-x 0 0;
 clear: both;
 margin-top: 1.5em;
 padding-top: 1.5em;
}
#ancillary h2 {
 color: #341F17;
 font-size:2em;
 font-weight: normal;
 line-height: 0.75em;
 margin-bottom: 0.75em;
}
#ancillary div.callout {
 float: left;
 margin-right: 36px;
 width: 300px;
}
/*twitter*/
#ancillary div#callout-news div#callout-twitter ul {
 background: transparent url('/img/accents/news-callout-img_twitter.png') no-repeat 100% 100%;
 min-height: 126px;
}
#ancillary div#callout-news div#callout-twitter ul li {
 margin-bottom: 1.5em;
}
#ancillary div#callout-news div#callout-twitter ul li b {
 background: #D50937;
 color: #fff;
 font-weight: 900;
}
/*blog*/
#ancillary div#callout-news div#callout-blog ul {
 background: transparent url('/img/accents/news-callout-img_blog.png') no-repeat 100% 100%;
 min-height: 90px;
}
/*news*/
#ancillary div#callout-news div#callout-press ul {
 background: transparent url('/img/accents/news-callout-img_news.png') no-repeat 100% 100%;
 min-height: 90px;
}
/*flickr pics*/
#ancillary div#callout-flickr {
 margin-right: 26px;
 width: 310px;
}
/*cast of characters*/
#ancillary div#callout-cast {
 margin-right: 0;
 width: 636px;
}
#ancillary .separate h3 {
 margin-bottom: 0;
}
/*cast of characters*/
#ancillary div#callout-cast .separate p {
 margin-bottom: 0;
}
/**
 * @section Footer
 * ======================================================================
 */
#footer {
 /*outline: 1px solid aqua;*/
 background: transparent url('/img/accents/sepline_brown.png') repeat-x 0 0;
 clear: both;
 margin-top: 1.5em;
 padding-top: 1.5em;
}
#footer p#site-credits a {
 background: transparent url('/img/accents/obxdesignworks-favicon24px.png') no-repeat 0 center;
 color: #3D85B0;
 font-family: 'helvetica neue', helvetica, arial, sans-serif;
 font-weight: normal;
 width: 24em;
 padding: 0.75em 0 0.75em 31px;
 text-decoration: none;
}
#footer p#site-credits a:hover {
 color: #244E66;
}