/* Theme Name: Reggies Theme URI: http: //wordpress.org/extend/themes/reggies Author: Rebekah Blackmon Author URI: http://www.rebekahblackmon.com Description: Custom theme Version: 1.0 License: GNU General Public License License URI: license.txt Tags: dark,light,white,black,gray,one-column,two-columns,left-sidebar,right-sidebar,fixed-width,flexible-width,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready */ /* =Reset default browser CSS. Based on work by Eric Meyer: http: //meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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,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; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } : focus { /* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } ol,ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption,th,td { font-weight: normal; text-align: left; } blockquote: before,blockquote: after, q: before,q: after { content: ""; } blockquote,q { quotes: "" ""; } a img { border: 0; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; } /* =Structure ----------------------------------------------- */ /* =Global ----------------------------------------------- */ body,input,textarea { color: #000; font: 13px/16px Arial,sans-serif; font-weight: 300; } body { background: #242623 url('images/body-bg.jpg') repeat top left ; } header .container_24 { background: #88988d url('images/header_bg.jpg') 0 5px repeat-x; } #main .container_24 { background: #e3e7de url('images/middle_bg.png') center repeat-y; position: relative; } #middle { background: transparent url('images/middle-bar-shadow.jpg') 3px top no-repeat; } #main #middle div.inner { margin: 35px 0 0 3px; min-height: 500px; background: transparent url('images/page-middle-r-bg.jpg') repeat-y top center;} .woocommerce #main #middle div.inner { padding: 0 20px;} .search #main #middle div.inner, .parent-pageid-15449 #main #middle div.inner, .page-id-15449 #main #middle div.inner, .single #main #middle div.inner, .parent-pageid-15416 #main #middle div.inner, .page-id-15416 #main #middle div.inner , .page-id-15433 #main #middle div.inner { background-image: none; } .page-template-template-calendar-php #main #middle div.inner { background-repeat: no-repeat; background-position: center 50px; } #page-top { border-top: 10px solid #E3E7DE; } header #site-title { float: left; clear: none; margin: 10px 0 0 0; } header #site-description { float: right; clear: none; margin: 62px 0 0 0; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; } /* Text elements */ a { color: #fc5204; text-decoration: none; } a:hover { text-decoration: underline; } a h3 { color: black; } p { margin-bottom: 1em; font-size: 13px; } ul,ol { margin: 0 0 1.625em 2.5em; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul,ol ol,ul ol,ol ul { margin-bottom: 0; } dl { margin: 0 1.625em; } dt { font-weight: bold; } dd { margin-bottom: 1.625em; } strong { font-weight: bold; } cite,em,i { font-style: italic; } blockquote { font-family: Georgia,"Bitstream Charter",serif; font-style: italic; font-weight: normal; margin: 0 3em; } blockquote em,blockquote i,blockquote cite { font-style: normal; } blockquote cite { color: #666; font: 12px Arial,sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } pre { background: #f4f4f4; font: 13px "Courier 10 Pitch",Courier,monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; } code,kbd { font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; } abbr,acronym,dfn { border-bottom: 1px dotted #666; cursor: help; } address { display: block; margin: 0 0 1.625em; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } /* Top Menu */ #access .menu { position: absolute; top: 35px; right: 40px; } #access .menu li { list-styleao-type: none; float: left; display: block; } #access .menu li a { font-size: 12px; line-height: 17px; text-decoration: none; text-transform: uppercase; color: #333; padding: 1px 11px; font-weight: bold; display: block; border-top: 2px solid #cbd3ce; border-right: 2px solid #cbd3ce; border-left: 2px solid #858d88; border-bottom: 2px solid #858d88; border-radius: 2px; behavior:url('PIE.htc'); position: relative; margin-left: 8px; transition-duration: 1s, 0.5s; -webkit-transition-duration: 1s, 0.5s; -moz-transition-duration: 0.5s, 1s; } #access .menu li a:hover, #access .menu li.current-menu-item a, #access .menu li.current-page-ancestor a { color: #fc5204; } /* Home promo area */ div#home-promo { padding: 0 33px; margin: 0; overflow: hidden; height: 141px; } div#home-promo a { margin: 0 6px; } div#home-promo a, div#home-promo img { display: block; float: left; } /* main menu */ #mainmenu { border: 3px solid #fc5204; border-bottom: none; border-radius: 5px 5px 0 0; behavior:url('PIE.htc'); position: relative; margin: 0 0 0 1px; padding: 0; } #mainmenu ul { background-color: #f7f8f7; border: 8px solid #a5b3aa; border-bottom: none; margin: 0; padding: 0; } #mainmenu ul li { list-style-type: none; float: left; display: block; } #mainmenu ul li a { color: black; text-decoration: none; text-transform: uppercase; padding: 5px 6px; font-size: 14px; display: block; transition-duration: 1s, 0.5s; -webkit-transition-duration: 1s, 0.5s; -moz-transition-duration: 0.5s, 1s; } #mainmenu ul li a:hover, #mainmenu ul li.current-menu-item a, #mainmenu ul li.current-page-ancestor a, #mainmenu ul li.current-post-type-ancestor a { color: #fc5204; } /* Syb Menu */ #submenu .menu { margin: 3px 0 0 5px; background-color: #F7F7F7; text-align: center; } #submenu .menu li { list-style-type: none; display: inline; margin: 0; padding: 0; } #submenu .menu li a { background-color: #d3dbda; font-size: 10px; line-height: 13px; text-decoration: none; text-transform: uppercase; color: #333; padding: 1px; display: inline; border-left: 2px solid #c1c4c3; border-bottom: 2px solid #c1c4c3; border-radius: 5px; behavior:url('PIE.htc'); position: relative; margin: 0 0 3px 0; transition-duration: 1s, 0.5s; -webkit-transition-duration: 1s, 0.5s; -moz-transition-duration: 0.5s, 1s; } #submenu .menu li a:hover, #submenu .menu li.current_page_item a, #submenu .menu li.current_page_ancestor a, #submenu .menu li.currentmonth a, #submenu .menu li.current-cat a { color: #fc5204; } #submenu .menu li.showmonth a { background: none; border: none; text-transform: none; } .submenu_blurb { font-size: 10px; color: #FC4A00; text-align: center; margin: 5px 0; } #submenu .menu li.submenu_blurb a { font-size: 10px; color: #FC4A00; text-align: center; margin: 5px 0; background: none; padding: 0; text-transform: none; border: none; text-decoration: underline; } /* Center area */ #middle .type-page h2, h2.decorated, #blog #comments h2, #middle h1.page-title { line-height: 28px; text-shadow: -1px 1px 2px #fff; font-family: Verdana; letter-spacing: .05em; color:#fc4a00;text-transform:uppercase;background:transparent url('images/h1-bg.png') no-repeat left center;font-size:16px;font-weight:bold;margin:0 0 .8125em -15px; width: 100%;padding:0 1em 11px; } #middle .type-page h2 span, h2.decorated span, #blog #comments h2 span, #middle h1.page-title span { -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); transform: rotate(-2deg); display: block; } #middle h2.decorated { margin: 20px 0; } .ie #middle .type-page h2, .ie #middle h2.decorated, .ie #blog #comments h2, .ie #calendar .fc-header-title h2, .ie #middle h1.page-title { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 8px; line-height: 25px; } #middle .type-page .has-thumb h2 { clear: none; } #middle .type-page .has-thumb .wp-post-image { float: right; margin: 0 0 10px 10px; } #middle .type-page .noheader .wp-post-image { float: right; margin: 54px 0 10px 10px; } #middle .type-page h3, #middle .type-post h3, #middle section h3, h2.displayheader { font-size:12px;letter-spacing:0.1em;line-height:1.6em;text-transform:uppercase;color:#fc4a00;font-weight:normal;} h2.displayheader { padding: 0 18px; } #middle .type-page h4, #middle .type-post h4 { font-size: 12px; font-weight: normal; color:#fc4a00; line-height: 15px; } article.quick-notes { padding: 12px; } article.quick-notes h2 { text-transform: uppercase; font-size: 15px; font-weight: bold; line-height: 20px; cursor: pointer; text-indent: -5px; padding-left: 5px; } article.page, #middle section.type-page, #blog section { padding: 0 20px 20px 20px !important; } article.page p, article.page ul li { line-height: 1.4em; font-size: 13px; } article.page ul li { margin-bottom: 5px; } article.page h3 { clear: none; } article.show { width: 447px; } article.show h2 { text-transform: uppercase; font-size: 15px; font-weight: bold; line-height: 20px; cursor: pointer; text-indent: -5px; padding-left: 5px; } article.show h3 { text-transform: uppercase; font-size: 13px; cursor: pointer; text-indent: -5px; padding-left: 5px; } article.show span.extra { text-transform: none; font-weight: normal; font-size: 0.9em; } article.show h2.hover, article.show h3.hover { color: #fc5204; } article div.thumbnail { float: right; position: relative; z-index: 9; margin: 0 0 10px 10px; width: 150px; } article.event div.thumbnail, article.busride div.thumbnail { width: auto; } article div.feature-staff-picks { width: 32px; height: 38px; background: transparent url('images/little_pick.png') no-repeat top left; position: absolute; top: 30px; right: 15px; } article.first div.feature-staff-picks { top: 10px; } article div.thumbnail div.feature-staff-picks { width: 32px; height: 38px; background: transparent url('images/little_pick.png') no-repeat top left; position: absolute; top: -12px; left: -12px; } article.show, article.band { height: auto; min-height: 90px; position: relative; padding: 37px 20px 40px 80px; background: #F7F7F7 url('images/middle-bar.jpg') left top no-repeat; } article.show header.hasthumb { width: 270px; } article.event header.hasthumb { width: auto; } article.show hgroup, article.show p { float: left; clear: left; } article.show p.presented-by { z-index: 1; zoom: 1; margin: -14px 0 0 0; position: absolute; height: 11px; overflow: hidden; font-size: 11px; line-height: 11px; text-transform: lowercase; } article.show time { position: absolute; left: 12px; top: 38px; text-align: center; font-family: Verdana; } article.show aside.sideicons { position: absolute; bottom: 5px; left: 12px; } article.show time span { line-height: 20px; font-weight: bold; text-transform: uppercase; display: block; text-align: center; margin: auto; width: auto; } article.show time span.day { font-size: 22px; } article.show time span.month { font-size: 15px; } article.show time span.day_no { font-size: 37px; line-height: 28px; } article.show time span.year { letter-spacing: 3px; font-size: 10px; line-height: 20px; } article.first, article:first-child { background-image: none; padding-top: 15px; } article.first time, article:first-child time { background-image: none; top: 16px; } article.last footer, article:last-child footer,article.last aside.sideicons, article:last-child aside.sideicons { padding-bottom: 10px; } article.last, article:last-child { padding-bottom: 50px; } article.show .entry-content { padding: 10px 0; font-size: 0.9em; } article.busride .entry-content { padding: 0 0 10px; } article.show footer { clear: left; position: absolute; bottom: 5px; font-size: 11px; background-color: #F7F7F7; } article.busride footer { width: 84%; } article.show footer a { text-decoration: none; } article.show footer a:hover { text-decoration: underline; } article ul.details { list-style-type: none; margin: 0; padding: 0; clear: left; } article ul.details li { font-weight: bold; float: left; list-style-type: none; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 2px solid black; } article ul.details li.last, article ul.details li:last-child { border-right: none; margin: 0; padding: 0; } article.show footer .icon { float: left; margin: 11px 0 0 6px; } article.event div.entry-footer .icon { float: left; margin: 11px 0 0 5px; } article.event footer { width: 90%; } article.event footer .icon, article.busride footer .icon { margin-top: 0; } article.event footer p { font-size: 11px; float: left; font-weight: bold; margin-right: 10px; margin-bottom: 0 } article.event footer ul.details { clear: none; float: left; } article.event footer div.float-l, article.busride footer div.float-l { margin-top: 5px; } article .edit-link a { position: absolute; right: 10px; bottom: 25px; z-index: 99; display: block; width: 14px; height: 14px; background: transparent url('images/edit.gif') top left no-repeat; cursor: pointer; } article .show-title .edit-link a, article .show-subtitle .edit-link a { position: relative; right: auto; bottom: auto; display: block; float: left; margin-right: 10px; width: 14px; height: 14px; background: transparent url('images/edit.gif') top left no-repeat; cursor: pointer; } article.show .attachment-thumbnail , article.band .attachment-thumbnail { float: right; } .wp-pagenavi { position: absolute; bottom: -80px; width: 100%; text-align: center; z-index: 9999; clear: none !important; left: 0; } .wp-pagenavi a, .wp-pagenavi span { background-color: #F7F7F7; border-radius: 7px; behavior:url('PIE.htc'); position: relative; } article.busride p { clear: none; float: none; } article.busride h2 { clear: none; } article.busride aside.sideicons { position: absolute; top: 131px; left: 12px; } /* Show detail */ article.showfull { padding-bottom: 80px; } article.showfull.first aside.sideicons { position: absolute; top: 109px; left: 12px; } article.showfull aside.sideicons { position: absolute; top: 131px; left: 12px; } article.showfull h2 { text-transform: uppercase; font-size: 15px; font-weight: bold; padding-bottom: 10px; clear: none; cursor: default; } article.showfull h2.vip-title { color: #fc5204; } article.showfull section.showcontent { margin: 5px 0 10px 0; border-bottom: 3px dotted #000; } article.event section.showcontent { margin: 10px 0; border-bottom: none; width: 100%; } article.showfull section.band { margin-bottom: 20px; position: relative; } article.showfull section.band .wp-post-image { float: right; margin: 0 0 10px 10px; } article.showfull section.band ul.details li { font-weight: normal; border: none; } article.showfull .entry-content { padding: 0; font-size: 0.9em; } article.showfull p { clear: none; float: none; } article.showfull a.collapseshow { visibility: hidden; } article.showfull iframe { border: 2px solid #636B67; margin-bottom: 10px; background-color: #BFC8C2; } article.showfull a.promoterlogo { margin: 10px 0; display: block; text-align: center; } article.showfull a.more_link { display: block; margin: -10px 0 10px 0; } a.addthis_counter { } article footer { overflow: visible !important; } div.addthis_sharing_toolbox { clear: left; padding: 10px 0 0 0; position: relative; z-index: 99; overflow: visible; } div.addthis_sharing_toolbox iframe { border: none; background: none; margin: 0; } article.event div.addthis_sharing_toolbox, article.busride div.addthis_sharing_toolbox { clear: left; padding: 10px 0 0;} .textwidget a.extra img { visibility: hidden; } .addthis_button_facebook { margin: 2px 5px; overflow: visible; } .addthis_button_facebook_like { overflow: visible; z-index: 99; position: relative; } .addthis_button_facebook_like span, .fb_edge_widget_with_comment iframe.fb_ltr { padding-right: 0; position: relative; z-index: 99; overflow: visible; } /* Events */ article.event { padding-right: 10px; } article.event section { clear: left; padding: 10px 0 0 0; margin: 0; position: relative; float: left; } article.event section.showcontent { padding: 0; margin: 0; min-height: 80px; } article.event section.show div.sideicons { position: absolute; left: -68px; bottom: 0; } #middle article.event section.show h2 { padding-bottom: 0; } #middle article.event section.show h2 a, #middle article.event section.show h3 a { color: black; } #middle article.event section.show h2 a:hover, #middle article.event section.show h3 a:hover { color: #fc5204; } #middle article.event section.show h3 { clear: none; color: #000; margin: 0; cursor: default; letter-spacing: 0; } #middle article.event section.show div.entry-footer { margin-top: 5px; position: relative; } /* Blog */ #blog article.even{ height: auto; min-height: 110px; position: relative; padding: 10px 20px 47px 80px; background: #E2E6E3 url('images/grey-to-white.png') left bottom no-repeat; } #blog article.odd{ height: auto; min-height: 110px; position: relative; padding: 10px 20px 47px 80px; background: #F7F8F7 url('images/white-to-grey.png') left bottom no-repeat; } article.post header.hasthumb { width: 265px; float: left; } article.post hgroup, article.post p { max-width: 100%; clear: left; } article.post h2 { margin-bottom: 10px; } article.post h2 a { text-transform: uppercase; font-size: 16px; font-weight: bold; line-height: 20px; cursor: pointer; } article.post img.attachment-thumbnail {margin: 0 0 10px 10px; float: right; position: relative; } article.post header time { position: absolute; left: 12px; top: 9px; text-align: center; font-family: Verdana; padding-bottom: 50px; background: transparent url('images/circle-r-2.png') center bottom no-repeat; } article.post time span { line-height: 20px; font-weight: bold; text-transform: uppercase; display: block; text-align: center; margin: auto; width: auto; } article.post time span.day { font-size: 22px; } article.post time span.month { font-size: 15px; } article.post time span.day_no { font-size: 37px; line-height: 28px; } article.post time span.year { letter-spacing: 3px; font-size: 10px; line-height: 20px; } article.post p.author { margin: -14px 0 0 0; font-size: 11px; line-height: 11px; text-transform: lowercase; } article.post footer ul.details li { font-size: 11px; } #blog article.first time, #blog article:first-child time { top: 9px; } #blog article.oddlast, #blog article.odd:last-child { background-image: none; padding-top: 8px; } #blog article.postfull { padding: 10px 20px 20px 20px; } #blog article.postfull time { font-family: Arial; position: relative; margin: 0; padding: 0; top: auto; left: auto; text-align: left; } #blog article.postfull div.entry-meta { font-size: 10px; font-style: italic; } #blog article.postfull footer { clear: both; border-top: 3px dotted #bfc8c2; padding: 10px; margin: 5px 0; background-color: #edefee; } #blog article.postfull img { max-width: 100%; } /* Comments */ /* Comment Form */ #commentform { background: #E4E7E0; border: 1px solid #dce0d6; -moz-border-radius: 3px; border-radius: 3px; behavior:url('PIE.htc'); position: relative; margin: 10px 0 20px 0; padding: 1.625em; position: relative; width: auto; } #commentform input[type="text"], #commentform textarea { background: #fff; border: 2px solid #eee; -moz-border-radius: 5px; border-radius: 5px; behavior:url('PIE.htc'); position: relative; -webkit-box-shadow: inset 0 1px 1px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 1px rgba(204,204,204,0.95); box-shadow: inset 0 1px 1px rgba(204,204,204,0.95); position: relative; padding: 3px; } #commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-url, #commentform .comment-form-comment { position: relative; } #commentform .comment-form-author label, #commentform .comment-form-email label, #commentform .comment-form-url label, #commentform .comment-form-comment label { display: block; font-size: 13px; min-width: 60px; position: relative; color: #666; } #commentform input[type="text"]: focus, #commentform textarea: focus { text-indent: 0; z-index: 1; } #commentform textarea { resize: vertical; width: 95%; } #commentform .comment-form-author .required, #commentform .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 74%; position: absolute; top: 43px; z-index: 1; } #commentform .comment-notes, #commentform .logged-in-as { font-size: 13px; color: #666; } #commentform p { margin: 5px 0; } #commentform .form-submit { margin: 10px 0; } #commentform input#submit { background: #88988D; color: white; text-transform: uppercase; border: none; -moz-border-radius: 3px; border-radius: 3px; behavior:url('PIE.htc'); position: relative; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); cursor: pointer; font-size: 15px; margin: 0; padding: 5px 22px; position: relative; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #commentform input#submit: active { background: #B2BDB5; color: #bfddf3; } #commentform #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #commentform .logged-in-as a: hover, #commentform #cancel-comment-reply-link: hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; position: relative; } #reply-title { color: #ed891d; font-size: 16px; font-weight: normal; line-height: 30px; text-transform: uppercase; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 0; text-decoration: none; text-transform: uppercase; top: 2em; } #cancel-comment-reply-link: focus, #cancel-comment-reply-link: active, #cancel-comment-reply-link: hover { color: #ff4b33; } #respond label { line-height: 2.2em; } #respond input[type=text] { display: block; height: 24px; width: 75%; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } /* =Comments ----------------------------------------------- */ #comments article.first, #comments article:first-child { background-image: none; padding: 0; } #comments article.last footer, #comments article:last-child footer { padding: 0; } #comments-title { color: #ed891d; font-size: 16px; font-weight: normal; padding: 0 0 1em; text-transform: uppercase; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist { list-style: none; margin: 0 auto; width: 82%; padding: 10px 3% 10px 15%; } .content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ } .commentlist > li.comment { background: transparent; margin: 0 0 1.625em; padding: 0 1.625em; position: relative; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { background: #fff;-moz-border-radius: 3px; border-radius: 3px; behavior:url('PIE.htc'); margin: 1.625em 0 0; padding: 1.625em; position: relative; } .commentlist .children li.comment .fn { display: block; } .comment-meta .fn { font-style: normal; } .comment-meta { color: #000; font-size: 13px; line-height: 2.2em; padding: 0 10px 3px 0; } .commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist .children li.comment .comment-content { margin: 0; } .comment-content { padding-top: 10px; } .comment-content p { margin-bottom: 10px; } .comment-meta a { font-weight: bold; } .comment-meta a: focus, .comment-meta a: active, .comment-meta a: hover { } .commentlist .avatar { -moz-border-radius: 3px; border-radius: 3px; behavior:url('PIE.htc'); -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; left: -64px; padding: 0; position: absolute; top: 0; } .commentlist > li: before { content: url(images/comment-arrow.png); left: -21px; position: absolute; } .commentlist > li.pingback: before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 1.7em; padding: 0; top: 1.6em; } #comments a.comment-reply-link { float: right; background: #88988D; color: white; -moz-border-radius: 3px; border-radius: 3px; behavior:url('PIE.htc'); position: relative; display: inline-block; font-size: 12px; padding: 5px; text-decoration: none; } a.comment-reply-link: hover, a.comment-reply-link: focus, a.comment-reply-link: active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } /* Post author highlighting */ .commentlist > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a: focus, .commentlist > li.bypostauthor .comment-meta a: active, .commentlist > li.bypostauthor .comment-meta a: hover { } .commentlist > li.bypostauthor: before { content: url(images/comment-arrow-bypostauthor.png); } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } /* Photos */ #middle div.photo { margin: 0 auto 15px; width: 353px; height: 231px; padding: 15px 15px; background: transparent url('images/photo-frame-new.png') no-repeat center; } #middle p.photoblurb { color: #FC5204; text-align: center; font-weight: bold; } #main img.attachment-bottom-full-width-promo { position: absolute; bottom: 0; display: none; left: 207px; } .widget_sp_image-image-link{display:block;position:relative;width:188px;height:123px;} .widget_sp_image-image-link img{width:188px;} .fade-image-a, .fade-image-b{position:absolute;left:0;top:0;} .fade-image-a{z-index:5;opacity:1;transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;} .fade-image-a:hover{opacity:0;} /* Calendar */ #loading { background-color: white; color: #FC5204; font-weight: bold; left: 20%; padding: 10px; position: absolute; text-align: center; top: 150px; width: 60%; z-index: 99; border: 1px solid #ccc; } #calendar { margin: 72px 20px 5px; } #ie7 #calendar { margin-top: 32px; } #calendar .fc-header-title h2 { position: absolute; top: 25px; line-height: 28px; text-shadow: -1px 1px 2px #fff; font-family: Verdana; letter-spacing: .05em; color:#fc4a00;text-transform:uppercase;background:transparent url('images/h1-bg.png') no-repeat left center;font-size:16px;font-weight:bold;margin:0 0 .8125em -15px; width: 539px;padding:0 1em 11px; } #calendar .fc-header-title h2 span { -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); display: block; } #calendar .fc-header .fc-button { margin-bottom: 15px; } #calendar .fc-event-inner { font-size: 9px; } #calendar div.fc-event-skin, #calendar a.fc-event-skin { background-color: #BFC8C2; border-color: #AEB7B1; } #calendar .fc-event-title { text-transform: uppercase; } #calendar a.rock-club div.fc-event-skin, #calendar a.rock-club { background-color: #89948D; border-color: #77877C; } #calendar a.roof-deck div.fc-event-skin, #calendar a.roof-deck { background-color: #5F5641; border-color: #4E4530; } #calendar a.event div.fc-event-skin, #calendar a.event { background-color: #5F5641; border-color: #4E4530; } #calendar a.music-joint div.fc-event-skin, #calendar a.music-joint { background-color: #918364; border-color: #807253; } #calendar a.record-breakers div.fc-event-skin, #calendar a.record-breakers { background-color: #657B69; border-color: #546A58; } #calendar a.bus-ride div.fc-event-skin, #calendar a.bus-ride { background-color: #4A5C4E; border-color: #394B3D; } #calendar a.road-trip div.fc-event-skin, #calendar a.road-trip { background-color: #4A5C4E; border-color: #394B3D; } ul.legend { margin: 0; padding: 0 0 500px; } ul.legend li { float: left; margin-right: 0; font-weight: bold; list-style-type: none; } ul.toplegend { position: absolute; top: 70px; left: 20px; } .ui-tooltip-default { background-color: #BFC8C2; border-color: #AEB7B1; } .ui-tooltip-content ul { padding: 0; margin: 0; } .ui-tooltip-content ul li { padding: 0; margin: 0; list-style: none; font-size: 10px; line-height: 13px; text-indent: -5px; padding-left: 5px; text-transform: uppercase; } .ui-tooltip-content ul.eventdetails { margin: 5px 0; } .ui-tooltip-content ul.eventdetails li { clear: left; padding: 5px 0 0 0; text-indent: 0; } .ui-tooltip-content ul.eventdetails ul.details { margin: 0 0 5px 0; } .ui-tooltip-content ul.eventdetails ul.details li { padding-top: 0; } .ui-tooltip-content ul.details { margin: 10px 5px; } .ui-tooltip-content ul.details li { line-height: 10px; text-transform: none; clear: none; float: left; margin-left: 4px; padding-left: 10px; border-left: 1px solid black; } .ui-tooltip-content ul.details li.first { border: none; margin: 0; padding: 0; } .ui-tooltip-content p { clear: both; font-size: 11px; padding: 10px 0 0 0; margin: 0; color: #fc5204; } div.fc-content a.event { height: auto; } /* FAQ */ .page-template-template-faq-php ul, .page-template-template-faq-php dl { list-style: none; padding: 0; margin: 0 0 10px 0; } .page-template-template-faq-php article.page ul li { padding: 0; margin: 0; } .page-template-template-faq-php dt { font-size: 16px; line-height: 20px; text-decoration: underline; margin: 10px 0 0 0; padding: 5px; } .page-template-template-faq-php dd { margin: 10px 20px; } /* Icons */ a.icon, span.icon { display: block; margin: 5px 0; height: 20px; width: 20px; overflow: hidden; background: transparent url('images/icons-newer.png') no-repeat 0 -1px; } .sideicons a.icon { display: block; margin: 0; height: 31px; width: 52px; overflow: hidden; background: transparent url('images/rooms.png') no-repeat 0 0; } .sideicons span.icon { margin-left: auto; margin-right: auto; } .calendar a.icon { display: block; margin: 0; height: 25px; width: 43px; overflow: hidden; background: transparent url('images/calendar-filters.png') no-repeat 0 0; } .textwidget a.icon { display: block; margin: 0; height: 28px; width: 29px; overflow: hidden; background: transparent url('images/social-icons-8-4.png') no-repeat 0 0; } a.band_video { background-position: -283px -1px; } a.band_video:hover { background-position: -283px -21px; } a.band_audio { background-position: -260px -1px; } a.band_audio:hover { background-position: -260px -21px; } a.ticketfly { background-position: 0 -1px; width: 42px; } a.ticketfly:hover { background-position: 0 -21px; } span.sold-out { background-position: -44px 0; width: 43px; } .sideicons span.sold-out { background-image: url('images/sold-out.png'); background-position: 0 0; height: 31px; width: 52px; } span.free { background-position: -87px 0; width: 43px; } a.rsvp { background-position: -130px -1px; width: 43px; } a.rsvp:hover { background-position: -130px -21px; } a.event { width: 44px; background-position: -388px -1px; } a.event:hover { background-position: -388px -21px; } a.facebook { background-position: -216px -1px; width: 22px; } a.facebook:hover { background-position: -216px -21px; } a.twitter { background-position: -238px -1px; width: 22px; } a.twitter:hover { background-position: -238px -21px; } a.rss { background-position: -303px -1px; width: 21px; } a.rss:hover { background-position: -303px -21px; } a.share { background-position: -324px -1px; width: 21px; } a.share:hover { background-position: -324px -21px; } .textwidget a.facebook { background-position: 0 0; } .textwidget a.facebook:hover { background-position: 0 -30px; } .textwidget a.twitter { background-position: -29px 0; } .textwidget a.twitter:hover { background-position: -29px -30px; } .textwidget a.instagram { background-position: -58px 0; } .textwidget a.instagram:hover { background-position: -58px -30px; } /*.textwidget a.flickr { background-position: -87px 0; } .textwidget a.flickr:hover { background-position: -87px -28px; }*/ .textwidget a.extra { background-position: -116px 0; } .textwidget a.extra:hover { background-position: -116px -30px; } .sideicons a.music-joint { background-position: -52px 0; } .sideicons a.music-joint:hover, .sideicons a.music-joint.selected { background-position: -52px -31px; } .sideicons a.rock-club { background-position: 0 0; } .sideicons a.rock-club:hover, .sideicons a.rock-club.selected { background-position: 0 -31px; } .sideicons a.record-breakers { background-position: -104px 0; } .sideicons a.record-breakers:hover, .sideicons a.record-breakers.selected { background-position: -104px -31px; } .sideicons a.roof-deck { background-position: -156px 0; } .sideicons a.roof-deck:hover, .sideicons a.roof-deck.selected { background-position: -156px -31px; } .sideicons a.bus-ride { background-position: -208px 0; } .sideicons a.bus-ride:hover, .sideicons a.bus-ride.selected { background-position: -208px -31px; } .sideicons a.road-trip { background-position: -260px 0; } .sideicons a.road-trip:hover, .sideicons a.road-trip.selected { background-position: -260px -31px; } .sideicons a.ticketfly { background-position: -312px -7px; margin: 5px 0; height: 24px; } .sideicons a.ticketfly:hover { background-position: -312px -31px; } .sideicons a.event { background-position: -364px 0; } .sideicons a.event:hover, .sideicons a.event.selected { background-position: -364px -31px; } .sideicons a.beach { background-position: -215px 0; background-image: url('images/beach-icons.png'); height: 25px; width: 43px; } .sideicons a.beach:hover, .sideicons a.beach.selected { background-position: -215px -25px; background-image: url('images/beach-icons.png'); height: 25px; width: 43px; } .sideicons a.show-all { background-position: -416px 0; } .sideicons a.show-all:hover, .sideicons a.show-all.selected { background-position: -416px -31px; } .sideicons a.comedy-shack, .sideicons a.comedy-shack:hover, .sideicons a.comedy-shack.selected { background-image: url('images/comedy-shack.png'); background-position: 0 0; height: 31px; width: 52px; } .calendar a.show-all { background-position: 0 0; } .calendar a.show-all:hover, .calendar a.show-all.selected { background-position: 0 -25px; } .calendar a.music-joint { background-position: -43px 0; } .calendar a.music-joint:hover, .calendar a.music-joint.selected { background-position: -43px -25px; } .calendar a.rock-club { background-position: -86px 0; } .calendar a.rock-club:hover, .calendar a.rock-club.selected { background-position: -86px -25px; } .calendar a.comedy-shack { background-position: -129px 0; } .calendar a.comedy-shack:hover, .calendar a.record-breakers.selected { background-position: -129px -25px; } .calendar a.roof-deck { background-position: -172px 0; } .calendar a.roof-deck:hover, .calendar a.roof-deck.selected { background-position: -172px -25px; } .calendar a.event { background-position: -215px 0; } .calendar a.event:hover, .calendar a.event.selected { background-position: -215px -25px; } .calendar a.beach { background-position: -215px 0; background-image: url('images/beach-icons.png'); } .calendar a.beach:hover, .calendar a.beach.selected { background-position: -215px -25px; background-image: url('images/beach-icons.png'); } .calendar a.bus-ride { background-position: -258px 0; } .calendar a.bus-ride:hover, .calendar a.bus-ride.selected { background-position: -258px -25px; } .order-button { display: block; margin-right: 10px; vertical-align: middle; display: inline-block; background-repeat: no-repeat; width: 285px; background-position: 0 -47px; height: 47px; background-size: 285px 95px; } .order-button:hover { background-position: 0 0px; } /* Sidebars */ .sidebar aside { overflow: hidden; position: relative; margin: 0 0 5px; display: block; background-color: #a6b4ab; border-top: 2px solid #c0c9c2; border-right: 2px solid #c0c9c2; border-left: 1px solid #636b67; border-bottom: 2px solid #636b67; padding: 5px 10px; } .sidebar aside h3 { font-size: 13px; font-weight: bold; text-transform: uppercase; color: black; text-align: center; text-shadow: 0 1px 1px #ddd; } #searchform #s { width: 75%; margin-right: 5px; border-radius: 5px; behavior:url('PIE.htc'); position: relative; border: none; border-top: 1px solid #636b67; border-right: 1px solid #636b67; background-color: white; padding: 3px 5px; float: left; display: block; } #searchform #searchsubmit { text-indent:-9999px; cursor: pointer; float: left; color: transparent; text-transform: capitalize; width: 25px; height: 28px; padding: 5px; background: transparent url('images/go.png') no-repeat center; display: block; border: none; } .sidebar .widget_custom_cf7 { overflow: visible; } #main .sidebar .gform_wrapper .top_label input.medium { float: none; width: 75%; margin-right: 5px; border-radius: 5px; behavior:url('PIE.htc'); position: relative; border: none; border-top: 1px solid #636b67; border-right: 1px solid #636b67; background-color: white; padding: 3px 5px; float: left; display: block; } #main .sidebar .gform_wrapper .gform_button { text-indent:-9999px; cursor: pointer; float: left; color: transparent; text-transform: capitalize; width: 25px; height: 28px; padding: 5px; background: transparent url('images/go.png') no-repeat center; display: block; border: none; } #gform_wrapper_1 .gform_footer { float: left; width: 20%; clear: none; } #main .sidebar .gform_wrapper ul li.gfield, #main .sidebar .gform_wrapper .top_label div.ginput_container { margin-top: 0; } #main .sidebar .gform_wrapper { margin: 0; } .sidebar .wpcf7-form p { margin: 0; } .sidebar .wpcf7-response-output { background: white; z-index: 999; position: absolute; top: -33px; left: 100px; width: 200px; } .sidebar .wpcf7-validation-errors { display: none !important; } .sidebar .ajax-loader { position: absolute; top: 0; left: 0; } .sidebar .textwidget { background-color: #bfc8c2; margin: 5px; padding: 5px; border-radius: 5px; behavior:url('PIE.htc'); position: relative; } .sidebar .textwidget p { font-size: 11px; line-height: 13px; } .sidebar .textwidget p.social { margin-bottom: 0; } .sidebar .textwidget a.icon { float: left; } .widget_tag_cloud_custom_posts h3, .widget_sp_image h3 { display: none; } .wp-tag-cloud { margin: 0; padding: 0; } .wp-tag-cloud li { padding: 0; margin: 0; display: inline; } .wp-tag-cloud a { text-decoration: none; color: #5B6A61; font-weight: bold; text-shadow: 1px 1px #BAC9C0, -1px -1px #616F66; text-transform: uppercase; line-height: 1em; white-space: nowrap; transition-duration: 1s, 0.5s; -webkit-transition-duration: 1s, 0.5s; -moz-transition-duration: 0.5s, 1s; } .wp-tag-cloud a:hover { color: #fc5204; } .entry-content .wp-tag-cloud li a { text-shadow: none; } .sidebar .widget_staff_pick, .sidebar .widget_spotlight { padding: 30px 0 5px; z-index: 9; overflow: visible; } .sidebar .widget_staff_pick .inner, .sidebar .widget_spotlight .inner { padding: 5px 10px; } .sidebar .widget_staff_pick a.image { display: block; height: 125px; overflow: hidden; } .sidebar .widget_staff_pick h3 { z-index: 9; background: transparent url('images/the-pick.png') 0 0 no-repeat; line-height: 63px; position: absolute; top: -18px; padding-left: 65px; font-size: 15px; } .sidebar .widget_spotlight h3 { z-index: 9; background: transparent url('images/spotlight.png') 0 0 no-repeat; line-height: 70px; position: absolute; top: -20px; padding-left: 70px; font-size: 15px; } .sidebar .widget_staff_pick h4.show-title, .sidebar .widget_spotlight h4.show-title { font-weight: bold; font-size: 12px; } .sidebar .widget_staff_pick h4.date, .sidebar .widget_spotlight h4.date { text-transform: uppercase; } .sidebar .widget_staff_pick h4, .sidebar .widget_spotlight h4 { font-size: 10px; } .sidebar .widget_spotlight h4 a, .sidebar .widget_staff_pick h4 a { color: black; text-decoration: none; } .sidebar .widget_spotlight h4 a:hover, .sidebar .widget_staff_pick h4 a:hover { color: #fc5204; } .sidebar p.readmore { font-size: 11px; margin: 10px 0 5px; font-weight: bold; } .sidebar p.readmore a { text-decoration: none; color: #ec4c03; } .sidebar p.readmore a:hover { text-decoration: underline; } .sidebar .widget_just_added, .sidebar .widget_bus_rides { background-color: #BFC8C2; padding-top: 20px; } .sidebar .widget_just_added h3, .sidebar .widget_bus_rides h3 { background-color: #A6B4AB; padding: 5px 0; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 2px solid #636B67; } .sidebar .widget_just_added ul, .sidebar .widget_bus_rides ul { padding: 10px 0; margin: 0; } .sidebar .widget_just_added ul li, .sidebar .widget_bus_rides ul li { list-style-type: none; border-bottom: 1px solid black; padding: 5px 0; position: relative; } .sidebar .widget_just_added ul li.last, .sidebar .widget_bus_rides ul li.last { border-bottom: none; } .sidebar .widget_just_added ul li a, .sidebar .widget_bus_rides ul li a { color: black; text-decoration: none; } .sidebar .widget_just_added ul li a:hover, .sidebar .widget_bus_rides ul li a:hover { color: #fc5204; } .sidebar .widget_just_added h4.show-title, .sidebar .widget_bus_rides h4.ride-title { font-size: 11px; text-transform: uppercase; } .sidebar .widget_just_added h4.date, .sidebar .widget_bus_rides h4.date { text-transform: uppercase; font-size: 10px; } aside ul.tabs{overflow:hidden;margin:0;padding:0;height:60px;position:absolute;z-index:100;top:13px;left:0;width:100%;} aside ul.tabs li{float:left;list-style:none;border:none !important;width:93px;} aside ul.tabs li a{ font-size: 13px; background:#A6B4AB;cursor:pointer;display:block; font-weight:bold;padding:5px 10px;text-align:center;text-decoration:none;text-transform:uppercase;} aside ul.tabs li a.active{background:#BFC8C2;color:#fc5204} aside ul.tabs li a:hover{color:#fc5204} div.tabcontent { padding: 50px 0 0; } .sidebar .edit-link a { position: absolute; right: 0; top: 5px; display: block; width: 14px; height: 14px; background: transparent url('images/edit.gif') top left no-repeat; cursor: pointer; } .sidebar .widget_sp_image { padding: 0; border: none; margin: 0; } .sidebar .last { margin-bottom: 5px; } .sidebar .widget_sp_image img, .sidebar .widget_busrides_slideshow img { display: block; width: 188px; } .sidebar .widget_sidebar_promos { padding: 0; border: none; margin: 0; background: none; } .sidebar .widget_sidebar_promos div.sidebarpromo { margin-bottom: 5px; } .sidebar .widget_sidebar_promos img { display: block; width: 190px; } .sidebar .widget_busrides_slideshow { padding: 2px 0 0 0; margin-bottom: 0; border-bottom: none; } .sidebar .widget_busrides_slideshow h3 { line-height: 25px; } .sidebar .widget_busrides_slideshow ul { min-height: 310px; padding: 0; margin: 0; border-top: 2px solid #636B67; border-bottom: 2px solid #636B67; } .sidebar .widget_busrides_slideshow ul li { padding: 0; margin: 0; list-style-type: none; } .sidebar .widget_busrides_slideshow a#prev { display: block; position: absolute; left: 8%; top: 5px; width: 13px; height: 19px; background: transparent url('images/small-arrow-left.png') center no-repeat; } .sidebar .widget_busrides_slideshow a#next { display: block; position: absolute; right: 8%; top: 5px; width: 13px; height: 19px; background: transparent url('images/small-arrow-right.png') center no-repeat; } .sidebar .widget_busrides_slideshow a#prev:active { top: 6px; } .sidebar .widget_busrides_slideshow a#next:active { top: 6px; } /* Forms */ #middle div.wpcf7, #middle .gform_wrapper { border: 1px solid #000; padding: 20px !important; margin: 10px 0; border-radius: 10px; behavior:url('PIE.htc'); position: relative; background-color: #BFC8C2; } #middle .wpcf7-form input.wpcf7-text, #middle .wpcf7-form textarea.wpcf7-textarea, .wpcf7-captchar { margin-top: 5px; border: 1px solid #ccc; padding: 6px; font-size: 14px; border-radius: 5px; behavior:url('PIE.htc'); position: relative; color: #555; width: 95%; } #middle .wpcf7-submit, .gform_button { cursor: pointer; background-color: #3E4840; border: 1px solid #222; padding: 5px 20px; color: white; font-weight: bold; font-size: 15px; border-radius: 15px; behavior:url('PIE.htc'); position: relative; } #middle .wpcf7-submit:hover { background-color: #2D3730; } small { font-size: 0.7em; display: block; width: 70%; } .gform_confirmation_message { font-weight: bold; } body .gform_wrapper .top_label input.medium, body .gform_wrapper .top_label select.medium { width: 100%; } #gform_wrapper_1 label { display: none; } #gform_wrapper_1 .gform_footer { margin: 0; padding: 0; } /* woocommerce */ .woocommerce h1.entry-title { text-transform: uppercase; color: #636b67; font-family: Verdana; font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 1em; text-shadow: -1px 1px 2px #eee;} .woocommerce h2 { font-size: 14px; font-weight: bold; margin-bottom: 1em; color: black; } .woocommerce #page #middle .single_add_to_cart_button { background: #fc5204; border: none; line-height: 1.3em; color: #f7f8f7; -webkit-border-radius: 5px; border-radius: 5px; behavior:url('PIE.htc'); text-shadow: none; font-size: 15px; } .woocommerce-cart #page .cart-collaterals .cart_totals { text-align: left; } #review_form #reply-title { text-transform: none; } /* footer */ footer#colophon div.container_24 { height: 19px; background: #e3e7de url('images/footer_bg.jpg') 4px 0 no-repeat; padding: 104px 0 0 0;} footer#colophon ul { list-style-type: none; margin: 0; padding: 0; } footer#colophon ul.nav li, footer#colophon ul.nav li a { font-size: 11px; list-style-type: none; text-decoration: none; text-transform: none; color: #333; font-weight: bold; } footer#colophon ul.details li, footer#colophon ul.nav li { line-height: 11px; font-size: 11px; font-weight: normal; float: left; list-style-type: none; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 2px solid #333; } footer#colophon ul.details { float: right; margin-right: 20px; } footer#colophon ul.details li { font-size: 10px; color: #333; } footer#colophon ul.details li.last, article ul.details li:last-child, footer#colophon ul.nav li.last, footer#colophon ul.nav li:last-child { border-right: none; margin: 0; padding: 0; } footer#colophon ul li a:hover { text-decoration: underline; } footer#colophon p { font-size: 11px; color: #333; padding: 0 20px; line-height: 11px; } footer#colophon a { color: #000; text-decoration: underline; } footer#colophan ul.nav li span.separator { padding: 0 5px; } /* Assistive text */ .assistive-text, .screen-reader-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6,IE7 */ clip: rect(1px,1px,1px,1px); } #access a.assistive-text: active, #access a.assistive-text: focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } .float-l { float: left; } .float-r { float: right; } .clear-b { clear: both; } .aligncenter { display: block; margin: auto ;} /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note:IE6 works fine without this fix. */ body{min-width:960px;} /* Containers ----------------------------------------------------------------------------------------------------*/ .container_24{margin-left:auto;margin-right:auto;width:960px;} /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;} .push_1,.pull_1, .push_2,.pull_2, .push_3,.pull_3, .push_4,.pull_4, .push_5,.pull_5, .push_6,.pull_6, .push_7,.pull_7, .push_8,.pull_8, .push_9,.pull_9, .push_10,.pull_10, .push_11,.pull_11, .push_12,.pull_12, .push_13,.pull_13, .push_14,.pull_14, .push_15,.pull_15, .push_16,.pull_16, .push_17,.pull_17, .push_18,.pull_18, .push_19,.pull_19, .push_20,.pull_20, .push_21,.pull_21, .push_22,.pull_22, .push_23,.pull_23, .push_24,.pull_24{position:relative;} /* Grid >> Children (Alpha ~ First,Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha{margin-left:0;} .omega{margin-right:0;} /* Grid >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .grid_1{width:30px;} .container_24 .grid_2{width:70px;} .container_24 .grid_3{width:110px;} .container_24 .grid_4{width:150px;} .container_24 .grid_5{width:190px;} .container_24 .grid_6{width:230px;} .container_24 .grid_7{width:270px;} .container_24 .grid_8{width:310px;} .container_24 .grid_9{width:350px;} .container_24 .grid_10{width:390px;} .container_24 .grid_11{width:430px;} .container_24 .grid_12{width:470px;} .container_24 .grid_13{width:510px;} .container_24 .grid_14{width:550px;} .container_24 .grid_15{width:590px;} .container_24 .grid_16{width:630px;} .container_24 .grid_17{width:670px;} .container_24 .grid_18{width:710px;} .container_24 .grid_19{width:750px;} .container_24 .grid_20{width:790px;} .container_24 .grid_21{width:830px;} .container_24 .grid_22{width:870px;} .container_24 .grid_23{width:910px;} .container_24 .grid_24{width:950px;} /* Prefix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .prefix_1{padding-left:40px;} .container_24 .prefix_2{padding-left:80px;} .container_24 .prefix_3{padding-left:120px;} .container_24 .prefix_4{padding-left:160px;} .container_24 .prefix_5{padding-left:200px;} .container_24 .prefix_6{padding-left:240px;} .container_24 .prefix_7{padding-left:280px;} .container_24 .prefix_8{padding-left:320px;} .container_24 .prefix_9{padding-left:360px;} .container_24 .prefix_10{padding-left:400px;} .container_24 .prefix_11{padding-left:440px;} .container_24 .prefix_12{padding-left:480px;} .container_24 .prefix_13{padding-left:520px;} .container_24 .prefix_14{padding-left:560px;} .container_24 .prefix_15{padding-left:600px;} .container_24 .prefix_16{padding-left:640px;} .container_24 .prefix_17{padding-left:680px;} .container_24 .prefix_18{padding-left:720px;} .container_24 .prefix_19{padding-left:760px;} .container_24 .prefix_20{padding-left:800px;} .container_24 .prefix_21{padding-left:840px;} .container_24 .prefix_22{padding-left:880px;} .container_24 .prefix_23{padding-left:920px;} /* Suffix Extra Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .suffix_1{padding-right:40px;} .container_24 .suffix_2{padding-right:80px;} .container_24 .suffix_3{padding-right:120px;} .container_24 .suffix_4{padding-right:160px;} .container_24 .suffix_5{padding-right:200px;} .container_24 .suffix_6{padding-right:240px;} .container_24 .suffix_7{padding-right:280px;} .container_24 .suffix_8{padding-right:320px;} .container_24 .suffix_9{padding-right:360px;} .container_24 .suffix_10{padding-right:400px;} .container_24 .suffix_11{padding-right:440px;} .container_24 .suffix_12{padding-right:480px;} .container_24 .suffix_13{padding-right:520px;} .container_24 .suffix_14{padding-right:560px;} .container_24 .suffix_15{padding-right:600px;} .container_24 .suffix_16{padding-right:640px;} .container_24 .suffix_17{padding-right:680px;} .container_24 .suffix_18{padding-right:720px;} .container_24 .suffix_19{padding-right:760px;} .container_24 .suffix_20{padding-right:800px;} .container_24 .suffix_21{padding-right:840px;} .container_24 .suffix_22{padding-right:880px;} .container_24 .suffix_23{padding-right:920px;} /* Push Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .push_1{left:40px;} .container_24 .push_2{left:80px;} .container_24 .push_3{left:120px;} .container_24 .push_4{left:160px;} .container_24 .push_5{left:200px;} .container_24 .push_6{left:240px;} .container_24 .push_7{left:280px;} .container_24 .push_8{left:320px;} .container_24 .push_9{left:360px;} .container_24 .push_10{left:400px;} .container_24 .push_11{left:440px;} .container_24 .push_12{left:480px;} .container_24 .push_13{left:520px;} .container_24 .push_14{left:560px;} .container_24 .push_15{left:600px;} .container_24 .push_16{left:640px;} .container_24 .push_17{left:680px;} .container_24 .push_18{left:720px;} .container_24 .push_19{left:760px;} .container_24 .push_20{left:800px;} .container_24 .push_21{left:840px;} .container_24 .push_22{left:880px;} .container_24 .push_23{left:920px;} /* Pull Space >> 24 Columns ----------------------------------------------------------------------------------------------------*/ .container_24 .pull_1{left:-40px;} .container_24 .pull_2{left:-80px;} .container_24 .pull_3{left:-120px;} .container_24 .pull_4{left:-160px;} .container_24 .pull_5{left:-200px;} .container_24 .pull_6{left:-240px;} .container_24 .pull_7{left:-280px;} .container_24 .pull_8{left:-320px;} .container_24 .pull_9{left:-360px;} .container_24 .pull_10{left:-400px;} .container_24 .pull_11{left:-440px;} .container_24 .pull_12{left:-480px;} .container_24 .pull_13{left:-520px;} .container_24 .pull_14{left:-560px;} .container_24 .pull_15{left:-600px;} .container_24 .pull_16{left:-640px;} .container_24 .pull_17{left:-680px;} .container_24 .pull_18{left:-720px;} .container_24 .pull_19{left:-760px;} .container_24 .pull_20{left:-800px;} .container_24 .pull_21{left:-840px;} .container_24 .pull_22{left:-880px;} .container_24 .pull_23{left:-920px;} /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;} /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;} .clearfix:after{clear:both;} /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix{zoom:1;} /* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */ /* Invisible left hotspot */ div.scrollingHotSpotLeft { /* The hotspots have a minimum width of 100 pixels and if there is room the will grow and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */ min-width: 75px; width: 10%; height: 100%; background: transparent url('images/promo-arrow-left.png') no-repeat left center; position: absolute; z-index: 200; left: 0; /* The first url is for Firefox and other browsers, the second is for Internet Explorer */ cursor: url(images/cursors/cursor_arrow_left.png), url(images/cursors/cursor_arrow_left.cur),w-resize; } /* Visible left hotspot */ div.scrollingHotSpotLeftVisible { background: transparent url('images/promo-arrow-left.png') no-repeat left center; zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */ } /* Invisible right hotspot */ div.scrollingHotSpotRight { min-width: 75px; width: 10%; height: 100%; background: transparent url('images/promo-arrow-right.png') no-repeat right center; position: absolute; z-index: 200; right: 0; cursor: url(images/cursors/cursor_arrow_right.png), url(images/cursors/cursor_arrow_right.cur),e-resize; } /* Visible right hotspot */ div.scrollingHotSpotRightVisible { background: transparent url('images/promo-arrow-right.png') no-repeat right center; zoom: 1; } /* The scroll wrapper is always the same width and height as the containing element (div). Overflow is hidden because you don't want to show all of the scrollable area. */ div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } div.scrollableArea { position: relative; width: auto; height: 100%; } #preview { position:absolute; border:1px solid #ccc; background-color: white; padding:5px; display:none; color:#fff; z-index: 9999; width: auto; height: auto; } div.loading { background: transparent url(images/loading2.gif) no-repeat center center; width: 46px; height: 46px; }