/*   

Theme Name: World Elephant Day 2016

Theme URI: http://worldelephantday.org

Description: The 2016 wordpress theme for worldelephantday.org

Author: 600 Lines

Author URI: http://600lines.com

Version: 1

*/


/*

	HTML5 Reset Wordpress Theme :: style.css

	----------------------------------------------------------

	We have learned much from/been inspired by/taken code where offered from:

	

	Eric Meyer					:: http://ericmeyer.com

	HTML5 Doctor				:: http://html5doctor.com

	and the HTML5 Boilerplate	:: http://html5boilerplate.com

	

	Special thanks: The Wordpress theme owes its start to an empty theme authored 

		by Chris Coyier & Jeff Starr: http://digwp.com

	

-------------------------------------------------------------------------------*/


/* Let's default this puppy out

-------------------------------------------------------------------------------*/

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/* Responsive images and other embedded objects

   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 

   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */

img,
object,
embed {
    max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */

html {
    overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 

	don't forget to restore the bullets within content. */

ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
del {
    text-decoration: line-through;
}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
th {
    font-weight: bold;
    vertical-align: bottom;
}
td {
    font-weight: normal;
    vertical-align: top;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input,
select {
    vertical-align: middle;
}
pre {
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
}
input[type="radio"] {
    vertical-align: text-bottom;
}
input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
}
.ie6 input {
    vertical-align: text-bottom;
}
select,
input,
textarea {
    font: 99% sans-serif;
}
table {
    font-size: inherit;
    font: 100%;
}

/* Accessible focus treatment

	people.opera.com/patrickl/experiments/keyboard/test */

a:hover,
a:active {
    outline: none;
}
small {
    font-size: 85%;
}
strong,
th {
    font-weight: bold;
}
td,
td img {
    vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights

	gist.github.com/413930 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */

.clickable,
label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
    margin: 0;
}
section article>header {
    position: relative;
    border-bottom: 6px solid #a9a4a2;
    height: 39.6pt;
    margin-bottom: 40px;
}

/* make buttons play nice in IE */

button {
    width: auto;
    overflow: visible;
}

/* scale images in IE7 more attractively */

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover */

.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* let's clear some floats */

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

/* Ok, this is where the fun starts.

-------------------------------------------------------------------------------*/


/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */

body {
    font: 1rem Helmet, Freesans, sans-serif;
}

/* using local fonts? make sure to read up on Paul Irish's 

	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */


/* we like off-black for text */

body,
select,
input,
textarea {
    color: #333;
}
a {
    color: #03f;
}
a:hover {
    color: #69f;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */

::-moz-selection {
    background: #fcd700;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #fcd700;
    color: #fff;
    text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */

a:link {
    -webkit-tap-highlight-color: #fcd700;
}
ins {
    background-color: #fcd700;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #fcd700;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* And here begins the Wordpress fun.

-------------------------------------------------------------------------------*/

#page-wrap {
    width: 960px;
    margin: 20px auto;
}
.post {}
.entry-content {}
.entry-content a {}
.entry-content a:hover {}
#meta {}
.postmetadata {}
#sidebar {}
.navgation {}
.next-posts {}
.prev-posts {}
#searchform {}
#s {}
#searchsubmt {}
ol.commentlist {
    list-style: none;
}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {
    border-bottom: 1px dotted #666;
    padding: 10px;
}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {
    font-style: normal;
}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {
    float: right;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {
    font-size: 10px;
}
ol.commentlist li.comment div.comment-meta a {
    color: #ccc;
}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {
    font-size: 11px;
}
ol.commentlist li.comment div.reply a {
    font-weight: bold;
}
ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 10px 0 0;
}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {
    border-left: 5px solid #555;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    border-left: 5px solid #999;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    border-left: 5px solid #bbb;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {
    background: #fff;
}
ol.commentlist li.odd {
    background: #f6f6f6;
}
ol.commentlist li.parent {
    border-left: 5px solid #111;
}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/**Hide the duplicate title created by the auction shortcode**/

section article#post-1078.page.auction > header > h1 em {
    display: none;
}
.page-id-1078 div#sidebar > #wp_auctions {
    display: none;
}
body section.auction article {
    width: 980px;
}
section.auction .wpa-post {
    width: 720px !important;
}
section.auction .wpa-post-images {
    width: 620px;
}
section.auction .wpa-post-images img {
    width: 300px;
    height: auto;
}
section.auction .wpa-post .wpa-tabs-container,
section.auction .wpa-post-shipping-payment {
    padding: 10px 130px 0;
}

/*Donate Page*/

.page-id-1149 div.content h4 {
    position: relative;
    font-size: 15.524999999999999pt;
    line-height: 125%;
    padding: 0 135px 0 0;
}
.page-id-1149 div.content h4 strong {
    color: #DC7211;
}
.page-id-1149 div.content p strong {
    color: #DC7211;
}
.page-id-1149 form.donate-page {
    position: relative;
    display: -moz-inline-block;
    display: inline-block;
    content: '';
    width: 200px;
    height: 48px;
    background: transparent url("/wp-content/themes/wed//images/sprites.png") no-repeat -4px -912px;
    width: 200px;
    float: right;
    margin: 0;
}
.page-id-1149 form.donate-page submit#donate-now {
    position: relative;
    color: white;
    height: 40px;
    width: auto;
    font-size: 20px;
    font-weight: normal;
}
.page-id-1149 .disclaimer {
    float: left;
    font-size: 8pt;
    color: #989290;
    padding-left: 15px;
    width: 50%;
    line-height: 140%;
}
.page-id-1149 .donate-content-bottom {
    position: relative;
    top: 30px;
    clear: both;
    padding: 22.5px 0 0 0;
    margin: 0 15px;
    border-top: 2px solid #A9A4A2;
}
.page-id-1149 .donate-extra {
    border-left: 0;
    padding-top: 0;
    width: 335px;
    padding-left: 135px;
}
.page-id-1149 .donate-extra::before {
    position: absolute;
    left: 0;
    display: -moz-inline-block;
    display: inline-block;
    content: '';
    width: 141px;
    height: 105px;
    background: transparent url("/wp-content/themes/wed//images/sprites.png") no-repeat -200px -962px;
    margin-top: 120px;
}

/*header div h2 {
	display: none;
}
.page-id-52 header div h2,
.page-id-47 header div h2 {
	display: block;
}*/

body.home header div h2 {}
#pledgeSocial {
    position: absolute;
    clear: both;
    padding: 5px 0 0 0;
    margin: 0 15px;
    border-top: 1px solid #a9a4a2;
    overflow: auto;
    width: 490px;
    float: right;
    bottom: -50px;
    right: 0;
}
#pledge-tab span.social a[href*=facebook] {
    display: block;
    float: left;
    width: 100px;
    height: 44px;
    margin-right: 30px;
    display: -moz-inline-block;
    display: inline-block;
    content: '';
    width: 124px;
    height: 50px;
    background: transparent url("/wp-content/themes/wed//images/sprites.png") no-repeat -148px -176px;
}
#pledge-tab span.social a[href*=twitter] {
    display: block;
    float: left;
    width: 135px;
    height: 44px;
    background-color: red;
    display: -moz-inline-block;
    display: inline-block;
    content: '';
    width: 144px;
    height: 50px;
    background: transparent url("/wp-content/themes/wed//images/sprites.png") no-repeat -280px -172px;
}
.social2 {
    position: relative;
    opacity: 0.6;
}
#pledge-tab .interactive span.social2 a[href*=facebook] {
    display: -moz-inline-block;
    display: inline-block;
    content: '';
    width: 44px;
    height: 44px;
    background: transparent url("/wp-content/themes/wed//images/sprites.png") no-repeat -74px -628px;
    top: 6px;
    position: relative;
}
#pledge-tab .interactive span.social2 a[href*=twitter] {
    display: -moz-inline-block;
    display: inline-block;
    content: '';
    width: 44px;
    height: 44px;
    background: transparent url("/wp-content/themes/wed//images/sprites.png") no-repeat -10px -628px;
    top: 6px;
    position: relative;
}
#pledgeSocial .widget.social {
    margin: 0 !important;
    display: inline-block;
    float: left;
}
#pledge-tab span.social {
    margin: 0 0 0 90px;
    display: inline-block;
    float: left;
}
#erf-donate {
    position: relative;
}
#erf-donate footer {
    position: relative;
}
#erf-donate footer {
    top: 22.5px;
}
#erf-donate footer p {
    font-size: 8pt;
    color: #989290;
    padding-left: 15px;
    width: 35%;
    line-height: 140%;
}
#erf-donate footer p strong {
    color: #544a46;
}
#erf-donate form {
    position: absolute;
    right: 0;
    top: -20px;
    display: -moz-inline-block;
    display: inline-block;
    content: '';
    width: 168px;
    height: 48px;
    background: transparent url("/wp-content/themes/wed//images/sprites.png") no-repeat -4px -912px;
    width: 380px;
}
#erf-donate form input[type=submit] {
    position: relative;
    top: -8px;
    color: #fff;
    height: 40px;
    width: auto;
    font-size: 20px;
    font-weight: normal;
}
.pledge-logo {
    width: 250px;
    float: right;
}
#pledge-window .inner {
    background: #fff url(images/pledge-bg.png) no-repeat left top;
}
.interactive {
    font-weight: bold;
}
#pledge-window>div div.scroller>ul>li footer {
    display: none !important;
}
/*#pledgeSocial .widget.social:before {
    content: " "url(images/WED-BADGE-sm.png)" ";
    display: inline-block;
    top: 20px;
    position: relative;
}*/
#pledgeSocialBadge {
    top: 20px;
    position: relative;
}

#pledge-window div.widget.social {
    top: 35px;
    float:right;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.galleries #sidebar {
display:none;
}
}

@media screen and (min-width: 0px) and (max-width: 450px) {
#pledgeSocialBadge {
top:0px;
}

}

@media screen and (min-width: 0px) and (max-width: 300px) {
#pledgeSocialBadge {
display:none;
}
}




.watch-movie img { 
width: 100%; 
}