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} a:hover{color:#8c2929;} a:active{color:#5c899b;} a:focus{-moz-outline: none;} 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(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/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(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/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(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/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:left; display:inline} .main{width:620px; margin: 25px;} .secondary{width:240px; margin: 25px 0 25px 25px;} .tertiary{} .quaternary{} .columns { background: url(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/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(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/images/logo-animatch.png) no-repeat; text-indent: -9999px;} .fr #header #logo a {background: url(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/images/logo-animatch-fr.png) no-repeat;} /* TOPNAV */ #topnav { float: left; margin: 0 0 0 25px; 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: 25px; } #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 li a { padding:0 10px;} #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(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/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;} #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(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/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; } /* Donation Page */ .divider {border-bottom:1px solid #cecece;margin:15px 0;clear:both;} .icon_warning {background:transparent url(file:///C|/Users/Claudie/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Low/Content.IE5/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%}