/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

/*
Created for: The Mo Robson Band
Creation Date: 2/3/2010
Author: Stephen L. Marshall
-------------------------------
Copyright 2010 Stephen L. Marshall. All Rights Reserved.
http://www.stephenmarshall.us - Quality Website Design and Development.
*/

body {background:#000;text-align:center;font-family:Arial;}

h1 {font-size:24px;margin:10px 0 15px 0;}
h2 {font-size:21px;margin:8px 0 11px 0;color:#660000;}
p {margin:8px 0 10px 0;}
sup {vertical-align:super;font-size:9px;}

.clear {clear:both;}

.page {font-size:11px;display:block;width:990px;margin:0 auto;text-align:left;position:relative;}
#mainHeader .branding {background:url(../img/branding.png) no-repeat;width:660px;height:140px;float:left;}
#mainHeader .logo {background:url(../img/logo.png) no-repeat;width:310px;height:268px;float:right;padding-left:10px;}
.content {background:url(../img/mid.png) repeat-y;display:block;width:660px;float:left;margin:10px 0;}
#mainContent, #tourSchedule {display:block;background:url(../img/content-body.gif) no-repeat;padding:12px 10px 5px 20px;}
#mainContent p {font-size:13px;}
#socialLogos li {display:block;float:left;padding-bottom:15px;}
#socialLogos li a {display:block;height:52px;}
#socialLogos li span {display:block;position:absolute;left:-9999px;}
#socialLogos .fb {background:url(../img/social-icons.gif) no-repeat left top;}
#socialLogos .fb a {width:145px;}
#socialLogos .tw {background:url(../img/social-icons.gif) no-repeat -140px 0px;}
#socialLogos .tw a {width:133px;}
#socialLogos .ms {background:url(../img/social-icons.gif) no-repeat -270px 0px;}
#socialLogos .ms a {width:111px;}
#socialLogos .rn {background:url(../img/social-icons.gif) no-repeat -388px 0px;}
#socialLogos .rn a {width:147px;}
#socialLogos .sb {background:url(../img/social-icons.gif) no-repeat right top}
#socialLogos .sb a {width:124px;}
#tourSchedule {display:block;background:none;}
#tourScheduleTable {margin:10px 0 0 30px;z-index:5;position:relative;}
#tourScheduleTable td,
#tourScheduleTable th {font-size:11px;padding:5px 12px 5px 10px;line-height:15px;}
#tourScheduleTable th {color:#660000;padding-bottom:5px;border-bottom:2px solid #660000;}
#tourScheduleTable .date {font-weight:bold;width:100px;}
#tourScheduleTable .loc {width:320px;}
#tourScheduleTable .time {text-align:right;font-weight:bold;}
#twitterFeed {color:#fff;display:block;width:300px;height:170px;overflow:auto;position:absolute;left:670px;top:425px;z-index:10;}
#twitterFeed a {color:#ff9900;}
#twitterFeed a:hover {color:#660000;}
#twitterFeed h2 a {color:#ff9900;margin-left:10px;margin-top:20px;text-decoration:none;}
#twitterFeed h2 a:hover {color:#660000;text-decoration:underline;}
#twitterFeed li {display:block;margin:14px 10px;}
#mp3Player {display:block;width:300px;height:105px;position:absolute;left:670px;top:300px;z-index:10;}
#contentFootCap {background:url(../img/content-body.gif) no-repeat bottom left;height:70px;margin-top:-30px;}
#mainFooter {font-size:1px;background:url(../img/page-foot.png) no-repeat;display:block;width:990px;height:120px;}

#contactInfo {font-size:10px;font-weight:bold;color:#fff;display:block;width:420px;height:200px;margin:0 auto;background:#000;text-align:center;}
#contactInfo li {display:block;float:left;padding:5px 15px;text-align:left;}
#contactInfo span {display:block;margin:5px 0}
#contactInfo dt {color:#ff9900}
#contactInfo a {text-decoration:none;color:#666}
#contactInfo a:hover {color:#ff9900;text-decoration:underline;}