/*
Theme Name: Autopilot Wordpress Theme
Theme URI: http://www.autopilot.co.za
Description: The new Autopilot Wordpress theme created by Zero Twenty One for Cape Town rock band Autopilot.
Version: 1.0
Author: Byron Rode
Author URI: http://www.zerotwentyone.co.za
Tags: autopilot, fixed width, blue, silver, black
*/
* { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #0a0b14; color: #333; margin: 0; padding: 0; }

#page { margin: 0 auto; padding: 0; width: 870px; }

#header { background: transparent url('images/header.gif') no-repeat bottom center; height: 88px; position: relative; width: 870px; }
#header h1, #header .description { display: none; }

#navigation { background: transparent url('images/nav.gif') no-repeat bottom center; height: 59px; width: 100%; position: relative; }

#secondary-links { position: absolute; top: 70px; }
#secondary-links a span { display: none; }
#secondary-links a.n-merch-store { display: block; float: left; width: 114px; height: 16px; position: absolute; left: 220px; background: transparent url('images/nav-merchstore.gif') no-repeat top; }
#secondary-links a.n-fan-mail { display: block; position: absolute; width: 133px; height: 16px; position: absolute; left: 535px; background: transparent url('images/nav-fanmail.gif') no-repeat top;}

#navigation a.n-home { display: block; width: 300px; height: 100%; position: absolute; left: 285px; }
#navigation a.n-home span { display: none; }
#navigation #n-left-links { float: left; width: 280px; padding-top: 20px; padding-left: 15px; }
#navigation #n-right-links { margin-left: 590px; width: 280px; padding-top: 20px; }

#navigation .star { height: 20px; width: 27px; display: block; float: left; background: transparent url('images/star.gif') no-repeat center; }
#navigation a span { display: none; }

#navigation a.n-biography { height: 20px; width: 23px; display: block; float: left; background: transparent url('images/nav-bio.gif') no-repeat top; }
#navigation a.n-biography:hover { height: 20px; width: 23px; display: block; float: left; background: transparent url('images/nav-bio.gif') no-repeat bottom;}
#navigation a.n-biography-current { height: 20px; width: 23px; display: block; float: left; background: transparent url('images/nav-bio.gif') no-repeat bottom; }
#navigation a.n-discography { height: 20px; width: 85px; display: block; float: left; background: transparent url('images/nav-discography.gif') no-repeat top; }
#navigation a.n-discography:hover { height: 20px; width: 85px; display: block; float: left; background: transparent url('images/nav-discography.gif') no-repeat bottom;}
#navigation a.n-discography-current { height: 20px; width: 85px; display: block; float: left; background: transparent url('images/nav-discography.gif') no-repeat bottom; }
#navigation a.n-gigs { height: 20px; width: 29px; display: block; float: left; background: transparent url('images/nav-gigs.gif') no-repeat top; }
#navigation a.n-gigs:hover { height: 20px; width: 29px; display: block; float: left; background: transparent url('images/nav-gigs.gif') no-repeat bottom;}
#navigation a.n-gigs-current { height: 20px; width: 29px; display: block; float: left; background: transparent url('images/nav-gigs.gif') no-repeat bottom; }
#navigation a.n-media { height: 20px; width: 45px; display: block; float: left; background: transparent url('images/nav-media.gif') no-repeat top; }
#navigation a.n-media:hover { height: 20px; width: 45px; display: block; float: left; background: transparent url('images/nav-media.gif') no-repeat bottom;}
#navigation a.n-media-current { height: 20px; width: 45px; display: block; float: left; background: transparent url('images/nav-media.gif') no-repeat bottom; }

#navigation a.n-photos { height: 20px; width: 49px; display: block; float: left; background: transparent url('images/nav-photos.gif') no-repeat top; }
#navigation a.n-photos:hover { height: 20px; width: 49px; display: block; float: left; background: transparent url('images/nav-photos.gif') no-repeat bottom;}
#navigation a.n-photos-current { height: 20px; width: 49px; display: block; float: left; background: transparent url('images/nav-photos.gif') no-repeat bottom; }
#navigation a.n-videos { height: 20px; width: 47px; display: block; float: left; background: transparent url('images/nav-videos.gif') no-repeat top; }
#navigation a.n-videos:hover { height: 20px; width: 47px; display: block; float: left; background: transparent url('images/nav-videos.gif') no-repeat bottom;}
#navigation a.n-videos-current { height: 20px; width: 47px; display: block; float: left; background: transparent url('images/nav-videos.gif') no-repeat bottom; }
#navigation a.n-contact { height: 20px; width: 53px; display: block; float: left; background: transparent url('images/nav-contact.gif') no-repeat top; }
#navigation a.n-contact:hover { height: 20px; width: 53px; display: block; float: left; background: transparent url('images/nav-contact.gif') no-repeat bottom;}
#navigation a.n-contact-current { height: 20px; width: 53px; display: block; float: left; background: transparent url('images/nav-contact.gif') no-repeat bottom; }
#navigation a.n-links { height: 20px; width: 35px; display: block; float: left; background: transparent url('images/nav-links.gif') no-repeat top; }
#navigation a.n-links:hover { height: 20px; width: 35px; display: block; float: left; background: transparent url('images/nav-links.gif') no-repeat bottom;}
#navigation a.n-links-current { height: 20px; width: 35px; display: block; float: left; background: transparent url('images/nav-links.gif') no-repeat bottom; }

#content-top { background: transparent url('images/content-top.gif') no-repeat bottom center; height: 48px; }
#content { width: 870px; background-color: #000; color: #fff; position: relative; }
#content-bottom { background: #000 url('images/content-bottom.gif') no-repeat bottom center; height: 14px; padding-bottom: 25px; }

#content-text { padding: 30px; margin: 0 auto; }
#content-text #the-left { width: 540px; float: left; text-align: justify; border-right: 1px solid #374154; padding-right: 20px; }
#content-text #the-right { width: 220px; float: left; margin-left: 0px; padding-left: 20px; }
#content-text #the-right ul { list-style: none; }
#content-text #the-right ul li { font-size: 1.2em; color: #789bdd; background: transparent; padding-bottom: 5px; }
#content-text #the-right ul li ul li { padding-bottom: 1px; }
#content-text #the-right ul li ul li a { text-decoration: none; color: #fff; background: transparent; font-size: 11px; }
#content-text #the-right ul li ul li a:hover { color: #aebdd9; background: transparent; }
#content-text .post p, #content-text .biogs p, #content-text .single-post p { font-size: 12px; letter-spacing: 1px; padding-top: 15px; }
#content-text .biogs p strong { color: #789bdd; background: transparent; }
#content-text .post h3, #content-text .biogs h3 { font-size: 24px; color: #789bdd; background: transparent; margin-bottom: 15px; }
#content-text .single-post h3 { font-size: 24px; color: #789bdd; background: transparent; margin-bottom: 0; }
#content-text .single-post small { font-size: 1.1em; text-transform: uppercase; }
#content-text .post h4 { font-size: 16px; color: #789bdd; background: transparent; margin-bottom: 8px; margin-top: 10px; }
#content-text .single-post h4 { font-size: 16px; color: #789bdd; background: transparent; margin-bottom: 0px; margin-top: 10px; }
.entry p a, .single-post p a { color: #98abcf; background: transparent; text-decoration: none; font-weight: normal; }
.entry p a:hover, .single-post p a { text-decoration: underline; }

.postmetadata { background: transparent; color: #fff; font-weight: bold; text-transform: lowercase; margin: 15px 0 0 0; padding: 4px 0; display: block; border-top: 1px dotted #0a0b14; }
.postmetadata p { margin: 0; padding: 0; }

#media-player { position: absolute; width: 116px; height: 59px; left: 380px; top: 100px; }
#media-player a.media-player-link { display: block; height: 59px; width: 115px; background: transparent url('images/mp.gif') no-repeat; }
#media-player a.media-player-link span { display: none; }

.discography { width: 800px; margin: 0 auto; }
.disco-container { width: 400px; float:left; }
.discography .disco-container p img { border: 2px solid #fff; width: 250px; float: left; margin-right: 15px; clear: both; }
.discography ol li { list-style: none; font-size: 12px; }
#content-text .post .discography h4 { font-size: 14px; }

#content-text .entry p a img { border: none; border: 0; }
#content-text .media p a img { border: none; margin-right: 10px; }
#content-text .media p a { text-decoration: none; border: none; }
#content-text .links-page p a { text-decoration: none; border: none; }
#content-text .links-page p a img { border: none; border: 0; }

.videos { width: 800px; margin: 0 auto; }
.video-container { width: 400px; float:left; }
.vvqbox { border: 2px solid #fff; }

.merch-container { width: 530px; }
.merch-container img { float: left; width: 250px; margin-right: 20px; }
.merch-container p a { color: #98abcf; background: transparent; text-decoration: none; font-weight: normal; }
.merch-container p a:hover { text-decoration: underline; }

.links-list { list-style: none; margin-left: 10px; }
.links-list li { font-size: 12px; text-transform: lowercase; }
.links-list a { color: #fff; text-decoration: none; background: transparent; }
.links-list a:hover { color: #728098; background: transparent; text-decoration: underline; }
.links-list li:before { content: "\00BB   "}

.ngg-galleryoverview a img { border: 1px solid #fff; }
.ngg-albumoverview a img { border: 1px solid #fff; }
.ngg-albumoverview p { margin: 0; padding: 0; }
.ngg-albumtitle { margin-bottom: 8px;  font-size: 12px; }
.ngg-albumtitle a { text-decoration: none; background: transparent; color: #728098; }
.ngg-description { margin-bottom: 12px; }
#content-text .post .ngg-description p { font-size: 10px; margin: 0; padding: 3px 0 0 0; }
.ngg-album { padding-bottom: 20px; display: block; height: 130px; width: 380px; float: left; }
.ngg-thumbnail { width: 120px; float: left; }
.ngg-gallery-thumbnail { float: left; width: 110px; }
.ngg-clear { clear: both; }

#homepage-left { float: left; width: 400px; margin: 0; padding-left: 25px; }
#homepage-right { margin-left: 440px; width: 400px;}

#latest-news { background: transparent url('images/latest-news.gif') no-repeat; display: block; height: 26px; width: 140px; margin-bottom: 10px; }
#latest-news h2 { display: none; }
#latest-news a { display: block; height: 20px; width: 140px; }
#latest-news-excerpt { width: 325px; display: block; font-size: 1.1em; letter-spacing: 1px; word-spacing: 1px; line-height: 1.3em; text-align: justify; }

#upcoming-events { text-align: right; }
#upcoming-events-header { background: transparent url('images/upcoming-events.gif') no-repeat top right; display: block; height: 26px; width: 400px; margin-bottom: 10px; }
#upcoming-events-header h2 { display: none; }

#home-events { height: 65px; display: block; }

.heading-title { height: 30px; width: 100%; text-transform: uppercase; padding: 0; margin: 0; font-size: 13px; }
.heading-title-home { height: 30px; width: 100%; text-transform: uppercase; padding: 0; margin: 0; font-size: 18px; }
.heading-title a, .heading-title-home a { text-decoration: none; color: #fff; background: transparent; }
.heading-title a:hover, .heading-title-home a:hover { color: #98abcf; background: transparent; }
.date-grey { color: #575e6b; background: transparent; }

.widget_text { font-size: 15px; }
.textwidget { font-size: 11px; color: #fff; background: transparent; margin: 10px 0 0 0; }

#read-more { width: 325px; text-align: left; margin-top: 20px; }
#read-more-metadata { float: left; width: 170px; text-align: right; padding-top: 1px; } 
.rm-author { color: #fff; background: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 0px; }
.rm-the-author { color: #789bdd; background: transparent; }
.rm-categories { color: #789bdd; background: transparent; text-transform: uppercase; letter-spacing: 0px; padding-top: 1px; }
.rm-categories a { color: #fff; background: transparent; text-decoration: none; }

#read-more-link { margin-left: 175px; }
#read-more-link a { background: transparent url('images/read-more.gif') no-repeat; display: block; height: 29px; width: 148px; }
#read-more-link a span { display: none; }

#previous-news-title { background: transparent url('images/previous-news.gif') no-repeat; display: block; height: 22px; width: 250px; margin-bottom: 10px; margin-top: 30px; }
#previous-news-title h2 { display: none; }
#previous-news ul { list-style: none; padding: 0; text-transform: uppercase; font-size: 13px; font-weight: bold; }
#previous-news ul li { display: block; background: transparent url('images/star.gif') no-repeat left center; padding-left: 22px; }
#previous-news ul li a { text-decoration: none; color: #fff; background: transparent; }
#previous-news ul li a:hover { color: #98abcf; background: transparent; }

.clear { clear: both; display: block; }

#the-sidebar-home ul, #the-sidebar-posts ul { list-style: none; }
.sidebar-gigs { margin: 0; padding: 0; list-style: none; }
.sidebar-gigs li { font-size: 12px; font-weight: bold; color: #fff; background: transparent; text-transform: uppercase; }
.sidebar-gigs li a { text-decoration: none; color: #fff; background: transparent; }
.sidebar-gigs li a:hover { color: #98abcf; background: transparent; }
.sidebar-gigs li span { background: transparent; color: #728098; }

#content-text #the-right #the-sidebar-posts ul li ul li { font-size: 1em; color: #fff; background: transparent; }

#wpcf { margin: 25px 0 0 0; }
#wpcf label { clear: both;	display: block;	float: left; width: 150px; font-weight: bold; font-size: 1.1em; }
#wpcf input { float: left; width: 200px; padding: 1px; margin: 2px 5px 2px 0; }
#wpcf textarea { width: 350px; height: 100px; padding: 1px; margin: 0 5px 10px 0; }
#wpcf #contactsubmit { margin-top: 20px; margin-left: -20px; width: 100px; }

#footer { margin-top: 20px; margin-bottom: 10px; text-align: center; color: #fff; background: transparent; font-weight: bold; }
#footer a.footer-link { color: #3c5c99; background: transparent; text-decoration: none; }
#footer a.footer-link:hover { text-decoration: underline; }

#footer #third-party { width: 245px; height: 36px; margin: 0 auto 10px auto; }
#footer #third-party a { margin: 0 10px;}
#footer #third-party a span { display: none; }
#footer #third-party a.tp-ffp { display: block; float: left; width: 64px; height: 26px; background: transparent url('images/3rd-ffp.gif') no-repeat top; }
#footer #third-party a.tp-fgp { display: block; float: left; width: 65px; height: 26px; background: transparent url('images/3rd-fg.gif') no-repeat top; }
#footer #third-party a.tp-ms { display: block; float: left; width: 55px; height: 26px; background: transparent url('images/3rd-ms.gif') no-repeat top; }

#footer #sponsors { width: 800px; margin: 0 auto 20px auto; }
#footer #sponsors a img { border: none; }