/**
 * Content stylesheet
 * 
 * A broad-brush stylesheet that gives most content elements some basic
 * styling, as well as adding a number of generic styling classes that
 * can be used both in templates and wiki content.
 * 
 * @package ZSL
 * @author Benedict Eastaugh
 */

/**
 * Generic content styling
 * 
 * Gives the most commonly-used HTML elements some basic look and feel.
 * Paragraph styling includes a fix for the IE6 italic wrapping Bug. Code and
 * preformatted text styling includes a fix for the WebKit font sizing bug.
 */
 
.content H1, .content H2, .content H3, .content H4 {font-family:'times new roman', serif; color:#646464; margin:0 0 20px 0; font-weight:normal;}
.content H1 A, .content H2 A {color:#646464;}
.content H1 {font-size:220%; line-height:100%; font-weight:normal; margin:0 0 15px 0;}
.content H2 {font-size:180%; line-height:110%;}
.content H3 {font-size:150%; font-family:arial, sans-serif;}
.content H4 {font-size:110%; font-family:arial, sans-serif;}
.wiki H2, .wiki H3 {font-family:'times new roman', serif; font-weight:bold;}

.content P {margin:0 0 1em 0; *overflow:visible; font-stretch:condensed;}
.content STRONG {font-weight:bold;}
.content EM {font-style:italic;}
.content ACRONYM, .content ABBR {border-bottom:1px solid #8fb7bf;}
.content SMALL {font-size: 0.8em;}
.content SUP, .content SUB {font-size: 75%;}
.content SUP {vertical-align: super;}
.content SUB {vertical-align: sub;}
.content HR {width:100%; height:1px; background:#ccc; color:#ccc; margin:1em 0; border:none; padding: 0;}
.content UL, .content OL {margin:0 0 1em 30px; padding:0;}
.content UL LI {list-style-type:disc;}
.content OL LI {list-style-type:decimal;}
.content LI {margin:0 0 0.75em 0; list-style-position:inside;}
.side-column LI, .links LI {list-style-position:outside;}
.content PRE, .content CODE {font-family:Courier, "Courier New", monospace; font-size:12px; *font-size:1em;}
.content PRE {overflow:scroll; margin:0 0 1em 0; padding:0 0 0.5em 0; white-space:pre-wrap;}
.content CODE {color: #7ca653;}

.content A {text-decoration:none;}
.wiki A {text-decoration:underline;}
.wiki .action {text-decoration:none;}
.content A:hover, A:focus, A:active {}
.content A:hover IMG {opacity:0.6; *filter:alpha(opacity=60);}
.content A SPAN, .content A STRONG {cursor:pointer;}

.content A.rss {display:block; background:url('/static/site/graphics/general/rss.gif') center left no-repeat; padding-left:30px;}
.button-link A {text-decoration:none!important;}
.adoption-animal .button-link {clear:both; padding-top:20px;}
.adoption-animal .button-link A {background-color:#FF2F2F!important;}

.content TABLE {margin:0px 10px 15px 0px; width:100%; border-top:2px solid #EBEBEB;}
.content CAPTION {color:#646464; vertical-align:top; text-align:left; padding:15px 0px 10px 0px; font-weight:bold; font-size:130%;}
.content TH, TD {vertical-align:top; padding:10px 5px 5px;}
.content TD P {padding:0!important;}
.content TH {background:#FAFAFA; border-bottom:2px solid #EBEBEB; font-weight:bold; font-family:'times new roman', serif; font-size:120%;}
.content TD {border-bottom:1px solid #EBEBEB; text-align:left!important;}

.content .oo-inline-download IMG {display:inline;}
.content .image {display:block; margin:0 0 10px 0;}
.content .image-left {display:block; float:left; margin:0 15px 10px 0;}
.content .image-right {display:block; float:right; margin:0 0 10px 15px;}
.content .image EM, .image-left EM, .image-right EM {display:block; padding:0px 0px 5px 0px; font-style:normal; font-size:90%;}
.content .image-copyright {padding:5px 0; display:block; clear:both; text-align:left; font-style:normal; font-size:95%; color:#AFAFAF; line-height:1em;}
.content .expandable-image IMG {width:100%;}

.content .summary {font-size:110%; font-weight:bold; margin-bottom:20px;}

/**
 * Events: plan your day and what's on pages.
 *
 * @author Benedict Eastaugh
 */

.content .event-time {
    font-family:Arial, sans-serif;
    font-size:14px;
    color:#fff;
    font-weight:bold;
    background:url('/static/site/graphics/events/event-time.png') repeat-y 0 0;
    margin:0 0 10px 0;
    padding:5px 12px;
}

.event-group .event {
    float:left;
    width:330px;
    margin:0 20px 0 0;
    padding-bottom:20px;
}

.event-group .event-link, .event-feature .event-link, .event-top .event-link {
    text-decoration:none;
    display:block;
    color:#646464;
}

.event-group .event-link:hover, .event-feature .event-link:hover, .event-top .event-link:hover {
    color:#646464;
}

.event-group .event-text {
    width:190px;
    float:right;
}

.event-group .event p {
    margin:0;
}

.event-group .event img {
    display:block;
    float:left;
}

.event-group .event h2, .event-group .event h3 {
    font-family:Arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:15px 0 3px 0;
}

.event-group .event-link:hover h2, .event-feature .event-link:hover h2, .event-top .event-link:hover h2, .event-group .event-link:hover h3, .event-feature .event-link:hover h3, .event-top .event-link:hover h3 {
    text-decoration:underline;
}

.search-events-form {
	position:relative;
    background:url('/static/site/graphics/events/search-events-form.png') repeat-x 0 0;
    border-top:2px solid #f5f5f5;
    padding:8px 20px 0 10px;
    margin-top:20px;
}

.content .search-events-form h2, .content .event-category h2 {
	font-size:150%;
}

.content .search-events-form form, .content .search-events-form h2 {
	margin:0 0 15px 0;
}

.event-deselect {
	margin-top:10px!important;
}

.content .search-events-form form .event-search-category {
	display:block; 
	width:150px;
	height:2em;
	margin-right:10px;
	padding-bottom:10px; 
	float:left;
}

.content .search-events-form form label {
	display:block;
	margin-left:22px;
	*margin-left:26px;
}

.content .search-events-form form .event-search-category .checkbox {
	margin-top:4px;
	*margin-top:0;
}

.search-events-form input.submit {
	position:absolute; 
	top:0; right:10px;
    display:block;
    padding:3px 12px;
    float:right;
    background:#778e2b url('/static/site/graphics/events/search-events-submit.png') repeat-x 0 0;
    font-family:'Times New Roman', Times, serif;
    font-size:14px;
    color:#fff;
    margin-top:10px;
}

/* Nick's addition */
.event-search-category {
	display:block; 
	float:left; 
	margin-right:10px; 
}

.event-details {
    margin-top:20px;
}

.event-details .event-text {
    float:right;
    width:467px;
}

.content .event-group .event-text H2, .content .event-group .event-text H3 {
	margin-top:0;
}

.content .event-button {
    display:block;
    float:left;
    padding:4px 10px;
    background:#546835 url('/static/site/graphics/events/event-button.png') repeat-x 0 0;
    color:#fff;
    font-weight:bold;
    text-transform:lowercase;
}

.content .event-button:hover {
    color:#fff;
    text-decoration:underline;
}

.content .newsletter-link {
    margin:1.5em 0;
}

.content .newsletter-link a {
    font-family:'Times New Roman', Times, serif;
    font-size:14px;
    color:#707c21;
    text-decoration:none;
}

.content .newsletter-link a:hover {
    color:#707c21;
    text-decoration:underline;
}

.event-extras {
    margin:20px 0;
    padding:20px 15px 5px 15px;
    background:#f9f9f8;
    color:#646464;
}

.event-extras h2, .event-extras h3 {
    font-family:'Times New Roman', Times, serif;
}

/* ***** Nick's additions **** */
.event-feature {float:left; width:450px; }
.event-top {float:left; width:250px;}
.event-top H2 {font-size:100%; margin-bottom:5px;}
.event-top .event-description {display:none;}
.event-location {font-size:90%; margin:0px;}
.event-timing {font-size:90%; font-weight:bold; margin:0px; color:#6D7335;}

.event-top .event {margin-bottom:45px;}
.event-top .last .event {margin-bottom:0;}

.event-feature img {
    display:block;
    float:left;
}

.event-top img {
    display:block;
    float:left;
}

.event-feature .event-text {
    float:right;
    width:190px;
    padding-right:10px;
}

.event-top .event-text {
    float:right;
    width:145px;
}

.content .event-text P.event-timing {margin-bottom:0px;}

.event-top .event-text H2, .event-feature H2 {
	font-family:arial, sans-serif;
	margin-bottom:2px;
	font-weight:bold;
}

.event-feature H2 {
    font-family:'times new roman', serif;
    font-weight:normal;
	font-size:150%;
}