/*
    Dog Zombie website stylesheet (www.dogzombie.com)
    Author: Jessica Perry Hekman (jph@dogzombie.com)
 */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


/* Small screens */
@media (max-width : 500px) {
    #header #dztitle {font-size:150%}
    #header #namesmall {font-size:100%}
    #header #namebig {font-size:150%}
    #header #caption {font-size:80%; font-style:italic}
    #header #vertdiv{font-size:600%; vertical-align:middle}
    #footer #contact,
    #footer #copyright {font-size:80%}
    #ps {font-size: 80%}
    #centerimg {display: none}
    #announce {padding-right:5%;padding-left:5%}
}

/* Medium screens */
@media (min-width : 500px) and (max-width : 1000px) {
    #header #dztitle {font-size:175%}
    #header #namesmall {font-size:100%}
    #header #namebig {font-size:200%}
    #header #caption {font-size:80%; font-style:italic}
    #header #vertdiv{font-size:600%; vertical-align:middle}
    #content {margin-left:30%; width: 60%}
    #footer #contact,
    #footer #copyright {font-size:80%}
    #nav {font-size:125%;text-align:center}
    #announce {font-size:125%;padding-right:15%;padding-left:15%}
}

/* Larger screens */
@media (min-width : 1000px) {
    #wrapper { width: 80% }
    #header #dztitle {font-size:225%}
    #header #namebig {font-size:200%}
    #header #namesmall {font-size:175%}
    #header #caption {font-size:150%; font-style:italic}
    #header #vertdiv{font-size:600%; vertical-align:middle}
    #content {margin-left:30%; width: 60%}
    #footer #contact {font-size:125%}
    #nav {font-size:125%;text-align:center}
    #announce {font-size:125%;padding-right:20%;padding-left:20%}
    #events {font-size:125%}
}

/* Everything that doesn't require variation */

body{background-color:#d0d6b8;font-family:Helvetica,Arial,sans-serif;color:#34342c}
img{border-style:none}
a img{border:none;outline:none}
a{text-decoration:none;color:#681f0f}

table, th, td{border: none;}
#wrapper{margin:0 auto;clear:both;overflow:hidden;background-color:#7b7b68;color:black}

#header {display:block;padding:5% 0 2% 5%; font-family:"Avant Garde", Arial, sans-serif;color:white}

#nav {display:block;padding:0 0 2% 5%;text-align:center}
#nav a {padding-left:2%; padding-right:2%;font-style:italic}

#announce {display:block;text-align:center;color:#black}

#mainimg {text-align:center;padding-top:1%;padding-bottom:1%}
#mainimg img {width:70%; }
#centerimg img {width:30%; float:left}
#content {font-family:"Verdana", Geneva, sans-serif}
#content p {padding-left: 5%}

#footer #copyright {text-align:center}
#footer #contact {padding-top: 1%; padding-bottom: 1%}

#ps {padding-left:10%; padding-right: 10%;text-align:center}

/* Mailchimp styles */

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup div {width:30%; }

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:lefto; font-size:11px; margin-right:4%;}
/* #mc_embed_signup .asterisk {color:#c60; font-size:200%;} */
/* #mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;} */
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

.button.facebook,
.button.twitter,
.button.rss,
.button.linkedin,
.button.email {
    line-height: 1;
    padding: 0;
    width: 45px;
    height: 39px; 
}

.button.facebook {
    background: #3B5998 url('/images/social-facebk.png') no-repeat 14px 7px;
    border: solid 1px #2b456d;
}

.button.linkedin {
    background: #4875B4 url('/images/social-linkedin.png') no-repeat 9px 5px;
    border: solid 1px #37589c;
}
.button.twitter {
    background: #33ccff url('/images/social-tw.png') no-repeat 9px 5px;
    border: solid 1px #2aa8d2;
}
.button.email {
    background: #636262 url('/images/social-email.png') no-repeat 9px 5px;
    border: solid 1px #333;
}
.button.rss {
    background: #f6881b url('/images/social-rss.png') no-repeat 9px 5px;
    border: solid 1px #c85911;
}