/*
Theme Name: Grenoside
Theme URI: http://10thpla.net/
Description: Custom theme for Grenoside Reading Room
Author: 10th Planet
Version: 1.0
Tags: custom theme, customisable
*/

@import "reset.css";
@import "type.css";
@import "fonts/fonts.css";
@import "wp-styles.css";
@import "print.css";

/* Main gubbins
-------------------------------------------------------------- */



div {
	position:relative;
}

#wrapper {
	margin: 0 auto;
	padding:15px 10px 10px 10px;
	width:940px;
	
	overflow:hidden;
}

#header {
background:red;
overflow:visible;
}

#branding {
	right:0px;
	/*top:49px;*/
	position:absolute;
	width:224px;
	top:64px;
}
#site-title {
	background:url(images/logo.png) top left no-repeat;
	width: 224px;
	height: 435px;
	display:block;
	text-indent:-9999px;
}
#main {
	float:left;
}
#container, #primary {
	float:left;
}
#container {
	margin: 11px 20px 0 0;
	width:700px;
}
#primary {
	margin-top:454px;
	width:220px;
}
#footer {
	clear:both;
	height:190px;
	padding-top:50px;
}

/* Sidebar ******************/
#primary li {
	list-style:none;
}
#primary h3 {
	background:none;
	/*font-size:1.5em;*/
	font-size:1.2em;
	margin:0 0 5px;
}
#primary .widget-container {
	margin:0 0 25px;
}
#primary #s {
	border:1px solid #a29c69;
	font-size:1.1em;
	/*font-family:Helvetica, Arial, sans-serif;
	font-weight:lighter;*/
	font-family:'Heebo',Arial, sans-serif;
	font-weight:100;
	padding:4px 5px 4px 5px;
	width:210px;
	background:#ebe5b6;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#primary #searchsubmit {
	background:#fff;
	border:none;
	color:#fff;
	width:0px;
	height:0px;
}
/* main area styles *************************/
#container ul,#container ol {
	margin:0 0 1.5em 40px;
}
#container li {
	line-height:1.5em;
	margin-bottom: 5px;
}
.post {
	margin-bottom:50px;
}
/* comments *****************************/
#comments {
	margin-top:75px;
}
#comments label, #comments .required {
	display:block;
	float:left;
}
#comments input, #comments textarea {
	clear:left;
	display:block;
	border:1px solid #615046;
	font-size:1.1em;
	/*font-family:Helvetica, Arial, sans-serif;
	font-weight:lighter;*/
	
font-family:'Heebo',Arial, sans-serif;
font-weight:100;
  
	padding:5px;
}
#comments textarea {
	width:540px;
}
#comments .form-allowed-tags {
	display:none;
}
#respond {
	margin-top:25px;
	padding-bottom:60px;
	width:550px;
}
#comments #submit {
	background:#a29c69;
	border:#a29c69 1px solid;
	color:#fff;
/*	font-family:'HelveticaLight',Helvetica, Arial, sans-serif;*/
font-family:'Heebo',Arial, sans-serif;
font-weight:100;
	float:right;
	margin-right:-2px;
}
#cancel-comment-reply-link {
	color:#a29c69;
	background:none;
}
#cancel-comment-reply-link:hover {
	color:#615046;
}
.commentlist {
	margin:0 !important;
}
.commentlist li {
	border-bottom:#615046 1px solid;
	padding:5px 5px 10px;
	margin-bottom:0 !important;
}
.commentlist li .fn {
	font-size:1.2em;
	font-weight:normal;
}
.commentlist .children li {
	list-style:none;
}
.commentlist .avatar {
	float:right;
}
.commentlist li.odd {
	background:#EEE;
}
/* Event calendar *****************************/
#wp-calendar td {
	text-align:center;
}
#wp-calendar .nav {
	margin:0;
}
.ec3_eventday a{
	background:#ae0000;
	color:#fff !important;
	padding:0 2px;
}
.ec3_ec {
	display:none;
}

/**widgets**/
.widget_recent_entries ul {
padding:0 0 0 15px;
}

.widget_recent_entries ul li {
margin:10px 0 7px 0;
list-style-type:square !important;
list-style-position: outside !important;
}

/******* footer  **********************/
#footer #footlogo {
	background:url(images/footlogo.png) no-repeat left top;
	height:180px;
	width:160px;
	display:block;
	text-indent:-9999px;
}
#footer .access {
	position:absolute;
	left:180px;
	top:0px;
}
#footer #support {
	position:absolute;
	text-align:left;
	right:0px;
	bottom:51px;
	width:760px;
}


#footer #support img {
max-height:40px;
padding:0 4px 6px 0;

}

#footer #credit {
	text-align:right;
}

/* Gallery things */


.page-template-page-gallery-php h3 {
margin:0 0 3px 0;
}


.page-template-page-gallery-php .ngg-galleryoverview {
margin:0 0 20px 0;
}


.page-template-page-gallery-php .ngg-gallery-thumbnail img {
background:#dedede;
padding:2px;
border:none;

-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.page-template-page-gallery-php .ngg-gallery-thumbnail img:hover {
background:#A29C69;
padding:2px;
border:none;
}

.home h2 {
margin:0 0 2px 0;
}

.ngg-slideshow {
margin:0 0 10px 0;
}

#captionouter {
background: url(images/tear-light.png) no-repeat;
width:680px;
height:30px;
padding:24px 10px 10px 10px;
position:absolute;
bottom:0;
z-index:99999;
}

#captionouter #caption {
font-size:20px;
}

#slideshowouter {
width:700px;
padding:0;
margin:0 0 15px 0;
height:508px;
overflow:hidden;
background:#fbfbfb;
}




li#search-3{
margin-bottom:-4px !important;
}

#colophon .access {
width:758px;
}

#colophon .access a {
font-size:18px;
padding:0 8px;
}

#colophon .access li.current_page_item a {
background:none !important;
color:#000;
}


/* Events */

.post-type-archive-event #container {
width:700px;
}


.post-type-archive-event .event {
width:700px;
margin:2px 0 50px 0;
}

.post-type-archive-event h3 {
margin:0 0 5px 0;
}

.post-type-archive-event p {
margin:0 0 8px 0;
}


.single-event #main {
width:940px;
}

.single-event .storycontent {
width:700px;
float:left;
margin:11px 10px 0 0;
}

.single-event .storycontent h2 {
font-size:24px;
}

.single-event .storycontent ul {
margin-left:20px;
}

.single-event .storycontent ul li {
list-style:square;
margin:0 0 10px 0;
}

.backtoevents {
font-size:19px;

margin:20px 0;
}

.single-event hr {
 border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	margin:10px 0;
}

#venueblock {
background:#fff;
padding:5px;
}

.eventmetablock {
padding:0 0 0 20px;
}

.addon {
width:610px;
background:none;
margin:20px 0 0 0;
padding:10px;
clear:left;
font-size:18px;
}

li.eo-event-future {
margin:10px 0 15px 0 !important;
}


/*Booking */



.btn-primary {
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)!important;
  background-color: #EBE5B6!important;
  *background-color: #A29C69!important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBE5B6), to(#A29C69))!important;
  background-image: -webkit-linear-gradient(top, #EBE5B6, #A29C69)!important;
  background-image: -o-linear-gradient(top, #EBE5B6, #A29C69)!important;
  background-image: linear-gradient(to bottom, #EBE5B6, #A29C69)!important;
  background-image: -moz-linear-gradient(top, #EBE5B6, #A29C69)!important;
  background-repeat: repeat-x!important;
  border-color: #0044cc #0044cc #002a80!important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)!important;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffEBE5B6', endColorstr='#ffa29c69', GradientType=0)!important;
  filter: progid:dximagetransform.microsoft.gradient(enabled=false)!important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #A29C69!important;
  *background-color: #A29C69!important;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #A29C69!important;
}

th.fc-widget-header {
padding:10px 0 !important;
}

.apcal-error strong {
color:#990000;
font-size:.8em;
}

#appointment-form2 del {
text-decoration:none;
background:url(images/scribble-brown50.png) repeat-x;
color:#ccc;
}

#appointment-form2 input[type="radio"] {
background:#ccc;
margin-bottom:9px;
}

.apcal_modal-info p {
margin-bottom:0;
} 

.apcal_alert-info p {
margin:5px 0 0 0;
}

.apcal_modal-body {
max-height:550px !important;
padding:0;
}


#calendar {
background: url(images/calbg.png);
padding:20px;
}


.fc-agenda-allday {
margin:0;
}

#bookexpo {
margin:35px 0;
overflow:hidden;
}

#bookexpo p {
width:480px;
float:left;
display:block;
}

#calendarbreak h2{
margin:5px 0;
}

#bkbtndiv {
width:200px;
float:right;
}

#addappointment {
font-size:20px;
line-height:25px;
padding:5px;
}

.apcal_btn-primary:hover {
background: #999966;
}

.fc-first, .fc-last {
font-size:12px;
}

/* Tours */
.virtualtourbox {
margin:-20px 0 25px 0;
}

.virtualtourbox img {
border:2px solid #eee;
margin:0 5px 0 0 !important;
}

/*Home Page Blockery*/

.home h3 {
margin-bottom:.5em;
}

#blocks {
width:100%;
padding:0;
margin:0 0 25px 0;
clear:both;
float:none;
position:relative;
height:200px;
overflow:hidden;
}

#blocks a:link,
#blocks a:visited,
#blocks a:hover,
#blocks a:active {
color:#000;
}

.hblock {
width:33.33%;
float:left;
margin:0;
padding:0;
position:relative;
background:#cba;
height:200px;
overflow:hidden;
}

.hblock.one {
background:url(images/homeblocks/news.png);
}

.hblock.two {
background:url(images/homeblocks/events.png);
}

.hblock.three {
background:url(images/homeblocks/gallery.png);
}


.hblock .intro {
position:absolute;
top:0;
margin:200px 0 0 0;
width:100%;
height:auto;
overflow:visible;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
transition: all 1.5s ease;
background:#eee;
background:rgba(255,255,255,.5);
}

.hblock:hover .intro {
position:absolute;
bottom:0;
margin:0 0 0 0;
height:auto;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
background:#eee;
background:rgba(255,255,255,.82);
}


.hblock h3 {
/*font-family:Arial, Helvetica, sans-serif;*/
font-family:'Heebo',Arial, sans-serif;
font-weight:100;
display:block;
padding:3%;
font-size:1em;
font-weight:bold;
position:absolute;
bottom:100%;
left:0;
width:100%;
background:#eee;
background:rgba(255,255,255,.9);
overflow:hidden;
margin:0;
color:#615046;
}

.hblock:hover .intro h3 {
top:0;
position:relative;
}


.hblock.one h3 {
background:#ebe7c0;
}

.hblock.two h3 {
background:#e3dda8;
}

.hblock.three h3 {
background:#e7e2b2;
}


.hblock p {
display:block;

padding:3%;
margin:0;
font-size:.8em;
}

.hblock.one:hover .intro {
background:#ebe7c0;
background:rgba(235,231,192,.9);

}

.hblock.two:hover .intro {
background:#e3dda8;
background:rgba(227,221,168,.9);

}

.hblock.three:hover .intro {
background:#e7e2b2;
background:rgba(231,226,178,.9);
}



#slideshowouter .ngg-slideshow .ngg-gallery-slideshow-image img:after {
    content: "attr(alt)";
	position:fixed;
	bottom:0;
	left:0;
	background:#000;
	color:#fff;
	font-size:1.5em;
	z-index:9999999999999999;
	display:block;
}

/*2017*/

.blog .entry-content {
line-height:1.3;
}

.blog .entry-utility {
margin:10px 0;
}

.blog #content .entry-meta {
margin:0 0 1em 0;
}

.blog #content .post p {
font-size:1em;
margin:0 0 .5em;
padding:0;
}

.blog #content .post h2 {
font-size:2.3em;
margin:.1em 0 .5em 0;
padding:0 0 .6em 0;
}

.blog #content .post h3 {
font-size:1.3em;
margin:.2em 0 .2em 0;
padding:0;
}

.blog #content .post h4 {
font-size:1.1em;
margin:.1em 0 .1em 0;
padding:0;
}

#primary.widget-area ul.xoxo li.widget_recent_entries ul {
padding-left:0;
list-style: none !important;
}

#primary.widget-area ul.xoxo li.widget_recent_entries ul li {
list-style: none !important;
}

#primary.widget-area ul.xoxo li.widget_archive ul li {
margin-bottom:9px;
font-size:.9em;
}

/*2025*/

.ngg-galleryoverview.default-view {
    text-align: left !important;
}


#slideshowouter .ngg-galleryoverview.ngg-slideshow.slick-initialized.slick-slider .slick-list .slick-track a img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height:none !important;
}