* { margin: 0; padding: 0; }
a, input[type="image"], input[type="submit"] { outline: none; }
.post-title a {color:#ffffff !important;}
.post-title a:hover {text-decoration:none !important;}
img { border: none; }
a {color: #9ed1ff; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}
.gs-title {color: #bb192c !important; text-decoration:none !important; font-weight:normal;}
.gs-title B {color: #bb192c !important; text-decoration:none !important; font-weight:bold;}
.gs-visibleUrl {color:#2074be !important;}
.gsc-cursor-page {color:#ffffff !important;}
.gsc-trailing-more-results {color:#2074be !important;}
.gsc-tabHeader {color:#ffffff !important; border:0px 0px 0px 0px !important;}
.gsc-tabhActive {border:0px 0px 0px 0px !important;}

/* stops layout shift on centered content when moving from page with vertical scrollbar and one without */
html, body { height: 100%; margin: 0 0 1px 0; padding: 0; }


/* General */
body { background-color: #012e66; font: normal 14px Arial, Helvetica, sans-serif; color: white; }

#container { background: #003e7a url(/img/bg.gif) repeat-y; margin: 0 auto; width: 963px; position: relative; }

#mainColumn { float: left; clear: left; width: 649px; }

#header { background: url(/img/bg_header.gif) repeat-x; }
#header #mainNav { list-style: none; height: 32px; background: white url(/img/bg_mainNav.gif) repeat-x; margin: 67px 0 0 9px; border-top: 5px solid white; border-bottom: 7px solid white; padding-left: 24px; }
#header #mainNav li { display: inline; }
#header #mainNav li a img { margin: 11px 33px 0 0; }

#leftNav { width: 154px; float: left; list-style: none; margin: 9px 0 0 13px; }
#leftNav li ul { list-style: none; margin: -2px 0 9px 0; }
#leftNav li ul li { width: 132px; border-bottom: 2px dotted #364981; font-size: 12px; line-height: 26px; }
#leftNav li ul li a { text-decoration: none; color: white; margin-left: 2px; }
#leftNav li form input { width: 139px; margin: 8px 0 5px 2px; }
#leftNav li form button { float: right; margin: 0 9px 7px 0; background: url(/img/button_go.png) no-repeat; border: none; width: 35px; height: 22px; }

#dontMissThis P {margin-top:10px !important; display:block;}

#mainContent { float: left; margin: 12px 0 0 8px }

#mainContent #feature { float: left; background-color: #002a56; width: 449px; height: 164px; padding: 8px; }
#mainContent #feature img { float: left; margin-right: 14px; }
#mainContent #feature #feature_textarea { float: left; width: 214px; }
#mainContent #feature #feature_textarea .title { font-size: 20px; }
#mainContent #feature #feature_textarea .red { line-height: 14px; }
#mainContent #feature #feature_textarea p { border-top: 2px dotted #364981; width: 214px; margin-top: 4px; padding-top: 4px; line-height: 18px; }
.red { color: #bb192c; font-weight: bold; font-size: 10px; }

#mainContent .callout { float: left; width: 228px; background: #002a56 url(/img/bg_callout.gif) repeat-x; min-height:80px; border-right: 1px solid #002955; border-left: 1px solid #002955; margin: 6px 7px 7px 0; }
#mainContent .callout img { float: left; margin: 8px 14px 0 8px; }
#mainContent .callout .callout_textarea { margin: 10px 0 0 0; }
#mainContent .callout .callout_textarea .red { line-height: 12px; }
#mainContent .callout .callout_textarea .red a { text-decoration: none; color: #bb192c; }
#mainContent .callout .callout_textarea .title { font-size: 12px; }
#mainContent .callout .callout_textarea p { font-size: 10px; border-top: 2px dotted #364981; width: 128px; float: left; padding-top: 2px; margin-top: 2px; }
#mainContent .callout .callout_textarea p a { text-decoration: none; color: white; }

#mainContent #upcomingEvents { float: left; clear: left; width: 232px; background-color: white; color: #113f7c; margin-right: 4px; margin-bottom: 13px; }
#mainContent #upcomingEvents .event { float: left; clear: both; width: 229px; border-bottom: 2px solid #113f7c; margin: 7px 0 0 1px; }
#mainContent #upcomingEvents .event .eventDate { float: left; clear: left; width: 50px; margin-right: 12px; border-right: 3px dotted #012f69; text-align: center; color: #012f69; font-size: 24px; font-weight: bold; margin-bottom: 3px; padding-top: 4px; }
#mainContent #upcomingEvents .event .eventDate .weekday { color: #bb192c; text-transform: uppercase; font-weight: bold; font-size: 11px; line-height: 6px; }
#mainContent #upcomingEvents .event .eventDetails { float: left; width: 164px; font-size: 14px; }
#mainContent #upcomingEvents .event .eventDetails .red { font-size: 15px; }
#mainContent #upcomingEvents .event .eventDetails .red a { text-decoration: none; color: #bb192c;  }

#mainContent #galleries { float: left; width: 232px; background-color: #002a55; margin-bottom: 13px; }
#mainContent #galleries .newestGallery { float: left; border-bottom: 2px solid #00407d; width: 229px; margin: 2px 0 0 1px; }
#mainContent #galleries .newestGallery img.featured { float: left; clear: left; margin: 0 16px 2px 3px; }
#mainContent #galleries .newestGallery .galleryDetails { float: left; width: 115px; margin-top: 7px; font-size: 12px; }
#mainContent #galleries .newestGallery .galleryDetails .date { width: 104px; color: #3772bb; border-bottom: 2px dotted #3772bb; padding-bottom: 3px; margin-bottom: 4px; }
#mainContent #galleries .newestGallery .galleryDetails a { color: white; text-decoration: none; font-size: 11px; line-height: 27px; }

#mainContent #rooftopGuide { float: left; clear: both; width: 466px; background: url(/img/bg_rooftopGuide.jpg) repeat;  margin-bottom: 8px; }
#mainContent #rooftopGuide img { float: left; clear: right; margin: 7px 20px 0 9px; }
#mainContent #rooftopGuide #roofGuideDetails { float: left; width: 222px; line-height: 19px; margin-top: 20px; padding-bottom:10px; }
#mainContent #rooftopGuide #roofGuideDetails a { color: #b9192c; text-decoration: none; }
#mainContent #rooftopGuide #roofGuideDetails a.title { display: block; clear: both; color: white; text-decoration: none; width: 215px; border-bottom: 2px dotted #3772bb; font-size: 19px; padding-bottom: 6px; margin-bottom: 3px; }

/*baseball card - user homepage */
#mainContent #baseballcard { float: left; clear: both; height:623px; width:450px; background: url(/img/baseballcard.gif) repeat-x; margin-bottom: 8px; }
#rightColumn { float: left; width: 314px; }

#rightColumn div { margin-left: 3px; }

#rightColumn #login { background-color: #002a56; height: 70px; width: 301px; overflow: hidden; }

#rightColumn #login form { float: left; clear: both; width: 285px; margin: 0 0 2px 10px; }
#rightColumn #login form .label { float: left; clear: none; width: 121px; margin: 3px 3px 2px 0; font-size: 10px; }
#rightColumn #login form input { width: 115px; margin: 0 3px 0 0; float: left; clear: none; height: 13px; }
#rightColumn #login form button { float: right; clear: none; margin: 0; background: url(/img/login_go.png) no-repeat; border: none; width: 35px; height: 22px; }

#rightColumn #login img { float: left; clear: left; margin: 0 6px 0 10px; }
#rightColumn #login p { float: left; clear: none; width: 135px; font-size: 8px; }

#rightColumn #fanCounter { float: left; clear: both; width: 301px; height: 108px; background: url(/img/countMeIn.gif) no-repeat; }
#rightColumn #fanCounter form { margin: 76px 0 0 9px; }
#rightColumn #fanCounter input { width: 230px; margin: 0 9px 0 0; float: left; clear: none; height: 16px; }
#rightColumn #fanCounter button { float: left; clear: none; margin: 0; background: url(/img/button_counter.gif) no-repeat; border: none; width: 35px; height: 22px; }

#rightColumn #dontMissThis { float: left; clear: both; background: url(/img/bg_dontMissThis.png) repeat-x; width: 301px; height: 66px; }
#rightColumn #dontMissThis img { float: left; clear: left; margin-right: 4px; }
#rightColumn #dontMissThis p { float: left; clear: none; font-size: 10px; width: 220px; margin-top: 19px; }
#rightColumn #dontMissThis p a { text-decoration: none; color: white; font-size: 14px; }

#rightColumn #mailingList { float: left; clear: both; border-bottom: 1px solid #67788e; height: 67; width: 301px; background-color: #002a56; font-size: 11px; }
#rightColumn #mailingList img { margin: 10px 4px 0 9px; float: left; clear: right; }
#rightColumn #mailingList p { float: left; clear: none; margin-top: 16px; }
#rightColumn #mailingList form { float: left; clear: both; margin-left: 9px; }
#rightColumn #mailingList form input { width: 220px; margin: 7px 0 9px 0; float: left; clear: none; height: 16px; }
#rightColumn #mailingList form button { float: right; clear: none; margin: 7px 0 9px 8px; background: url(/img/button_join.gif) no-repeat; border: none; width: 47px; height: 22px; }

#rightColumn #wrigleyvilleTV {  float: left; clear: both; width: 301px; background: #cb2b36 url(/img/bg_wrigTV.gif) repeat-x; border-top: 3px solid white; border-bottom: 2px solid white; }
#rightColumn #wrigleyvilleTV img { margin: 6px 22px 7px 10px; float: left; clear: right; }
#rightColumn #wrigleyvilleTV p { float: left; clear: none; margin-top: 8px; font-size: 11px }
#rightColumn #wrigleyvilleTV p a { color: white; }
#rightColumn #wrigleyvilleTV #flashEmbed { float: left; clear: both; background: url(/img/flashPlaceholder.jpg) no-repeat; width: 287px; height: 169px; border-bottom: 2px solid #c72a35; margin: 0 0 0 7px; }
#rightColumn #wrigleyvilleTV a img { margin: 0 7px 5px 0; float: right; clear: right; }

#rightColumn #reviews { position: relative; float: left; clear: both; width: 301px; background-color: #003c76; border-top: 1px solid #67809f; border-bottom: 1px solid #67809f; }
#rightColumn #reviews .title { float: left; clear: both; display: block; text-align: right; font-size: 18px; width: 288px; background-color: #002a56; padding: 6px 12px 0 0; line-height: 58px; margin-bottom: 6px; }
#rightColumn #reviews img#youSaidIt { position: absolute; left: 0; }
#rightColumn #reviews .yourOpinion { border-bottom: 1px solid #002a56; width: 290px; margin: 0 0 0 4px; }
#rightColumn #reviews .yourOpinion .pic_name { float: left; clear: left; text-align: center; margin: 7px 14px 0 0; }
#rightColumn #reviews .yourOpinion .pic_name img { margin: 0 0 4px 0; }
#rightColumn #reviews .yourOpinion .pic_name a { color: white; text-decoration: none; font-size: 12px; }
#rightColumn #reviews .yourOpinion .review { float: left; clear: none; width: 198px; height: 104px; }
#rightColumn #reviews .yourOpinion .review .venue { float: left; display: block; clear: both; width: 198px; border-bottom: 2px dotted #3772bb; font-size: 12px; line-height: 28px;  margin: 0 0 2px 0; font-weight: bold; }
#rightColumn #reviews .yourOpinion .review .venue a { color: white; text-decoration: none; }
#rightColumn #reviews .yourOpinion .review p { width: 190px; font-size: 11px; font-weight: normal; }
#rightColumn #reviews a img { margin: 0 7px 5px 0; float: right; clear: right; }

#rightColumn #scoreBoard { float: left; clear: both; width: 301px; height: 155px; background: #37483e url(/img/bg_scoreBoard.png) no-repeat; }
#rightColumn #scoreBoard #whos_scores { font-size: 11px; margin-left: 6px; }
#rightColumn #scoreBoard .score { float: left; clear: none; width: 150px; text-align: center; margin: 10px 0 0 0; }
#rightColumn #scoreBoard .score .number { font-size: 63px; font-weight: bold; line-height: 55px; }
#rightColumn #scoreBoard #timezone { font-size: 10px; margin: 7px 0 0 10px; }

#footer { background-color: #7c101d; border-right: 1px solid #421e3f; border-left: 1px solid #421e3f; font-size: 9px; line-height: 25px; color: white; }
#footer #footerNav { float: left; clear: none; list-style: none; margin-left: 14px; }
#footer #footerNav li { display: inline; margin:0 6px 0 4px; }
#footer #footerNav li a { color: white; text-decoration:none; }
#footer #copyright { float: right; clear: none; margin-right: 13px; }
#footer #copyright a { color: white; text-decoration: none; }