h1, h2, h3, h4, h5, h6{font-weight:bold; margin:0; line-height:1em; color: #262626;}

h1{font-size:25px; margin-bottom:.5em; color: #8c2929;}
h2{font-size:21px; margin-bottom:.5142em; padding-top:.2em}
h3{font-size:17px; margin-bottom:.7em; padding-top:.3em}
h4{font-size:15px; margin-bottom:.6em}
h5, h6{font-size:1em; margin-bottom:.5em; font-weight:bold}

p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit; margin:0 0 1.5em 0}
ul, ol, dl{padding:0}
ul ul, ul ol, ol ol, ol ul, dd{margin:0}
li{margin:0 0 0 2em; display:list-item; list-style-position:outside}
blockquote, dd{padding:0 0 0 2em}
pre, code, samp, kbd, var{font:100% mono-space,monospace}
pre{overflow:auto}
abbr, acronym{text-transform:uppercase; border-bottom:1px dotted #000; letter-spacing:1px}
abbr[title], acronym[title]{cursor:help}
.small {font-size:.9em; color: #ccc;}
sup, sub{font-size:.8em}
em, cite, q{font-style:italic}
img{border:none}
hr{display:none}
table{width:100%; border-collapse:collapse; margin-bottom: 25px; border-bottom: solid 3px #E5DDC8;}
th, caption{text-align:left}
form div{margin:.5em 0; clear:both}
form div span.note {font-weight: normal; color: #919f58; font-size: 11px; float: left; display: block; width: 230px; margin: -30px 0 0 325px; padding: 0; line-height: 14px;}
label{display:block; font-weight: bold; color: #295668;}
fieldset{margin:0; padding:0; border:none}
legend{font-weight:bold; color: #262525;}
input[type="radio"], input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0}

.left{float:left; margin-right:1em}
.right{float:right; margin-left:1em}
.center{text-align:center}
.share { margin-bottom: 20px; }

.clear{clear:both}
.first{margin-left:0 !important}
.last{margin-right:0 !important}
.top{margin-top:0 !important}
.bottom{margin-bottom:0 !important}
.hidden, .print{display:none}
.graphic{margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px}
a.edit { font-size: 13px; position: absolute; top: 20px; left: 20px; padding: 2px; display: block; z-index: 999;}

body, table, input, textarea, select, li, button{font:1em Helvetica,Arial,Sans-Serif; line-height:1.5em; color:#333; -webkit-text-stroke:1px transparent;}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}
body{font-size:15px; background:#e5ddc8; margin:0; padding:0; text-align:center}
a, a:visited{text-decoration:none; color:#336c82; outline: none;}
a:hover{color:#8c2929;}
a:active{color:#5c899b;}
a:focus{-moz-outline: none;}
:focus {-moz-outline-style: none !important;}

ins{text-decoration:none; color:#900; font-style:italic}
code{color:#555}
pre{margin-left:2em; padding-left:2em; border-left:1px solid #b7b1a0}
blockquote{margin-left:2em; border-left:1px solid #b7b1a0; font-style:italic}
dt{font-weight:bold}
th, td{padding:.5em 1em; line-height:1.5em}
th{border-bottom: 3px solid #E5DDC8; color: #8C2929; font-size: 17px;}
th { padding-left: 0; }
td{border-bottom:1px solid #eee}
caption{font-weight: bold;}
fieldset{border:1px solid #EAE4D3; background: #fffcf2;padding:1em 2em; margin:0 0 1.5em 0}
legend{padding:2px 5px}
form div.col{clear:none}
form div.first{clear:both}
form div{overflow:hidden}

input[type="text"], input[type="password"], textarea, .field, .area, select{border:1px solid #919191; border-bottom-color: #e3e3e3;border-right-color: #e3e3e3; padding: 8px 5px 6px 5px; background:url(../images/bg-input.png) no-repeat #fff; width:300px; line-height:1.5em; margin:0; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
.secondary input[type="text"],.secondary input[type="password"],.secondary textarea,.secondary .field,.secondary .area,.secondary select{width:228px;}
select{width:312px}
textarea, .area{overflow:auto; height:150px; width:400px}
.send-fan-mail textarea {height:300px; width:550px}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:url(../images/bg-input-focus.png) no-repeat #ffffcc; outline:none}
.submit{}
button{border:solid 1px #1f414e; background:#295668; color:#fff; padding:0 1em; height:2em; line-height:2em; cursor:pointer; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
button:hover {background:#336c82;}

.note, .success, .error{display:block}
.error{color:#900}
.success{color:#060}
.note{font-weight:bold}
.important { color: #702121; font-size: 12px; }

.pullquote{width:20%; float:left; margin-right:2em; padding-right:2em; border-right:1px solid #b7b1a0; text-align:right; font-size:1.1em; font-style:italic; color:#777; margin-bottom:.5em}
.boxout{width:20%; float:right; margin-left:2em; padding:1em 2em; border:1px solid #b7b1a0; margin-bottom:.5em}
#easy_tooltip{border:1px solid #e1e1e1; padding:2px 10px; background:#f5f5f5}

/* CONTAINERS */
#container{margin:0 auto; width:960px; text-align:left; position:relative; background:url(../images/bg-container.png) repeat-y #fff;}
.inner{position:relative}
#header{position:relative; background:#8c2929; color:#702121; height: 100px; z-index: 2000;}
#footer{position:relative; clear:both; background:#262626; color:#e5e5e5}

/* CONTENT */
.content{clear:both; padding: 0; }
.content a, .content a:visited{text-decoration:underline}

.main, .secondary, .tertiary, .quaternary{float:right; display:inline}
.main{width:620px; margin: 25px;}
.secondary{width:240px; margin: 25px 25px 25px 0;}
.tertiary{}
.quaternary{}

.columns { background: url(../images/bg-columns.png) repeat-y; float: left; display: inline; width: 620px; }
.col {float:left; display:inline;margin-right:25px; width: 285px;}
.lastcol {margin-left:25px; margin-right: 0;}
.col .thumb { padding-bottom: 10px; }
.col h2, .secondary h2 { font-size: 15px; color: #8c2929; font-weight: bold; padding: 0; }
.secondary h2 { clear: both; }
.col h2 {margin-bottom: 20px;}
.col .item {float: left; display: inline; width: 285px; clear: both; font-size: 13px; line-height: 18px;border-bottom:1px solid #E5DDC8; margin-bottom: 20px; padding-bottom: 10px;}
.col .item .thumb {float: left; display: inline; margin-right: 10px;}
.col .item h3 {font-size: 13px; margin: 0 0 5px 0; padding: 0; line-height: 18px; }
.col .item p {margin-bottom: 0;}
.col h3 a { text-decoration: none !important; font-weight: normal !important; }

#terms {display: none; width: 400px;}

/* HEADER */
#header a { color: #fff; }
#header #logo {margin:0; padding:0; float: left; display: inline;}
#header #logo a { display: block; width: 240px; height: 100px; background: url(../images/logo-animatch.png) no-repeat; text-indent: -9999px;}
.fr #header #logo a {background: url(../images/logo-animatch-fr.png) no-repeat;}

/* TOPNAV */
#topnav { float: left; margin: 0 0 0 75px; padding: 0; list-style-type: none;}
#topnav li { float: left; display: inline; margin: 23px 0 19px 0; padding: 0; line-height: 20px;  }
#topnav li a { display: block; padding: 0 10px; border-right: solid 1px #702121;}
#topnav li a:hover { text-decoration: underline; }
#topnav li.last a { border: none; padding-right: 0; }
#topnav li.first a { padding-left: 0; }

/* NAV */
#nav, #nav ul, #nav li{margin:0; padding:0; list-style:none; }
#nav { float: left; display: block; margin-left: 75px; }
#nav li{float:left; display:inline; position:relative; margin-right:3px;}
#nav li a { font-weight: bold;display: block; background: #702121; padding: 0 23px 0 23px;line-height: 38px;}
#nav li a:hover {  background: #262626;color: #fff;}
#nav li.active a  {  background: #fff;color: #262626;}
#nav li.active a:hover {  background:#262626; color: #fff; }
#nav li.active ul li a {color: #fff;}
.fr #nav {font-size: 13px;}
.fr #nav li a { padding:0 12px;}

#nav ul, #nav li.active ul {position:absolute; left:0; top:38px; padding:10px 0; width:180px; background:#262626; display:none; z-index:2000; font-size: 13px;}
#nav ul li {float:none; display:block}
#nav ul li a { background: none; font-weight: normal; line-height: 30px; color: #fff;}
#nav ul li a:hover, #nav li.active ul li a:hover { color: #996666; }
#nav li.active ul li a { background: none; font-weight: normal; line-height: 30px;}
.fr #nav ul li a {padding: 0 15px;}

/* INTRO */
#intro { position: relative;z-index:1000;background: #262626; color: #e5e5e5; float: left; display: inline; width:620px ; height: 300px; overflow: hidden; margin-bottom: 25px;}
#intro img, #intro .description { float: left; display: inline; }
#intro img { width: 405px; }
#intro .description { position: absolute; left: 405px;width: 215px; background: #262626; }
#intro .description img { cursor: pointer; }
#intro .description h2 { padding: 25px 25px 0 25px; margin: 0; cursor: pointer; font-weight: bold; }
#intro .description a { color: #fff; text-decoration: none; }
#intro .description p { padding: 0 25px 10px 25px; margin: 0; font-size: 13px; }
#intro .description p.status { font-weight: bold; color: #919f58; padding-bottom: 10px; }
#intro .description p.link a { text-decoration: underline; }

#introbanners, #introbanners .banner { float:left; display: inline; }
#home #introbanners {border-top:  none; padding-top: 0;}
#introbanners { width: 620px; border-bottom: solid 3px #e5ddc8; border-top: solid 3px #e5ddc8;margin-bottom: 25px; padding: 25px 0; }
#introbanners .banner { margin-right: 25px; }
.poopbagsad { display: block; clear: both;margin: 0; padding:20px 0 0 0; text-align: center;}

.main h1 { border-bottom: solid 3px #e5ddc8; padding: 0 0 20px 0; margin-bottom: 25px; }

#breadcrumbs { display: none;clear: both; float: left; width: 620px; border-bottom: solid 1px #eae4d3; margin: 0 0 25px 0; padding: 0 0 20px 0; }
#breadcrumbs li {background: url(../images/bullet-breadcrumbs.png) no-repeat 0 0; display: inline; margin: 0; padding: 0 0 0 15px; }
#breadcrumbs li.first { background: none; padding-left: 0; }

.introtext { color: #807b6f; font-size: 17px	; }

.pictureframe { text-align: center; }
.picture { text-align: center; margin: 0 0 10px 0; }
.caption { text-align: center; font-weight: bold; }

.meta { font-size: 13px; color: #b7b1a0; }

.itemslist { margin: 0; padding: 0; list-style-type: none; }
.itemslist li { position: relative;width: 620px; float: left; display: inline;margin: 0; padding: 0;clear: both; margin-bottom: 25px; border-bottom:1px solid #EAE4D3; padding-bottom: 25px; }
.itemslist li:last-child {border-bottom: none; margin-bottom: 0;}
.itemslist p { margin-bottom: 0; }
.itemslist .thumb { float: left; display: inline; margin-right: 25px; }

.thumblist { width: 620px; float: left; display: inline; margin: 0; padding: 0; list-style-type: none; }
.thumblist li { float: left; display: inline; margin: 0; padding: 0 25px 25px 0;text-align: center; }
.thumblist .info { text-align: center; font-size: 11px; font-weight: normal;}
.thumblist li.last { padding-right: 0; }

ul.pagination {margin:0 0 25px 0; padding:0;float: left; width: 620px;}
ul.pagination li {clear: none;margin:0 .5em 0 0; padding:0; float:left; display: inline;list-style:none; width: auto !important; border-bottom: none;}
ul.pagination li a, ol.pagination li span{float:left; border:1px solid #5c899b; line-height:1.5em; padding:2px 8px 0 8px; text-decoration: none;}
ul.pagination li a:hover, ul.pagination li.here a {background:#5c899b; color: #fff;}
ul.pagination li span{background:#336c82; color:#fff}

.comments, .comments ul, #comments li{margin:0; padding:0; list-style:none}
.comments li{margin:0 0 1.5em 0; position:relative}
.comments .meta{margin: 10px 0 0 0;}
.comments .meta li{margin:0; display:inline; color:#b7b1a0}
.comments .meta .author {font-size:14px; font-weight:bold; margin-left: 70px;}
.comments .meta img {position:absolute; left:0; top:-11px; z-index:100; border:1px solid #EAE4D3}
.comment { border-top:1px solid #EAE4D3}
.comments .body{padding-left:70px;}
.comments .edit { position: absolute; }

#details-pics { background: #262626; text-align: center;height: 500px; overflow: hidden; margin-bottom: 25px; padding: 10px;}
.status { color: #919f58; font-weight: bold;}
a.btn-adopt { text-align: center;display: block;border:solid 1px #5e6c25; background:#75872e; color:#fff; padding:5px 10px; height:2em; line-height:2em; cursor:pointer; -moz-border-radius: 3px;-webkit-border-radius: 3px; }
a.btn-adopt:hover { background: #919f58; }

/* secondary */
#btn-donate { margin-bottom: 25px; }
.secondary h2 { border-top:3px solid #E5DDC8; padding: 15px 0 10px 0; clear: both;}

.submenu { margin: 0 0  25px 0; padding: 0; list-style-type: none; }
.submenu li { margin: 0; padding: 0;border-bottom: solid 1px #eae4d3; line-height: 30px;  }
.submenu li.last { border: none; }
.submenu li a { text-decoration: none !important; background: url(../images/bullet-submenu.png) no-repeat 0 7px; padding-left: 18px; display: block; width: 220px; }

.eventslist { margin: 0; padding: 0 0 10px 0; list-style-type: none;}
.eventslist .event { padding: 0; margin:0 0 10px 0;clear: both; }

.eventslist .date { -moz-border-radius: 3px;-webkit-border-radius: 3px; float: left; display: inline; font-size: 20px; text-transform: uppercase;  padding: 0; margin-right: 10px; text-align: center;font-weight: bold; background: #8C2929; color: #fff;}
.eventslist .date .month { font-size: 12px;line-height: 15px; background: #702121; padding: 2px 10px 1px 10px; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; }
.eventslist .date .day { line-height: 25px; }

.sidelist { margin: 0 0 25px 0; padding: 0; list-style-type: none; font-size: 13px;}
.sidelist li { padding: 10px 0; margin: 0; border-bottom: solid 1px #eae4d3;  }
.sidelist li:last-child { border: none; }
.sidelist span { font-size: 11px; color: #b3b3b3; }

ul.sponsors { width: 240px; float: left; display: inline; }
ul.sponsors, .sponsors li {margin: 0; padding: 0; list-style-type: none; }
.sponsors li { float: left; display: inline; margin:0 16px 14px 0; }
.sponsors li img { border: solid 1px #EAE4D3; }
.sponsors li img:hover { border: solid 1px #8c2929; }
li.bigbanner {text-decoration: none; text-align: center;}
li.bigbanner a {text-decoration: none !important;}

/* Donation Page */
.divider {border-bottom:1px solid #cecece;margin:15px 0;clear:both;}
.icon_warning {background:transparent url(../images/exclamation.png) left no-repeat;padding:4px;padding-left:20px;}
form#form_paypal { background: ; }
form#form_paypal input#input_amount {width:70px;font-size:1em;padding:3px; margin: 0 0 10px 0;}
form#form_paypal .submit {cursor:pointer;border:solid 1px #5e6c25; background:#75872e;color:#fff; padding: 2px 4px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
form#form_paypal .submit:hover { background: #919f58; }
.secondary form#form_paypal fieldset { padding: 15px; }
.secondary form#form_paypal fieldset p { padding:0; margin: 0 0 5px 0;font-size: 11px;  line-height: 15px;}

/* FOOTER */
#footer { background: #262626; width: 960px; float: left; display: inline; padding: 25px 0; font-size: 13px;}
#footer a, #footer a:visited{background: #;text-decoration:underline}
#footer .footermenu { margin: 0 0 20px 20px; padding: 0; list-style-type: none; float: left; display: inline; width: 190px; }
#footer h2 { color: #fff; margin: 0; padding: 0; font-size: 15px;}
#footer .footermenu li { padding: 0; margin: 0; }
#footer .footermenu li a { display: block; width: ;}
#footer a { color: #ccbaa8; }
#footer a:hover { color: #fff; }
#footer #about { float: left; width: 480px; margin: 0 0 20px 20px; }
#footer #copyright { }


/* CLEARFIX */
.inner:after, .content:after, .cols:after, .fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.inner, .content, .cols, .fixed{display:block; min-height:1%}
* html .inner, * html .content, * html .cols, * html .fixed{height:1%}