/**
 * 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;}
.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;}

//.content .read-more {display:block; margin-top:10px;}