/* CSS Document */ /* Theme Name: MadJester theme Theme URI: Description: CSS Theme for MadJester site Author: Simon R Author URI: Template: hybrid Version: 1.0 Tags: TAG1Trythis, TAG2trythis */ /* Get base CSS */ @import url('../hybrid/style.css'); /* * Two columns with content floated left. * Fixed width of 960px. * @since 0.6 * @package Hybrid * @subpackage CSS to follow: FROM 21px */ #body-container, #container, .no-widgets .content, .no-default-widgets .content, .no-widgets .content, .page-template-no-widgets .content {width: 960px;} .content {overflow: hidden;float: left;width: 720px;margin-left:10px} .hfeed div.content {overflow: hidden;float: left;width: 720px;margin-left:0px} #primary, #secondary {width: 210px;} #subsidiary .widget {width:200px;position:relative;left:-10px;top:0px;} #body-container {overflow: hidden;margin: 0 auto;} #container {overflow: hidden;float: left;} #primary, #secondary {position: relative;float: right;} #secondary {clear: right;} #subsidiary {overflow: hidden;} #subsidiary .widget {overflow: hidden;float: left;margin: 0px;} #footer-container {clear: both;overflow: hidden;} #footer {clear: both;overflow: hidden;} /* GLOBALS */ .FR {float:right;} .FL {float:left;} .CB {clear:both;} .MXW {width:100%;} .HALF {width:350px;float:left;} .LEFT {margin-right:20px;} .fullrow {width:720px;} body {font: normal normal normal 15px/21px Tahoma, Arial, serif;color: #000;background: url('images/bg_body.jpg') no-repeat center top #111111;} #body-container {margin: 10px auto 20px auto;background:#fff} body, form {margin:0px;} a, b, div, /*h1, h2, h3, h4, h5, h6,*/ i, input, p, span, textarea{font-family:'Tahoma','Verdana',sans-serif} a:hover {text-decoration: underline;} /* HEADER */ #header-container {background: url('images/bg_madjester_main.gif') no-repeat;padding:0px} #header {margin:0px;height:150px;padding:0px;margin:0px;clear:both;} #site-title {float:right;margin:0px;padding:0px} #site-title a {display:block;float:right;width:540px;height:150px;text-indent:-10000px;} #site-description {display:none;} /* TOP NAV */ li.current_page_item, li.page_item {height:45px;} li.page_item li {height:auto;} li.current_page_item {background:#fff;color:#333;} #navigation li.current_page_item a {color:#333;} #navigation li.current_page_item li a {color:#fff;} #navigation li a:hover {background: #262626;color:#fff} /* Navigation */ #navigation {clear:both;background: url('images/bg_madjester_main.gif') no-repeat 0px -150px #262626;overflow: visible;height: 45px;margin: 0 0 10px 0;z-index: 100;} #page-nav {padding-left:10px;} #page-nav li {margin-right:3px;} #page-nav li a {background:none;color:#ccc;border:0px;padding:0px 6px 0px 6px;line-height:35px;display:block;margin:0px;font-size:12px;text-transform:uppercase;font-weight:bold} #page-nav li li {margin-right: 0;border-bottom:solid 1px #666;} /* Drop-downs style */ #page-nav li:hover ul, li.sfHover ul {top: 25px;} #page-nav li li a {border: none;margin-right: 0;line-height:24px;font-weight:normal;color:#fff;font-weight:normal;text-transform:capitalize;} #page-nav li ul {background: #262626;border: 0px;padding:20px 0px 0px 0px} #page-nav li ul ul {padding:1px 0px 0px 0px;} #page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul {top: -1px;} #page-nav li li li {margin-left: -1px;} /* Breadcrumb */ .breadcrumb {margin: 0px;padding:5px 0px 2px 0px;color: #666;font-size:12px;border-bottom:dotted 1px #ccc;clear:both;font-style:normal} .breadcrumb a {color: #111;text-decoration: none;font-style:normal;font-weight:bold;} .breadcrumb a:hover {color: #ff0000;text-decoration: underline;} /* WIDGETS global*/ .widget {background: url('images/bg_widget.gif') left top no-repeat #262626;width:200px;padding:30px 0px 0px 0px;margin-bottom:0px;} .widget-inside {background: url('images/bg_widget.gif') right bottom no-repeat #262626;padding:0px 0px 30px 0px;margin:0px 0px 0px 0px;} .widget-title {clear:both;height:30px;color: #fff;line-height:20px;margin:0px;text-indent:-10000px;padding:0px 0px 0px 10px;/*font-size:12px;*/} .widget label {color:#ccc;font-size:10px;display:block;text-transform:uppercase;font-weight:bold;} /*fields*/ .widget input.search-text {font-size:12px;text-indent:5px;color:#333;border:0px;background:#ccc;height:24px;line-height:24px;width:180px;padding:0px;margin:0px;} /* FB TWITTER WIDGET */ #text-3 {height:35px;padding-top:0px;} #text-3, #text-3 .widget-inside {background:none;} #text-3 .widget-inside h3 {display:none;} #text-3 .inner {float:right;padding:0px;} .textwidget a {float:right;display:block;width:25px;height:25px;border:solid 1px #ccc;text-indent:-10000px;} .textwidget a:hover {border:solid 1px #333;} a.icon-FB {background: url('images/bg_madjester_main.gif') no-repeat -800px -360px;margin-left:5px;} a.icon-TW {background: url('images/bg_madjester_main.gif') no-repeat -770px -360px;} /* SEARCH WIDGET */ #hybrid-search-3 h3 {background: url('images/bg_madjester_main.gif') no-repeat -970px -195px;} #search-form div {padding:0px 10px 0px 10px;} #search-form input.button {margin-top:5px;width:180px;text-align:center;padding:0px;} /* SHOPPING BASKET WIDGET */ #shopping-cart .widget-inside h3 {background: url('images/bg_madjester_main.gif') no-repeat -970px -150px;} #shopping-cart div#sliding_cart {padding:0px 10px 0px 10px;} .shopping-cart-wrapper {padding:0px 10px 0px 10px;background:red} .items span.cartcount {float:right;} #shopping-cart span {font-size:12px;} #shopping-cart span.gocheckout a {color:#fff;font-weight:bold;} #shopping-cart p.visitshop a, #shopping-cart span.emptycart a {width:180px;color:#ccc;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.7);font-weight:bold;} #container #shopping-cart #sliding_cart p {padding:0px;color:#ccc;} #shopping-cart #sliding_cart p {color:#CCCCCC;display:block;font-size:11px;margin:0;padding:2px 5px;} /*from default*/ #sliding_cart span {color:#CCCCCC;} table.shoppingcart {border-collapse:collapse;border:none;color:#CCCCCC;background:#444444;} table.shoppingcart th {background:none repeat scroll 0 0 #666666;border:0 none;font-size:10px;line-height:16px;text-transform:uppercase;} span.totalhead, span.discounthead, span.subtotalhead, span.postagehead, span.taxhead { font-weight:bold; margin-right:5px; } span.gocheckout a, input.wpsc_buy_button, #specials_1 input { background:url("images/bg_madjester_main.gif") no-repeat scroll -760px -290px transparent; } span.emptycart a, p.visitshop a, span.gocheckout a { border:1px solid #333333; display:block; font-size:12px; line-height:24px; text-align:center; text-decoration:none; } table.shoppingcart tr td { border-color:-moz-use-text-color #333333 #666666 -moz-use-text-color; border-style:none solid solid none; border-width:0 1px 1px 0; font-size:8pt !important; padding:4px; } #shopping-cart p.visitshop a, span.emptycart a { background:url("images/bg_madjester_main.gif") no-repeat scroll -760px -410px transparent; } /* NEWSLETTER MPZ WIDGET */ #text-4 h3 {background: url('images/bg_madjester_main.gif') no-repeat -970px -310px;} #text-4 .textwidget {padding:0px 10px 0px 10px;} #text-4 input.button {width:180px;padding:0px;margin-top:5px;} #text-4 small {font-size:10px;line-height:13px;color:#ccc;} /* TWITTER WIDGET */ #utility-after-content {margin:0px;padding:10px 0px 10px 0px;border:0px;} #twitter-4 {background:#fff;width:720px;margin:0px;padding:0px;} #twitter-4 .widget-inside {background:#fff;} #twitter-4 h3.widget-title {background: url('images/bg_headings1.gif') no-repeat 0px -370px;} #twitter-4 ul {margin:0px 0px 20px 30px;} #twitter-4 ul li {border-bottom:dotted 1px #ccc;padding:5px 0px 5px 0px;margin-bottom:5px} #twitter-4 ul li .entry-meta{font-size:11px;color:#888} #twitter-4 ul li .time-meta, #twitter-4 ul li .time-meta a {font-style:normal;font-weight:normal;text-transform:uppercase;font-size:10px;color:#666;} /* EVENTS WIDGET */ #events-list-widget-4 .widget-inside{text-align:center;color:#ccc;} #events-list-widget-4 h3 {background: url('images/bg_madjester_main.gif') no-repeat -970px -350px;} #events-list-widget-4 .dig-in {padding:5px 5px 5px 10px;} #events-list-widget-4 .dig-in a {display:block;color:#ccc;font-size:12px;} #events-list-widget-4 .dig-in a:hover {text-decoration:none;} .upcoming {margin:0px;padding:0px;background:#ddd;width:200px;} .upcoming li {background: url('images/bg_madjester_main.gif') no-repeat 3px -590px;list-style:none;font-size:12px;color:#fff;border-top:solid 1px #888;padding:2px 0px 2px 30px;margin:0px 0px 0px 0px} .upcoming li div {line-height:18px;text-align:left;} .upcoming li .when {clear:both;background:000;padding:0px 5px 0px 0px;line-height:18px;margin-right:10px;color:#333;} .upcoming li .when span {color:#555;font-size:10px;font-weight:bold;text-transform:uppercase;} .upcoming li .event {color:#333;font-weight:bold;} .upcoming li .loc {font-size:10px;text-transform:uppercase;color:#555;} .upcoming li a.more-link {background:666;color:#ff0000;padding:0px 10px;line-height:16px;font-size:10px;text-align:right;display:block;clear:both;} /* ADD THIS WIDGET */ #addthis-widget, #addthis-widget .widget-inside {clear:both;float:right;margin:0px;widt:auto;background:#fff;padding:0px 10px;} #addthis-widget h3 {display:none;} /* PAGE FORMATTING */ /* Comments template */ #comments-template {margin-top:10px;} #comments-template p {margin-bottom:10px;} #comments-template h3#reply {text-indent:-10000px;background: url('images/bg_headings1.gif') no-repeat 0px -160px;height:40px;} /* Comment headers */ .comments-header {font-family:'Impact',sans-serif;text-transform:uppercase;font-size:18px;color:#ff0000} /* Respond textarea */ textarea {width: 98%;border:solid 1px #ccc;background:#eeeeee;} /* PAGE: EVENT CALENDAR */ #body-container #tec-content {margin:0px 0px 0px 0px;padding:10px 0px 0px 10px;float:left;} #body-container #tec-content, #body-container table#big, #body-container #tec-events-calendar-header {width:718px;} #body-container #tec-events-calendar-header select {border:solid 1px #ccc;} .tec-month-nav .tec-prev-month a, .tec-month-nav .tec-next-month a {color:#000;font-size:12px;} #content #tec-content a.ical {background:#ff0000;color:#fff;} .upcoming li .event a {color:#333;} #body-container .tec-calendar-buttons {display:block;} #body-container table#big {margin:0px 0px 10px 0px;} #body-container .tec-calendar th {text-transform:uppercase;font-size:18px;font-weight:normal;color:#666;text-shadow:none;font-family:'Impact',sans-serif} #body-container .tec-calendar th {background:#000;border-right:solid 1px #aaa;padding:0px;color:#fff;} #body-container .tec-calendar th#tec-saturday, #body-container .tec-calendar th#tec-sunday {background:#666} #body-container .tec-calendar td .daynum, #body-container .tec-calendar td .tec-event {font-size:11px;padding:2px 5px 2px 5px;} #body-container .tec-calendar td.tec-present .daynum{background:#000;font-weight:bold;} #body-container .tec-calendar td.tec-future div.daynum{background:#ddd} #body-container .tec-calendar td .tec-event a {color:#ff0000} /*EVENT*/ #body-container #tec-event-meta .gmap, #body-container .tec-event-meta-desc .gmap {-moz-border-radius:none;display:block;background:#000;color:#fff;line-height:18px;height:18px;margin-top:5px;padding:0px 5px 0px 5px;} #body-container #tec-event-meta dd {margin-left:75px;} /* events popup */ #body-container .tec-tooltip .tec-event-title {background:#000;} /*header*/ #body-container #tec-events-calendar-header {height:97px;background: url('images/bg_bnr_events.gif') no-repeat;padding:0px 0px 0px 0px;clear:both;margin-bottom:10px;border-bottom:solid 1px #ccc;} #body-container .tec-cal-title {clear:both;margin-bottom:0px;width:620px;float:left;} .category-events span.back {display:block;float:left;} .category-events select.tec-events-dropdown {margin-top:10px;} #body-container .tec-calendar-buttons {} /*calendar*/ .tec-event a {color:#000;font-weight:bold;} .category-events .entry-title {display:block;clear:both;padding:15px 0px 10px 0px;margin:0px;} #body-container span.tec-calendar-buttons {padding:0px;height:31px;margin-top:60px;} #body-container span.tec-calendar-buttons a {-moz-border-radius:0px;height:31px;padding:0px 10px 0px 10px} #body-container a.tec-button-off, #body-container a.tec-button-on {margin:0px 0px 0px 10px;text-shadow:none;} #body-container a.tec-button-off {border:solid 1px #ddd;border-bottom:none;background:#ddd;color:#333;} #body-container a.tec-button-on {border:solid 1px #ccc;border-bottom:none;background:#fff;color:#333;} /* WP SHOP */ /* PAGE: HOMEPAGE */ #post-6 h2.page-title {margin:0px;padding:0px 0px 5px 0px;clear:both;} #post-6 h2.page-title a {background: url('images/bg_headings1.gif') no-repeat 0px 0px;height:35px;padding:0px;text-indent:-10000px;margin:0px;display:block;} .home-1, .home-1 a.main-image {clear:both;display:block;border:0px;height:390px;width:720px;margin:0px;padding:0px;float:left;} .home-1 a.main-image img {width:720px;height:390px;border:0px;padding:0px;margin:0px;} /* COLS */ .wCOL-1-4 {width:180px;float:left;} /* 4 cols */ .UL-4-cols {padding:0px;margin:0px;list-style:none;background:#ddd;clear:both;float:left;} .UL-4-cols li {float:left;padding:0px;margin:0px 1px 0px 0px;width:179px;background:#fff;} .main-pic-tabs a {display:block;line-height:22px;font-size:11px;padding:5px 10px 5px 10px;color:#333;} .main-pic-tabs a.a-selected {background:#000;color:#fff} .main-pic-tabs a:hover {background:#333;color:#fff;text-decoration:none;} .main-pic-tabs a em {float:left;display:block;line-height:22px;color:#fff;background:#ff0000;font-style:normal;padding:0px 5px 0px 5px;margin-right:5px;} .main-pic-tabs a img {width:143px;height:143px;} .ragged-row, .ragged-base {width:720px;} .ragged-row {clear:both;background: url('images/bg_madjester_main.gif') no-repeat 0px -415px #ccc;padding:20px 0px 0px 0px;float:left;margin-top:10px;} .ragged-row .inner {background:#ccc;float:left;width:100%;} .ragged-row .inner p {float:left;} .ragged-base {clear:both;float:left;background: url('images/bg_madjester_main.gif') no-repeat 0px -465px;font-size:10px;line-height:20px;height:20px;} .home-ragged-row .wCOL-1-4 h2 {padding:0px;margin:0px;text-indent:-10000px;height:30px;} h2.h2-col1 {background: url('images/bg_madjester_main.gif') no-repeat 0px -440px;} h2.h2-col2 {background: url('images/bg_madjester_main.gif') no-repeat -180px -440px;} h2.h2-col3 {background: url('images/bg_madjester_main.gif') no-repeat -360px -440px;} h2.h2-col4 {background: url('images/bg_madjester_main.gif') no-repeat -540px -440px;} .home-ragged-row .wCOL-1-4 p {padding:0px 10px 0px 10px;line-height:22px;font-size:12px;color:#333;} /* PAGE: EVENT PAGE */ #body-container #tec-event-meta {margin:10px 0px 10px 0px;padding:5px 10px 0px 10px;background:#eee} #body-container #tec-event-meta dl dt, #body-container #tec-event-meta dl dd {margin-top:0px;} #body-container h4.event-day {color:#888;font-size:36px;line-height:40px;margin-bottom:0px} #body-container .upcoming .entry-title, #body-container .upcoming .entry-title a {margin:0px;padding-top:0px;color:#333;font-size:18px;} #tec-content span.back a {display:block;float:left;} /* PAGE EVENT LIST SUMMARY PANEL*/ .tec-event-list-meta table {margin-bottom:0px;} #body-container .tec-events .tec-event-list-meta{border-left:dotted 1px #ccc;} /* page even list prev and next */ .tec-nav-previous a span {color:#333;font-weight:bold;text-decoration:none;font-size:12px;} /* TITLES */ .page-title {margin:0px 0px 10px 0px} h1, div h1 a, h2.tec-cal-title, .entry-title, h4.event-day, .entry-title a {font-family: Impact, Tahoma, Arial, Helvetica, sans-serif;font-weight: normal;color: #333;font-style:normal} .entry-title {margin:20px 0px 15px 0px;} h1, h1 a, h2.tec-cal-title, h2.entry-title {font-size:28px;line-height:28px;text-transform:uppercase} h2, h2 a {font-size: 16px;line-height:24px;} h3, h3 a {font-size: 16px;} h2 a, h3 a, h4 a, h5, h6 {font-family: Tahoma, Arial, Helvetica, sans-serif;color: #333;} /* TEXTS */ #MJ-desc-row div.MJ-wCOL1 ul li, p {font-size:12px;} /* Submit and reset buttons */ .button, .submit, .reset, #body-container #shopping-cart p.visitshop a, #tec-content span.back a, #events-list-widget-4 .dig-in a {text-decoration:none;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.7);font-weight:bold;text-align:center;background: url('images/bg_madjester_main.gif') no-repeat -760px -410px;font-size:12px;margin:0px 5px 0px 0px;color:#ccc;line-height:25px;height:25px;border:0px;cursor: pointer;} .button, .submit, .reset {padding: 0px 10px 0px 10px;} .button:hover, .submit:hover, #events-list-widget-4 .dig-in a:hover, #body-container #shopping-cart p.visitshop a:hover, #tec-content span.back a:hover, .reset:hover {line-height:25px;height:25px;text-decoration:none;background: url('images/bg_madjester_main.gif') no-repeat -760px -440px;color:#fff;border:0px;} /* Footer */ #footer-container {background: url('images/bg_madjester_main.gif') no-repeat 0px -530px #111111;padding-top:30px;margin: 0px;} #footer {padding:0px 0px 10px 80px;background: url('images/bg_madjester_main.gif') no-repeat -980px 0px;} #body-container #footer, #body-container #footer .copyright {color: #666;font-size:11px;font-style:normal} #footer p {margin:0px;padding:0px 0px 0px 0px;font-size:11px;} #footer .copyright {display: inline;float: left;margin-right: 9px;} #footer .copyright a, #footer .credit a {color:#888;font-weight:bold;}