/*----------------------------------------------------------------------------- Hare & Hounds Kings Heath By: Substrakt (substrakt.co.uk) -----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- Main Elements -----------------------------------------------------------------------------*/ body{background: url("../images/bg.jpg") repeat fixed 0 0 transparent; margin:0;} body p { font-family:adelle, times, serif; font-weight:300; font-size:15px; color: #e4e4e4; line-height:1.5em; margin:0px 0px 1em; } body strong { font-weight:400; color: #e4e4e4; } body h1, h2, h3 { font-weight: 600; margin-top:0px; } #main-content-gallery h1{ font-weight: 700; color: white; text-transform:uppercase; } body.page-child #site-container #black-content-container #navigation-menu #navigation-left .menu-header-navigation-menu-container ul li#menu-item-121{background:url("images/current-page-indicator.png") no-repeat scroll center -8px transparent;} body.single-post #site-container #black-content-container #navigation-menu #navigation-left .menu-header-navigation-menu-container ul li#menu-item-113{background:url("images/current-page-indicator.png") no-repeat scroll center -8px transparent;} body.search-results #site-container #black-content-container #navigation-menu #navigation-left .menu-header-navigation-menu-container ul li#menu-item-113{background:url("images/current-page-indicator.png") no-repeat scroll center -8px transparent;} #site-container{background:url("../images/site-container-bg.png") repeat-y scroll top center transparent; width:1000px; margin:20px auto 0; padding-bottom:10px;} #black-content-container{background:#000000;} a img{border:none;} a div{text-decoration:none;} a{pointer:cursor !important;} input[type="submit"]{cursor:pointer !important;} hr {border-top:1px solid #808080; border-left:0px; border-bottom:0px; border-right:0px;} #seperator{border:3px solid #FFFFFF; margin:10px 0 0 7px; background:#FFFFFF; height:0px;} #main-content-bottom{margin-bottom:5px; text-align:center;} #main-content-bottom a{margin:auto 4px;} #main-content-bottom a#event-listings-venue-link img{position:relative; top:4px;} /*----------------------------------------------------------------------------- Header -----------------------------------------------------------------------------*/ #header-container{background:url("../images/header-bg.png") no-repeat scroll 0px 0px transparent; padding:35px 0 0; font-size:15px; font-weight:500; height:107px; position: relative; top: -8px;} #header-center{text-align:center; width:655px; left:15px;} #header-right{text-align:right; width:110px; left:20px;} #header-right #menu-header-top-right-menu{padding:0; margin:0; list-style:none;} #header-right #menu-header-top-right-menu li{text-align:right; width:110px;} #header-right #menu-header-top-right-menu li a{text-transform:uppercase;} #header-right a{color:#c3c3c3; text-decoration:none;} #header-right a:hover{text-decoration:underline;} #header-left{text-align:left; width:140px; color:#c3c3c3; display:block; padding-left:10px;} a.map-link{text-decoration:none !important;} #navigation-left{background:url("../images/navigation-left-background.png"); height:63px; width:735px; margin:9px 10px 24px;} #navigation-left .menu-header-navigation-menu-container{padding-left:9px;} #navigation-left .menu-header-navigation-menu-container ul{margin:18px 15px; padding:0;} #navigation-left .menu-header-navigation-menu-container ul li{display:inline; padding:20px 12px 25px;} #navigation-left .menu-header-navigation-menu-container ul li.current-menu-item{background:url("../images/current-page-indicator.png") no-repeat scroll center -8px transparent;} #navigation-left .menu-header-navigation-menu-container ul li a{display:inline-block; padding-bottom:5px; text-indent:-9999px; position:relative; top:0; transition: top 0.5s; -moz-transition: top 0.5s; -webkit-transition: top 0.5s; -o-transition: top 0.5s;} #navigation-left .menu-header-navigation-menu-container ul li a:hover{top:-3px;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-451 a{background:url("../images/menu.png") no-repeat scroll 0 0 transparent; width:160px;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-451 a:active{background:url("../images/menu.png") no-repeat scroll 0px -25px transparent;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-453 a{background:url("../images/menu.png") no-repeat scroll -188px 0 transparent; width:110px;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-453 a:active{background:url("../images/menu.png") no-repeat scroll -188px -25px transparent;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-455 a{background:url("../images/menu.png") no-repeat scroll -326px 0 transparent; width:85px;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-455 a:active{background:url("../images/menu.png") no-repeat scroll -326px -25px transparent;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-457 a{background:url("../images/menu.png") no-repeat scroll -682px 0 transparent; width:125px;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-457 a:active{background:url("../images/menu.png") no-repeat scroll -682px -25px transparent;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-459 a{background:url("../images/menu.png") no-repeat scroll -605px 0 transparent; width:80px;} #navigation-left .menu-header-navigation-menu-container ul li#menu-item-459 a:active{background:url("../images/menu.png") no-repeat scroll -605px -25px transparent;} #navigation-right{text-align:center; margin:0; width:200px;} #navigation-right ul{margin:0; padding:0;} #navigation-right ul li{display:inline; margin:0 -2px;} /*--#navigation-right ul li ul{display:none; position:absolute; z-index:100; top:35px; left:99px;} #navigation-right ul li:hover > ul{display:block;} .twtr-doc{border-radius:10px !important;} #facebook-header-link:hover{opacity:0.75;} #twitter-header-link:hover{opacity:0.75;}--*/ /*----------------------------------------------------------------------------- Front -----------------------------------------------------------------------------*/ #main-content-front{ padding:10px 0; width: 800px; margin-right: auto; margin-left: auto; color: #FFF; margin-bottom: 20px; } #main-content-front{padding:10px 0;} #main-content-front-top-left{margin:-20px 20px 0 5px;} #main-content-front-top-right{margin:0 2px;} #main-content-front-top-right-large-image img{top:10px !important; left:8px !important; position:absolute; width:605px; height:280px;} #featured-nav-controls{} #featured-nav-controls #featured-forward:hover{background:url("images/forward.png") no-repeat scroll 0 -22px transparent; height:23px; width:35px; position:absolute; z-index:99; top:135px; right:-8px;} #main-content-front-top-right-small-image{text-align:center;} #main-content-front #front-events a{text-decoration:none; color:#231f20;} #main-content-front #front-events .front-event-container:active {opacity:0.7;} #main-content-front #front-events .front-event-image{width:26%; display:inline-block;} #main-content-front #front-events .front-event-image img{height:142px; width:136px; background:#222222; -moz-transform: scale(0.9); -webkit-transform: scale(0.9) ; -o-transform: scale(0.9) ; -ms-transform: scale(0.9) ; transform: scale(0.9) ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-front #front-events .front-event-container:hover .front-event-image img { -moz-transform: scale(1); -webkit-transform: scale(1) ; -o-transform: scale(1) ; -ms-transform: scale(1) ; transform: scale(1) ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-front #front-events .front-event-container:hover .front-event-info .event-title { -moz-transform: scale(1.02) rotate(0.7deg); -webkit-transform: scale(1.02) rotate(0.7deg)); -o-transform: scale(1.02) rotate(0.7deg); -ms-transform: scale(1.02) rotate(0.7deg); transform: scale(1.02) rotate(0.7deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-front #front-events .front-event-info{width:73%; display:inline-block; position:absolute;} no-repeat; height:34px; width:163px; left:-30px;} #main-content-front #front-events .front-event-info .event-info-1 .date{display:inline; margin:0 20px 0 15px; position:relative; top:6px;} #main-content-front #front-events .front-event-info .event-info-1 .date .day{color:#FFFFFF;} #main-content-front #front-events .front-event-info .event-info-1 .date .month{color:#231f20;} #main-content-front #front-events .front-event-info .event-info-1 .time{position:relative; left:350px; color:#96BF0D; bottom:15px;} #main-content-front #front-events .front-event-info .event-title{font-size: 20px; left: 9px; line-height: 1.2em; position: absolute; top: 51px; width:369px; -moz-transform: scale(1) rotate(-0deg); -webkit-transform: scale(1) rotate(-0deg)); -o-transform: scale(1.) rotate(-0deg); -ms-transform: scale(1) rotate(-0deg); transform: scale(1) rotate(-0deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-front #front-events .front-event-info .event-info-2{position:absolute; top:110px; left:10px;} #main-content-front #front-events .front-event-info .event-info-2 .price{color:#96BF0D;} #main-content-front #front-events .front-event-info .event-info-2 .location{color:#96BF0D;} #main-content-front #front-events #front-all-events-link{font-size:20px; text-align:right; margin-top:-20px;} #main-content-front #front-blog .front-blog-container:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-front #front-blog .front-blog-container{position:relative; display:inline-block; margin:5px auto; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-front #front-blog .front-blog-container:active{opacity:0.7;} #main-content-front #front-blog .front-blog-image{width:30%; display:inline-block; position:relative; float:left;} #main-content-front #front-blog .front-blog-info{width:65%; display:inline-block; position:relative; margin-left:5px; float:right;} #main-content-front #front-blog .front-blog-info .title{font-size:20px; color:#FFFFFF; line-height: 1.2em; font-weight:600;} #main-content-front #front-blog .front-blog-info .date{color: #96BF0D; font-size: 14px; font-style: italic; margin-bottom: 11px; font-weight:400;} #main-content-front #front-blog .front-blog-info .excerpt p{color:#FFFFFF; font-size:13px;} #main-content-front #front-blog #front-read-blog-link{font-size:20px; text-align:right;} #main-content-front #front-blog #front-read-blog-link a, #main-content-front #front-events #front-all-events-link a{color:#96BF0D; text-transform:uppercase; text-decoration:none; display:inline-block; font-weight:700; padding-bottom:0px; margin-top:1em; margin-bottom:0.8em; border-bottom:2px solid #2F7915;} #main-content-front #front-blog #front-read-blog-link a:hover, #main-content-front #front-events #front-all-events-link a:hover{ color:#ffffff; border-bottom:2px solid #ffffff; } /*----------------------------------------------------------------------------- Event Listings -----------------------------------------------------------------------------*/ #main-content-event-listings{margin:15px 0;} #main-content-event-listings #event-listings-left{} #main-content-event-listings #event-listings-right-container{} #main-content-event-listings .event-listings-event-container {background:#FFFFFF; display:inline-block; width:100%;} #main-content-event-listings .event-listings-event-container:active {opacity:0.7;} #main-content-event-listings .event-listings-event-container:hover .event-listings-event-image img { -moz-transform: scale(1); -webkit-transform: scale(1) ; -o-transform: scale(1) ; -ms-transform: scale(1) ; transform: scale(1) ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-event-listings .event-listings-event-container:hover .event-listings-event-info .event-title { -moz-transform: scale(1.02) rotate(0.7deg); -webkit-transform: scale(1.02) rotate(0.7deg); -o-transform: scale(1.02) rotate(0.7deg); -ms-transform: scale(1.02) rotate(0.7deg); transform: scale(1.02) rotate(0.7deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left:14px} #main-content-event-listings .event-listings-event-container:active{position:relative; top:2px;} #main-content-event-listings .event-listings-event-container .event-listings-event-image{display:inline;} #main-content-event-listings .event-listings-event-container .event-listings-event-image img{height:142px; width:136px; background:#222222; -moz-transform: scale(0.9); -webkit-transform: scale(0.9) ; -o-transform: scale(0.9) ; -ms-transform: scale(0.9) ; transform: scale(0.9) ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-event-listings .event-listings-event-container .event-listings-event-info{display:inline;} #main-content-event-listings a{text-decoration:none; color:#231f20;} #main-content-event-listings .event-listings-event-image{width:26%; display:inline-block;} #main-content-event-listings .event-listings-event-info {width:73%; display:inline-block; position:absolute;} height:34px; width:163px; left:-30px;} #main-content-event-listings .event-listings-event-info .event-info-1 .date{display:inline; margin:0 20px 0 15px; position:relative; top:6px; font-weight:600;} #main-content-event-listings .event-listings-event-info .event-info-1 .date .day{color:#FFFFFF;} #main-content-event-listings .event-listings-event-info .event-info-1 .date .month{color:#231f20; text-transform:uppercase;} #main-content-event-listings .event-listings-event-info .event-info-1 .time{position:relative; left:420px; color:#96BF0D; bottom:15px; width:80px;} #main-content-event-listings .event-listings-event-info .event-title {font-size: 20px; left: 9px; line-height: 1.2em; position: absolute; top: 51px; -moz-transform: scale(1) rotate(-0deg); -webkit-transform: scale(1) rotate(-0deg); -o-transform: scale(1.) rotate(-0deg); -ms-transform: scale(1) rotate(-0deg); transform: scale(1) rotate(-0deg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #main-content-event-listings .event-listings-event-info .event-info-2 {position:absolute; top:110px; left:10px;} #main-content-event-listings .event-listings-event-info .event-info-2 .price{color:#96BF0D;} /*--- Event Single ---*/ #main-content-event-single{color:#FFFFFF; margin-top:35px;} #main-content-event-single .label{color:#E85734;} #main-content-event-single .event-single-left{margin-bottom:2em;} #main-content-event-single .event-single-left .title{font-size: 35px; line-height: 1.3em; border-bottom: 1px solid #808080; padding-bottom: 12px;} #main-content-event-single .event-single-left .description{font-size:15px; color:#ACACAC;} #main-content-event-single .event-single-left .description p {} #main-content-event-single .event-single-left .description img{float: left; margin: 0 40px 29px -60px; padding: 2px; position: relative; width: 236px;} #main-content-event-single .event-single-right{} #main-content-event-single .event-single-right div{margin:5px 0; text-align:center; font-size:15px;} #main-content-event-single .event-single-right .date{font-size: 30px; font-weight: 700; letter-spacing: 0; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);} #main-content-event-single .event-single-right .time-date{color:#ffffff; font-size:30px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2); font-weight:600; border-bottom:5px solid #FFFFFF;} #main-content-event-single .event-single-right .time-date .event-suffix{font-size:15px;} #main-content-event-single .event-single-right .time-date .divider{color:#d84a1c; text-shadow:none;} #main-content-event-single .event-single-right .venue{border-top:4px solid #FFFFFF; font-size:30px; text-shadow:1px 1px 1px #000000;} #main-content-event-single .event-single-right a {text-decoration: none; text-transform: uppercase;} .sticky{position:fixed; top:10px;} /*----------------------------------------------------------------------------- Leftfoot -----------------------------------------------------------------------------*/ #main-content-leftooft{} .prev-acts{text-align:center;} .prev-acts a{margin:5px;} .prev-acts a img{} /*----------------------------------------------------------------------------- Footer -----------------------------------------------------------------------------*/ footer{position:relative; overflow:hidden;} #border-bottom{background:url("../images/header-bg.png") repeat scroll 0 0 transparent; bottom:15px; height:15px; margin-left:auto; margin-right:auto; position:relative; width:980px;} #footer-section{text-align:center; width:100%; margin:0 auto;} #footer-section .menu-footer-navigation-menu-container ul{padding:0; margin-top:60px;} #footer-section .menu-footer-navigation-menu-container ul li{display:inline; margin:0 5px;} #footer-section .menu-footer-navigation-menu-container ul li a{text-decoration:none; display:inline-block; text-indent:-9999px; line-height:18px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-461 a{background:url("../images/footermenu.png") no-repeat scroll 0px 4px transparent; width:35px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-461 a:hover{background:url("../images/footermenu.png") no-repeat scroll 0px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-461 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-463 a{background:url("../images/footermenu.png") no-repeat scroll -60px 4px transparent; width:100px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-463 a:hover{background:url("../images/footermenu.png") no-repeat scroll -60px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-463 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-465 a{background:url("../images/footermenu.png") no-repeat scroll -185px 4px transparent; width:70px} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-465 a:hover{background:url("../images/footermenu.png") no-repeat scroll -185px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-465 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-467 a{background:url("../images/footermenu.png") no-repeat scroll -280px 4px transparent; width:55px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-467 a:hover{background:url("../images/footermenu.png") no-repeat scroll -280px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-467 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-469 a{background:url("../images/footermenu.png") no-repeat scroll -360px 4px transparent; width:90px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-469 a:hover{background:url("../images/footermenu.png") no-repeat scroll -360px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-469 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-471 a{background:url("../images/footermenu.png") no-repeat scroll -479px 4px transparent; width:31px} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-471 a:hover{background:url("../images/footermenu.png") no-repeat scroll -479px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-471 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-473 a{background:url("../images/footermenu.png") no-repeat scroll -539px 4px transparent; width:60px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-473 a:hover{background:url("../images/footermenu.png") no-repeat scroll -539px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-473 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-475 a{background:url("../images/footermenu.png") no-repeat scroll -625px 4px transparent; width:85px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-475 a:hover{background:url("../images/footermenu.png") no-repeat scroll -625px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-475 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-477 a{background:url("../images/footermenu.png") no-repeat scroll -737px 4px transparent; width:77px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-477 a:hover{background:url("../images/footermenu.png") no-repeat scroll -737px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-477 a:active{opacity:0.8;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-479 a{background:url("../images/footermenu.png") no-repeat scroll -843px 4px transparent; width:55px;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-479 a:hover{background:url("../images/footermenu.png") no-repeat scroll -843px -14px transparent;} #footer-section .menu-footer-navigation-menu-container ul li#menu-item-479 a:active{opacity:0.8;} #footer-final{color:white; font-size:13px; margin:30px 0;} a#substrakt{-moz-transition: all 0.4s ease-in-out 0s; background: url("../images/substrakt.png") no-repeat scroll left top transparent; bottom: 68px; display: block; height: 74px; position: absolute; right: -137px; text-indent: -9999px; width: 196px; z-index: 9;} a#substrakt:hover{right:0px;} /*----------------------------------------------------------------------------- Fancybox ----------------------------------------------------------------------------- */ #fancybox-overlay {background:#000 !important; /*----------------------------------------------------------------------------- 404 -----------------------------------------------------------------------------*/ #error-404{color:#FFFFFF; text-align:center;}