/* Theme Name: FOKT '09 Description: Let's all welcome fremontoktoberfest.com to the world of dynamic content. Version: 2 (WP2.8) Author: Tim Hudson */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; @import "style/css/sponsors.css"; /***** GENERAL STYLES *****/ /* ----------------------------------------- */ body { background-color: #4d241c; font: 12px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #4d241c; } #wrapper { width: 960px; margin: 0 auto; } #left-column {width: 720px; float: left; } .dirty-clear { clear: both; } .hide { visibility: hidden; } /* Anchors */ a { color: #fff; text-decoration: none; } a:hover { color: #eee; } /***** FESTIVAL INFO STYLES *****/ /* ----------------------------------------- */ /* General */ #festival-info { background: #fff url(style/images/festival-info.png) repeat-x 0 bottom; z-index: 10; } #festival-info-wrapper { width: 960px; height: 420px; margin: 0 auto; display: none; } /* this is toggled with jQuery */ /* Button for Drop Down */ #festival-info span { display: block; width: 960px; height: 0px; margin: 0 auto; position: relative; } #festival-info span#button a { width: 240px; height: 40px; display: block; background: transparent url(style/images/festival-info.png) no-repeat 0 -40px; text-indent: -9999px; position: absolute; top: -3px; right: 0; } #festival-info span#button a:hover, #festival-info span#button a.hover { background-position: 0 -40px; } /* Layout Styles */ #festival-info-content { width: 960px; height: 380px; position: absolute; bottom: 0; padding: 20px 0; } /* this makes the content slide down too */ .column { width: 310px; margin: 0 15px 0 0; } div.column.two { margin: 40px 15px 0 0; } div.column.three { width: 620px; margin: 0; position: absolute; top: 20px; right: 0; } #festival-info-content iframe { border: 1px solid #4d241c; background-color: #e7e7e7; } /* Typography */ #festival-info h3 { font-size: 40px; line-height: 40px; margin: 0 0 20px 0; } #festival-info a { color: #2e80bc; } /* Tickets Button */ #ticketsBTN { width: 304px; height: 83px; margin: 0 0 10px 0; background-color: #fff; } #ticketsBTN a { width: 152px; height: 83px; display: block; float: left; text-indent: -9999px; background: transparent url(style/images/festivalInfo-TicketsBTN.png) no-repeat; } #ticketsBTN #purchaseOnline { background-position: top left; } #ticketsBTN #purchaseOnline:hover { background-position: center left; } #ticketsBTN #purchaseOnline:active { background-position: bottom left; } #ticketsBTN #retailOutlets { background-position: top right; } #ticketsBTN #retailOutlets:hover { background-position: center right; } #ticketsBTN #retailOutlets:active { background-position: bottom right; } /***** HEADER STYLES *****/ /* ----------------------------------------- */ #header { width: 720px; height: 140px; float: left; } #header h1 a { width: 355px; height: 105px; margin: 20px 0 0 10px; display: block; background: transparent url(style/images/header-logo.png) no-repeat; text-indent: -9999px; } /***** NAV STYLES *****/ /* ----------------------------------------- */ /* Save the Date */ #nav p#saveTheDate { width: 375px; height: 150px; margin: 60px 55px 0 0; } /* General */ #nav { width: 720px; height: 270px; float: left; display: block; background: transparent url(style/images/nav-BG.png) no-repeat; } #nav img { width: 220px; height: 278px; position: absolute; bottom: 10px; left: 10px; z-index: 50; } #nav li ul li.current_page_item a { cursor: default; } #run #nav li ul li.current_page_item a { color: #57a800; } #drink #nav li ul li.current_page_item a { color: #2e80bc; } #play #nav li ul li.current_page_item a { color: #bb478b; } #nav p#first-child { margin: 45px 30px 10px 0; } #nav p { width: 400px; margin: 0 30px 10px 0; float: right; } /* Tabs */ #nav ul { width: 323px; height: 41px; position: absolute; top: -30px; right: 10px; } #nav ul li { width: 114px; height: 41px; margin: 0 0 0 -4px; float: left; } #nav ul li a { width: 114px; height: 41px; display: block; background: transparent url(style/images/nav-tabs.png) no-repeat; text-indent: -9999px; } /* run */ #nav ul li.page-item-3:hover a { background-position: 0 -41px; } /* drink */ #nav ul li.page-item-9 a { background-position: -114px 0; } /* drink */ #nav ul li.page-item-9:hover a { background-position: -114px -41px; } /* play */ #nav ul li.page-item-5 { width: 107px; } /* play */ #nav ul li.page-item-5 a { width: 107px; background-position: -228px 0; } /* play */ #nav ul li.page-item-5:hover a { background-position: -228px -41px; } /* Drop Down */ #nav ul ul { position: absolute; left: -999em; } /* Hide child pages */ #nav ul#nav-ul li:hover ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; } /* Show child pages when hovered */ #nav ul ul li { width: 220px; height: auto; margin: 0 0 0 450px; float: none; font-size: 12px; font-weight: bold; line-height: 24px; text-align: right; } #nav ul ul li a { width: auto; height: auto; display: inline; color: #fff; text-decoration: none; background-image: none; } #nav ul ul li a:hover { color: #4d241c;} #wrapper #nav ul#nav-ul li:last-child { border: none; } /* Hide border on last LI (lots of specificity) */ /* Hover Colors */ /* run */ #nav li.page-item-3:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -270px; } /* run */ #nav li.page-item-3:hover ul li { border-bottom: 1px solid #acef00; } /* drink */ #nav li.page-item-9:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -520px; } /* drink */ #nav li.page-item-9:hover ul li { border-bottom: 1px solid #89cdff; } /* play */ #nav li.page-item-5:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -770px; } /* play */ #nav li.page-item-5:hover ul li { border-bottom: 1px solid #ff9fd7; } /* Default Hover IF In Section */ #run #nav ul li.page-item-3 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -270px; } #run #nav li.page-item-3 ul li { border-bottom: 1px solid #acef00; } #run #nav ul li.page-item-3 a { background-position: 0 -41px; } #drink #nav ul li.page-item-9 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -520px; } #drink #nav li.page-item-9 ul li { border-bottom: 1px solid #89cdff; } #drink #nav ul li.page-item-9 a { background-position: -114px -41px; } #play #nav ul li.page-item-5 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -770px; } #play #nav li.page-item-5 ul li { border-bottom: 1px solid #ff9fd7; } #play #nav ul li.page-item-5 a { background-position: -228px -41px; } /***** CONTENT STYLES *****/ /* ----------------------------------------- */ /* General */ #content { width: 720px; float: left; background: transparent repeat-y top center; } #content .post { min-height: 165px; padding: 0 0 30px 0; background: transparent no-repeat bottom left; } /* Typography */ #content h2 { color: #2e80bc; padding: 30px 30px 20px 30px; font-size: 38px; line-height: 38px; background: transparent no-repeat top right; } #run #content h2, #drink #content h2, #play #content h2 { color: #fff; } #content hr{ border: 0px none; height: 1px; overflow: hidden; margin: 0 30px 10px; } #content hr { border-top: 1px solid #cacaca; background: #fff; } /* White hr */ #run #content hr { border-top: 1px solid #468600; background: #65bf00; } #drink #content hr { border-top: 1px solid #256696; background: #3492d6; } #play #content hr { border-top: 1px solid #96396f; background: #d5519e; } #content strong { color: #2e80bc; font-size: 20px; line-height: 20px; font-weight: bold; margin: 30px 0 0 0; display: block; } #run #content strong, #drink #content strong, #play #content strong { color: #fff; } #content em { font-size: 15px; line-height: 15px; font-weight: bold; font-style: italic; margin: 30px 0 0 0; display: block; } #content p { margin: 0 290px 10px 30px; } #content ul, #content ol { margin: 0 290px 10px 50px; } #content .post > ul li, #content .faq-answer ul li { padding-left: 15px; background: transparent url(style/images/content-li.png) no-repeat -3015px 6px; } #drink #content .post > ul li { background-position: -1005px 6px; } #play #content .post > ul li { background-position: -2010px 6px; } #run #content .post > ul li { background-position: 0 6px; } /* Anchor Styles */ #run #content a, #drink #content a, #play #content a { color: #fff; } #run #content a:hover, #drink #content a:hover, #play #content a:hover { color: #eee; } /* Sections */ #content h2, #content, #content .post { background-image: url(style/images/content-BG-blog.png); } /* White background */ #run #content h2, #run #content, #run #content .post { background-image: url(style/images/content-BG-run.png); } #drink #content h2, #drink #content, #drink #content .post { background-image: url(style/images/content-BG-drink.png); } #play #content h2, #play #content, #play #content .post { background-image: url(style/images/content-BG-play.png); } /* Edit Link */ a.post-edit-link { width: 50px; display: block; line-height: 24px; text-indent: -9999px; text-decoration: none; color: #fff; background: transparent url(style/images/edit-page.png) no-repeat top right; position: absolute; top: 20px; right: 20px; } a.post-edit-link:hover { text-indent: 0px; } /***** SIDEBAR STYLES *****/ /* ----------------------------------------- */ /* General */ #sidebar { width: 240px; float: left; margin: 140px 0 0 0; } #sidebar .sidebar-box { background: transparent url(style/images/sidebar-box.png) repeat-y center; } #sidebar .sidebar-content { min-height: 60px; background: transparent url(style/images/sidebar-box.png) no-repeat bottom left; } /* Titles */ #sidebar h4 { width: 240px; height: 37px; margin: 0 0 20px 0; text-indent: -9999px; } #social-media h4 { background: transparent url(style/images/sidebar-box.png) no-repeat center right; } #twitter h4 { background: transparent url(style/images/sidebar-box.png) no-repeat top right; } #flickr h4 { background: transparent url(style/images/sidebar-box.png) no-repeat bottom right; } /* Social Media */ #social-media .sidebar-content { padding: 0 22px; } #social-media li { margin: 0 7px 0 8px; float: left; } #social-media a { width: 24px; height: 24px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-social-media.png) no-repeat; } #social-media a:hover { } #social-media-facebook a { background-position: -24px 0; } #social-media-myspace a { background-position: -48px 0; } #social-media-flickr a { background-position: -72px 0; } #social-media-mail a { background-position: -96px 0; } /* Twitter Styles */ #twitter p { color: #fff; } #twitter span { display: block; } #twitter li { margin: 0 0 18px 0; } #twitter li:last-child { margin: 0 0; } #twitter .sidebar-content { padding: 0 20px 20px 20px; } #twitter .tweet_text a { color: #4d241c; } /* Blog Link */ #blogLink a { width: 240px; height: 59px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-blogLink.png) no-repeat top; } #blogLink a:hover { background-position: bottom; } /* iPhone App Link */ #iPhoneAppLink a { width: 240px; height: 98px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-iPhoneAppLink.png) no-repeat top; } #iPhoneAppLink a:hover { background-position: bottom; } /* Buy Tickets Now - Button */ #buyTicketsNow a { width: 240px; height: 70px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-buyTicketsNow.png) no-repeat top; } #buyTicketsNow a:hover { background-position: bottom; } /***** FOOTER STYLES *****/ /* ----------------------------------------- */ #footer ul { width: 960px; height: 80px; padding: 10px 0 0 0; margin: 0 auto; background: transparent url(style/images/footer-BG.png) no-repeat; text-align: center; } #footer li { display: inline; line-height: 80px; margin: 0 10px 0 0; } #footer li:last-child { margin: 0; } /***** HOME PAGE STYLES *****/ /* ----------------------------------------- * /* Blog */ #home-blog { width: 720px; min-height: 200px; float: left; background: transparent url(style/images/home-blog-BG.png) no-repeat; } #home-blog h2 { padding: 30px 0 0 30px; font-size: 35px; line-height: 35px; } #home-blog ul { width: 460px; padding: 8px 0; position: absolute; top: 30px; right: 30px; background-color: #fafafa; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #home-blog li { margin: 0 20px; line-height: 24px; border-bottom: 1px solid #e9e9e9; } #home-blog li:hover { margin: 0 10px; padding: 0 10px; background-color: #e9e9e9; } #home-blog ul li:last-child { border-bottom: none; } #home-blog li a { display: block; color: #4d241c; text-decoration: none; position: relative; } #home-blog li abbr { color: #afafaf; border: none; position: absolute; right: 0px; } /***** BLOG STYLES *****/ /* ----------------------------------------- */ /* General */ #blog #content ul#post-nav { margin: 60px 30px 0 30px; height: 18px; } #blog #content ul#post-nav li { padding: 0; background: none; display: inline; float: left; } #blog #content ul#post-nav li:last-child { float: right; } #blog #content #comments { padding: 0 0 30px 0; background: transparent no-repeat left bottom; } #blog #content #comments #content-top { height: 20px; background: transparent no-repeat top right; } #blog #content #comments h3 { color: #2e80bc; padding: 10px 30px 20px 30px; font-size: 25px; line-height: 25px; } #blog #content #comments #content-top, #blog #content #comments { background-image: url(style/images/content-BG-blog.png); } #blog #content img { padding: 10px; background-color: #e2e2e2; border: 1px solid #d2d2d2; } #blog #content #comments img { padding: 0; border: none; } /* General Typography */ #content a { color: #2e80bc; } #content a:hover { color: #b0b0b0; } #blog #content strong { color: #2e80bc; } #blog #content #archive-list abbr { float: right; margin: 0 5px 0 0; color: #b0b0b0; } #blog #content #archive-list li { width: 395px; } /* Comment Layout */ #comments ul { margin: 0 30px 0 88px; position: relative; } #comments ul li { width: 602px; margin: 0 0 20px 0; padding: 0 0 1px 0; min-height: 48px; } #comments div.comment-meta { display: block; margin: 5px 8px 0 5px; float: right; background: none; } #comments ul p { margin: 0 8px 5px 8px; width: auto; display: block; clear: both; } #comments div.comment-actions { display: none; } /* Comment Backgrounds */ #comments ul li div { background: url(style/images/blog-comments-BG.png) no-repeat left top; } #comments ul li { background: #e4e4e4 url(style/images/blog-comments-BG.png) no-repeat right bottom; } /* Comment Typography */ #comments cite, #comments cite a { color: #2e80bc; font-weight: bold; } #blog #comments div.comment-meta a { color: #b0b0b0; } /* Leave Comment */ div#respond { margin: 0 0 0 90px; } div#respond p { margin: 0 0 8px 0; } div#respond p textarea { font: 12px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif; } /* Children Comments */ #comments ul ul cite { margin: 0 5px 0 0; } #comments ul.children { width: auto; margin: 20px 30px 0 68px; } #comments ul.children li { margin: 0 0 8px 0; padding: 0; display: block; } #comments ul.children li, #comments ul.children li div, #comments div.comment-actions { background: none; } /* Comment Navigation */ div.navigation { background: none; } /* Comment Author */ #comments .comment-author img { width: 48px; position: absolute; left: -58px; top: 0; } #comments .comment-author cite { position: absolute; left: 8px; top: 5px; } #comments .comment-author span.says { display: none; } /* Comment Body */ #comments .comment-body { margin: 5px 0 0 0; } #comments .comment-body em { color: #b0b0b0; position: absolute; top: 5px; left: 0; width: 100%; text-align: center; } #comments .comment-body br { display: none; } /* Comment Respond */ #blog #content #comments #respond h3 { padding: 20px 30px 20px 0px; background: none; } /***** BLOG ARCHIVE STYLES *****/ /* ----------------------------------------- */ #blog #content form { margin: 30px; } /***** SPONSOR STYLES *****/ /* ----------------------------------------- */ /* General Layout */ #sponsorsPage { } #sponsorsPage p { text-align: left; margin: 0 30px; line-height: 60px; } #sponsorsPage h1 { margin-left: 30px; font-size: 20px; margin-bottom: 15px; margin-right: 30px; }#sponsorsPage a { padding: 10px; } #sponsorsPage strong { clear: both; margin: 40px 0 0 0; } /***** PRESS STYLES *****/ /* ----------------------------------------- */ /* General Layout */ #pressPage { margin: 0 30px;} #pressPage strong { color: #2e80bc; font-size: 20px; line-height: 20px; font-weight: bold; margin: 30px 0 0 0; display: block; } /* PDFs */ #pressPage #pressReleases { margin: 0 290px 10px 30px; } #pressPage #pressReleases li { padding: 0 0 0 19px; background: transparent url(style/images/pdf.png) no-repeat; margin: 5px 0 0 0; } /* Photos */ #pressPage #photos a { width: 170px; height: 113px; margin: 0 20px 20px 0; border: 10px solid #cacaca; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #pressPage #photos a:hover { border: 10px solid #2e80bc; } #pressPage #photos a:active { border: 10px solid #246a9d; } /***** FAQ STYLES *****/ /* ----------------------------------------- */ #content .faq { margin: 0 30px 10px 30px; padding: 0; background-color: #e0e0e0; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #content .faq strong { width: 620px; margin: 0; padding: 20px; } #content .faq p { margin: 0; padding: 0; } #content .faq .faq-answer { padding: 0 20px 20px 20px; } #content .faq .faq-answer p { margin: 0 0 10px 0; } #content .faq .faq-answer ul { margin: 0 0 10px 20px; } /***** GENERAL STYLES *****/ /* ----------------------------------------- */ body { background-color: #4d241c; font: 12px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #4d241c; } #wrapper { width: 960px; margin: 0 auto; } #left-column {width: 720px; float: left; } .dirty-clear { clear: both; } .hide { visibility: hidden; } /* Anchors */ a { color: #fff; text-decoration: none; } a:hover { color: #eee; } /***** FESTIVAL INFO STYLES *****/ /* ----------------------------------------- */ /* General */ #festival-info { background: #fff url(style/images/festival-info.png) repeat-x 0 bottom; z-index: 10; } #festival-info-wrapper { width: 960px; height: 420px; margin: 0 auto; display: none; } /* this is toggled with jQuery */ /* Button for Drop Down */ #festival-info span { display: block; width: 960px; height: 0px; margin: 0 auto; position: relative; } #festival-info span#button a { width: 240px; height: 40px; display: block; background: transparent url(style/images/festival-info.png) no-repeat 0 -40px; text-indent: -9999px; position: absolute; top: -3px; right: 0; } #festival-info span#button a:hover, #festival-info span#button a.hover { background-position: 0 -40px; } /* Layout Styles */ #festival-info-content { width: 960px; height: 380px; position: absolute; bottom: 0; padding: 20px 0; } /* this makes the content slide down too */ .column { width: 310px; margin: 0 15px 0 0; } div.column.two { margin: 40px 15px 0 0; } div.column.three { width: 620px; margin: 0; position: absolute; top: 20px; right: 0; } #festival-info-content iframe { border: 1px solid #4d241c; background-color: #e7e7e7; } /* Typography */ #festival-info h3 { font-size: 40px; line-height: 40px; margin: 0 0 20px 0; } #festival-info a { color: #2e80bc; } /* Tickets Button */ #ticketsBTN { width: 304px; height: 83px; margin: 0 0 10px 0; background-color: #fff; } #ticketsBTN a { width: 152px; height: 83px; display: block; float: left; text-indent: -9999px; background: transparent url(style/images/festivalInfo-TicketsBTN.png) no-repeat; } #ticketsBTN #purchaseOnline { background-position: top left; } #ticketsBTN #purchaseOnline:hover { background-position: center left; } #ticketsBTN #purchaseOnline:active { background-position: bottom left; } #ticketsBTN #retailOutlets { background-position: top right; } #ticketsBTN #retailOutlets:hover { background-position: center right; } #ticketsBTN #retailOutlets:active { background-position: bottom right; } /***** HEADER STYLES *****/ /* ----------------------------------------- */ #header { width: 720px; height: 140px; float: left; } #header h1 a { width: 355px; height: 105px; margin: 20px 0 0 10px; display: block; background: transparent url(style/images/header-logo.png) no-repeat; text-indent: -9999px; } /***** NAV STYLES *****/ /* ----------------------------------------- */ /* Save the Date */ #nav p#saveTheDate { width: 375px; height: 150px; margin: 60px 55px 0 0; } /* General */ #nav { width: 720px; height: 270px; float: left; display: block; background: transparent url(style/images/nav-BG.png) no-repeat; } #nav img { width: 220px; height: 278px; position: absolute; bottom: 10px; left: 10px; z-index: 50; } #nav li ul li.current_page_item a { cursor: default; } #run #nav li ul li.current_page_item a { color: #57a800; } #drink #nav li ul li.current_page_item a { color: #2e80bc; } #play #nav li ul li.current_page_item a { color: #bb478b; } #nav p#first-child { margin: 45px 30px 10px 0; } #nav p { width: 400px; margin: 0 30px 10px 0; float: right; } /* Tabs */ #nav ul { width: 323px; height: 41px; position: absolute; top: -30px; right: 10px; } #nav ul li { width: 114px; height: 41px; margin: 0 0 0 -4px; float: left; } #nav ul li a { width: 114px; height: 41px; display: block; background: transparent url(style/images/nav-tabs.png) no-repeat; text-indent: -9999px; } /* run */ #nav ul li.page-item-3:hover a { background-position: 0 -41px; } /* drink */ #nav ul li.page-item-9 a { background-position: -114px 0; } /* drink */ #nav ul li.page-item-9:hover a { background-position: -114px -41px; } /* play */ #nav ul li.page-item-5 { width: 107px; } /* play */ #nav ul li.page-item-5 a { width: 107px; background-position: -228px 0; } /* play */ #nav ul li.page-item-5:hover a { background-position: -228px -41px; } /* Drop Down */ #nav ul ul { position: absolute; left: -999em; } /* Hide child pages */ #nav ul#nav-ul li:hover ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; } /* Show child pages when hovered */ #nav ul ul li { width: 220px; height: auto; margin: 0 0 0 450px; float: none; font-size: 12px; font-weight: bold; line-height: 24px; text-align: right; } #nav ul ul li a { width: auto; height: auto; display: inline; color: #fff; text-decoration: none; background-image: none; } #nav ul ul li a:hover { color: #4d241c;} #wrapper #nav ul#nav-ul li:last-child { border: none; } /* Hide border on last LI (lots of specificity) */ /* Hover Colors */ /* run */ #nav li.page-item-3:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -270px; } /* run */ #nav li.page-item-3:hover ul li { border-bottom: 1px solid #acef00; } /* drink */ #nav li.page-item-9:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -520px; } /* drink */ #nav li.page-item-9:hover ul li { border-bottom: 1px solid #89cdff; } /* play */ #nav li.page-item-5:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -770px; } /* play */ #nav li.page-item-5:hover ul li { border-bottom: 1px solid #ff9fd7; } /* Default Hover IF In Section */ #run #nav ul li.page-item-3 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -270px; } #run #nav li.page-item-3 ul li { border-bottom: 1px solid #acef00; } #run #nav ul li.page-item-3 a { background-position: 0 -41px; } #drink #nav ul li.page-item-9 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -520px; } #drink #nav li.page-item-9 ul li { border-bottom: 1px solid #89cdff; } #drink #nav ul li.page-item-9 a { background-position: -114px -41px; } #play #nav ul li.page-item-5 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -770px; } #play #nav li.page-item-5 ul li { border-bottom: 1px solid #ff9fd7; } #play #nav ul li.page-item-5 a { background-position: -228px -41px; } /***** CONTENT STYLES *****/ /* ----------------------------------------- */ /* General */ #content { width: 720px; float: left; background: transparent repeat-y top center; } #content .post { min-height: 165px; padding: 0 0 30px 0; background: transparent no-repeat bottom left; } /* Typography */ #content h2 { color: #2e80bc; padding: 30px 30px 20px 30px; font-size: 38px; line-height: 38px; background: transparent no-repeat top right; } #run #content h2, #drink #content h2, #play #content h2 { color: #fff; } #content hr{ border: 0px none; height: 1px; overflow: hidden; margin: 0 30px 10px; } #content hr { border-top: 1px solid #cacaca; background: #fff; } /* White hr */ #run #content hr { border-top: 1px solid #468600; background: #65bf00; } #drink #content hr { border-top: 1px solid #256696; background: #3492d6; } #play #content hr { border-top: 1px solid #96396f; background: #d5519e; } #content strong { color: #2e80bc; font-size: 20px; line-height: 20px; font-weight: bold; margin: 30px 0 0 0; display: block; } #run #content strong, #drink #content strong, #play #content strong { color: #fff; } #content em { font-size: 15px; line-height: 15px; font-weight: bold; font-style: italic; margin: 30px 0 0 0; display: block; } #content p { margin: 0 290px 10px 30px; } #content ul, #content ol { margin: 0 290px 10px 50px; } #content .post > ul li, #content .faq-answer ul li { padding-left: 15px; background: transparent url(style/images/content-li.png) no-repeat -3015px 6px; } #drink #content .post > ul li { background-position: -1005px 6px; } #play #content .post > ul li { background-position: -2010px 6px; } #run #content .post > ul li { background-position: 0 6px; } /* Anchor Styles */ #run #content a, #drink #content a, #play #content a { color: #fff; } #run #content a:hover, #drink #content a:hover, #play #content a:hover { color: #eee; } /* Sections */ #content h2, #content, #content .post { background-image: url(style/images/content-BG-blog.png); } /* White background */ #run #content h2, #run #content, #run #content .post { background-image: url(style/images/content-BG-run.png); } #drink #content h2, #drink #content, #drink #content .post { background-image: url(style/images/content-BG-drink.png); } #play #content h2, #play #content, #play #content .post { background-image: url(style/images/content-BG-play.png); } /* Edit Link */ a.post-edit-link { width: 50px; display: block; line-height: 24px; text-indent: -9999px; text-decoration: none; color: #fff; background: transparent url(style/images/edit-page.png) no-repeat top right; position: absolute; top: 20px; right: 20px; } a.post-edit-link:hover { text-indent: 0px; } /***** SIDEBAR STYLES *****/ /* ----------------------------------------- */ /* General */ #sidebar { width: 240px; float: left; margin: 140px 0 0 0; } #sidebar .sidebar-box { background: transparent url(style/images/sidebar-box.png) repeat-y center; } #sidebar .sidebar-content { min-height: 60px; background: transparent url(style/images/sidebar-box.png) no-repeat bottom left; } /* Titles */ #sidebar h4 { width: 240px; height: 37px; margin: 0 0 20px 0; text-indent: -9999px; } #social-media h4 { background: transparent url(style/images/sidebar-box.png) no-repeat center right; } #twitter h4 { background: transparent url(style/images/sidebar-box.png) no-repeat top right; } #flickr h4 { background: transparent url(style/images/sidebar-box.png) no-repeat bottom right; } /* Social Media */ #social-media .sidebar-content { padding: 0 22px; } #social-media li { margin: 0 7px 0 8px; float: left; } #social-media a { width: 24px; height: 24px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-social-media.png) no-repeat; } #social-media a:hover { } #social-media-facebook a { background-position: -24px 0; } #social-media-myspace a { background-position: -48px 0; } #social-media-flickr a { background-position: -72px 0; } #social-media-mail a { background-position: -96px 0; } /* Twitter Styles */ #twitter p { color: #fff; } #twitter span { display: block; } #twitter li { margin: 0 0 18px 0; } #twitter li:last-child { margin: 0 0; } #twitter .sidebar-content { padding: 0 20px 20px 20px; } #twitter .tweet_text a { color: #4d241c; } /* Blog Link */ #blogLink a { width: 240px; height: 59px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-blogLink.png) no-repeat top; } #blogLink a:hover { background-position: bottom; } /* iPhone App Link */ #iPhoneAppLink a { width: 240px; height: 98px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-iPhoneAppLink.png) no-repeat top; } #iPhoneAppLink a:hover { background-position: bottom; } /* Buy Tickets Now - Button */ #buyTicketsNow a { width: 240px; height: 70px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-buyTicketsNow.png) no-repeat top; } #buyTicketsNow a:hover { background-position: bottom; } /***** FOOTER STYLES *****/ /* ----------------------------------------- */ #footer ul { width: 960px; height: 80px; padding: 10px 0 0 0; margin: 0 auto; background: transparent url(style/images/footer-BG.png) no-repeat; text-align: center; } #footer li { display: inline; line-height: 80px; margin: 0 10px 0 0; } #footer li:last-child { margin: 0; } /***** HOME PAGE STYLES *****/ /* ----------------------------------------- * /* Blog */ #home-blog { width: 720px; min-height: 200px; float: left; background: transparent url(style/images/home-blog-BG.png) no-repeat; } #home-blog h2 { padding: 30px 0 0 30px; font-size: 35px; line-height: 35px; } #home-blog ul { width: 460px; padding: 8px 0; position: absolute; top: 30px; right: 30px; background-color: #fafafa; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #home-blog li { margin: 0 20px; line-height: 24px; border-bottom: 1px solid #e9e9e9; } #home-blog li:hover { margin: 0 10px; padding: 0 10px; background-color: #e9e9e9; } #home-blog ul li:last-child { border-bottom: none; } #home-blog li a { display: block; color: #4d241c; text-decoration: none; position: relative; } #home-blog li abbr { color: #afafaf; border: none; position: absolute; right: 0px; } /***** BLOG STYLES *****/ /* ----------------------------------------- */ /* General */ #blog #content ul#post-nav { margin: 60px 30px 0 30px; height: 18px; } #blog #content ul#post-nav li { padding: 0; background: none; display: inline; float: left; } #blog #content ul#post-nav li:last-child { float: right; } #blog #content #comments { padding: 0 0 30px 0; background: transparent no-repeat left bottom; } #blog #content #comments #content-top { height: 20px; background: transparent no-repeat top right; } #blog #content #comments h3 { color: #2e80bc; padding: 10px 30px 20px 30px; font-size: 25px; line-height: 25px; } #blog #content #comments #content-top, #blog #content #comments { background-image: url(style/images/content-BG-blog.png); } #blog #content img { padding: 10px; background-color: #e2e2e2; border: 1px solid #d2d2d2; } #blog #content #comments img { padding: 0; border: none; } /* General Typography */ #content a { color: #2e80bc; } #content a:hover { color: #b0b0b0; } #blog #content strong { color: #2e80bc; } #blog #content #archive-list abbr { float: right; margin: 0 5px 0 0; color: #b0b0b0; } #blog #content #archive-list li { width: 395px; } /* Comment Layout */ #comments ul { margin: 0 30px 0 88px; position: relative; } #comments ul li { width: 602px; margin: 0 0 20px 0; padding: 0 0 1px 0; min-height: 48px; } #comments div.comment-meta { display: block; margin: 5px 8px 0 5px; float: right; background: none; } #comments ul p { margin: 0 8px 5px 8px; width: auto; display: block; clear: both; } #comments div.comment-actions { display: none; } /* Comment Backgrounds */ #comments ul li div { background: url(style/images/blog-comments-BG.png) no-repeat left top; } #comments ul li { background: #e4e4e4 url(style/images/blog-comments-BG.png) no-repeat right bottom; } /* Comment Typography */ #comments cite, #comments cite a { color: #2e80bc; font-weight: bold; } #blog #comments div.comment-meta a { color: #b0b0b0; } /* Leave Comment */ div#respond { margin: 0 0 0 90px; } div#respond p { margin: 0 0 8px 0; } div#respond p textarea { font: 12px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif; } /* Children Comments */ #comments ul ul cite { margin: 0 5px 0 0; } #comments ul.children { width: auto; margin: 20px 30px 0 68px; } #comments ul.children li { margin: 0 0 8px 0; padding: 0; display: block; } #comments ul.children li, #comments ul.children li div, #comments div.comment-actions { background: none; } /* Comment Navigation */ div.navigation { background: none; } /* Comment Author */ #comments .comment-author img { width: 48px; position: absolute; left: -58px; top: 0; } #comments .comment-author cite { position: absolute; left: 8px; top: 5px; } #comments .comment-author span.says { display: none; } /* Comment Body */ #comments .comment-body { margin: 5px 0 0 0; } #comments .comment-body em { color: #b0b0b0; position: absolute; top: 5px; left: 0; width: 100%; text-align: center; } #comments .comment-body br { display: none; } /* Comment Respond */ #blog #content #comments #respond h3 { padding: 20px 30px 20px 0px; background: none; } /***** BLOG ARCHIVE STYLES *****/ /* ----------------------------------------- */ #blog #content form { margin: 30px; } /***** SPONSOR STYLES *****/ /* ----------------------------------------- */ /* General Layout */ #sponsorsPage { } #sponsorsPage p { text-align: left; margin: 0 30px; line-height: 60px; } #sponsorsPage h1 { margin-left: 30px; font-size: 20px; margin-bottom: 15px; margin-right: 30px; }#sponsorsPage a { padding: 10px; } #sponsorsPage strong { clear: both; margin: 40px 0 0 0; } /***** PRESS STYLES *****/ /* ----------------------------------------- */ /* General Layout */ #pressPage { margin: 0 30px;} #pressPage strong { color: #2e80bc; font-size: 20px; line-height: 20px; font-weight: bold; margin: 30px 0 0 0; display: block; } /* PDFs */ #pressPage #pressReleases { margin: 0 290px 10px 30px; } #pressPage #pressReleases li { padding: 0 0 0 19px; background: transparent url(style/images/pdf.png) no-repeat; margin: 5px 0 0 0; } /* Photos */ #pressPage #photos a { width: 170px; height: 113px; margin: 0 20px 20px 0; border: 10px solid #cacaca; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #pressPage #photos a:hover { border: 10px solid #2e80bc; } #pressPage #photos a:active { border: 10px solid #246a9d; } /***** FAQ STYLES *****/ /* ----------------------------------------- */ #content .faq { margin: 0 30px 10px 30px; padding: 0; background-color: #e0e0e0; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #content .faq strong { width: 620px; margin: 0; padding: 20px; } #content .faq p { margin: 0; padding: 0; } #content .faq .faq-answer { padding: 0 20px 20px 20px; } #content .faq .faq-answer p { margin: 0 0 10px 0; } #content .faq .faq-answer ul { margin: 0 0 10px 20px; } /***** GENERAL STYLES *****/ /* ----------------------------------------- */ body { background-color: #4d241c; font: 12px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #4d241c; } #wrapper { width: 960px; margin: 0 auto; } #left-column {width: 720px; float: left; } .dirty-clear { clear: both; } .hide { visibility: hidden; } /* Anchors */ a { color: #fff; text-decoration: none; } a:hover { color: #eee; } /***** FESTIVAL INFO STYLES *****/ /* ----------------------------------------- */ /* General */ #festival-info { background: #fff url(style/images/festival-info.png) repeat-x 0 bottom; z-index: 10; } #festival-info-wrapper { width: 960px; height: 420px; margin: 0 auto; display: none; } /* this is toggled with jQuery */ /* Button for Drop Down */ #festival-info span { display: block; width: 960px; height: 0px; margin: 0 auto; position: relative; } #festival-info span#button a { width: 240px; height: 40px; display: block; background: transparent url(style/images/festival-info.png) no-repeat 0 -40px; text-indent: -9999px; position: absolute; top: -3px; right: 0; } #festival-info span#button a:hover, #festival-info span#button a.hover { background-position: 0 -40px; } /* Layout Styles */ #festival-info-content { width: 960px; height: 380px; position: absolute; bottom: 0; padding: 20px 0; } /* this makes the content slide down too */ .column { width: 310px; margin: 0 15px 0 0; } div.column.two { margin: 40px 15px 0 0; } div.column.three { width: 620px; margin: 0; position: absolute; top: 20px; right: 0; } #festival-info-content iframe { border: 1px solid #4d241c; background-color: #e7e7e7; } /* Typography */ #festival-info h3 { font-size: 40px; line-height: 40px; margin: 0 0 20px 0; } #festival-info a { color: #2e80bc; } /* Tickets Button */ #ticketsBTN { width: 304px; height: 83px; margin: 0 0 10px 0; background-color: #fff; } #ticketsBTN a { width: 152px; height: 83px; display: block; float: left; text-indent: -9999px; background: transparent url(style/images/festivalInfo-TicketsBTN.png) no-repeat; } #ticketsBTN #purchaseOnline { background-position: top left; } #ticketsBTN #purchaseOnline:hover { background-position: center left; } #ticketsBTN #purchaseOnline:active { background-position: bottom left; } #ticketsBTN #retailOutlets { background-position: top right; } #ticketsBTN #retailOutlets:hover { background-position: center right; } #ticketsBTN #retailOutlets:active { background-position: bottom right; } /***** HEADER STYLES *****/ /* ----------------------------------------- */ #header { width: 720px; height: 140px; float: left; } #header h1 a { width: 355px; height: 105px; margin: 20px 0 0 10px; display: block; background: transparent url(style/images/header-logo.png) no-repeat; text-indent: -9999px; } /***** NAV STYLES *****/ /* ----------------------------------------- */ /* Save the Date */ #nav p#saveTheDate { width: 375px; height: 150px; margin: 60px 55px 0 0; } /* General */ #nav { width: 720px; height: 270px; float: left; display: block; background: transparent url(style/images/nav-BG.png) no-repeat; } #nav img { width: 220px; height: 278px; position: absolute; bottom: 10px; left: 10px; z-index: 50; } #nav li ul li.current_page_item a { cursor: default; } #run #nav li ul li.current_page_item a { color: #57a800; } #drink #nav li ul li.current_page_item a { color: #2e80bc; } #play #nav li ul li.current_page_item a { color: #bb478b; } #nav p#first-child { margin: 45px 30px 10px 0; } #nav p { width: 400px; margin: 0 30px 10px 0; float: right; } /* Tabs */ #nav ul { width: 323px; height: 41px; position: absolute; top: -30px; right: 10px; } #nav ul li { width: 114px; height: 41px; margin: 0 0 0 -4px; float: left; } #nav ul li a { width: 114px; height: 41px; display: block; background: transparent url(style/images/nav-tabs.png) no-repeat; text-indent: -9999px; } /* run */ #nav ul li.page-item-3:hover a { background-position: 0 -41px; } /* drink */ #nav ul li.page-item-9 a { background-position: -114px 0; } /* drink */ #nav ul li.page-item-9:hover a { background-position: -114px -41px; } /* play */ #nav ul li.page-item-5 { width: 107px; } /* play */ #nav ul li.page-item-5 a { width: 107px; background-position: -228px 0; } /* play */ #nav ul li.page-item-5:hover a { background-position: -228px -41px; } /* Drop Down */ #nav ul ul { position: absolute; left: -999em; } /* Hide child pages */ #nav ul#nav-ul li:hover ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; } /* Show child pages when hovered */ #nav ul ul li { width: 220px; height: auto; margin: 0 0 0 450px; float: none; font-size: 12px; font-weight: bold; line-height: 24px; text-align: right; } #nav ul ul li a { width: auto; height: auto; display: inline; color: #fff; text-decoration: none; background-image: none; } #nav ul ul li a:hover { color: #4d241c;} #wrapper #nav ul#nav-ul li:last-child { border: none; } /* Hide border on last LI (lots of specificity) */ /* Hover Colors */ /* run */ #nav li.page-item-3:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -270px; } /* run */ #nav li.page-item-3:hover ul li { border-bottom: 1px solid #acef00; } /* drink */ #nav li.page-item-9:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -520px; } /* drink */ #nav li.page-item-9:hover ul li { border-bottom: 1px solid #89cdff; } /* play */ #nav li.page-item-5:hover ul {background: transparent url(style/images/nav-BG.png) no-repeat 0 -770px; } /* play */ #nav li.page-item-5:hover ul li { border-bottom: 1px solid #ff9fd7; } /* Default Hover IF In Section */ #run #nav ul li.page-item-3 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -270px; } #run #nav li.page-item-3 ul li { border-bottom: 1px solid #acef00; } #run #nav ul li.page-item-3 a { background-position: 0 -41px; } #drink #nav ul li.page-item-9 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -520px; } #drink #nav li.page-item-9 ul li { border-bottom: 1px solid #89cdff; } #drink #nav ul li.page-item-9 a { background-position: -114px -41px; } #play #nav ul li.page-item-5 ul { width: 700px; height: 230px; padding: 20px 0 0 0; top: 40px; left: -377px; background: transparent url(style/images/nav-BG.png) no-repeat 0 -770px; } #play #nav li.page-item-5 ul li { border-bottom: 1px solid #ff9fd7; } #play #nav ul li.page-item-5 a { background-position: -228px -41px; } /***** CONTENT STYLES *****/ /* ----------------------------------------- */ /* General */ #content { width: 720px; float: left; background: transparent repeat-y top center; } #content .post { min-height: 165px; padding: 0 0 30px 0; background: transparent no-repeat bottom left; } /* Typography */ #content h2 { color: #2e80bc; padding: 30px 30px 20px 30px; font-size: 38px; line-height: 38px; background: transparent no-repeat top right; } #run #content h2, #drink #content h2, #play #content h2 { color: #fff; } #content hr{ border: 0px none; height: 1px; overflow: hidden; margin: 0 30px 10px; } #content hr { border-top: 1px solid #cacaca; background: #fff; } /* White hr */ #run #content hr { border-top: 1px solid #468600; background: #65bf00; } #drink #content hr { border-top: 1px solid #256696; background: #3492d6; } #play #content hr { border-top: 1px solid #96396f; background: #d5519e; } #content strong { color: #2e80bc; font-size: 20px; line-height: 20px; font-weight: bold; margin: 30px 0 0 0; display: block; } #run #content strong, #drink #content strong, #play #content strong { color: #fff; } #content em { font-size: 15px; line-height: 15px; font-weight: bold; font-style: italic; margin: 30px 0 0 0; display: block; } #content p { margin: 0 290px 10px 30px; } #content ul, #content ol { margin: 0 290px 10px 50px; } #content .post > ul li, #content .faq-answer ul li { padding-left: 15px; background: transparent url(style/images/content-li.png) no-repeat -3015px 6px; } #drink #content .post > ul li { background-position: -1005px 6px; } #play #content .post > ul li { background-position: -2010px 6px; } #run #content .post > ul li { background-position: 0 6px; } /* Anchor Styles */ #run #content a, #drink #content a, #play #content a { color: #fff; } #run #content a:hover, #drink #content a:hover, #play #content a:hover { color: #eee; } /* Sections */ #content h2, #content, #content .post { background-image: url(style/images/content-BG-blog.png); } /* White background */ #run #content h2, #run #content, #run #content .post { background-image: url(style/images/content-BG-run.png); } #drink #content h2, #drink #content, #drink #content .post { background-image: url(style/images/content-BG-drink.png); } #play #content h2, #play #content, #play #content .post { background-image: url(style/images/content-BG-play.png); } /* Edit Link */ a.post-edit-link { width: 50px; display: block; line-height: 24px; text-indent: -9999px; text-decoration: none; color: #fff; background: transparent url(style/images/edit-page.png) no-repeat top right; position: absolute; top: 20px; right: 20px; } a.post-edit-link:hover { text-indent: 0px; } /***** SIDEBAR STYLES *****/ /* ----------------------------------------- */ /* General */ #sidebar { width: 240px; float: left; margin: 140px 0 0 0; } #sidebar .sidebar-box { background: transparent url(style/images/sidebar-box.png) repeat-y center; } #sidebar .sidebar-content { min-height: 60px; background: transparent url(style/images/sidebar-box.png) no-repeat bottom left; } /* Titles */ #sidebar h4 { width: 240px; height: 37px; margin: 0 0 20px 0; text-indent: -9999px; } #social-media h4 { background: transparent url(style/images/sidebar-box.png) no-repeat center right; } #twitter h4 { background: transparent url(style/images/sidebar-box.png) no-repeat top right; } #flickr h4 { background: transparent url(style/images/sidebar-box.png) no-repeat bottom right; } /* Social Media */ #social-media .sidebar-content { padding: 0 22px; } #social-media li { margin: 0 7px 0 8px; float: left; } #social-media a { width: 24px; height: 24px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-social-media.png) no-repeat; } #social-media a:hover { } #social-media-facebook a { background-position: -24px 0; } #social-media-myspace a { background-position: -48px 0; } #social-media-flickr a { background-position: -72px 0; } #social-media-mail a { background-position: -96px 0; } /* Twitter Styles */ #twitter p { color: #fff; } #twitter span { display: block; } #twitter li { margin: 0 0 18px 0; } #twitter li:last-child { margin: 0 0; } #twitter .sidebar-content { padding: 0 20px 20px 20px; } #twitter .tweet_text a { color: #4d241c; } /* Blog Link */ #blogLink a { width: 240px; height: 59px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-blogLink.png) no-repeat top; } #blogLink a:hover { background-position: bottom; } /* iPhone App Link */ #iPhoneAppLink a { width: 240px; height: 98px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-iPhoneAppLink.png) no-repeat top; } #iPhoneAppLink a:hover { background-position: bottom; } /* Buy Tickets Now - Button */ #buyTicketsNow a { width: 240px; height: 70px; display: block; text-indent: -9999px; background: transparent url(style/images/sidebar-buyTicketsNow.png) no-repeat top; } #buyTicketsNow a:hover { background-position: bottom; } /***** FOOTER STYLES *****/ /* ----------------------------------------- */ #footer ul { width: 960px; height: 80px; padding: 10px 0 0 0; margin: 0 auto; background: transparent url(style/images/footer-BG.png) no-repeat; text-align: center; } #footer li { display: inline; line-height: 80px; margin: 0 10px 0 0; } #footer li:last-child { margin: 0; } /***** HOME PAGE STYLES *****/ /* ----------------------------------------- * /* Blog */ #home-blog { width: 720px; min-height: 600px; float: left; background: transparent url(style/images/home-blog-BG2.png) no-repeat; } #blogtickets { clear: left; position: relative; top: -400px; left: 35px; } #blogtickets h3 { line-height: 45px; font-size: 35px; } #blogtickets a { color: #3d8fcb; } #home-blog h2 { padding: 30px 0 0 30px; font-size: 35px; line-height: 35px; } #home-blog ul { width: 460px; padding: 8px 0; position: absolute; top: 30px; right: 30px; background-color: #fafafa; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #home-blog li { margin: 0 20px; line-height: 24px; border-bottom: 1px solid #e9e9e9; } #home-blog li:hover { margin: 0 10px; padding: 0 10px; background-color: #e9e9e9; } #home-blog ul li:last-child { border-bottom: none; } #home-blog li a { display: block; color: #4d241c; text-decoration: none; position: relative; } #home-blog li abbr { color: #afafaf; border: none; position: absolute; right: 0px; } /***** BLOG STYLES *****/ /* ----------------------------------------- */ /* General */ #blog #content ul#post-nav { margin: 60px 30px 0 30px; height: 18px; } #blog #content ul#post-nav li { padding: 0; background: none; display: inline; float: left; } #blog #content ul#post-nav li:last-child { float: right; } #blog #content #comments { padding: 0 0 30px 0; background: transparent no-repeat left bottom; } #blog #content #comments #content-top { height: 20px; background: transparent no-repeat top right; } #blog #content #comments h3 { color: #2e80bc; padding: 10px 30px 20px 30px; font-size: 25px; line-height: 25px; } #blog #content #comments #content-top, #blog #content #comments { background-image: url(style/images/content-BG-blog.png); } #blog #content img { padding: 10px; background-color: #e2e2e2; border: 1px solid #d2d2d2; } #blog #content #comments img { padding: 0; border: none; } /* General Typography */ #content a { color: #2e80bc; } #content a:hover { color: #b0b0b0; } #blog #content strong { color: #2e80bc; } #blog #content #archive-list abbr { float: right; margin: 0 5px 0 0; color: #b0b0b0; } #blog #content #archive-list li { width: 395px; } /* Comment Layout */ #comments ul { margin: 0 30px 0 88px; position: relative; } #comments ul li { width: 602px; margin: 0 0 20px 0; padding: 0 0 1px 0; min-height: 48px; } #comments div.comment-meta { display: block; margin: 5px 8px 0 5px; float: right; background: none; } #comments ul p { margin: 0 8px 5px 8px; width: auto; display: block; clear: both; } #comments div.comment-actions { display: none; } /* Comment Backgrounds */ #comments ul li div { background: url(style/images/blog-comments-BG.png) no-repeat left top; } #comments ul li { background: #e4e4e4 url(style/images/blog-comments-BG.png) no-repeat right bottom; } /* Comment Typography */ #comments cite, #comments cite a { color: #2e80bc; font-weight: bold; } #blog #comments div.comment-meta a { color: #b0b0b0; } /* Leave Comment */ div#respond { margin: 0 0 0 90px; } div#respond p { margin: 0 0 8px 0; } div#respond p textarea { font: 12px/18px Arial, 'Helvetica Neue', Helvetica, sans-serif; } /* Children Comments */ #comments ul ul cite { margin: 0 5px 0 0; } #comments ul.children { width: auto; margin: 20px 30px 0 68px; } #comments ul.children li { margin: 0 0 8px 0; padding: 0; display: block; } #comments ul.children li, #comments ul.children li div, #comments div.comment-actions { background: none; } /* Comment Navigation */ div.navigation { background: none; } /* Comment Author */ #comments .comment-author img { width: 48px; position: absolute; left: -58px; top: 0; } #comments .comment-author cite { position: absolute; left: 8px; top: 5px; } #comments .comment-author span.says { display: none; } /* Comment Body */ #comments .comment-body { margin: 5px 0 0 0; } #comments .comment-body em { color: #b0b0b0; position: absolute; top: 5px; left: 0; width: 100%; text-align: center; } #comments .comment-body br { display: none; } /* Comment Respond */ #blog #content #comments #respond h3 { padding: 20px 30px 20px 0px; background: none; } /***** BLOG ARCHIVE STYLES *****/ /* ----------------------------------------- */ #blog #content form { margin: 30px; } /***** SPONSOR STYLES *****/ /* ----------------------------------------- */ /* General Layout */ #sponsorsPage { } #sponsorsPage p { text-align: left; margin: 0 30px; line-height: 60px; } #sponsorsPage h1 { margin-left: 30px; font-size: 20px; margin-bottom: 15px; margin-right: 30px; }#sponsorsPage a { padding: 10px; } #sponsorsPage strong { clear: both; margin: 40px 0 0 0; } /***** PRESS STYLES *****/ /* ----------------------------------------- */ /* General Layout */ #pressPage { margin: 0 30px;} #pressPage strong { color: #2e80bc; font-size: 20px; line-height: 20px; font-weight: bold; margin: 30px 0 0 0; display: block; } /* PDFs */ #pressPage #pressReleases { margin: 0 290px 10px 30px; } #pressPage #pressReleases li { padding: 0 0 0 19px; background: transparent url(style/images/pdf.png) no-repeat; margin: 5px 0 0 0; } /* Photos */ #pressPage #photos a { width: 170px; height: 113px; margin: 0 20px 20px 0; border: 10px solid #cacaca; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #pressPage #photos a:hover { border: 10px solid #2e80bc; } #pressPage #photos a:active { border: 10px solid #246a9d; } /***** FAQ STYLES *****/ /* ----------------------------------------- */ #content .faq { margin: 0 30px 10px 30px; padding: 0; background-color: #e0e0e0; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #content .faq strong { width: 620px; margin: 0; padding: 20px; } #content .faq p { margin: 0; padding: 0; } #content .faq .faq-answer { padding: 0 20px 20px 20px; } #content .faq .faq-answer p { margin: 0 0 10px 0; } #content .faq .faq-answer ul { margin: 0 0 10px 20px; }