/*
 * @author Mike Stephens <dev@mikeyphp.co.uk>
 * @created 18/01/10
 * @client Dead Like Harry
 * @link http://www.deadlikeharry.co.uk
 */
 
 /******************************
  * General Declarations
  ******************************/
 * { margin: 0px; padding: 0px; }
 html, body { background: #ffffff; text-align: center; background: #003663; }
 h1, h2, h3, h4, h5, h6, input, textarea, label, legend, select, p, address, li, blockquote, td { font-family: "Georgia"; font-size: 12px; line-height: 18px; color: #7f9ab1; }
 img { border: none; }
 a { text-decoration: none; color: #7f9ab1; font-weight: bold; }
 a:hover { text-decoration: none; color: #ffff80; }
 a.selected { text-decoration: underline; color: #ffff80; }

 
 /* Firefox Hidden Inputs Fix */
 input[type="hidden"] { -moz-appearance: none; display: none; padding: 0; border: 0; cursor: auto; -moz-user-focus: ignore; -moz-binding: none; } 
 .hiddenFields { display: none; }

 /* Remove Firefox dotted link border */
 a:active { outline: none; }
 
 /* Remove Safari blue input border */
 * { outline: 0; }

 /* Control <li> content flow */ 
 ul { list-style-position: outside; }
 ol { list-style-position: inside; }

 /* Define column widths */
 .one-col { width: 220px; float: left; margin: 0 20px 0 0; }
 .one-half-col { width: 340px; float: left; margin: 0 20px 0 0; }
 .two-col { width: 460px; float: left; margin: 0 20px 0 0; }
 .three-col { width: 700px; float: left; margin: 0 20px 0 0; }
 .three-col-wide { width: 720px; float: left; margin: 0; }
 .four-col { width: 940px; float: left; margin: 0 20px 0 0; }
 
 /* Define text styles */
 h1 { }
 h1 a { }
 h2 { color: #ffffff; font-size: 16px; font-weight: normal; }
 h2 a { color: #ffffff; }
 h3 { color: #ffffff; }
 h3 a { color: #ffffff; }
 h4 { color: #ffffff; font-weight: normal; }
 h4 a { color: #ffffff; font-weight: normal; }
 blockquote { font-style: italic; font-size: 13px; font-weight: normal; }
 .content p { margin: 0 0 20px 0; } /* Just want content <p> to have margin */
 .content ul { margin: 10px 0 20px 20px; }
 
 /* Default Form Styles */
 form { margin: 10px 0; }
 form input, form select, form textarea { font-weight: bold; background: #fffff; border: 1px solid #7f9ab1; color: #003663; padding: 2px; width: 100%; margin: 0 0 15px 0; }
 form textarea { width: 99%; }
 form input.half, select.half { width: 220px; }
 form input.btn { background: none; border: none; color: #ffffff;  text-align: left; padding:0px; margin: 2px 0 0 0; }
 form #code { float: right; }
 form label.error { display: block; color: #ffff80; font-weight: normal; margin: 0 0 5px 0; }
 
 /* Common page elements */
 .banner { margin: 0 0 10px 0; }
 .left { float: left; }
 .right { float: right; }
 .strike { text-decoration: line-through; }
 div.hr { height: 1px; width: 100%; background: #7f9ab1; margin: 20px 0 20px 0; }
 .hidden { display: none; }
 .highlight { color: #ffff80; }
 .focus { background: #ffff80; color: #000000; border: 1px solid #ffff80; }
 .one-col img { margin: 0 0 3px 0; }
 
 /* Maps */
 #map { width: 340px; height: 340px; }
 #map p { color: #003663; }

 

 /******************************
 * Image Slideshows
 ******************************/
  
 /* Slideshow Container */
 #slideShowContainer, #bannerShowContainer { position: relative; width: 340px; height: 337px; overflow: hidden; }
 #slideShowContainer ul, #bannerShowContainer ul { margin: 0; padding: 0; }
 #slideShowContainer ul li, #bannerShowContainer ul li { width: 340px; height: 337px; position: relative; margin: 0; padding: 0; list-style: none; float: left; }
 #slideShowContainer .jcarousel-list, #bannerShowContainer .jcarousel-list { position: absolute; }
 
 #bannerShowContainer, #bannerShowContainer ul li { width: 460px; height: 225px; }
 
 /* Page Navigation */
 #pageNav { list-style: none; margin: 15px 0 0 0; }
 #pageNav li { padding: 0 0 0 5px; display: inline; }
 #pageNav a { color: #7f9ab1; }
 #pageNav a:hover, #pageNav .selected { text-decoration: none; color: #ffffff; }

 
 /******************************
 * Sign In Box
 ******************************/
  #signin { width: 480px; height: 240px; padding: 15px 10px 0 15px; text-align: left; }
  #signin p, #signin h1, #signin a { color: #003663; }
  #signin h1 { }
  #signin .focus { background: #ffff80; color: #000000; border: 1px solid #ffff80; }
  #signin input { background: #003663; color: #ffffff; font-weight: normal; padding: 4px; }
  #signin input.btn { background: #ffffff; color: #003663; font-weight: bold; padding: 0px; }
  

 /******************************
  * Header
  ******************************/
  #header { width: 100%; margin: 30px 0 32px 0; }
  #header div.hr { height: 1px; width: 100%; background: #7f9ab1; margin: 20px 0 2px 0; }
  #headerContent { width: 960px; margin: auto; }
  #headerContent ul { text-align: left; list-style: none; }
  #headerContent ul li { width: 100px; float: left; margin: 0 20px 0 0; }
  #headerContent ul li a { display: block; font-weight: normal; }
  #headerContent ul li a:hover, #headerContent ul li a.selected { color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; }
  #headerContent ul li a.highlight:hover { color: #ffff80; text-decoration: none; border-bottom: 1px solid #ffff80; }
  
  
 /******************************
  * Home Page
  ******************************/
  #contentContainer { text-align: left; width: 960px; margin: auto; }
  
  /* Tabbed Content */
  #tabsNav { }
  #tabsNav a.selected, #tabsNav a:hover { font-weight: bold; color: #ffffff; text-decoration: none; }
  #tabsNews { }
  #tabsBio { display: none; }
  
  
 /******************************
  * First Sidebar
  ******************************/
  .one-col form { margin: 0px; }
  .one-col form input { margin: 0 0 5px 0; }
  .one-col form input.btn { color: #7f9ab1; }
  .item { margin: 0 0 20px 0; }
  
  .cta { background: #ffff80; padding: 10px; text-align: center; margin: 0 0 20px 0; }
  .cta h3 { color: #000000; width: 100%; border-bottom: 2px solid #808040; padding: 0 0 2px 0; margin: 0 0 8px 0; }
  .cta h4 { color: #000000; font-size: 14px; width: 100%; font-weight: bold; line-height: 20px; }
  .cta p { color: #000000; font-weight: bold; }
  
  
 /******************************
  * Second Sidebar
  ******************************/ 
  
  
 /******************************
  * News Articles
  ******************************/
  .newsItem { margin: 0 0 20px 0; }
  .pageNav { border-top: 1px solid #ffffff; }
  .pageNav p { margin: 10px 0 0 0; }
  .pageNav p.left { width: 50px; }
  .pageNav p.right { width: 50px; text-align: right; }
  .pageNav p.middle { width: 340px; float: left; text-align: center; }
  .pageNav p.middle a { padding: 0 2px; }
  
  
 /******************************
  * Music Items
  ******************************/
  .musicItem { width: 220px; margin: 0 20px 10px 0; float: left; }
  .musicItem p { margin: 0 0 10px 0; }
  

 /******************************
  * Shop Items
  ******************************/
  .shopItem { width: 220px; margin: 0 20px 10px 0; float: left; }
  .shopItem p { margin: 0 0 10px 0; color: #ffffff; }
  .shopItem p.info { height: 45px; }
  #paypal input.btn { border: 1px solid #7f9ab1; padding: 5px; width: auto; }
  
 /******************************
  * Press Items
  ******************************/
  #appearancesContent { display: none; }
  #appearancesLinks { display: none; }
  
 /******************************
  * Gallery Items
  ******************************/
  #latestVideo { z-index: -999; position: absolute; }
  .galleryItems p { width: 100px; height: 73px; margin: 0 10px 10px 0; float: left; }
  #cboxContent { font-family: "Georgia"; font-size: 12px; line-height: 18px; color: #7f9ab1; }
  
  
 /******************************
  * Footer
  ******************************/
  #footer { width: 100%; text-align: center; margin: 50px 0 10px 0; }
  #footer div.hr { height: 1px; width: 1000px; background: #ffffff; margin: auto; }
  #footerContent { width: 960px; margin: 5px auto 0 auto; text-align: left; }