/* 
    Document   : stylesheet
    Created on : Apr 6, 2011, 3:39:14 PM
    Author     : justinb
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {margin: 0; padding: 0; font-size: 100%;text-align: center;}
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
h1, h2, h3, h4 {margin: 1em 0 .5em; line-height: 1.25;}
h1 {font-size: 2em;}
h2 {font-size: 24px;letter-spacing:1px;}
h3 {font-size: 18px;}
ul, ol {margin: 1em 0; padding-left: 40px;}
p {margin: 1em 0;}
a {color:#EB4F1E;}
a img {border: none;}
sup, sub {line-height: 0;}

body {
        margin:0;
        padding:0;
	font-family: Tahoma, Arial, helvetica, Sans-Serif;
	font-size: 14px;
	color: #000000;
        background:url(../images/bg.jpg) repeat-x #3b1e0d;
}

body.ticketmaster {
        margin:0;
        padding:0;
	font-family: Tahoma, Arial, helvetica, Sans-Serif;
	font-size: 14px;
}


.lfloat {float:left;}
.rfloat {float:right;}
.clear {clear:both;height:1px;line-height:1px;}
.cufon {text-transform: uppercase;}
.cufon-loading { visibility: hidden !important;}
.hide {display:none;}


hr {border:0;margin:0;padding:0;width:100%;color:#6ba04e;background-color:#6ba04e;height:1px;}

#container {width:984px;min-height:400px;margin:0 auto;text-align: left;}
#header {margin:5px 0 15px 0;position: relative;}
.headerLinks {color:#fff;font-size:12px;}
.headerLinks a {color:#fff;}
#leftCol {float:left;width:640px;min-height:600px;}
.leftColTop {width:608px;height:16px;background:url('../images/leftColTop.png') no-repeat;padding:0 16px;}
.leftColContent {width:608px;background:url('../images/leftColContent.png') repeat-y;min-height:400px;padding:0 16px;}
.leftColBottom {width:608px;height:16px;background:url('../images/leftColBottom.png') no-repeat;padding:0 16px;}

.rightCol {float:right;width:330px;margin-bottom:15px;}
.rightColTop {width:330px;height:16px;background:url('../images/rightColTop.png') no-repeat;padding:0 16px;}
.rightColContent {width:298px;background:url('../images/rightColContent.png') repeat-y;min-height:200px;padding:0 16px;}
.rightColBottom {width:298px;height:16px;background:url('../images/rightColBottom.png') no-repeat;padding:0 16px;}
.rightColTopLight {width:298px;height:16px;background:url('../images/rightColTopLight.png') no-repeat;padding:0 16px;}
.rightColContentLight {width:298px;background:url('../images/rightColContentLight.png') repeat-y;padding:0 16px;}
.rightColBottomLight {width:298px;height:16px;background:url('../images/rightColBottomLight.png') no-repeat;padding:0 16px;}
.rightCol hr {}
.welcomeMessage {-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;background-color:#f7eacd;}
.welcomeMessage h2 {color:#eb4f1e;font-size:24px;padding:15px 15px 5px 15px;margin:0;}
.welcomeMessage h4 {color:#000;font-size:12px;padding:0 15px 15px 18px;margin:0;letter-spacing: 1px;}
#todaysTrucksText {margin-top:20px;}
#todaysDate {margin:20px 0 0 20px;letter-spacing: 1px;}
.ad300x250 {}
#truckTrendsText {}
.roundCorners {-moz-border-radius: 15px;}

#trucks {margin-top:15px;}
#lastUpdated {font-size:11px;margin:12px 8px 0 10px;color:#939292;}
#location {font-size:20px;margin:12px 8px 0 10px;color:#202020;}
.disclaimer {font-size:11px;margin:40px 8px 0 10px;color:#939292;padding-bottom:15px;font-weight:normal;}
.graphInfo {font-size:11px;margin:0;color:#444;font-weight:normal;}
.truckBox {float:left;width:276px;height:172px;position:relative;margin:12px;}
.truckBoxBorder {position: absolute;z-index:3;width:276px;height:172px;background: url('../images/truckImageBorder.png') no-repeat;}
.truckBoxImage {height:172px;overflow:hidden;}
.truckBoxImage img {width:276px;height:auto;}
.truckBoxRight {float:right;}
.truckBoxLeft {clear:both;}
.truckBoxTitle {background:#000;opacity:.85;position:absolute;bottom:0;left:0;font-size:18px;color:#fff;width:276px;height:55px;padding:0;letter-spacing:1px;z-index:2;}
.truckBoxTitle .titleText {width:225px;margin:3px 10px;}
.truckBoxTitle .titleTextSmall {font-size:16px;}
.truckBoxSocial {position:absolute;z-index:4;right:10px;bottom:30px;}
.truckBoxSocialItem {display:block;width:16px;height:16px;background: url('../images/social_sprite.png') no-repeat 0 0;float:right;margin:0 3px;}
.truckBoxSocialItemFB {background-position: 0 0;}
.truckBoxSocialItemTwitter {background-position: -16px 0;}
.adminButtons {position:absolute;z-index:4;right:-10px;top:-10px;}
.truckClick {position:absolute;bottom:0;left:0;width:220px;height:50px;padding:0;z-index:4;}
.truckBoxUser {opacity:.85;position:absolute;top:0;left:0;font-size:18px;color:#fff;width:276px;height:24px;padding:0;letter-spacing:1px;z-index:4;}
.truckBoxUserBg {background:#000;opacity:.85;position:absolute;top:0;left:0;font-size:18px;color:#fff;width:276px;height:24px;padding:0;letter-spacing:1px;z-index:2;}
.truckBoxUser img {height:35px;width:35px;position:absolute;top:-8px;left:-15px;border:2px solid #689249;-moz-border-radius: 3px;border-radius: 3px;-webkit-border-radius: 3px;
    -moz-box-shadow: 3px 3px 3px #333;
    -webkit-box-shadow: 3px 3px 3px #333;
    box-shadow: 3px 3px 3px #333;
}
.truckBoxUser div {position:absolute;top:4px;left:35px;font-size:12px;}
.truckBoxUser a {color:#fff;text-decoration: none;}

.socialButtons {width:auto;margin:0 auto;padding:0;}
#filterTrucks {position:relative;margin:34px 0 0 0;color:#fff;}
#filterTrucksButton {width:100px;padding:6px 20px 6px 6px;background:#6ca04f url('../images/downArrow.png') no-repeat 106px 9px;color:#fff;cursor: pointer;font-size:16px;letter-spacing:1px;}
#filterTrucksButton span {font-size:14px;}
#filterTrucksList {position:absolute;top:26px;left:0;width:126px;min-height:50px;background:#6ca04f;font-size:11px;letter-spacing:1px;display:none;}
#filterTrucksList ul {list-style: none;margin:0;padding:2px 6px 6px 6px;border-top:1px solid #55833c;}
#filterTrucksList ul li {cursor:pointer;}
#downArrowFilter {margin:0 0 1px 5px;}
.filterCheckMark {margin-left:5px;display:none;}
.selected {display:inline;}

#loginForm {margin:20px 15px;}
#loginForm label {width:80px;display:block;float:left;margin:1px 0 3px;font-size:12px;}
#loginForm input {width:150px;display:block;float:left;margin:3px 0;}
#loginForm .submit {width:auto;}

.skyscraper {margin:0 0 15px 0;}

.trucksByDayGraph {width:300px;height:450px;}
.pieGraph {width:300px;height:450px;overflow:hidden;}
.pieGraph img {margin-top:-100px;}
.graphButton {padding:3px 10px;background:#F7EACD;-moz-border-radius: 5px;border-radius: 5px;}
.twtr-ft img, .twtr-ft span a {display:none;}
.fb_iframe_widget {margin:15px 0;}
#fb_comments {padding:0 10px;background:#fff;-moz-border-radius: 15px;margin-top:20px;}

.pointer {cursor: pointer;}
.importantLinkColor {color:#fff!important;}
.weatherBox {overflow: hidden;background: #fff;padding:5px 10px 15px 10px;border:3px solid #7fab5b;margin-top:8px;}
.weatherBox .conditions {margin:8px 0 0 10px;}
.weatherBox .weatherImg {margin:2px 0 0 0;}

#baysider_text {margin:10px 0 0 10px;}
#baysider_subtext {margin:4px 0 0 10px;font-size:11px;color:#333;}
#baysider_menu {font-size:10px;display:none;}
#baysider_button {background:#6CA04F;padding:4px;float:right;color:#fff;font-size:14px;margin:10px 10px 0 0;cursor: pointer;}

div.mod {font-family: Arial, helvetica, Sans-Serif; font-size: 12px; color: #474747; width: 525; padding: 0px 15px 10px 18px;}
a.mod {font-family: Arial, helvetica, Sans-Serif; font-size: 12px; color: #953517; text-decoration:none;}
a.mod:hover {font-family: Arial, helvetica, Sans-Serif; font-size: 12px; color: #953517; text-decoration:underline;}

.contest {font-size:12px;color:#252525;font-weight:normal;}

#fb_reg_form {clear:both;padding-top:40px;}
#reg_success h4 {margin-top:20px;}

.truckBoxTakesCards {bottom: -24px;position: absolute;right: 3px;}