@charset "utf-8";
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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;margin:0;padding:0;}
body{line-height:1.4;color:#000;background:#890003;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.clearfloat:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}* html .clearfloat{zoom:1;}*:first-child+html .clearfloat{zoom:1;}
h1,h2,h3,h4,h5,h6,strong,b,dt,th{font-weight:700;}
address,cite,em,i,caption,dfn,var{font-style:italic;}
h1{font-size:2em;margin:0 0 .75em;}
h2{font-size:1.5em;margin:0 0 1em;}
h3{font-size:1.167em;margin:0 0 1.286em;}
h4{font-size:1em;margin:0 0 1.5em;}
h5{font-size:.834em;margin:0 0 1.8em;}
h6{font-size:.75em;margin:0 0 2em;}
p,ul,ol,dl,blockquote,pre{padding:0 0 1em;}
img.left{display:inline;float:left;margin:0 1.5em .75em 0;}
img.right{display:inline;float:right;margin:0 0 .75em .75em;}

#site {
background:#470002 url(../images/site_bg.png) repeat-x top center;
}

#header {
background:url(../images/header_bg.jpg) repeat-x top center;
height:306px;
margin:0;
padding:0;
}

#header-container {
width:936px;
margin:0 auto;
}

#logo {
text-align:center;
padding:38px 0 0;
}

#nav {
text-align:center;
height:45px;
line-height:41px;
margin:43px 0 0;
*margin:40px 0 0;
}

#nav ul {
list-style-type:none;
text-align:center;
width:936px;
padding:0 8px;
}

#nav ul li {
text-align:center;
float:left;
display:block;
position:relative;
z-index:1000;
}

#nav ul li a {
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:2px 11px;
font-weight:100;
}

#nav ul li a:hover {
color:#a67228;
}

/* submenu, it's hidden by default */  
#nav ul ul {  
position:absolute;   
left:0;   
display:none;   
margin:0 0 0 -1px;
padding:0;
list-style:none;  
font-size:11px;
width:175px;
box-shadow: 1px 1px 9px #000;
-moz-box-shadow:1px 1px 9px #000;
-webkit-box-shadow:1px 1px 9px #000;
}

#nav ul ul li {  
width:175px;
float:left;
background:#000;
}

/* display block will make the link fill the whole area of LI */  
#nav ul ul li a {
display:block;
padding: 8px;
color:#666;
line-height:1.4em;
color:#fff;
border-bottom:1px solid #333;
}

#nav ul ul li a:hover {  
text-decoration:none;
background:#333;
color:#fff;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul ul {
margin:0 0 0 -2px;
}

#content-top,#content-btm {
width:952px;
z-index:600;
position:relative;
margin:0 auto;
}

#content {
width:926px;
background:url(../images/sprite2.png) repeat-y -10px 0;
z-index:500;
position:relative;
margin:0 auto;
padding:9px 0 9px 26px;
}

#content-left {
float:left;
width:576px;
}

#content-left .widget {
float:left;
width:283px;
margin:0 -4px 0 10px;
}

#content-left .widget.left {
margin:0 4px 0 0;
}

#content-left .widget-content {
background:url(../images/sprite2.png) repeat-y -982px 0;
margin:0 0 0 -4px;
padding:9px 18px;
}

#content-left .widget-btm {
float:left;
height:8px;
width:283px;
background:url(../images/sprite.png) no-repeat -12px -70px;
margin:0 0 14px -2px;
}

#content-left .widget h2 {
background:url(../images/sprite.png) no-repeat -10px -10px;
width:263px;
height:28px;
line-height:36px;
color:#fff;
margin:0 0 0 -4px;
padding:12px 12px 0;
}

#content-left .widget.large {
float:left;
width:584px;
margin:0 -4px 0 0;
}

#content-left .widget.large h2 {
background:url(../images/sprite.png) no-repeat -10px -98px;
width:560px;
height:28px;
margin:0 0 0 -4px;
padding:12px 12px 0;
color:#fff;
}

#content-left .large .widget-content {
background:url(../images/sprite2.png) repeat-y -1285px 0;
margin:0 0 0 -8px;
padding:9px 18px;
}

#content-left .large .widget-btm {
float:left;
height:8px;
width:584px;
background:url(../images/sprite.png) no-repeat -10px -158px;
margin:0 0 14px -4px;
}

#tickets {
background:url(../images/sprite.png) no-repeat -10px -186px;
width:376px;
height:106px;
float:left;
margin:0 0 0 -4px;
padding:76px 18px 18px 190px;
}

#tickets ul {
float:left;
color:#fff;
font-size:12px;
list-style-type:none;
width:162px;
margin:4px 0 0 20px;
}

#tickets ul li {
background:url(../images/sprite.png) no-repeat -10px -861px;
padding:0 0 0 12px;
}

#tickets ul li a {
color:#fff;
text-decoration:none;
}

#tickets ul li a:hover {
text-decoration:underline;
}

.at-bat {
position:relative;
float:left;
}

#at-bat-img {
width:120px;
float:left;
}

.at-bat img {
border:3px solid #790003;
-moz-box-shadow: 0 0 9px #666;
-webkit-box-shadow: 0 0 9px #666;
box-shadow: 0 0 9px #666;
position:relative;
text-align:center;
height:90px;
top:12px;
left:20%;
}

.at-bat .name {
background:url(../images/at-bat-name-bg.png) repeat-x top left;
position:relative;
float:left;
width:100px;
height:27px;
top:92px;
left:-109px;
font-size:11px;
line-height:27px;
color:#333;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center;
-moz-box-shadow: 0 0 9px #666;
-webkit-box-shadow: 0 0 9px #666;
box-shadow: 0 0 9px #666;
}

.at-bat a {
text-decoration:none;
}

.at-bat ul {
float:left;
font-size:11px;
margin:0 0 0 18px;
width:105px;
padding:0;
position:relative;
top:-18px;
left:0;
}

.at-bat ul li {
line-height:14px;
}

.poll {
font-size:12px;
}

/* SLIDER ================================================= */

#featured{background:#000;height:288px;padding-right:127px;position:relative;width:449px;float:left;margin:0 0 18px;}
#featured ul.ui-tabs-nav{background:#790003;left:449px;list-style:none;position:absolute;top:0;width:127px;height:288px;margin:0;padding:0;}
#featured ul.ui-tabs-nav li{color:#666;font-size:12px;width:127px;padding:0;}
#featured ul.ui-tabs-nav li span{font-family:Verdana;font-size:11px;}
#featured .ui-tabs-panel{height:288px;overflow:hidden;position:relative;width:449px;}
#featured .ui-tabs-hide{display:none;}
#featured ul.ui-tabs-nav li img{border:3px solid #fff;float:left;width:95px;margin:0 13px;}
#featured li.ui-tabs-nav-item a{display:block;height:70px;outline:none;margin:10px 0 0;padding:0;_margin:3px 0 0;*margin:5px 0 0;}
#featured .ui-tabs-panel .info{background:url(../images/transparent-bg.png);height:70px;left:0;position:absolute;top:200px;width:431px;padding:9px;}
#featured .info h2{color:#fff;font-size:18px;overflow:hidden;margin:0;padding:5px;}
#featured .info p{color:#f0f0f0;font-family:Verdana;font-size:11px;line-height:15px;margin:0 5px;}
#featured .info a{color:#fff;text-decoration:none;}
#featured .info a:hover{text-decoration:underline;}
#featured li.ui-tabs-nav-item a:hover img,#featured ul.ui-tabs-nav li.ui-tabs-selected img{border:3px solid #9f927a;padding:0;width:95px;height:61px;}
#featured ul.ui-tabs-nav .more-news{border:none;}
#featured ul.ui-tabs-nav .more-news img,#featured ul.ui-tabs-nav .ui-tabs-selected .more-news img{border:none;text-align:center;width:90px;margin:5px 0 0 18px;padding:0;height:36px;}

/* ============================================================== */

/* ASIDE ======================================================== */

#aside {
float:left;
width:296px;
margin:0 0 0 32px;
}

#aside .widget {
float:left;
width:296px;
}

#aside .widget-content {
width:260px;
background:url(../images/sprite2.png) repeat-y -1893px 0;
font-size:12px;
color:#333;
padding:9px 18px;
}

#aside .widget-content a {
color:#470002;
}

#aside .widget h2 {
background:url(../images/sprite.png) no-repeat -10px -406px;
width:272px;
height:28px;
color:#fff;
margin:0;
padding:12px 12px 0;
}

#aside .widget h3 {
background:#2c0001;
color:#fff;
line-height:36px;
text-align:center;
margin:0 4px;
padding:8px 0;
}

#next-game {
background:url(../images/sprite.png) no-repeat -6px -466px;
width:288px;
height:115px;
padding:0 4px;
text-align:center;
}

.game-details {
line-height:35px;
}

.game-details, .game-promo {
float:left;
width:288px;
font-size:10px;
margin:0;
padding:0;
}

.game-details.promo {
line-height:15px;
}

.team {
float:left;
text-align:center;
font-size:10px;
color:#333;
height:81px;
width:123px;
}

.team.left {
width:124px;
}

#vs {
float:left;
width:40px;
padding:20px 0;
}

#live {
text-align:center;
font-size:14px;
padding:4px 0;
}

#upcoming-games {
background:url(../images/sprite.png) no-repeat -10px -601px;
height:72px;
width:272px;
overflow:hidden;
text-align:center;
color:#fff;
margin:0 0 14px;
padding:3px 12px 9px;
}

#upcoming-games ul li {
font-size:11px;
line-height:14px;
margin:0;
padding:2px 0;
}

#upcoming-games li a {
color:#fff;
text-decoration:underline;
}

.newsletter input[type=text] {
width:192px;
height:19px;
float:left;
border:1px solid #ccc;
margin:0 4px 0 0;
padding:2px;
}

.newsletter input[type=submit] {
margin:0;
padding:0;
}

#aside .widget-btm {
float:left;
height:8px;
width:296px;
background:url(../images/sprite.png) no-repeat -10px -705px;
margin:0 0 14px;
}

.small-ad {
background:url(../images/sprite.png) no-repeat -10px -733px;
width:144px;
height:116px;
text-align:center;
float:left;
display:block;
margin:0 4px 7px 0;
}

.small-ad.right {
margin:0 0 7px 4px;
}

.small-ad .miller {
margin:16px 0 0;
}

.small-ad .holiday {
margin:13px 0 0;
}

.small-ad .grandstay {
margin:9px 0 0;
}

.small-ad .rejuv {
margin:32px 0 0;
}

.small-ad .park-meadows {
margin:9px 0 0;
}

.small-ad .yellowbook {
margin:22px 0 0;
}

/* ============================================================== */

/* GAME RESULTS ================================================= */

#content-left .game-results h3 { font-size:18px; color:000; margin:0; }
#content-left #sub-page .game-results h3 { text-align:left; }
#content-left .game-results h4 { font-size:11px; color:#999; margin:0 0 4px; }
#content-left .game-results p { font-size:12px; color:#000; }
#content-left .game-results a { color:#470002; }
#content-left .game-results p:last-child { padding:0; }

/* TWITTER ====================================================== */

#twitter-ticker{width:260px;max-height:200px;color:#666;display:none;text-align:left;padding:9px 0 0;}
#tweet-container{max-height:190px;width:auto;overflow:hidden;}
#twitIcon{position:absolute;top:-25px;left:-10px;width:64px;height:64px;}
#top-bar{height:45px;background:url(img/top_bar.png) repeat-x;border-bottom:1px solid #FFF;position:relative;margin-bottom:8px;-moz-border-radius:6px 6px 0 0;}
.tweet{border:1px solid #F0F0F0;width:auto;overflow:hidden;margin:0 8px 8px;padding:5px;}
.tweet .avatar,.tweet .user,.tweet .time{float:left;}
.tweet .time{text-transform:uppercase;font-size:10px;color:#AAA;white-space:nowrap;display:block;width:160px;}
.tweet .avatar img{width:28px;height:28px;border:3px solid #ccc;margin:0 5px 5px 0;}
.tweet .txt{clear:both;font-size:12px;}
.tweet .txt a{color:#470002;}
.tweet .user{font-weight:700;font-size:14px;}
.tweet .user a{text-decoration:none;color:#333;}
.jScrollPaneContainer{overflow:hidden;position:relative;z-index:1;max-height:190px;}
.jScrollPaneTrack{background:#ddd;cursor:pointer;height:100%;position:absolute;right:4px;top:0;}
.jScrollPaneDrag{background:#999;cursor:pointer;overflow:hidden;position:absolute;}
.jScrollPaneDragTop{left:0;overflow:hidden;position:absolute;top:0;}
.jScrollPaneDragBottom{bottom:0;left:0;overflow:hidden;position:absolute;}
a.jScrollArrowUp{display:block;height:9px;overflow:hidden;position:absolute;right:0;text-indent:-2000px;top:0;z-index:1;}
a.jScrollArrowDown{bottom:0;display:block;height:9px;overflow:hidden;position:absolute;right:0;text-indent:-2000px;z-index:1;}

/* ============================================================== */

/* SUB PAGES ==================================================== */

#content-left #sub-page {
float:left;
width:584px;
margin:0 -4px 0 0;
}

#content-left #sub-page h1 {
font-size:22px;
color:#590002;
margin:0 0 18px;
}

#content-left #sub-page h2 {
background:url(../images/sprite.png) no-repeat -10px -98px;
width:560px;
height:28px;
margin:0 0 0 -4px;
padding:12px 12px 0;
color:#fff;
}

#content-left #sub-page h3 {
text-align:center;
font-size:18px;
color:#590002;
margin:0 0 18px;
}

#content-left #sub-page h3.left {
text-align:left;
}

#content-left #sub-page p {
font-size:14px;
color:#333;
}

#content-left #sub-page p a {
color:#990000;
}

#content-left #sub-page p a:hover {
color:#3d0000;
}

#content-left #sub-page ul {
margin:0 0 0 27px;
}

#content-left #sub-page li {
font-size:12px;
color:#333;
list-style-type:disc;
}

#content-left #sub-content {
background:url(../images/sprite2.png) repeat-y -1285px 0;
margin:0 0 0 -8px;
padding:18px 27px;
}

#content-left #sub-content p:last-child {
padding:0;
}

#content-left #sub-page-btm {
float:left;
height:8px;
width:584px;
background:url(../images/sprite.png) no-repeat -10px -158px;
margin:0 0 0 -4px;
}

table#light  {
width:539px;
border-top:1px solid #eaeaea;
border-right:1px solid #eaeaea;
border-collapse:collapse;
margin:0 0 1em;
}

#light a {
color:#900;
text-decoration:underline;
}

#light a:hover {
color:#3d0000;
text-decoration:underline;
}

#light tr.odd td {
background:#e5ded2;
}

#light td {
color:#333;
border-bottom:1px solid #eaeaea;
border-left:1px solid #eaeaea;
font-size:12px;
background:#ece9e4;
padding:2px 1px;
}

#light th {
font-weight:700;
font-size:12px;
color:#333;
background:#ece9e4;
text-align:left;
border-bottom:1px solid #eaeaea;
border-left:1px solid #eaeaea;
padding:2px 1px;
}

#light thead th {
text-align:left;
font-size:12px;
font-weight:700;
color:#333;
}

#light tr.odd .column1 {
background:#f7f7f7;
}

#light .column1 {
background:#fcfcfc;
}

#player_pic {
background:url(../images/player_bg.png) bottom left no-repeat;
width:230px;
height:auto;
float:left;
padding:5px 0;
}

#player_pic img {
border:3px solid #fff;
}

.player_info_bio {
float:left;
width:538px;
font-size:12px;
padding:0 0 10px;
}

.player_info_left {
float:left;
width:280px;
font-size:12px;
padding:5px 20px 0 0;
}

.player_info_odd {
background:#e5ded2;
padding:5px;
}

.player_info_even {
padding:6px;
}

/* ============================================================== */

/* MERCH ======================================================== */

#merchandise {
width:538px;
border-top:1px solid #6f6655;
border-right:1px solid #6f6655;
border-collapse:collapse;
margin:0;
display:table;
}

#merchandise td {
color:#000;
border-bottom:1px solid #999;
border-left:1px solid #999;
font-size:12px;
background:#ccc;
text-align:left;
padding:5px;
vertical-align:middle;
display:table-cell;
}

#merchandise th {
font-weight:700;
font-size:12px;
color:#fff;
text-align:left;
border-bottom:1px solid #999;
border-left:1px solid #999;
background:#333;
padding:2px 5px;
}

#merchandise thead th {
text-align:left;
font-size:12px;
font-weight:700;
color:#fff;
}

#merchandise img {
border:3px solid #fff;
margin:10px;
}

#merchandise .right {
text-align:right;
}
/* ============================================================== */

/* SCHEDULE ===================================================== */

#schedule table {
width:539px;
border-top:1px solid #999;
border-right:1px solid #999;
border-collapse:collapse;
margin:0 0 1em 0;
}

#schedule h3 {
text-align:center;
margin:0 0 9px 0;
}

#schedule a {
color:#900;
text-decoration:underline;
}

#schedule a:hover {
color:#3d0000;
text-decoration:underline;
}

#schedule td.home {
background:#770013;
color:#fff;
font-weight:700;
}

#schedule td.home a {
color:#fff;
}

#schedule td.home a:hover {
color:#ccc;
}

#schedule td.away {
background:#fff;
color:#000;
}

#schedule td.allstar {
background:#666;
color:#fff;
font-weight:700;
}

#schedule td {
color:#000;
border-bottom:1px solid #999;
border-left:1px solid #999;
font-size:12px;
background:#ccc;
width:14%;
text-align:left;
padding:2px;
}

#schedule th {
font-weight:700;
font-size:12px;
color:#fff;
text-align:left;
border-bottom:1px solid #999;
border-left:1px solid #999;
background:#333;
padding:2px 1px;
}

#schedule thead th {
text-align:left;
font-size:12px;
font-weight:700;
color:#fff;
}

.promotion_icon {
float:right;
margin:-2px;
}

/* ============================================================== */

/* FOOTER ======================================================= */

#footer {
position:relative;
background:#190001 url(../images/footer_bg.png) repeat-x top center;
z-index:200;
margin:-26px 0 0;
}

#footer-content {
width:898px;
margin:0 auto;
padding:36px 27px;
}

#footer-content ul.row {
float:left;
margin:0 16px;
}

#footer-content ul li a {
color:#fff;
font-size:12px;
font-weight:700;
text-decoration:none;
}

#footer-content ul li ul {
padding-bottom:4px;
}

#footer-content ul li ul li {
list-style:none;
color:#ccc;
line-height:16px;
background:url(../images/sprite.png) no-repeat -10px -861px;
padding:0 0 0 12px;
}

#footer-content ul li ul li a {
font-weight:100;
color:#ccc;
text-decoration:none;
}

#footer-content a:hover {
text-decoration:underline;
}

#footer-content div {
float:left;
color:#fff;
font-size:12px;
text-align:center;
margin:0 0 0 18px;
width:360px;
}

#footer-content div a {
color:#fff;
font-size:12px;
}

#gallery-home {
float:left;
text-align:center;
display:inline;
}

#gallery-home .gallery-img {
float:left;
padding:6px;
width:126px;
height:126px;
display:block;
}

#gallery-home .gallery-img img {
border:3px solid #ccc;
max-height:120px;
max-width:120px;
vertical-align:middle;
}

#sub-page .gallery-home {
text-align:center;
padding:11px;
width:156px;
height:227px;
display:table-cell;
float:left;
}

#sub-page .gallery-home a {
text-decoration:none;
}

#sub-page .gallery-home img {
border:3px solid #ccc;
vertical-align:middle;
}

#sub-page .gallery-home span {
font-size:12px;
color:#333;
text-decoration:none;
}

/* ============================================================== */

/* COUNTDOWN ==================================================== */
#countdown_dashboard{height:55px;width:288px;padding:0 6px; background:url("../images/sprite2.png") repeat-y scroll -1893px 0 transparent;}
.dash{width:40px;height:34px;margin:5px 8px; background:transparent url(../images/dash.png) 0 0 no-repeat;float:left;position:relative;}
.dash .digit{font-size:16px;font-weight:700;float:left;width:20px;text-align:center;font-family:Times;color:#555;position:relative;top:5px;}
.dash_title{position:absolute;display:block;bottom:-12px;right:2px;font-size:8px;color:#555;}
.dev_comment{font-size:14pt;color:#777;text-align:center;font-style:italic;margin:40px 10px;}
.faded{color:#999;}
.form_message{width:400px;display:none;margin:15px auto;padding:10px;}
#error_message{background-color:#ffe;border-left:5px solid #bb3;border-right:5px solid #bb3;color:#770;}
#info_message{background-color:#f0f9ff;border:1px solid #eef;}
#loading{text-align:center;display:none;position:absolute;width:100%;top:60px;margin:10px;}


/* TOOLBAR ====================================================== */
body>div#floatingbar { position:fixed; }
#floatingbar { background:#333; border:1px solid #474747; border-bottom:none; z-index:1000; overflow:hidden; height:0; width:94%; position:absolute; bottom:0; left:0; color:#000;  margin:0 3%; box-shadow:0px 0px 5px #333; -webkit-box-shadow:0px 0px 5px #333; -moz-box-shadow:0px 0px 5px #333; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; }
#floatingbar ul { list-style-type:none; }
#floatingbar ul li { float:left;color:#ccc; line-height:28px; }
#floatingbar ul li a { text-decoration:none; color:#ccc; font-size:12px; padding:10px 14px; border-right:1px solid #555; }
#floatingbar ul li a:hover { color:#fff; background:#333; }

#scoreboard { padding:0 5px; width:auto; font-size:12px; color:#fff; text-align:center; background:#333; height:30px; line-height:30px; }
span.scoreboard {color:#ccc;font-weight:700; text-transform:uppercase;}
span.score { color:#ff0; padding:2px 6px; background:#000; border:1px solid #666; }