/* --------------------------------------------------------------- Pony Corral Style Sheet Authored by: Bob Duncan, bob.duncan@freepress.mb.ca Version: September 12, 2006 ---------------------------------------------------------------- */ /* --------------------------------------------------------------- Global Styles ---------------------------------------------------------------- */ body { background: #2a040b url(../images/top_back.jpg) top center no-repeat; font: 62.5%/15px tahoma, arial, sans-serif; color: #000; text-align: center; } body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, img, blockquote, table, tr, td, th { padding: 0; border: 0; margin: 0; text-align: left; } a { outline: none; } a:link { color: #9d1c33; font-weight: bold; text-decoration: underline; } a:visited { color: #6e00a1; font-weight: bold; text-decoration: underline; } a:hover { color: #720b1e; font-weight: bold; text-decoration: none; } #container { margin: 0 auto; width: 90%; } img.feat { padding: 10px } /* --------------------------------------------------------------- Headlines ---------------------------------------------------------------- */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash h3 { font-family: verdana; letter-spacing: 2px; font-size: 2.25em; line-height: 1.5em; } /* Non sIFR Font Styles */ h4 { font-size: 1.75em; line-height: 1.5em; font-weight: normal; color: #666; } h5 { font-size: 1.5em; } h6 { font-size: 1.65em; line-height: 1.5em; color: #980d26; } .menuitem { font-size: 1.5em; line-height: 2em; font-weight: bold; color: #666666; } .price { font-size: 1.25em; font-weight: bold; color: #666666; vertical-align: bottom; } #right h4 { margin-bottom: 5px; color: #980d26; } #right h5 { padding-bottom: 5px; color: #666; } /* --------------------------------------------------------------- Header Styles ---------------------------------------------------------------- */ #header { padding-top: 10px; } #header h1 { background: url(../images/logo.jpg) top center no-repeat; text-indent: -9999px; width: 248px; height: 125px; position: absolute; top: 15px; } /* --------------------------------------------------------------- Nav Styles ---------------------------------------------------------------- */ #primary_nav { position: absolute; top: 125px; right: 80px; } #primary_nav li { list-style-type: none; height: 26px; float: left; } #primary_nav a {text-decoration: none; text-indent: -9999px; width: 100%; height: 100%; display: block; } /* home */ #primary_nav li#home { background: url(../images/home_on.jpg) no-repeat; width: 60px; } #primary_nav li#home a { background: url(../images/home_off.jpg) no-repeat; } #primary_nav li#home a:hover, #nav_left li#home a:focus { background: url(../images/home_on.jpg) top left no-repeat; background-position: center; } #primary_nav li#home_on { background: url(../images/home_current.jpg) top left no-repeat; background-position: center; width: 60px; } /* entry form */ #primary_nav li#entry { background: url(../images/entry_on.gif) no-repeat; width: 89px; } #primary_nav li#entry a { background: url(../images/entry_off.gif) no-repeat; } #primary_nav li#entry a:hover, #primary_nav li#entry a:focus { background: url(../images/entry_on.gif) top left no-repeat; background-position: center; } #primary_nav li#entry_on { background: url(../images/entry_current.gif) top left no-repeat; background-position: center; width: 89px; } /* events */ #primary_nav li#events { background: url(../images/events_on.jpg) no-repeat; width: 68px; } #primary_nav li#events a { background: url(../images/events_off.jpg) no-repeat; } #primary_nav li#events a:hover, #nav_left li#events a:focus { background: url(../images/events_on.jpg) top left no-repeat; background-position: center; } #primary_nav li#events_on { background: url(../images/events_current.jpg) top left no-repeat; background-position: center; width: 68px; } /* menu */ #primary_nav li#menu { background: url(../images/menu_on.jpg) no-repeat; width: 59px; } #primary_nav li#menu a { background: url(../images/menu_off.jpg) no-repeat; } #primary_nav li#menu a:hover, #nav_left li#menu a:focus { background: url(../images/menu_on.jpg) top left no-repeat; background-position: center; } #primary_nav li#menu_on { background: url(../images/menu_current.jpg) top left no-repeat; background-position: center; width: 59px; } /* locations */ #primary_nav li#locations { background: url(../images/locations_on.jpg) no-repeat; width: 83px; } #primary_nav li#locations a { background: url(../images/locations_off.jpg) no-repeat; } #primary_nav li#locations a:hover, #nav_left li#locations a:focus { background: url(../images/locations_on.jpg) top left no-repeat; background-position: center; } #primary_nav li#locations_on { background: url(../images/locations_current.jpg) top left no-repeat; background-position: center; width: 83px; } /* jobs */ #primary_nav li#jobs { background: url(../images/jobs_on.jpg) no-repeat; width: 59px; } #primary_nav li#jobs a { background: url(../images/jobs_off.jpg) no-repeat; } #primary_nav li#jobs a:hover, #nav_left li#jobs a:focus { background: url(../images/jobs_on.jpg) top left no-repeat; background-position: center; } #primary_nav li#jobs_on { background: url(../images/jobs_current.jpg) top left no-repeat; background-position: center; width: 59px; } /* comments */ #primary_nav li#comments { background: url(../images/comments_on.jpg) no-repeat; width: 89px; } #primary_nav li#comments a { background: url(../images/comments_off.jpg) no-repeat; } #primary_nav li#comments a:hover, #nav_left li#comments a:focus { background: url(../images/comments_on.jpg) top left no-repeat; background-position: center; } #primary_nav li#comments_on { background: url(../images/comments_current.jpg) top left no-repeat; background-position: center; width: 89px; } /* Secondary Nav Styles */ #sub_nav ul { padding: 10px 85px 0 0; float: right; } #sub_nav li { padding-left: 20px; list-style-type: none; float: left; } #sub_nav span { padding-left: 20px; } /* --------------------------------------------------------------- Content Styles ---------------------------------------------------------------- */ #wrapper { margin-top: 141px; background: #f7eee7; width: 100%; float: left; } #gut_lt { background: url(../images/cb_tl.jpg) top left no-repeat; width: 7px; height: 8px; float: left; } #content_wrap { margin: 0 -7px 0 -7px; width: 100%; float: left; } #content_wrap_in { padding: 20px; clear: both; } #gut_rt { background: url(../images/cb_tr.jpg) top left no-repeat; width: 7px; height: 8px; float: left; } #left_contain { margin-right: -220px; width: 100%; float: left; } #left_content { padding-bottom: 20px; margin-right: 220px; } #right { padding: 0 0 20px 10px; width: 210px; float: right; } /* You are Here Styles */ h2#home_head, h2#events_head, h2#menu_head, h2#locations_head, h2#jobs_head, h2#comments_head { text-indent: -9999px; height: 56px; float: left; } h2#home_head { background: url(../images/home_header.jpg) 10px 0 no-repeat; width: 220px; } h2#events_head { background: url(../images/events_header.jpg) 10px 0 no-repeat; width: 238px; } h2#menu_head { background: url(../images/menu_header.jpg) 10px 0 no-repeat; width: 238px; } h2#locations_head { background: url(../images/locations_header.jpg) 10px 0 no-repeat; width: 330px; } h2#jobs_head { background: url(../images/jobs_header.jpg) 10px 0 no-repeat; width: 230px; } h2#comments_head { background: url(../images/comments_header.jpg) 10px 0 no-repeat; width: 360px; } /* --------------------------------------------------------------- Content Styles ---------------------------------------------------------------- */ div#welcome_top { width: 100%; float: left; } div#welcome, div#contestant { padding: 10px; float: left; } div#welcome { padding-right: 40px; width: 30%; border-right: 1px solid #ccc; } div#contestant { width: 52%; float: left; } div#contestant_image { width: 103px; float: left; } div#contestant_text { padding-left: 10px; width: 50%; float: left; } div#twitter { float: left; } .welcometext { padding-bottom: 20px; color: #666; } div#highlights {padding-top: 15px; } div#feature_contain { margin-top: 10px; padding: 5px 10px; background-color: #e5d9d0; width: 95%; float: left; } div#feature_contain h4 { border-bottom: 1px solid #ccc; } div#feature_image { padding: 5px; width: 210px; float: left; } div#feature_image img { border: 1px solid #000; } div#feature_contain p.price { padding-top: 15px; font-weight: normal; } div#feature_contain p.price span { font-weight: bold; } div#feature_text { padding: 30px 0 0 20px; width: 40%; float: left; } div#feature_bottom { padding-top: 20px; width: 100%; float: left; } div#feature_locations, div#feature_jobs { padding: 5px; margin-bottom: 20px; width: 40%; float: left; } div#feature_jobs { padding-right: 40px; border-right: 1px solid #ccc; } div#feature_locations { float: right; } .jobs_image, .locations_image { padding-right: 5px; width: 110px; float: left; } .jobs_image img, .locations_image img { border: 1px solid #000; } div.articles { padding: 5px 10px; margin: 25px 0; } div.articles h4 { border-bottom: 1px solid #ccc; } div.articles_image { padding: 5px; float: left; width: 210px } div.articles_image img { border: 1px solid #000; } /* --------------------------------------------------------------- Calendar Styles ---------------------------------------------------------------- */ #cal_right { width: 200px; } #cal_right_tbl { padding: 10px 0 0 10px; } #cal_right table { border-collapse: collapse; } #cal_right caption { padding: 5px 0 0 10px; border: 1px solid #000; background-color: #ccc; text-align: center; height: 3em; } #cal_right h5 { font-size: 1.3em; color: #000; float: left; } p.cal_arrow_lt a { padding-right: 7px; background: url(../images/cal_arrow_lt_on.gif) 2px 2px no-repeat; text-indent: -9999px; width: 18px; height: 17px; float: left; display: block; } p.cal_arrow_lt a:link, p.cal_arrow_lt a:visited { background: url(../images/cal_arrow_lt_off.gif) 2px 2px no-repeat; } p.cal_arrow_lt a:hover { background: url(../images/cal_arrow_lt_on.gif) 2px 2px no-repeat; } p.cal_arrow_rt a { padding-left: 7px; background: url(../images/cal_arrow_rt_on.gif) 2px 2px no-repeat; text-indent: -9999px; width: 18px; height: 17px; float: left; display: block; } p.cal_arrow_rt a:link, p.cal_arrow_rt a:visited { background: url(../images/cal_arrow_rt_off.gif) 2px 2px no-repeat; } p.cal_arrow_rt a:hover, p.cal_arrow_rt a:focus { background: url(../images/cal_arrow_rt_on.gif) 2px 2px no-repeat; } #cal_right thead { background-color: #000; color: #fff; } #cal_right td, #cal_right th { text-align: center; width: 27px; } #cal_right table td.today { background: #ccc; } #cal_right a:link { color: #000; text-decoration: underline; } #cal_right a:visited { color: #333; text-decoration: underline; } #cal_right a:hover, #cal_right a:focus { color: #9d1c33; text-decoration: none; } .cal_foot { padding-left: 13px; margin: 5px 0 0 2px; background: url(../images/cal_foot.gif) 0 5px no-repeat; } /* --------------------------------------------------------------- Footer Styles ---------------------------------------------------------------- */ #footer { padding-top: 10px; background: #ccc; color: #333; height: 4em; clear: both; } #footer p { text-align: center; width: 100%; } #footer span { padding: 0 5px 0 5px; }