/*  
Theme Name: Last Stand Records
Theme URI: http://www.laststandrecords.co.uk/
Description: Default stylesheet for Last Stand Records
Version: 1.0
Author: John Metcalfe
Author URI: http://www.jm-webdesig.co.uk/
*/

/* 
Table of contents:
 - Global Elements
 - Top Header
 - Navigation Menu
 - Scrolling Gallery
 - Main Content
 - Bands section
 - CSS Features
*/

/* Global Elements */
* {margin: 0 auto; padding: 0; border: none;}
body {background: url(/images/bottomstripebg.gif) repeat; font-family: Trebuchet Ms; font-size: 13px;}
a:link, a:visited, a:active {color: #004b7e; text-decoration: none;}
a:hover {color: #00375d; text-decoration: underline;}

/* Top Header */
#topwhiteheader {background:url(images/topwhitebg.png) repeat-x; height: 120px;}
#topwhiteheadercontent {width: 950px; height: 64px; padding-top: 12px;}

/* Navigation Menu */
#navigation {list-style: none; margin: -38px 0 0;; padding: 0; height: 18px; float: right;}
#navigation li {float: left; margin-left: 20px; display: block}
#navigation li a.news {width: 64px; height: 18px; background: url(images/nav-news.gif) no-repeat; display: block; float: left; text-indent: -9999px;}
#navigation li a.bands {width: 76px; height: 18px; background: url(images/nav-bands.gif) no-repeat; display: block; float: left; text-indent: -9999px;}
#navigation li a.shop {width: 61px; height: 18px; background: url(images/nav-shop.gif) no-repeat; display: block; float: left; text-indent: -9999px;}
#navigation li a.contactus {width: 135px; height: 18px; background: url(images/nav-contactus.gif) no-repeat; display: block; float: left; text-indent: -9999px;}
#navigation li a.news:hover {background: url(images/nav-news.gif) no-repeat 0 -18px;}
#navigation li a.bands:hover {background: url(images/nav-bands.gif) no-repeat 0 -18px;}
#navigation li a.shop:hover {background: url(images/nav-shop.gif) no-repeat 0 -18px;}
#navigation li a.contactus:hover {background: url(images/nav-contactus.gif) no-repeat 0 -18px;}

/* Scrolling Gallery */
#galleryholder {width: 920px; height: 257px; background: #FFFFFF; padding: 13px; margin-bottom: 16px;}

/* Main Content */
#contentcontainer {width: 920px; height: 100%; overflow: auto; background: #FFFFFF; padding: 13px;}
#leftcontent {width: 550px; float: left; margin-right: 15px;}
#rightcontent {width: 350px; float: right;}
.topcontentdot {color: #00375D; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; letter-spacing: -2px; text-transform: uppercase; border-bottom: 1px dotted #00375D; margin-bottom: 10px;}
.topcontent {color: #00375D; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; letter-spacing: -2px; text-transform: uppercase; margin-top: 10px;}
#leftcontent p, #rightcontent p {text-align: justify; font-size: 13px; margin-bottom: 10px;}
#leftcontent small {color: #00375D; font-size: 12px; font-style: italic;}
#upcomingshows {list-style: circle; padding-left: 4px; font-size: 12px;}
#upcomingshows strong {color: #004B7E; text-decoration: underline;}
.newspics {margin-bottom: 5px;}

/* Bands Section */
#bandsbrainbuster {background: url(images/bands/bands-brainbuster.jpg) no-repeat; height: 200px; width: 550px; margin-bottom: 20px}
#bandsbrainbuster:hover {background: url(images/bands/bands-brainbuster.jpg) no-repeat 0 -200px;}
#bandssickhumour {background: url(images/bands/bands-sick-humour.jpg) no-repeat; height: 200px; width: 550px; margin-bottom: 20px}
#bandssickhumour:hover {background: url(images/bands/bands-sick-humour.jpg) no-repeat 0 -200px;}

/* CSS Features */
#cssclip {background: url(images/css-featured-cssclip.gif) no-repeat; height: 26px; width: 102px; margin-top: 15px; float: left;}
#cssclip:hover {background: url(images/css-featured-cssclip.gif) no-repeat 0 -27px;}
#cssdesignyorkshire {background: url(images/css-featured-cdy.gif) no-repeat; height: 26px; width: 26px; margin-top: 15px; margin-left: 10px; float: left;}
#cssdesignyorkshire:hover {background: url(images/css-featured-cdy.gif) no-repeat 0 -27px;}