/*
 * The Verses
 * 2010/07/27
 */
html { min-width: 850px; height: 100%; padding-bottom: 1px; background: #fbf5ca url('../images/background_middle.jpg') repeat-y 50% 0; font-size: 100%; }
body { margin: 0; padding: 0; background: transparent url('../images/background_top.jpg') no-repeat 50% 0; color: #535146; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { color: #2e4881; text-decoration: underline; outline: none; cursor: pointer; }
a:hover { color: #c32614; }
button, input.radio, input.checkbox, label, select { cursor: pointer; }

h1 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1ebcc; line-height: 1; color: #c32614; font-size: 1.083em; text-transform: uppercase; }
h2 { color: #c32614; font-size: 1.083em; text-transform: uppercase; }

/*
 * some globally used classes
 */
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

/*
 * Main layout elements
 */
#wrapper { min-height: 1020px; padding-bottom: 96px; background: transparent url('../images/background_bottom.jpg') no-repeat 50% 100%; }

#header { position: relative; width: 830px; height: 400px; margin: 0 auto; }
#header h1.logo { border: none; }
#header h1.logo a { float: left; overflow: hidden; width: 360px; height: 184px; margin: 44px 0 0 325px; text-indent: -999em; }
#header p.social { position: absolute; bottom: 0; left: 315px; float: left; overflow: hidden; width: 169px; height: 20px; background: transparent url('../images/header_social_background.png') no-repeat 0 0; text-indent: -999em; }
#header p.social a { float: left; width: 20px; height: 20px; margin-left: 4px; }
#header p.social a.twitter { margin-left: 101px; }

#content { overflow: hidden; width: 830px; min-height: 550px; margin: 0 auto; padding: 0 10px 0; }
#content div.main-column { overflow: hidden; float: left; width: 450px; margin-top: 25px; padding: 0 25px; background: #fff; }
#content div.side-column { overflow: hidden; float: left; width: 304px; margin-left: 26px; }

#footer { width: 830px; height: 62px; margin: 0 auto; padding-top: 42px; }
#footer p { width: 464px; line-height: 45px; margin: 0; padding: 8px 18px 0; color: #535146; }
#footer p a { color: #535146; padding: 0 7px; }
#footer p img { vertical-align: middle; }


/*
 * Main menu
 */
#header ul.main-menu { overflow: hidden; clear: left; list-style: none; margin-left: 325px; padding: 15px 0 0; }
#header ul.main-menu li { overflow: hidden; float: left; }
#header ul.main-menu li a { float: left; height: 21px; margin-left: 5px; background: transparent url('../images/main_menu_bg.png') no-repeat 0 0; text-indent: -999em; }

#header ul.main-menu li.blog a { width: 67px; }
#header ul.main-menu li.about a { width: 76px; background-position: -72px 0; }
#header ul.main-menu li.tours a { width: 75px; background-position: -155px 0; }
#header ul.main-menu li.videos a { width: 82px; background-position: -237px 0; }
#header ul.main-menu li.shop a { width: 40px; background-position: -325px 0; }

#header ul.main-menu li.blog a.active,
#header ul.main-menu li.blog a:hover { background-position: 0 -30px; }
#header ul.main-menu li.about a.active,
#header ul.main-menu li.about a:hover { background-position: -72px -30px; }
#header ul.main-menu li.tours a.active,
#header ul.main-menu li.tours a:hover { background-position: -155px -30px; }
#header ul.main-menu li.videos a.active,
#header ul.main-menu li.videos a:hover { background-position: -237px -30px; }
#header ul.main-menu li.shop a.active,
#header ul.main-menu li.shop a:hover { background-position: -325px -30px; }

/*
 * Side boxes
 */
#content div.side-column div.white-box,
#content div.side-column div.astra-box { position: relative; width: 304px; margin-bottom: 50px; padding: 0; background: transparent url('../images/white_box_background.png') no-repeat 0 0; }
#content div.side-column div.white-box div.white-box,
#content div.side-column div.astra-box div.astra-box { top: 25px; width: 254px; margin-bottom: 0; padding: 0 25px 25px; background-position: 0 100%; }
#content div.side-column div.astra-box { background-image: url('../images/astra_box_background.png'); }

/*
 * Side audio player
 */
#content div.side-column div.audio-player { padding-bottom: 25px; }

/*
 * Newsletter
 */
#newsletter p.label { overflow: hidden; padding: 0 0 10px; line-height: 1; }
#newsletter label { color: #c32614; font-size: 1.083em; text-transform: uppercase; }
#newsletter label { float: left; width: 137px; height: 11px; background: transparent url('../images/text/signup_for_our_newsletter.png') no-repeat 0 0; text-indent: -999em; }
#newsletter #newsletter-email { vertical-align: middle; width: 164px; padding: 5px 8px; border: 1px solid #ebe5c7; background: #fef7d6; line-height: 1; font-size: .917em; }
#newsletter input.submit { vertical-align: middle; overflow: hidden; width: 63px; height: 25px; margin-left: 5px; border: none; background: transparent url('../images/submit_button.png') no-repeat 0 50%; text-indent: -999em; }
#newsletter input.submit:hover { cursor: pointer; }



/*
 * Latest news
 */
ul.news-list { clear: both; list-style: none; padding: 0; }
ul.news-list li { overflow: hidden; border-bottom: 1px solid #f1ebcc; padding-top: 1.5em; }
ul.news-list li p.date { font-size: .833em; padding-bottom: .5em; line-height: 1; }
ul.news-list li h2 { color: #2e4881; font-size: 1.665em; font-weight: 500; text-transform: uppercase; line-height: 120% }
ul.news-list li p.comments { overflow: hidden; float: left; }
ul.news-list li p.comments a { float: left; width: 25px; height: 29px; background: url('../images/comment_tip_background.png') no-repeat 100% 0; color: #fff; line-height: 18px; font-size: .833em; text-align: center; text-decoration: none; }
ul.news-list li p.comments span { display: none; }
ul.news-list li p.more { overflow: hidden; float: right; }
ul.news-list li p.more a { float: left; font-size: 1.083em; font-weight: 700; text-decoration: none; text-transform: uppercase; }
ul.news-list li p.more a { overflow: hidden; width: 71px; height: 25px; margin-left: 5px; border: none; background: transparent url('../images/read_more_button.png') no-repeat 0 50%; text-indent: -999em; }
ul.news-list li p.more a span { color: #c42816; }


/*
 * Pagination
 */
p.pagination { overflow: hidden; padding-top: 10px; color: #535146; font-size: 0.833em; text-align: center; }
p.pagination span { font-weight: 700; text-decoration: underline; }
p.pagination a { text-decoration: none; }

p.pagination a.first,
p.pagination a.prev,
p.pagination a.next,
p.pagination a.last { overflow: hidden; float: left; width: 9px; background: transparent url('../images/pagination_buttons.png') no-repeat 0 50%; text-indent: -99em; }

p.pagination a.prev { margin-left: 8px; background-position: -16px 50%; }
p.pagination a.next { float: right; margin-right: 8px; background-position: -24px 50%; }
p.pagination a.last { float: right; background-position: -40px 50%; }


/*
 * Blog post
 */
div.blog-post { clear: left; }
div.blog-post h2 { color: #2e4881; font-size: 1.665em; font-weight: 500; text-transform: uppercase; }
div.blog-post h3 { overflow: hidden; clear: left; padding: 15px 0; border: 1px solid #ebe5c7; border-width: 1px 0; color: #c32614; font-size: 1.113em; text-transform: uppercase; }
div.blog-post p.date { font-size: .833em; padding-bottom: .5em; line-height: 1; }
div.blog-post span.required { color: #c32614; }
div.blog-post span.description { padding-left: 10px; color: #a9a8a2; font-size: .833em; vertical-align: middle; }

div.blog-post p.share { float: left; overflow: hidden; width: 191px; height: 16px; background: transparent url('../images/share_this_article_background.png') no-repeat 0 0; text-indent: -999em; }
div.blog-post p.share a { float: left; width: 28px; height: 16px; margin-left: 5px; }
div.blog-post p.share a.twitter { margin-left: 97px; }
div.blog-post h3.comments { padding: 12px 0 8px; }
div.blog-post h3.comments span { vertical-align: middle; }
div.blog-post h3.comments a { float: right; width: 25px; height: 29px; background: url('../images/comment_tip_background.png') no-repeat 100% 0; vertical-align: middle; color: #fff; line-height: 18px; font-size: .833em; text-align: center; text-decoration: none; }
div.blog-post h3.comments a span { display: none; }

ul.comments-list { overflow: hidden; list-style: none; padding: 0; }
ul.comments-list li { margin-top: -1px; padding: 20px 0; border-top: 1px solid #ebe5c7; }

h3.write-comment span { float: left; }
h3.write-comment span.form-info { float: right; color: #535146; font-size: .833em; font-weight: 500; text-transform: none; }

#new-comment dt { padding: 15px 0 5px; }
#new-comment dd * { vertical-align: middle; }
#new-comment dd.captcha { padding: 20px 0; }
#new-comment dd.submit { float: right; margin-top: -35px; }
#new-comment dd.submit input { overflow: hidden; float: left; width: 63px; padding: 0; border: none; background: transparent url('../images/submit_button.png') no-repeat 0 50%; text-indent: -999em; }
#new-comment input { width: 196px; padding: 5px 8px; border: 1px solid #ebe5c7; background: #fbf5ca; }
#new-comment textarea { width: 435px; height: 100px; padding: 5px 8px; border: 1px solid #ebe5c7; background: #fbf5ca; }

p.blog-return { overflow: hidden; padding: 0; }
p.blog-return a { overflow: hidden; float: left; width: 100%; height: 13px; background: transparent url('../images/return_to_blog_button.png') no-repeat 0 0; text-indent: -999em; }


/*
 * Tours
 */
ul.tours-list { clear: both; list-style: none; padding: 0; }
ul.tours-list li { padding: 10px 0 20px; border-bottom: 1px solid #f1ebcc; }
ul.tours-list h2 { padding-bottom: 0.435em; color: #2e4881; font-size: 1.917em; font-weight: 500; text-transform: uppercase; }
ul.tours-list dl { padding: 0; }
ul.tours-list dt { line-height: 1; color: #c32614; text-transform: uppercase; font-size: .917em; }

ul.tours-list li p.more { overflow: hidden; float: right; margin-top: -20px; }
ul.tours-list li p.more a { float: left; font-size: 1.083em; font-weight: 700; text-decoration: none; text-transform: uppercase; }
ul.tours-list li p.more a { overflow: hidden; width: 71px; height: 25px; margin-left: 5px; border: none; background: transparent url('../images/read_more_button.png') no-repeat 0 50%; text-indent: -999em; }
ul.tours-list li p.more a span { color: #c42816; }


/*
 * About
 */
ul.contact { list-style: none; padding: 15px 0 0; border-top: 1px solid #ebe5c7; }
ul.contact li { float: left; width: 50%; padding-bottom: 1em }
ul.contact h3 { color: #c32614; font-weight: 500; text-transform: uppercase; }
ul.contact a { color: #535146; text-decoration: underline; }
ul.contact p { padding-bottom: 0px }