@charset "UTF-8";

*,
html { margin: 0px; padding: 0px; }

div.clear { clear: both; }

body,
div,
p { font-family: Arial; font-size: 11px; color: #a56928; }

a,
a:hover,
a:focus { outline: none; }

a img { border: none; }

html a,
* a,
a, a:hover, a:focus,
button,
input[type=submit],
label { cursor: pointer; }

label,
form { display: block; }

p { margin: 0 0 1em; }

a { color: #a56928; }

.purple-text { color: #8f4988; }

/****
** Main Styling
****/

body { background-image:url(../_images/bg-main.jpg); background-repeat: no-repeat; background-position: center top; background-color: #d99849; }
body.home { background-image:url(../_images/bg-home.jpg); background-color:#a87433; }

#wrapper { width: 802px; height: 1300px; margin: 0 auto; position: relative; }
body.home #wrapper { height: 1050px; }

#header { height: 204px; position: relative; }
body.home #header { height: 336px; }

#top-nav { display: block; position: absolute; right: 0; top: 24px; } /* ; width: 558px */
#top-nav li { float: left; display: block; margin: 0 0 0 18px; }
#top-nav li.first { margin: 0; }
#top-nav li a { font-size: 14px; color: #a56928; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; } /* letter-spacing: -0.042em; */

#top-nav li { display: none; }
.cufon-ready #top-nav li { display: block; }

#top-nav li a:hover,
#top-nav li a.current { color: #FFF; }

#top-logo { display: block; width: 215px; height: 0; padding: 74px 0 0; overflow: hidden; position: absolute; top: 14px; left: 0; }
body.home #top-logo { width: 319px; padding: 110px 0 0; top: 96px; left: auto; right: 122px; }

#footer { position: absolute; bottom: 67px; right: 32px; }

#middle { padding: 0 108px 0 95px; }
#middle #left-callouts { width: 204px; float: left; padding: 29px 0 0; }
#middle #left-callouts .callout { margin: 0 0 9px; padding: 14px 0 0 16px; }
#middle #left-callouts .callout h2 { font-size: 24px; letter-spacing: -1px; text-transform: uppercase; }

#middle #left-callouts .callout h2 { display: none; }
.cufon-ready #middle #left-callouts .callout h2 { display: block; }

#middle #left-callouts .help-if-you-can { height: 97px; }
#middle #left-callouts .help-if-you-can h2 { color: #8f4887; margin: 0 0 2px; }
#middle #left-callouts .help-if-you-can .text { color: #8f4988; line-height: 13px; }
//#middle #left-callouts .help-if-you-can a { display: block; width: 60px; height: 0; position: relative; overflow: hidden; background-image:url(../_images/btn-callout_help_us.gif); padding: 28px 0 0; margin: 4px 0 0; }
//#middle #left-callouts .help-if-you-can a:hover { background-position: 0 -28px; }
#middle #left-callouts .recent-halos { height: 206px; position: relative; }
#middle #left-callouts .recent-halos h2 { color: #a56928; }
#middle #left-callouts .recent-halos .item { padding: 7px 0 0; }
#middle #left-callouts .recent-halos .item .name { font-weight: bold; display: block; }
#middle #left-callouts .recent-halos .item a { font-weight: bold; display: block; color: #a56928; }
#middle #left-callouts .recent-halos a.view-all-news { position: absolute; bottom: 9px; left: 18px; color: #a56928; text-decoration: underline; }
#middle #left-callouts .events { height: 124px; padding-left: 0; }
#middle #left-callouts .events h2 { color: #c88a00; margin: 0 0 0 16px; }
#middle #left-callouts .events .image { float: left; width: 119px; }
#middle #left-callouts .events .text { float: right; width: 67px; padding: 5px 18px 0 0; }
#middle #left-callouts .events .text a { color: #a56928; text-decoration: underline; font-weight: bold; }
#middle #content-container { width: 370px; float: right; }
#middle #content-container h1.main-heading { position: relative; margin: -41px 0 22px; }
body.home #middle #content-container h1.main-heading { margin-top: -31px; }

#middle #content-container h1.cufon { font-size: #a56928; font-size: 16px; letter-spacing: -1px; margin: 2em 0 1em; text-transform: uppercase; }

#middle #content-container a.purple-bar { display: block; width: 294px; height: 21px; padding: 7px 0 0 12px; background-image: url(../_images/bg-purple_bar.gif); color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 15px; letter-spacing: -1px; margin: 0 0 5px; }
#middle #content-container a.purple-bar:hover { background-position: 0 -28px; }

#middle #content-container .help-us-tell-us-form { margin: 30px 0 0; }
#middle #content-container .help-us-tell-us-form .error { color: #F00; font-weight: bold; font-size: 14px; padding: 20px 0; }
#middle #content-container .help-us-tell-us-form table td { padding: 5px 5px 0 0; }
#middle #content-container .help-us-tell-us-form table td h2 { text-transform: uppercase; }
#middle #content-container .help-us-tell-us-form table td.title { width: 90px; }
#middle #content-container .help-us-tell-us-form table td textarea { font-family: Arial; color: #a56928; font-size: 11px; }

.halo-item { margin: 0 0 15px; }
.halo-item .image { float: left; width: 70px; height: 70px; background-image:url(../_images/haileys-halos_no_image.gif); }
.halo-item .info { float: left; margin: 0 0 0 10px; width: 290px; }
.halo-item .info .name { color: #8f4988; font-weight: bold; }
.halo-item .info .description { margin: 5px 0 0; }

.haileys-halos-thumbs-container img { }


#middle #content-container .submit-your-story-form { margin: 10px 0 0; }
#middle #content-container .submit-your-story-form .error { color: #F00; font-weight: bold; font-size: 14px; padding: 20px 0; }
#middle #content-container .submit-your-story-form table td { padding: 5px 5px 0 0; }
#middle #content-container .submit-your-story-form table td h2 { text-transform: uppercase; }
#middle #content-container .submit-your-story-form table td.title { width: 90px; }
#middle #content-container .submit-your-story-form table td textarea { font-family: Arial; color: #a56928; font-size: 11px; }

.newerstory { float: left; color: #8F4988; font-weight: bold; text-decoration: none; }
.newerstory:hover { text-decoration: underline; }
.olderstory { float: right; color: #8F4988; font-weight: bold; text-decoration: none; }
.olderstory:hover { text-decoration: underline; }
.penny-story { overflow: hidden; position: relative; margin: 20px 0 0; padding: 0 0 20px; }
.penny-story h1 { display: block; font-size:22px; } 
.penny-story .citystate { font-size: 13px; font-weight: bold; margin: 5px 0; }

.backlink { color: #8F4988; }

.event-info-list { margin: 0 0 10px; }
.event-info-list .image { width: 100px; height: 85px; float:left; background-image:url(../_images/events-no_image.gif); background-position: center center; background-color: #ffd068; background-repeat: no-repeat; }
.event-info-list .image a { display: block; width: 100px; height: 85px; }
.event-info-list .info { float: left; margin: 0 0 0 10px; width: 260px; }
.event-info-list .info .name { font-size: 14px; margin: 0 0 5px; }
.event-info-list .info a { color: #8F4988; }
.event-details { margin: 20px 0 0; }

.news-item { margin: 0 0 20px; display: block; text-decoration: none; }
.news-item h1 { font-size: 16px; margin: 0 0 5px; }

.subscribe-form { margin: 0 0 20px; }

#middle #content-container .subscribe-form { margin: 10px 0 0; }
#middle #content-container .subscribe-form .error { color: #F00; font-weight: bold; font-size: 14px; padding: 20px 0; }
#middle #content-container .subscribe-form table td { padding: 5px 5px 0 0; }
#middle #content-container .subscribe-form table td.title { width: 120px; }

.scrolling-text-container { max-height: 580px; height: auto; width: 360px; overflow: auto; padding: 0 10px 0 0; margin: 0 0 20px; }

.pagination a { padding: 0 4px; }
.pagination a.current { text-decoration: none; font-weight: bold; }