/*
Theme Name: Ripley's Ghost Trains
Description: The Ripley's Ghost Trains WordPress Theme
Version: 1.0
Author: WPCoder
Author URI: http://wpcoder.com/
*/



/* CSS Reset */
html {
color:#000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}

li {
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,textarea,select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input,textarea,select {
font-size:100%;
}

legend {
color:#000;
}

del,ins {
text-decoration:none;
}

body,html {
height:100%;
}



/* General */
body {
background:#202111 url(images/page_bg.png) repeat-x top;
font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif;
font-size:62.5%;
color:#fff;
}

a {
outline:none;
color:#c9ca9f;
}

.clearfix:after {
content:".";
visibility:hidden;
display:block;
height:0;
clear:both;
}

* html .clearfix {
height:1%;
}

h1,h2,h3,h4,h5,h6,.caps,.switcher_nav {
text-transform:uppercase;
font-family:'Times New Roman', serif;
}



/* Header */
#header_wrap {
width:100%;
height:275px;
background:url(images/header_bg.png) repeat-x top center;
}

#header {
width:1145px;
background:url(images/header_logo.png) no-repeat top left;
margin:0 auto;
height:275px;
position:relative;
overflow-x:hidden;
}

#header h1 {
position:absolute;
left:620px;
top:0;
z-index:1;
width:315px;
height:230px;
}

#header h1 a {
display:block;
text-indent:-9999px;
width:315px;
height:230px;
}



/* Top Navigation */
#header_nav {
display:inline;
position:relative;
margin:0 70px 0 0;
float:right;
}

#header_nav li {
display:inline;
float:left;
position:relative;
}

#header_nav a {
display:block;
overflow:hidden;
text-indent:-9999px;
margin:0 0 0 -16px;
cursor:pointer;
}

#header_nav li.home {
z-index:4;
}

#header_nav li.faqs {
z-index:3;
}

#header_nav li.contact {
z-index:2;
}

#header_nav li.home a {
background:url(images/menu-home.png) no-repeat;
width:88px;
height:46px;
}

#header_nav li.faqs a {
background:url(images/menu-faqs.png) no-repeat;
width:105px;
height:44px;
margin-left:-33px;
}

#header_nav li.contact a {
background:url(images/menu-contact.png) no-repeat;
width:106px;
height:49px;
}



/* Content Area */
#wrap_wrap {
width:100%;
background:url(images/content_bg.png) no-repeat top center;
}

#wrap {
width:1030px;
margin:0 auto;
position:relative;
font-size:1.25em;
}

#content {
width:690px;
float:left;
margin-right:10px;
}

#content h2.pagetitle {
font-size:2.8em;
color:#e6e7bf;
margin-bottom:20px;
padding:3px 2px;
}

#content hr {
border:none;
border-top:1px solid #43433b;
}

#content h3.header {
text-transform:none;
font-size:2.5em;
margin-bottom:10px;
color:#cccc99;
}

.pagination { 
width: 690px;
clear: both;
padding: 0 0 15px 0;
}

.pagination span.left {
float: left;
}

.pagination span.right {
float: right;
}


/* Main Navigation */
#site_nav {
margin:0 0 30px 4px;
padding:0;
position:relative;
z-index:999;
width:100%;
}

#site_nav li {
list-style:none;
float:left;
margin:0 -19px 0 0;
position:relative;
display:inline;
}

#site_nav .tour-info {
margin:0 -17px 0 3px;
}

#site_nav .the-paranormal {
margin-right:-22px;
}

#site_nav .buy-tickets {
margin-right:-17px;
}

#site_nav .downloads {
margin:0;
}

#site_nav li a {
display:block;
text-indent:-9999px;
overflow:hidden;
position:relative;
cursor:pointer;
}

li.tour-info a {
background:url(images/menu-tour-info.png) no-repeat;
width:159px;
height:57px;
z-index:7;
}

li.the-paranormal a {
background:url(images/menu-paranormal.png) no-repeat;
width:212px;
height:71px;
z-index:6;
}

li.buy-tickets a {
background:url(images/menu-buy-tickets.png) no-repeat;
width:204px;
height:65px;
z-index:5;
}

li.downloads a {
background:url(images/menu-downloads.png) no-repeat;
width:165px;
height:56px;
z-index:4;
}

#site_nav li:hover,#site_nav li.hover {
position:relative;
}

#site_nav li ul {
position:absolute;
top:-999px;
left:0px;
display:none;
margin:0;
padding:10px 0 0;
border:1px solid #181914;
background-color:#dbd6b6;
width:250px;
overflow:hidden;
z-index:2;
}

#site_nav li:hover ul,#site_nav li.hover ul {
top:46px;
}

#site_nav li ul.drop-down-2 {
padding-top:20px;
}

#site_nav li ul li {
list-style:none;
float:none;
border-bottom: 1px dotted #181914;
margin-bottom:-2px;
padding:2px 0 0 0;
overflow:hidden;
width:100%;
vertical-align:top;
font:14px/16px "Times New Roman", Times, serif;
display:block;
}

#site_nav li ul li a {
text-indent:0;
color:#2b271c;
text-transform:uppercase;
text-decoration:none;
padding:5px 0 4px 11px;
height:auto;
background:none;
width:239px;
}

#site_nav li ul li a:hover {
background:#181914;
color:#fff;
}

#site_nav li.downloads ul {
left:-45px;
}
#site_nav li.tour-info ul {
left:-25px;
}
#site_nav li.buy-tickets ul {
left:-25px;
}
#site_nav li.the-paranormal ul {
left:-20px;
}



/* Welcome Area */
#welcome {
clear:both;
margin-bottom:25px;
}

#welcome h2 {
font-size:2.8em;
color:#e6e7bf;
margin-bottom:10px;
}

#welcome h3 {
clear:both;
font-size:2.4em;
color:#d7d891;
margin-bottom:10px;
}

#welcome #slideshow {
width:371px;
height:296px;
background:url(images/frame.png) no-repeat;
float:left;
padding:26px 0 0 26px;
margin-right:15px;
}

#welcome img.left {
float:left;
margin:0 15px 20px -7px;
}

#welcome p {
line-height:20px;
margin:15px 0 25px;
}

#welcome .caps {
text-transform:uppercase;
font-size:1.25em;
}


/* Single Post */
.post {
margin:10px 0 0;
padding-bottom:15px;
padding-top:25px;
border-top:1px solid #43433b;
}

.postImage {
	display: block;
}

.post h2.title {
font-size:1.4em;
margin-bottom:5px;
color:#d7d891;
}

.post h2.title a {
color:#d7d891;
text-decoration:none;
}

.post .metadata {
height:21px;
background:url(images/ico_clock.png) no-repeat top left;
padding:7px 0 7px 29px;
margin-bottom:5px;
}

.post .metadata .left {
float:left;
}

.post .metadata .right {
float:right;
text-align:right;
background:url(images/ico_comment.png) no-repeat center left;
padding-left:19px;
margin:0;
}

.post a:hover {
color:#a2a147;
}

.entry {
line-height:20px;
}

.entry img {
}

.entry img.border {
border:1px solid #737a25;
background:#ffffdf;
padding:5px;
}

.entry img.alignleft {
float:left;
margin-right:15px;
}

.entry img.alignright {
float:right;
margin-left:15px;
}

.entry p {
margin-bottom:20px;
}

.entry .wp-caption {
background:url(images/caption_bg.png) no-repeat bottom right;
float:left;
padding: 5px 5px 5px 5px;
width:auto;
margin-right:20px;
}

.entry .wp-caption img {
margin-bottom:5px;
padding:0;
border:none;
}

.entry .wp-caption p {
font-size:.75em;
font-weight:bold;
line-height: normal;
margin-bottom:5px;
color:#000;
text-align:center;
padding-right:5px;
}

.entry p.readmore {
text-align:right;
}

.entry h1 {
text-transform:none;
font-size:3em;
margin: 35px 0 15px;
color:#cccc99;
}

.entry h2 {
text-transform:none;
font-size:2.5em;
margin: 30px 0 15px;
color:#cccc99;
}

.entry h3 {
text-transform:none;
font-size:2em;
margin: 15px 0 15px;
color:#cccc99;
}

.entry h4 {
text-transform:none;
font-size:1.5em;
margin: 15px 0 15px;
color:#cccc99;
}

.entry h5, .entry h6 {
font-size:1.5em;
margin: 15px 0 15px;
color:#fff;
}

.entry blockquote {
color:#cccc99;
border-left:2px solid #F3F3DE;
margin: 0 0 35px 35px;
padding-left:20px;
padding-right:10px;
line-height:25px;
clear:both;
}

.entry ul {
margin:0px 0px 20px;
}

.entry ul li {
list-style-image: url(images/archive-arrow.png);
margin: 0px 0px 5px 35px;
}

.entry ol {
margin:0px 0px 20px;
}

.entry ol li {
list-style: decimal outside;
margin: 0px 0px 5px 35px;
}

.entry .share {
width: 300px;
}

.entry img.sharethis {
background: none;
float: right;
margin-bottom: 15px;
}

.featured {
border:none;
padding:0;
}

.featured h2.title {
font-size:1.9em;
}

.featured .metadata {
border-bottom:1px solid #43433b;
margin-bottom:15px;
}



/* Archives */
.archive_list {
margin-bottom:40px;
}

.archive_list li {
border-bottom:1px solid #43433c;
padding:7px 0;
}

.archive_list a {
color:#dbdb83;
}

.archive_list li .title a {
color:#dadaae;
text-decoration:none;
}

.archive_list li .comments a {
color:#fff;
}

.col {
width:290px;
float:left;
}

.col ul li {
border-bottom:1px solid #43433c;
padding:7px 0;
}

.col ul a {
color:#dbdb83;
text-decoration: none;
}

.col ul li .title a {
color:#dadaae;
text-decoration:none;
}

.col ul li .comments a {
color:#fff;
}

.right {
float:right;
margin-right:30px;
}



/* Comments */

#commentsarea {
margin: 10px 0;

}

#commentform {
background:#101008;
border:1px solid #88886a;
padding:30px;
margin: 15px 0;
float: left;
}

#commentform h3.reply {
font-size:1.5em;
margin-bottom:15px;
color:#cccc66;
}

#commentsarea h2.title {
font-size:1.4em;
margin-bottom:5px;
color:#d7d891;
}

ul.commentlist li {
margin: 15px 0;
padding: 10px 10px 0 10px;
border: 1px solid #fff;
}

ul.commentlist li p {
margin: 15px 0;
}


ul.commentlist li img.avatar {
float: left;
margin: 0 10px 10px 0;
}

#commentform input.text {
padding:4px;
border:1px solid #dcbf77;
width:280px;
margin:0 20px 20px 0;
}

#commentform textarea {
padding:4px;
border:1px solid #dcbf77;
width:600px;
height:150px;
margin:0 0 20px;
}

#commentform input.submit {
text-transform:uppercase;
padding:10px 15px;
background:#6e7423;
color:#000;
border:1px solid #fdfdca;
}



/* Contact Forms */

.wpcf7 p {
padding: 0;
margin: 0;
}

#contactform {
background:#101008;
border:1px solid #88886a;
padding:15px 30px;
margin: 15px 0;
float: left;
}

#contactform textarea {
padding:4px;
border:1px solid #dcbf77;
width:600px;
height:150px;
margin:0 0 20px;
}

#contactform input.submit {
text-transform:uppercase;
padding:10px 15px;
background:#6e7423;
color:#000;
border:1px solid #fdfdca;
}

span.wpcf7-form-control-wrap input {
padding:4px;
border:1px solid #dcbf77;
width:280px;
margin:0 20px 20px 0;
}

span.upload input {
border: 0;
color: #fff;
}



/* Flickr Area */
#flickr {
margin-top:20px;
}

#flickr h3 {
font-size:1.9em;
margin-bottom:5px;
border-bottom:1px solid #43433b;
padding-bottom:5px;
margin-bottom:20px;
}

#flickr .flickr_left {
width:420px;
float:left;
}

#flickr .flickr_left li {
display:inline;
}

#flickr .flickr_left img {
background:#fff;
padding:4px;
border:1px solid #ccc;
margin:0 12px 12px 0;
}

#flickr .flickr_right {
width:250px;
float:left;
line-height:20px;
}

#flickr p {
margin-bottom:15px;
padding-left:28px;
}

#flickr .camera {
background:url(images/ico_camera.png) 0px 3px no-repeat;
}

#flickr .flickr {
background:url(images/ico_flickr.png) 0px 3px no-repeat;
}

#upload-flickr li {
display:inline;
float: left;
}

#upload-flickr img {
background:#fff;
border:2px solid #ccc;
margin:0 4px 12px 0;
float: left;
}



/* Sidebar */
#sidebar {
float:right;
width:285px;
background:url(images/sidebar_bg.png) no-repeat top;
padding:0 15px;
min-height:1282px;
height:auto!important;
height:1282px;
line-height:20px;
}

#sidebar .widget {
padding:25px 10px 0;
background:url(images/sidebar_divider.png) no-repeat top center;
margin-bottom:5px;
}

#sidebar .widget h4 {
font-size:1.5em;
margin-bottom:5px;
}

#sidebar .widget img.left {
float:left;
margin:0 10px 10px 0;
}

#sidebar .widget img.right {
float:right;
margin: 0 0 0 10px;
}

#sidebar .widget img.cc {
display:block;
margin:10px auto 0;
}

#sidebar .forms {
padding:0;
margin-bottom:0;
background:none;
}

#sidebar .forms h4 {
margin-bottom:15px;
}

#sidebar .forms form {
float:left;
padding:15px 0 0;
width:185px;
margin-left:5px;
background:url(images/ico_search.png) no-repeat bottom left;
}

#sidebar .forms form #s {
padding:3px 2px;
margin:0 5px 0 35px;
width:96px;
float:left;
border:none;
}

#sidebar .forms .rss {
float:right;
}

#sidebar .twitter h4 {
background:url(images/twitter_bird.png) no-repeat top left;
padding:20px 0 0 70px;
height:42px;
margin-bottom:0;
}

#sidebar .twitter li {
border-bottom:1px solid #43434b;
padding:0 0 5px;
margin-bottom:5px;
}

#sidebar .twitter a.follow {
background:url(images/twitter_star.png) no-repeat bottom left;
font-size:1.3em;
padding:2px 0 0 20px;
height:15px;
}

#sidebar .aktt_more_updates {
display:none;
}

#sidebar .switcher_nav {
margin-bottom:10px;
}

#sidebar .switcher_nav li {
display:inline;
text-transform:uppercase;
font-size:1.3em;
}

#sidebar .switcher_nav a {
color:#666633;
display:block;
float:left;
padding-left:25px;
margin-right:7px;
}

#sidebar .switcher_nav a.selected {
color:#fff;
}

#sidebar .switcher_nav a.posts {
background:url(images/ico_posts.png) no-repeat center left;
}

#sidebar .switcher_nav a.popular {
background:url(images/ico_popular.png) no-repeat center left;
}

#sidebar .switcher_nav a.tags {
background:url(images/ico_tags.png) no-repeat center left;
}

#tags ul {
text-align: center;
}

h2.widgettitle {
display: none;
}

#sidebar #posts li {
background:url(images/ico_clock_small.png) 0px 5px no-repeat;
padding:0 0 0 20px;
font-size:.95em;
margin-bottom:5px;
}

#sidebar .archives ul {
font-size:.95em;
margin-bottom:5px;
}

#sidebar .archives li {
background:url(images/star_archives.png) center left no-repeat;
padding-left:20px;
float:left;
width:110px;
}

#sidebar .archives .all {
text-align:right;
}

#sidebar .archives .all a {
text-decoration:none;
text-transform:uppercase;
font-size:.95em;
color: #ffffcc;
font-weight: bold;
}



/* Three Buckets */
#buckets_wrap {
width:100%;
background:url(images/buckets_bg.png) repeat-x center;
height:239px;
}

#buckets {
width:995px;
margin:0 auto;
padding:45px 0 0;
}

.bucket {
height:185px;
font-size:1.25em;
line-height:20px;
float:left;
}

.bucket h3 {
font-size:1.7em;
margin:10px 0 5px;
}

.bucket h3.yellow {
color:#d7d991;
}

.bucket img {
float:left;
margin-right:10px;
}

.bucket a {
color:#c9ca9f;
}

.bucket p {
margin-top:10px;
margin-bottom:20px;
}

.train {
width:330px;
background:url(images/bucket_divider.png) no-repeat center right;
padding-right:20px;
}

.ghost {
width:275px;
background:url(images/bucket_divider.png) no-repeat center right;
padding:0 35px 0 25px;
}

.museum {
width:280px;
padding-left:25px;
}

.museum img {
margin: 10px auto 0px;
display:block;
float:none;
}



/* Footer */
#footer_wrap {
background:#000;
width:100%;
}

#footer {
width:975px;
margin:0 auto;
padding:45px 0 90px;
color:#fff;
font-size:1.1em;
line-height:16px;
}

#footer .copyright {
float:left;
width:420px;
}

#footer .copyright span {
color:#a7a78f;
}

#footer .copyright p {
margin-bottom:20px;
}

#footer .copyright a {
color:#a7a78f;
text-decoration:underline;
}

#footer .bottom_nav {
float:right;
width:540px;
text-align:right;
text-transform:uppercase;
}

#footer .bottom_nav a {
color:#fff;
text-decoration:none;
}

#footer .bottom_nav a:hover {
text-decoration:underline;
}