/*

Theme Name: The Bad Piper
Theme URI: http://thebadpiper.com
Description: None.
Version: 1.0
Author: Ray Stone
Author URI: http://finelysliced.com.au/

*/


/*---------------------------------------

	1. RESET

-----------------------------------------*/

* { margin: 0; padding: 0; }
body { background: #000; font-size: 62.5%; font-family: arial, helvetica, verdana, sans-serif; padding-bottom: 40px; }


/*---------------------------------------

	2. HEADER

-----------------------------------------*/

#hd { width: 960px; padding-top: 50px; margin: 0 auto 40px auto; }

#hd h1 { width: 457px; height: 51px; margin-bottom: 10px; }
#hd h1 a { display: block; width: 439px; height: 51px; background: url(images/logo.png) no-repeat; text-indent: -9999px; }
#hd a#logo { display: block; width: 439px; height: 51px; background: url(images/logo.png) no-repeat; text-indent: -9999px; margin-bottom: 10px; }

/* Main Navigation */

#hd ul { list-style: none; width: 800px; margin: 0; border-top: 1px solid #FFF; padding: 7px 0; }
#hd ul li { position: relative; display: inline; margin-right: 5px; font-size: 1.4em; text-transform: uppercase; font-family: "Hoefler Text", "Palatino", "Georgia", serif; }
#hd ul li a { display: inline-block; padding: 0 8px 0 0; border-right: 1px solid #FFF; line-height: 20px; }
#hd ul li.last { margin-right: none; }
#hd ul li.last a { padding: 0; border-right: none; }
#hd ul li a:link, #hd ul li a:visited { color: #FFF; text-decoration: none; }
#hd ul li a:hover, #hd ul li a:active, #hd ul li.current_page_item a:link, #hd ul li.current_page_item a:visited, #hd ul li.current_page_item a:hover, #hd ul li.current_page_item a:active, #hd ul li.sfHover a:link, #hd ul li.sfHover a:visited, #hd ul li.current_page_parent a:link, #hd ul li.current_page_parent a:visited { color: #F7941E; text-decoration: none; }

#hd ul li ul { position: absolute; top: 14px; left: 0px; width: 140px; padding: 0; margin: 0; border: none; overflow: hidden; display: none; }
#hd ul li ul li { display: block; font-size: 1em; margin: 0; }
#hd ul li ul li a { padding: 6px 0 0 0; border-right: none; }

#hd ul li.current_page_item ul li a:link, #hd ul li.current_page_item ul li a:visited, #hd ul li.sfHover ul li a:link, #hd ul li.sfHover ul li a:visited  { color: #FFF; text-decoration: none; }
#hd ul li.current_page_item ul li a:hover, #hd ul li.current_page_item ul li a:active, #hd ul li.sfHover ul li a:hover, #hd ul li.sfHover ul li a:active   { color: #F7941E; text-decoration: none; }
#hd ul li:hover ul, #hd ul li.sfHover ul { display: block; }


/*---------------------------------------

	3. CONTENT

-----------------------------------------*/

#ct { width: 960px; margin: 0 auto 50px auto; overflow: hidden; }
#ct-lt { float: left; width: 641px; overflow: hidden; }
#ct-rt { float: right; width: 295px; overflow: hidden; }

.ct-nrw-lt { float: left; width: 312px; overflow: hidden; margin-right: 12px; }
.ct-nrw-ctr { float: left; width: 312px; overflow: hidden; }
.ct-nrw-rt { float: right; width: 312px; overflow: hidden; }

#slides { height: 454px; overflow: hidden; }
#slides img { display: block; width: 641px; height: 454px; }

h1 { color: #F7941E; font-size: 1.6em; text-transform: uppercase; margin-bottom: 8px; }
.post h2 { color: #FFF; font-size: 1.6em; text-transform: uppercase; margin-bottom: 12px; }
h2 { color: #F7941E; font-size: 1.6em; margin-bottom: 0; }
.ct-nrw-lt h2, .ct-nrw-ctr h2, .ct-nrw-rt h2 { color: #F7941E; font-size: 1.6em; text-transform: uppercase; margin-bottom: 8px; }

p { color: #FFF; font-size: 1.3em; line-height: 140%; margin-bottom: 12px; }
p.merch-custom { margin-bottom: 5px; }
p.ppal { padding-top: 328px; }
p.delay { background: #333; color: yellow; padding: 10px; width: 616px; }
p a:link, p a:visited { color: #F7941E; text-decoration: none; }
p a:hover, p a:active { color: #F7941E; text-decoration: underline; }

h2 a:link, h2 a:visited { color: #F7941E; text-decoration: none; }
h2 a:hover, h2 a:active { color: #F7941E; text-decoration: underline; }

.merch-shot { display: block; width: 312px; height: 312px; margin-bottom: 16px; }

#ct-gallery { float: left; width: 100%; height: 454px; overflow: auto; padding-bottom: 26px; }
#gallery { width: 2566px; height: 454px; }
#ct-gallery img { float: left; display: block; width: 312px; height: 454px; margin-right: 10px; }
#ct-gallery img.last { margin-right: 0; }

.album { width: 960px; margin: 0 0 50px 0; overflow: hidden; }
ul.sample-tracks { list-style: none; font-size: 1.3em; margin-bottom: 18px; }
ul.sample-tracks a { display: inline-block; line-height: 18px; }
ul.sample-tracks a:link, ul.sample-tracks a:visited { color: #FFF; text-decoration: none; }
ul.sample-tracks a:hover, ul.sample-tracks a:active { color: #F7941E; text-decoration: none; }

#dca { padding-top: 40px; }
#dca-logo { display: block; width: 263px; height: 42px; background: url(images/dca.png) no-repeat; text-indent: -9999px; margin-bottom: 20px; }
#dca div { padding-left: 60px; }
#dca h2 { font-size: 1.3em; margin-bottom: 12px;}
/*---------------------------------------

	4. FORMS

-----------------------------------------*/

#ct-rt label { display: block; width: 295px; margin-bottom: 5px;  }
#ct-rt p.fld input { padding: 5px; border: none; outline: none; background: #FFF; width: 285px; margin-bottom: 2px; }
#ct-rt textarea { padding: 5px; border: none; outline: none; background: #FFF; width: 285px; height: 70px; }


.merch-form select { margin-bottom: 18px; }
.merch-form input.autograph-message { padding: 5px; border: none; outline: none; background: #FFF; width: 302px; margin-bottom: 18px; }

#ct-rt p.short-fld input { padding: 5px; border: none; outline: none; background: #FFF; width: 120px; }

/*---------------------------------------

	5. FOOTER

-----------------------------------------*/

#ft { width: 960px; margin: 0 auto; }
#ft p { font-size: 1.1em; margin-bottom: 0; color: #999; }
#ft p span { border-left: 1px solid #999; padding-left: 6px; margin-left: 6px; }

#ft p a:link, #ft p a:visited { color: #999; text-decoration: none; }
#ft p a:hover, #ft p a:active { color: #999; text-decoration: underline; }


/*---------------------------------------

	6. MISC

-----------------------------------------*/

img { border: none; }
a { outline: none; }