/* /////// ------- LAYOUT.CSS ------- \\\\\\\ */ /* Layout.css is intended for structural css only. All the heavy lifting is done here. */ /* Author(original): Chad Fontaine @ Chameleon Creative Author URI: http://www.chameleoncreative.com/ Version: 2.0 Last Revision: Dec 17 2009 Revised Made By: Chad Fontaine Project: Project Name Description: Base install layout.css */ /*-------------------------------------------------------- TABLE OF CONTENTS 1. -- RESETS (zeros out and levels the playing field for, hopefully, consistant diplay across browsers) 2. -- VARIOUS 3. -- FIXES (possibly categorized as kludges ...no hacks) 4. -- SEMANTICS (refers to the aspects of meaning that are expressed in a language, code, or other form of representation of information) 4.1 GENERALIZED GROUPING 4.2 COLUMNS 4.3 FOOTER 4.4 CREDITS 4.5 SANDBAGS 5. -- DRUPAL (Styling the various drupal specific tags and selectors) 5.1 LOGIN FORM 5.2 SITE ADMIN MENU 5.3 PAGE EDIT TABS 5.4 BLOCKS PAGE 5.5 SEARCH BOX 5.6 GALLERY ---------------------------------------------------------*/ /*------------------------------------------------------------------------------- 1. RESETS -------------------------------------------------------------------------------*/ body { line-height: 1; color: black; background: white; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*------------------------------------------------------------------------------- 2. VARIOUS -------------------------------------------------------------------------------*/ .clear { clear: both; margin: 0; padding: 0; } #prop { height: 312px; float: left; width: 1px; } .prop_clear { clear: both; height: 1px; overflow: hidden; } .devnotes { color: red; font-size: 14px; font-weight: bold; } /* developer notes */ .none { display:none;} /*------------------------------------------------------------------------------- 3. FIXES -------------------------------------------------------------------------------*/ :focus { outline: 0; } /* remember to define focus styles! */ /*------------------------------------------------------------------------------- 4. SEMANTICS -------------------------------------------------------------------------------*/ body { background: #e4e7ad url(../images/layout/background_fill.jpg) repeat-x 0px 0px; text-align: center; margin: 0px; padding: 0px; font: 12px Verdana, Arial, Helvetica, sans-serif; background-attachment:fixed;} #background_1 { width:100%; float:left; background: url(../images/layout/background_left.jpg) no-repeat left top; background-attachment:fixed;} #background_2 { width:100%; float:left; background: url(../images/layout/background_right.jpg) no-repeat right top; background-attachment:fixed;} #container { width: 974px; margin: 0px auto; text-align:left; } #outer_wrapper { text-align:left; background:url(../images/layout/page_fill.gif) repeat-y 0px 0px; } #wrapper { /*text-align:left; background: url(../images/layout/page_bottom_left.jpg) no-repeat bottom left;*/ } #inner_wrapper { text-align:left; background: url(../images/layout/interior_content_top.jpg) no-repeat 0px 303px; } #header { height:43px; background:url(../images/layout/navigation.jpg) no-repeat 0px 0px;} #navigation { height:43px; width:780px; float:left;} #search { width:194px; height:43px; float:left;} #interior_slideshow_left { width:478px; height:260px; float:left; background:url(../images/layout/interior_slideshow_left.jpg)} #slideshow { width:496px; height:260px; float:left;} #logo, #logo a, #logo a:hover { width:478px; height:140px; float:left; text-decoration:none; display:block; text-indent:-2000em; overflow:hidden; } #content_wrapper { } #gallery_link { margin:30px 0px 0px 0px;} #sponsors { margin: 15px 0px 0px 0px; text-align:center; background:#fff; padding: 10px 10px 10px 10px;} #sponsors h2 { font: bold 16px/normal Arial, Helvetica, sans-serif; color:#1c860b; text-align:left; margin: 0px; padding: 0px;} #sponsors p { font: normal 12px/normal Arial, Helvetica, sans-serif; color:#045611; text-align:left; margin: 0px 0px 0px 0px; padding:0px;} #sponsors img { margin: 5px auto;} #sponsors a { font: normal 12px/normal Arial, Helvetica, sans-serif; color:#045611;} #sponsors a:hover { color:#000;} /* ICONS IN SIDEBAR */ #sm_sprites_wrapper { margin: 10px 0px 20px 5px; float:left;} #sm_sprites { width:195px; height:167px; float:left; position:relative; top:0px; left:0px; overflow:hidden;} #sm_sprites ul.menu { display: inline; margin: 0px; padding: 0px; list-style: none; } #sm_sprites ul.menu li { float: left; position: relative; text-align: left; cursor: default; display: block; height: auto; width: auto; margin:0px; padding:0px; } #sm_sprites ul.menu li a { margin:0px; padding:0px; width:195px; display:block; float:left; overflow:hidden; background-image: url(../images/layout/sprites_sm.gif); background-repeat:no-repeat; text-indent:-2000px; } #sm_sprites ul.menu li a, #sm_sprites ul.menu li a:hover { text-decoration:none;} #sm_sprites ul.menu li.list1 a { height:22px;} /* JOIN */ #sm_sprites ul.menu li.list2 a { height:29px;} /* RSS */ #sm_sprites ul.menu li.list3 a { height:29px;} /* FACEBOOK */ #sm_sprites ul.menu li.list4 a { height:29px;} /* SUPPORT */ #sm_sprites ul.menu li.list5 a { height:29px;} /* TWITTER */ #sm_sprites ul.menu li.list6 a { height:29px;} /* YOUTUBE */ #sm_sprites ul.menu li.active-trail.list1 a, #sm_sprites ul.menu li.list1 a:hover { background-position: -195px 0px;} #sm_sprites ul.menu li.list1 a { background-position: 0px 0px;} #sm_sprites ul.menu li.active-trail.list2 a, #sm_sprites ul.menu li.list2 a:hover { background-position: -195px -22px; } #sm_sprites ul.menu li.list2 a { background-position: 0px -22px;} #sm_sprites ul.menu li.active-trail.list3 a, #sm_sprites ul.menu li.list3 a:hover { background-position: -195px -51px; } #sm_sprites ul.menu li.list3 a { background-position: 0px -51px;} #sm_sprites ul.menu li.active-trail.list4 a, #sm_sprites ul.menu li.list4 a:hover { background-position: -195px -80px; } #sm_sprites ul.menu li.list4 a { background-position: 0px -80px;} #sm_sprites ul.menu li.active-trail.list5 a, #sm_sprites ul.menu li.list5 a:hover { background-position: -195px -109px; } #sm_sprites ul.menu li.list5 a { background-position: 0px -109px;} #sm_sprites ul.menu li.active-trail.list6 a, #sm_sprites ul.menu li.list6 a:hover { background-position: -195px -138px; } #sm_sprites ul.menu li.list6 a { background-position: 0px -138px;} /* 4.1 GENERALIZED GROUPING -------------------------------------------------------------------------------*/ #inner_wrapper, #wrapper, #outer_wrapper, #header, #content_wrapper, #footer, #columns_topper { width:974px; float:left; } /* 4.2 COLUMNS -------------------------------------------------------------------------------*/ #column_one { width:702px; float:left; overflow:hidden; position:relative; top:-120px;} #column_one_pad { margin: 10px 30px 20px 40px; overflow:hidden;} #column_two { width:272px; float:left; overflow:hidden;} #column_two_pad { margin: 10px 40px 20px 30px; overflow:hidden;} /* 4.3 FOOTER -------------------------------------------------------------------------------*/ #footer_wrapper { width:100%; height:180px; float: left; } #footer_background { margin:0px auto; padding:0px; width:974px; text-align:left; } #footer { height: 125px; background: url(../images/layout/footer.jpg) no-repeat 0px 0px; } /* 4.4 CREDITS -------------------------------------------------------------------------------*/ #credits { width: 372px; float: right; text-align: right; background: url(../images/layout/chameleon_creative.gif) no-repeat 330px 53px;} #credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 53px 45px 0px 0px; color: #1b5c75; font-weight: normal; text-decoration: none; font-size: 10px; display: block; } #credits a strong, #credits a:active strong, #credits a:link strong, #credits a:visited strong { color: #0099ae; font-weight: normal; } #credits a:hover { color: #000; text-decoration: underline; } #copyright { width: 602px; float: left; text-align: left; color: #c3c4c4; margin: 0px 0px 0px 0px; } #copyright strong { font-size: 10px; font-weight: normal; margin: 28px 0px 0px 250px; display:block; } /* 4.5 SANDBAGS -------------------------------------------------------------------------------*/ #sml-01, #sml-02, #sml-03, #sml-04, #sml-05, #sml-06, #sml-07, #sml-08, #sml-09, #sml-10, #sml-11, #sml-12 { float:right; clear:right; padding:0; height: 20px; /*background:pink; filter:alpha(opacity=70); opacity:0.7;*/} /* left bank of the river! */ #sml-01 { width: 370px; } #sml-02 { width: 320px; } #sml-03 { width: 260px; } #sml-04 { width: 210px; } #sml-05 { width: 160px; } #sml-06 { width: 110px; } #sml-07 { width: 50px; } #sml-08 { width: 20px; } /*#sml-09 { width: 80px; } #sml-10 { width: 60px; } #sml-11 { width: 40px; } #sml-12 { width: 20px; }*/ /*------------------------------------------------------------------------------- 5. DRUPAL -------------------------------------------------------------------------------*/ /* 5.1 LOGIN FORM -------------------------------------------------------------------------------*/ form#user-login-form { color: #000; margin: 10px 0px; padding:0px 0px; text-align:left; } form#user-login-form a { color: #b9b9be; text-decoration:none; } form#user-login-form a:hover { color:#000; text-decoration:underline; } form#user-login-form input { background:#101921; border:1px solid #000; color:#000 } /* 5.2 SITE ADMIN MENU -------------------------------------------------------------------------------*/ #column_one ul.menu { margin:5px 0px; padding: 10px 0px 10px 20px; background:#0e2752; } #column_one ul.menu a, #column_one ul.menu a:active, #column_one ul.menu a:link { color:#fff; text-decoration:none; } #column_one ul.menu a:visited { color: #CCC; text-decoration:underline; } #column_one ul.menu a:hover { color:#2c7d9f; text-decoration:underline; } /* 5.3 PAGE EDIT TABS -------------------------------------------------------------------------------*/ #tabs-wrapper a { background:#170901; color:#fff; } #tabs-wrapper a:hover { background:#faf2d8; color: #170901; } #tabs-wrapper a.active { background:#faf2d8; color:#0a1c50; } /* 5.4 BLOCKS PAGE -------------------------------------------------------------------------------*/ table #blocks td.block { color:#000; } div.block-region { background:red; color:white; }/* block regions shown on layout */ td.region { background:#07396b; color:#fff; padding-left:5px; }/* block region titles */ table#blocks td a { color:#C00; } /* configure / delete link */ table#blocks td a:hover { color:#000; } td.block { color:#000; }/* block title */ table#blocks select { width:200px; margin-left:10px; }/* select boxes */ table#blocks td em { color: #F60; padding-left:20px; } table#blocks thead { background:#000; margin-top:10px; } table#blocks thead th { color:#fff; font-weight:bold; font-size:14px; padding:3px; } /* 5.5 SEARCH BOX -------------------------------------------------------------------------------*/ /* HEADER SEARCH */ #header .block-search { margin:0px 0px 0px 0px;} /* seach wrapper */ #header .block-search h2 { display:none;} /* seach block label */ #header form { margin-top:10px;} /* form warpper */ #header form.search-block-form {} /* form warpper */ #header .form-item label { display:none;} /* search this site text */ #header input.form-text { background:#fff; border:1px solid #a8a58e; color:#67ab01; font:normal 12px/normal Arial, Helvetica, sans-serif; width:110px;} /* search form text */ #header input.form-submit { background:#67ab01; border:1px solid #478401; color:#fff; font:normal 12px/normal Arial, Helvetica, sans-serif; text-transform:uppercase;} /* submit button */ /* 5.6 GALLERY -------------------------------------------------------------------------------*/ /*.content { margin:10px 0px 20px 0px;}*/ div.gallery_thumbnail { width:135px; float:left; text-align:center; font:normal 11px/normal Verdana, Geneva, sans-serif; color:#a7460a; margin-top:5px;} div.content div.gallery_thumbnail a img { border:3px solid #e6e0b9; padding:1px;} div.content div.gallery_thumbnail a:hover img { border:3px solid #beb473; padding:1px; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} div.photo_gallery_thumbnail {width:135px; height:160px; float:left; text-align:center; font:normal 11px/normal Verdana, Geneva, sans-serif; color:#a7460a; margin-top:5px;} div.photo_gallery_thumbnail a img { border:3px solid #e6e0b9; padding:1px;} div.photo_gallery_thumbnail a:hover img { border:3px solid #beb473; padding:1px; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} /* 5.7 VIDEO GALLERY -------------------------------------------------------------------------------*/ .view-video-galleries {} .video { /*border: 1px solid #999;*/ padding:10px; margin: 0px 0px 10px 0px; } .video .video_thumbnail {} .video .video_text {} .video .video_text h2 {} div.video_gallery_thumbnail {width:135px; height:170px; float:left; text-align:center; font:normal 11px/normal Verdana, Geneva, sans-serif; color:#a7460a; margin-top:5px;} div.video_gallery_thumbnail a img { border:3px solid #e6e0b9; padding:1px;} div.video_gallery_thumbnail a:hover img { border:3px solid #beb473; padding:1px; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} /* 5.8 Event Listing page -------------------------------------------------------------------------------*/ .view-events h3 { color:#a02111; font: bold 16px/normal Verdana, Geneva, sans-serif; margin: 20px 0px 0px 0px; padding: 0px; border-bottom:1px solid #999; width:50%;} h2.event_listing_title { font-size: 12px; font-weight: bold; margin: 15px 0px 0px 0px; padding: 0px; color: #391f82;} .event_listing_startdate, .event_listing_enddate, .event_listing_starttime, .event_listing_endtime, .event_listing_image { width:auto; display:inline;} .event_listing_description { /*margin: 5px 0px 5px 20px; padding:0px;*/ width:90%; padding: 0px 0px 0px 20px;} .event_listing_description p { margin: 0px; padding:0px;} .event_listing_startdate {} .event_listing_enddate{} .event_listing_starttime {} .event_listing_endtime {} .event_listing_eventtype {margin: 0px 0px 0px 60px;} .event_listing_eventtype div {} .event_listing_tickets {margin: 0px 0px 0px 60px;} #column_one_pad .event_listing_image img {margin: 10px 0px 0px 20px; } .event_listing_readmore { margin-left:40px; font-weight:bold;} .views-field-field-ticket-url-url label, .views-field-field-date-value label, .views-field-field-date-value2 label, .views-field-title label { font: bold 12px/normal Verdana, Geneva, sans-serif; color:#579306; margin-left:40px;} label.event_display_label { font: bold 12px/normal Verdana, Geneva, sans-serif; color:#579306; margin-left:10px;} /* 5.8 Instructors and Artists page -------------------------------------------------------------------------------*/ h2.instructor_listing_title { color:#a02111; font: bold 14px/normal Verdana, Geneva, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; border-bottom:1px solid #999; border-top:1px solid #999; background:#e0e0e0;} div.views-field-field-instructorimage-fid img { margin: 8px 0px 0px 8px; } div.views-field-field-instructorimage-fid { width:150px; height:150px; display: inline-block; float:left;} .instructor_listing_bio {} .views-field-field-specialism-value { margin: 20px 0px 0px 0px;} div.area_of_instruction_field { width:50%; /*border-bottom:1px solid #999999;*/ cursor:pointer; margin:10px 0px 0px 0px;} div.area_of_instruction_field h3 { font: bold 16px/normal Verdana, Geneva, sans-serif;} /*div.area_of_instruction_field { width:50%; border-bottom:2px solid #999999; border-top:2px solid #999999; }*/ .accordion-content { background:#eeebe5; border:1px solid #999; border-top: none; padding:0px; margin: 10px;} .instructor_listing_bio p { margin-right:20px;} .instructor_listing_readmore {} .views-field-field-specialism-value {} .views-field-field-website-value {} .views-field-field-link1-value {} .views-field-field-link2-value {} .views-field-field-link3-value {} .views-field-field-link4-value {} .views-field-field-link5-value {} .views-field-field-specialism-value, .views-field-field-website-value, .views-field-field-link1-value, .views-field-field-link2-value, .views-field-field-link3-value, .views-field-field-link4-value, .views-field-field-link5-value { } .views-field-field-specialism-value label, .views-field-field-website-value label, .views-field-field-link1-value label, .views-field-field-link2-value label, .views-field-field-link3-value label, .views-field-field-link4-value label, .views-field-field-link5-value label { font: bold 12px/normal Verdana, Geneva, sans-serif; color:#579306;} .views-field-field-website-value { margin: 0px 10px 10px 0px; text-align:right} .views-field-field-website-value label { } /* sidebar news -------------------------------------------------------------------------------*/ #sidebar_news { margin: 15px 0px 0px 0px; } #read_all_news {} /* News Items -------------------------------------------------------------------------------*/ .news_title { font-weight:bold; margin: 10px 0px 0px 0px; } .news_date, .field-field-news-date { font-weight:bold; } .news_body { margin: 5px 0px 2px 0px; } .news_more a:active, .news_more a:link, .news_more a:visited, .news_more a { color:#128D9D; } #calendar_icon { margin: 10px 0px 0px 0px;} #donate_icon { width:200px; text-align:center; margin: 20px 0px 20px 0px;} #donate_icon img { margin: 0px auto;} /* 5.8 CALLENDAR -------------------------------------------------------------------------------*/ #calendar_intro_text {} #calendar-data { text-align:left; } /* calendar calendar table styles */ .calendar-calendar tr.odd, .calendar-calendar tr.even { background-color:#fff; } .calendar-calendar table { border-collapse: collapse; border-spacing: 0; margin:0 auto; padding:0; width: 99%; /* Setting at 100% causes problem in Internet Explorer. */ } .calendar-calendar .month-view table { border:none; padding:0; margin:0; width:100%; } /* IE needs a little help to get the side by side tables to the right size */ .calendar-calendar .year-view td { width:32%; padding:1px; border:none; } .calendar-calendar .year-view td table td { width:13%; padding:0; } .calendar-calendar tr { padding: 0; margin: 0; background-color: white; } .calendar-calendar th { color: #fff; background-color: #ccc; text-align: center; margin:0; } .calendar-calendar th a { font-weight: bold; color: #fff; background-color: #ccc; } .calendar-calendar td { width: 12%; /* 14% is about 1/7 of total table width */ min-width: 12%; border: 1px solid #ccc; color: #777; text-align: right; vertical-align: top; margin: 0; padding:0; } /* simplify the mini calendar by removing borders */ .calendar-calendar .mini { border:none; } /* format for the week number in the first cell */ .calendar-calendar td.week { width:1%; min-width:1%; } .calendar-calendar .week { clear:both; font-style: normal; color: #555; font-size: 0.8em; } .calendar-calendar .week a { font-weight:normal; } /* IE6 does not support min-height, using Min-Height fast hack from http://www.dustindiaz.com/min-height-fast-hack */ .calendar-calendar .inner { min-height:5em; height:auto !important; height:5em; padding:0; margin:0; } .calendar-calendar .inner div { padding:0; margin:0; } /* Make sure paragraphs buried in calendar cells use padding, not margins, for separation so the background color doesn't come through. */ .calendar-calendar .inner p { padding:0 0 .8em 0; margin:0; } .calendar-calendar td a { font-weight: bold; text-decoration: none; } .calendar-calendar td a:hover { text-decoration: underline; } .calendar-calendar td.year, .calendar-calendar td.month { text-align: center; } /* format days of the week header cells */ .calendar-calendar th.days { color: #ccc; background-color: #224; text-align: center; padding:1px; margin:0; } /* floating day number div */ .calendar-calendar div.day { float: right; text-align: center; padding: 0.125em 0.25em 0 0.25em; margin: 0; background-color: #f3f3f3; border: 1px solid gray; border-width: 0 0 1px 1px; clear:both; width:1.5em; } /* individual node container */ .calendar-calendar div.calendar { background-color: #fff; border: solid 1px #ddd; text-align: left; margin:0 .25em .25em 0; width: 96%; float:right; /* needed to keep IE from hiding the floating day number */ clear:both; } /* No floating of day view content because there is no floating day number */ .calendar-calendar .day-view div.calendar { float:none; width:98%; margin:1% 1% 0 1%; } .calendar-calendar div.title { font-size:.8em; text-align:center; } .calendar-calendar div.title a { color: #000; } .calendar-calendar div.title a:hover { color: #c00; } .calendar-calendar .content { clear:both; padding: 3px; padding-left: 5px; } .calendar div.form-item { white-space: normal; } table td.mini, table th.mini, table.mini td.week { padding:0 1px 0 0; margin:0; } table td.mini a { font-weight:normal; } .calendar-calendar .mini-day-off { padding:0px; } .calendar-calendar .mini-day-on { padding:0px; } table .mini-day-on a { text-decoration:underline; } .calendar-calendar .mini .title { font-size:.8em; } .mini .calendar-calendar .week { font-size:.7em; } .mini-row { width:100%; border:none; } .mini { width:32%; vertical-align:top; } /* formatting for the legend stripe and block */ .calendar-calendar .stripe { height: 5px; width: auto; font-size:1px !important; line-height:1px !important; } .calendar-calendar .day-view .stripe { width:100%; } table.calendar-legend { background-color:#ccc; width:100%; margin:0; padding:0; } table.calendar-legend tr.odd .stripe, table.calendar-legend tr.even .stripe { height:12px !important; font-size:9px !important; line-height:10px !important; } .calendar-legend td { text-align:left; } .calendar-empty { font-size:1px; line-height:1px; } /* formatting for the full day view */ .calendar-calendar td.calendar-agenda-hour { font-family:serif; text-align:right; border:none; border-top:1px #333 dotted; padding-top:.25em; width:1%; } .calendar-calendar td.calendar-agenda-no-hours { min-width:1%; } .calendar-calendar td.calendar-agenda-hour .calendar-hour { font-size:1.2em; font-weight:bold; } .calendar-calendar td.calendar-agenda-hour .calendar-ampm { font-size:1em; } .calendar-calendar td.calendar-agenda-items { border:1px #333 dotted; text-align:left; } .calendar-calendar td.calendar-agenda-items div.calendar { width:auto; /*padding:.25em;*/ padding:0px; margin:0; } .calendar-calendar div.calendar div.inner .calendar-agenda-empty { width:100%; text-align:center; vertical-align:middle; padding:1em 0; background-color:#fff; } /* the popup date selector for jumping to a new date */ .calendar-date-select form { text-align:right; float:right; width:25%; } .calendar-date-select div, .calendar-date-select input, .calendar-date-select label { text-align:right; padding:0; margin:0; float:right; clear:both; } .calendar-date-select .description { float:right; } .calendar-label { font-weight:bold; display:block; clear:both; } .calendar-calendar div.date-nav { background-color:#2f6104; color:#000; padding:0.2em; width:auto; border:1px solid #1e4200; } /* ------------------------------------------------------------------------------------------------- */ .calendar-calendar div.date-nav a, .calendar-calendar div.date-nav h3 { /*color:#fff;*/color:#030; } /* ------------------------------------------------------------------------------------------------- */ .view-content .calendar-calendar .date-heading h3 { font-size:14px; line-height: 30px; } .calendar-calendar th.days { background-color:#eee; color:#777; font-weight:bold; border:1px solid #ccc; } .calendar-calendar td.empty { background:#e4e7ad; border-color:#ccc; } /* empty cells ------------------------------------------------------------------------------------------------- */ .calendar-calendar table.mini td.empty { background:#fff; border-color:#fff; } .calendar-calendar td div.day { border:1px solid #ccc; border-top:none; border-right:none; margin-bottom:2px; } .calendar-calendar td .inner div, .calendar-calendar td .inner div a { background:#4f9402; }/* day number backgrounds ------------------------------------------------------------------------------------------------- */ /* Set small font size for all items in calendar div, themes can override this. */ /* Use x-small instead of em to avoid multiplying effect in nested items. */ .calendar-calendar div.calendar { border:none; font-size:x-small; } .calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a { border:none; background:#a4480f; padding:0 2px; } /* event background ------------------------------------------------------------------------------------------------- */ .calendar-calendar td .inner div.calendar div.calendar-more, .calendar-calendar td .inner div.calendar div.calendar-more a { color:#fff; background:#fff; text-align:right; } .calendar-calendar td .inner .view-field, .calendar-calendar td .inner .view-field a { color:#fff; font:normal 12px/14px Arial, Helvetica, sans-serif; } .calendar-calendar td span.date-display-single, .calendar-calendar td span.date-display-start, .calendar-calendar td span.date-display-end, .calendar-calendar td span.date-display-separator { font-weight:bold; } .calendar-calendar td .inner div.day a { /*color:#fff; */ color:#030}/* day numbers ------------------------------------------------------------------------------------------------- */ .calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today { background-color:#2f6104; } /* ------------------------------------------------------------------------------------------------- */ .calendar-calendar td .inner div.calendar div div.view-data-node-data-field-date-field-date-value { border-bottom:1px solid #ccc; } /* The following are not used by default but are available for themes */ .calendar-calendar td.past { } .calendar-calendar td.future { } .calendar-calendar td.has-events { } .calendar-calendar td.has-no-events { } .calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview { background: #4F9402;} .calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview { background: #4F9402;} .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff { background: #4F9402;} /* event background ------------------------------------------------------------------------------------------------- */ .calendar-calendar td .inner div .calendar-calendar td .inner div a { background:#fff; } .calendar-calendar td .inner div.view-item-even, .calendar-calendar td .inner div.view-item-even a { border:none; background:#a4480f; margin: 2px 0px 0px 0px; display:block; text-align:left; width:100%; float:left; } .calendar-calendar td .inner div.view-item-odd, .calendar-calendar td .inner div.view-item-odd a { border:none; background:#752f03; margin: 2px 0px 0px 0px; display:block; text-align:left; width:100%; float:left; } .calendar-calendar td .inner div.view-item-odd .view-field { margin:2px;} .calendar-calendar td .inner div.view-item-even .view-field { margin:2px;} /* calendar events */ h3.calendar_event_title {} /* sidebar galleries menu -------------------------------------------------------------------------------*/ #block_gallery_sidebar_menu { margin:20px 0px 20px 0px; } #block_gallery_sidebar_menu h3 a { margin-bottom:3px; text-decoration:none;} #block_gallery_sidebar_menu h3 a:hover { text-decoration:underline; color:#036;} #block_gallery_sidebar_menu h3 div.sidebar_gallery_year { color:#579306; border-bottom:1px solid #CCC; margin:10px 0px 3px 0px;} #block_gallery_sidebar_menu li a { text-decoration:none;} #block_gallery_sidebar_menu li a:hover { text-decoration:underline; color:#036;} #block_gallery_sidebar_menu a h4.sidebar_gallery_title { font-weight: normal;} #block_gallery_sidebar_menu ul { margin:0px; color:#579306} #block_gallery_sidebar_menu li { margin:0px 0px 0px 20px; padding-bottom:0px; padding-left:0px; color:#579306; list-style: disc; } /* audio gallery -------------------------------------------------------------------------------*/ div.audio-gallery-wrapper { width:600px; } .audio-gallery-wrapper object { float:left; margin: 5px 0px 0px 0px; } p.mp3player_description { float:left; width:300px; padding:0px 0px 0px 10px; display:none; } /* artists page -------------------------------------------------------------------------------*/ #column_one a h2.artist_listing_title, #column_one a h2.artist_listing_title, #column_one a:active h2.artist_listing_title, #column_one a:visited h2.artist_listing_title { font:bold 16px Verdana,Geneva,sans-serif; color:#391F82; margin: 0px 0px 15px 0px; padding: 0px;} #column_one a:hover h2.artist_listing_title { color:#060; text-decoration:underline;} /* ------- SOCIAL BOOKMARKS ------- */ #column_two #social_bookmarks_sidebar { background:#fff; width:200px; border:1px solid #e2d8c6; font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif; float:left; margin: 10px 0px 10px 0px;} #column_two #social_bookmarks_pad { padding: 10px 10px 5px 0px;} #column_two #social_bookmarks_sidebar ul { list-style:none; padding:0px; margin:0px;} #column_two #social_bookmarks_sidebar ul li { margin-bottom:5px; padding: 0px;} #column_two #social_bookmarks_sidebar h3#title { background:#e2d8c6; color:#8f8b4e; margin:0px; padding:2px 0px 2px 5px; border-bottom:none; font: bold 12px/normal Verdana, Arial, Helvetica, sans-serif; width:auto; float:none; display:block;} #column_two #social_bookmarks_sidebar a { border-bottom:none; color:#666666;} #column_two #social_bookmarks_sidebar a:hover { color:#006600; text-decoration:underline;} #add_this_wrapper { margin: 0px 0px 0px 30px;} /* sponsors page -------------------------------------------------------------------------------*/ /* div.sponsor-logo-wrapper { width:600px; float:left; } div.sponsor-logo { width:160px; float:left; text-align:center; margin:0px 25px 0px 0px; height:180px; } */ /*#column_one_pad div.view-sponsors img { border:none;}*/ /* div.view-sponsors { margin:0px 0px 20px 10px;} div.view-sponsors .views-row { margin: 0px 0px 10px 0px; color: #999; font-weight:bold;} #column_one h2.sponsor-title { padding-top:30px; } */ div.view-sponsors { margin:0px 0px 20px 10px;} #column_one h2.sponsor-title { padding-top:30px; clear:both; width:630px; float:left;} #column_one_pad div.view-sponsors img { border:none;} /* VERTICAL CENTERING DERIVED FROM http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */ div.view-sponsors .views-row { margin: 0px 3px 3px 0px; color: #999; font-weight:bold; width:172px; height:180px; float:left; background:#fff; padding:5px; border: 1px solid #ccc; display: table; #position: relative; overflow: hidden;} div.view-sponsors .views-field-nothing { #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;} div.view-sponsors .field-content { #position: relative; #top: -50%; text-align:center;} /* TICKETS */ .views-table { width:100%; } .even td { background-color:#CCCCCC; } .views-field-title-1 td { width:100%; } div.view-content table.views-view-grid { width:100%; }