/*
Theme Name: Animals of Distinction
Theme URI: http://animalsofdistinction.com
Author: Joachim Kudish
Author URI: http://jkudish.com
Description: Custom theme for Animals Of Distinction
Version: 1.0
*/

/* = normalize
----------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}
html {font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0; font-size: 13px; line-height: 1.231;}
body, button, input, select, textarea {font-family: sans-serif; color: #222;}
::-moz-selection {background: #04d0a1; color: #000; text-shadow: none;}
::selection {background: #04d0a1; color: #000; text-shadow: none;}
a {color: #00e;}
a:visited {color: #551a8b;}
a:hover {color: #06e;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
ins {background: #ff9; color: #000; text-decoration: none;}
mark {background: #ff0; color: #000; font-style: italic; font-weight: bold;}
pre, code, kbd, samp {font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before, q:after {content: ""; content: none;}
small {font-size: 85%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ul, ol {margin: 1em 0; padding: 0 0 0 40px;}
dd {margin: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
label {cursor: pointer;}
legend {border: 0; *margin-left: -7px; padding: 0;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal; *overflow: visible;}
table button, table input {*overflow: auto;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top; resize: vertical;}
input:valid, textarea:valid { }
input:invalid, textarea:invalid {background-color: #f0dddd;}
table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}

/* = Basic structure & backgrounds
----------------------------------------------- */

html {}
body, body.day {background: url('images/bg/neon-day.jpg') fixed;}
body.afternoon {background-image: url('images/bg/neon-afternoon.jpg');}
body.evening {background-image: url('images/bg/neon-evening.jpg');}
body.late-evening {background-image: url('images/bg/neon-late-evening.jpg');}
body.night {background-image: url('images/bg/neon-night.jpg');}
body.page-id-18 {background-image: url('images/bg/fur.jpg'); background-image: url('images/bg/fur.gif');}
#container {max-width: 760px; margin: 0 auto; padding-top: 60px;}
#container > section, 
#tec-content, 
.tec-event,
#tribe-events-pg-template {
	background-color: #fff; 
	padding: 20px; 
	margin-bottom: 60px;
}

/* = Typography
----------------------------------------------- */

@font-face {
    font-family: 'MisoRegular';
    src: url('miso-webfont.eot');
    src: url('miso-webfont.eot?#iefix') format('embedded-opentype'),
         url('miso-webfont.woff') format('woff'),
         url('miso-webfont.ttf') format('truetype'),
         url('miso-webfont.svg#MisoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3 {font-family: 'MisoRegular', 'Dosis',sans-serif; text-transform: uppercase;}
h1 {font-size: 30px; margin: 15px 0; letter-spacing: 0px;}
h2 {font-size: 28px;}
h3 {font-size: 24px; font-weight: normal;}
h4 {font: bold 14px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin: 0}
p {font: normal 12px/22px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
a, a:visited, a:link {color: #e3004a; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in; -moz-transition-property:color; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -o-transition-property:color;  -o-transition-duration: 0.3s; -o-transition-timing-function: ease-in; transition-property:color; transition-duration: 0.3s; transition-timing-function: ease-in;}
a:hover, a:focus, a:active, .current-menu-item a, .current-post-ancestor a, .current-menu-parent a, .current-post-parent a, .events-single .menu-item-300 a, .events-archive .menu-item-300 a {color: #04d0a1}

/* = non semantic helper classes
----------------------------------------------- */
.ir {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;}
.ir br {display: none;}
.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

/* = WP Defaults
----------------------------------------------- */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin: 0 auto; text-align: center;}
.force-full {width: 720px!important; height: auto!important}
.clear {clear: both;}

/* = header
----------------------------------------------- */

#header h1 {float: left;}
#header h1 a {color: #000; text-decoration: none;}
#header h1 a:hover {color: #e3004a}
#searchform {float: right; padding-top: 14px}
#searchform #s {font-family: 'DroidSansRegular' sans-serif; font-size: 10px; color: #8f8f8f; display: block; width: 218px; height: 32px; background: url('images/bg/search.png') 0 0 no-repeat; border: none; outline: none; padding: 0 32px 0 10px;}
#searchform #s:focus {outline: 1px solid #000;}
#header nav {border-top: 1px dashed #ccc; padding: 15px 0;}
#header nav ul > li {float: left; text-transform: uppercase; font-family: 'DroidSansRegular' sans-serif;}
.ie7 #header nav ul > li {padding: 0 10px;}
#header nav ul > li:before{content:'|'; margin: 0 10px; color: #ccc;}
.fr #header nav ul > li:before {margin: 0 5px;}
#header nav ul > li:first-child:before{content:''; margin: 0}

#like-facebook {float: left; position: relative;}
#like-facebook p {margin-top: 0;}
#like-facebook .fb-like {position: absolute; right: -110px; top: 0;}

/* = Singular view
----------------------------------------------- */

#singular h3 {text-transform: none;}

#singular .post-info {border-top: 1px dashed #ccc}

.review-by {padding-left: 20px;}

#singular ul {list-style-type: none; padding-left: 0}
#singular ul li {margin: 5px 0;}
#singular ul li em {text-transform: uppercase; letter-spacing: 0.05em;}

#featured-images img {margin-top: 20px;}
#featured-images img:first-child {margin-top: 0}

#featured-videos {padding-bottom: 20px;}
#featured-videos:first-of-type {border-top: 0; border-bottom: 1px dashed #ccc}
#featured-videos:first-of-type h3 {display: none}

#byline {margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ccc; }
#posted-on {margin-bottom: 10px}


/* = Archives
----------------------------------------------- */

#archive-title {margin: 0}
.archive h2 a {color: #000; text-decoration: none}
.archive section .hentry, .search section .hentry {border-top: 1px dashed #ccc; padding-bottom: 20px}
.archive section .hentry:first-child, .search section .hentry:first-child {border-top: 0}

/* = 404
----------------------------------------------- */

#fourohfour h2 {margin-bottom: 0}
#fourohfour h3 {margin-top: 0; font-size: 19px}


/* = Post Formats
----------------------------------------------- */

.post-object {position: relative}
.classifications {position: absolute; left: -200px; width: 200px;}
.classifications > a {float: right; background: #fff; padding: 7px; font-family: 'DroidSansRegular', sans-serif; text-transform: uppercase; font-size: 10px; color: #666; letter-spacing: .06em; text-decoration: none;}

.classifications .post-format {width: 28px; height: 28px; background: #fff url('images/icons/default.png') no-repeat 50% 50%;}
.format-aside .post-format {background-image: url('images/icons/aside.png')}
.format-audio .post-format {background-image: url('images/icons/audio.png')}
.format-chat .post-format {background-image: url('images/icons/chat.png')}
.format-standard .post-format {background-image: url('images/icons/default.png')}
.format-gallery .post-format {background-image: url('images/icons/gallery.png')}
.format-image .post-format {background-image: url('images/icons/image.png')}
.format-link .post-format {background-image: url('images/icons/link.png')}
.format-quote .post-format {background-image: url('images/icons/quote.png')}
.format-status .post-format {background-image: url('images/icons/status.png')}
.format-video .post-format {background-image: url('images/icons/video.png')}

/* hover */
.classifications > a:hover {color: #04d0a1; background-color: #000}
.classifications > a.post-format:hover {background-color: #e3004a}

/* = Events
----------------------------------------------- */
#tec-content {padding: 40px 20px;}
#tec-content h2 {width: 400px; float: left; margin: 0}
#tec-content .tec-month-nav {bottom: -12px;}
.events-archive h4.event-day {font-style: normal}
#tec-content h3 {margin: 5px 0;}
#tec-content h3 a {color: #000}
.events-archive .event-day {font-family: 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 14px; margin-top: 0}
#tec-content .sp_events {border-top: 1px dashed #ccc; padding: 20px 0}
#tec-content table .sp_events {border-top: 0;}
.tec-events .tec-event-entry {width: 55%}
.tec-events .tec-event-list-meta {width: 35%; margin-bottom: 0}
.events-archive .tec-event-entry p {font-size: 12px; line-height: auto!important;}
.tribe-events-day-time-slot,
.tribe-events-list-separator-month {
	font-family: 'MisoRegular', 'Dosis',sans-serif; text-transform: uppercase;
}
.tribe-events-day .tribe-events-day-time-slot h5 {
	background-color: transparent;
	color: #000;
	margin-top: 20px;
}
#tribe-bar-form {
	background-color: transparent;
}
.tribe-bar-collapse #tribe-bar-collapse-toggle {
	display: none;
}
#tribe-bar-form.tribe-bar-collapse #tribe-bar-views {
	margin-left: 70%;
}

/* = WPML Language switcher
----------------------------------------------- */
#lang_sel ul {float: right;}


/* = Footer/Credit
----------------------------------------------- */

#credit {color: #fff; position: relative; top: -40px; font-size: 11px}
#credit a, #credit a:hover {text-decoration: none}
.home #credit {display: none;}


/* = media queries
----------------------------------------------- */
@media screen and (max-width: 800px) {
  #container {overflow: hidden; padding-top: 20px;}
  #searchform {float: left;}
  #container {margin: 0 20px;}
  #container section img {max-width: 100%; height: auto}
  .classifications {display: none;}
  #tec-content h2 {float: none; margin-bottom: 55px;}
  .tec-events .tec-event-entry {width: 100%}
  .tec-events .tec-event-list-meta {width: 100%; margin: 20px 0; border-left: 0;}
}

@media screen and (max-width: 740px) {
  #header nav ul > li {margin: 5px;}
  #header nav ul > li:before {display: none;}
}

@media screen and (max-width: 500px) {
  #tec-event-meta .column {float: none; width: 100%}
}

@media screen and (max-width: 400px) {
  #searchform #s {width: 195px; background: #fff; border: 1px solid #ccc; }
  .menu-item a {font-size: 10px;}
  .upcoming .tec-calendar-buttons {top: 20px; left: 0;}
}

/* = print
----------------------------------------------- */
@media print {
  * {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;} 
  a, a:visited {text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} 
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead {display: table-header-group;}
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  @page {margin: 0.5cm;}
  p, h2, h3 {orphans: 3; widows: 3;}
  h2, h3 {page-break-after: avoid;}
}