article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
[hidden] {display:none;}
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
p, pre {margin:1em 0;}
b, strong {font-weight:bold;}
q {quotes:none;}
q:before, q:after {content:"";content:none;}
sub, sup {font-size:.85714285714286em;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;-ms-interpolation-mode:bicubic;}
table {margin-bottom:1em;border-collapse:collapse;border-spacing:0;width:100%;}
th, td {vertical-align:top;text-align:left;}
dl, menu, ol, ul {margin:1em 0;}
dd {margin:0 0 0 2em;}
dl dl, ul ul, ol ol {margin:0;}
menu, ol, ul {padding:0 0 0 2em;}

/** Classes */

hr {color: #dfff00;}
.fl {float: left;}
.fr {float: right;}
.ac {text-align: center;}
.ar {text-align: right;}
.fix {clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}
.box {background: #f7f7f7 url(site-design/bg-box.png) repeat-x;margin: 0 0 12px;padding: 5px 5px 0 5px;border: 1px solid #e3e3e3;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background: -moz-linear-gradient(top, #fefefe, #f7f7f7);background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f7f7f7));}
.col-left {float:left;width:256px;min-height:100px;margin-right:4px;border:0px solid #ff0000;}
.col-right {float:right;width:516px;min-height:100px;margin:0 auto;border:0px solid #ff0000;}

.yt {margin:0 auto;text-align:center;}
.post {padding:9px;}
.post h2 {color: #000;font-size: 1.6em;margin: 0 0 5px 0;text-transform: uppercase;}
.post h2 a {color: #000;text-decoration: none;}
.post h2 a:hover {text-decoration: underline;}
.post h3 {color: #000;font-size: 1.4em;margin: 0 0 5px 0;text-transform: uppercase;}
.post h4 {font-size: 1.4em;color: #000;margin: 0;padding: 12px 0 4px;}
.post h5 {font-size: 1.2em;color: #000;margin: 0;padding: 12px 0 4px;}
.post p, .post li, .post dl {color:#000000;font:0.90em 'LiberationSansRegular', verdana, sans-serif;}
.post p, .post ul, .post ol, .post dl, .post img {margin: 0 0 6px;}
.post li {margin: 0 0 5px 15px;}
.post dl dt {font-weight: bold;}
.post dl dd {margin: 0 0 0.4em 0.5em;}
.post blockquote p {margin: 0 0 0 2em;border-left: 1px solid #d3bb88;padding: 0 0 0 1em;color: #d3ddeb;}
.post a {color: #000;}
.post a:hover {color: #f00;}
.post ul.post-data {background: #447ac0;border-top: 1px solid #98bae6;list-style: none;font: 0.9em/2em 'LiberationSansRegular', Arial, sans-serif;padding: 0.1em 0 0.2em 0; color:#a5c1e5;margin:1.3em 0 0 0;}
.post ul.post-data li {color: #000;}
.post ul.post-data a {text-decoration: none;color: #a5c1e5;}
.post ul.post-data a:hover {color:#fff7bd;}
.post ul.post-data li.comments {float:right; margin:0 5px 0 0; display:inline; /* fixes double float bug in IE */}
.post ul.post-data li.posted {margin:0 0 0 5px;}
.post ul.post-data li.posted a {background: url(http://www.judsontoddallen.com/css.php?n=stylesheet) 0 2px no-repeat; padding:0 0 0 13px;}
.post ul.post-data li.comments a:hover, .post ul.post-data li.posted a:hover {background-position:0 -38px;}
.post-bottom {line-height:44px; padding:0px 25px; border-bottom:0px solid #B9B9B9; border-top: 1px solid #DBDBDB;}
.post-bottom div, .post-bottom div a {color: #777;font-size: 11px;text-decoration: none;}

.post-bottom div a:hover {color:#222;}
.post-bottom .cat {background:url(site-design/ico-cat.png) no-repeat top left; padding:2px 0 2px 25px; height:16px;}
.post-bottom .tags {background:url(site-design/ico-tags.png) no-repeat top left; padding:1px 0 2px 25px; height:16px;}
.post .title  {margin:5px 0 7px 0; font-weight:400;}
.post .title a:link, .post .title a:visited {color: #000;}
.post-meta {margin: 0 0 15px 0;font-size: 10px;color: #9F9F9F;text-transform: uppercase;line-height: 11px;}
.post-meta a {border-bottom:1px dotted;}
.post-meta a:hover {border:none;}
.post-meta img {vertical-align:top; margin:0 5px;}

.entry {font-size: 0.9em;line-height: 1.25em;}
.entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {margin: 7px 0;}
.entry p {margin: 0 0 12px;line-height:1.25em;}
.entry blockquote {padding: 10px 30px;color: #666;}
.entry blockquote p {}
.entry ul {margin: 0 0 10px 0;padding: 3px 5px 0;}
.entry ul li {list-style-type: square;font-size: 0.8em;line-height: 1.5em;padding-bottom: 7px;}
.entry ul li a {color: #000;text-decoration: none;}
.entry ul li a:hover {color: #f00;border-bottom: 1px dotted;}
.entry ul li a:visited {color: #777;}
.entry ul ul {margin: 0;}
.entry ul ul li {list-style-type: circle;}
.entry ol {margin: 0 0 15px 0;padding: 0 0 0 30px;}
.entry ol ol {margin: 0;}
.entry ol li {list-style-type: decimal;line-height: 1.5em;padding-bottom: 7px;}
.entry  ol li ol li {list-style-type: lower-latin;}
.gallery ul {list-style: none;display: inline;}
.gallery li {display: inline !important;list-style: none;}
.gallery li a {display: inline !important;list-style: none;text-dexoration: none;}

/* Entry Images */
.entry a.btn, input.submit, button.submit {background: #87CEFF url(http://www.judsontoddallen.com/site-design/bg-button.png) no-repeat center 0; margin-left:20px; padding:3px 4px; color:#00f; font:0.9em 'LiberationSerifRegular', serif; font-style:italic; text-shadow:#777 0px 1px 0px; text-decoration:none; border:1px solid #87CEFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.entry a.btn:hover {cursor:pointer; opacity:0.8;}
.entry img {padding:5px; border:1px solid #ccc;}

.alignleft {float: left;width: auto;margin: 10px 20px 10px 0;}
.alignright {float: right;width: auto;margin: 10px 0 10px 20px;}
.aligncenter {text-align: center;margin-bottom: 10px;}
.caption {padding: 1px;text-align: center;background: #F8F8F4;border: solid 1px #e6e6e6;}
.caption img {margin: 0;padding: 4px 0;background: none;border: 0;}
.caption-text {margin: 0;padding: 0;font-size: 0.9em;text-align: center;}
.caption a:hover {border: none;}

/* Pagination */

.more {text-align:right;}
.more_entries {font-size:12px; line-height:18px; font-family: 'LiberationSerifRegular', Georgia, serif !important; font-style:italic !important;}

.more_entries a {display: block;margin: 0;background: #efefef;padding: 4px 8px; color: #777;text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;}

.more_entries a:hover {background: #ddd;text-shadow: #fff 0px 1px 0px;border: 1px solid #ccc;}
.more_entries .fl a {background-image: url(site-design/ico-arrow-left.png);background-repeat: no-repeat;background-position: 8px center;padding-left: 20px;}

.more_entries .fr a {background-image: url(site-design/ico-arrow-right.png);background-repeat: no-repeat;background-position: 95% center;padding-right: 20px;}

.widget {position: relative;margin: 0 0 20px 0;background: #f7f7f7 url(site-design/bg-widget.png) repeat 0 0;padding: 0;color: #444;font: 0.85em 'LiberationSansRegular', Verdana, sans-serif;line-height: 1.25em;border: 1px solid #ccc;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

.widget h3 {font: 1.6em 'LiberationSansRegular', Helvetica, sans-serif !important;line-height: 1em;color: #000033 !important;margin: 0;padding: 4px 0 10px 10px;height: 15px;background: /*#1E90FF*/ url(site-design/bg-widget-title.png) repeat-x;}

.widget .textwidget p {padding: 5px 0;}
.widget ul, .widget div, .widget p {padding: 0 7px 7px 7px;}
.widget ul {clear: both;margin: 5px 0;}

.widget ul li {list-style: none;background: url(site-design/nav-link.gif) no-repeat 4px 7px;padding: 0 0 10px 20px;border-bottom: 0px solid #ededed;}

.widget ul li a {padding: 0;line-height: 20px;text-decoration: none;color: /*#2B60DE*/ #000;}
.widget ul li a:hover {color: /*#4175b8*/ #777;border-bottom: 1px dotted;}
.widget ul ul {margin: 0;padding: 0;border-top: none;}
.widget ul ul li {border:none;}

#tabs {display: block;background: #f3f2ef url(site-design/bg-box.png) repeat-x;height: auto !important;/*margin: 0 7px 3px 0;*/border: 1px solid #ccc;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

#tabs ul.wooTabs {height: 43px !important;background: url(site-design/bg-widget-title.png) repeat-x center top;margin: 0;padding: 0 5px;}
#tabs ul.wooTabs li {float: left;display: inline;font-family: 'LiberationSansRegular', Verdana, sans-serif;font-size: 0.75em;color: #456;margin: 0 1px 0 0 !important;cursor: pointer;}

#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover {color: #456;text-decoration: none;background: url(site-design/bg-tabs-selected.png) no-repeat center 41px;}

#tabs ul.wooTabs li a {display: block;float: left;color: #003F87;line-height: 42px;padding: 0 5px 5px;text-transform: uppercase;font-size: 0.8em;font-weight: 600;}

#tabs .inside {padding: 5px 8px !important;min-height: 50px;}
#tabs #tagcloud, #tabs .inside li {margin: 0;padding: 3px;font: 0.85em 'LiberationSerifRegular', Georgia, serif;}
#tabs .inside ul, #tabs .inside #pop {margin: 0 3px 5px;padding: 0 7px;}
#tabs .inside li, #tabs .inside #pop p {border-bottom: 1px solid #ededed;list-style-type: square;}
#tabs .inside #pop p {display: block;padding: 3px;font: 0.8em 'LiberationSerifRegular', Verdana, serif;}
#tabs .inside li a, #tabs .inside #pop p a {color: #555;font-weight: bold;line-height: 1.25em;font: 0.8em 'LiberationSansRegular', Arial, sans-serif;}
#tabs .inside a:hover {border-bottom: 1px dotted;text-decoration: none;}

#tabs .inside li span.meta, #tabs .inside #pop span.meta {display: block;text-transform: uppercase;color: #777;font: 0.65em 'LiberationSerifRegular', Geneva, sans-serif;line-height: 20px;}

#tabs .inside li img.avatar,
#tabs .inside li img.thumbnail,
#tabs .inside #pop p img.thumbnail {border: 1px solid #ddd;padding: 2px;background-color: #fff;float: left;margin: 0 8px 0 0;}

.splash {min-width:1068px;max-width: 1080px;margin: 0 auto;padding: 7px 0 0;border: 0px solid #f00;}
.splashbox {width:90%;min-height: 250px;margin: 0;padding: 0;/*background: url(site-design/bg-img.png) repeat 0 0;*/}
.scrollable {position: relative;overflow: hidden;}
.displaybox {display:block;width:100%;min-height:500px;margin:7px auto 100px;}
/* active item */
.scrollable .active {position: relative;cursor: default;}

/* this makes it possible to add next button beside scrollable */
.scrollable {float: left;}

/* prev, next, prevPage and nextPage buttons */
a.browse {background: url(http://www.judsontoddallen.com/site-design/hori-large.png) no-repeat;display: block;width: 30px;height: 30px;float: left;margin: 120px 10px;cursor: pointer;font-size: 1px;}

/* right */
a.right {background-position: 0 -30px;clear: right;margin-right: 0px;}
a.right:hover {background-position: -30px -30px;}
a.right:active {background-position: -60px -30px;}

/* left */
a.left {margin-left: 0px;}
a.left:hover  {background-position: -30px 0;}
a.left:active {background-position: -60px 0;}

/* up and down */
a.up, a.down  {background: url(http://www.judsontoddallen.com/site-design/vert_large.png) no-repeat;float: none;margin: 10px 50px;}

/* up */
a.up:hover {background-position: -30px 0;}
a.up:active {background-position: -60px 0;}

/* down */
a.down {background-position: 0 -30px;}
a.down:hover {background-position: -30px -30px;}
a.down:active {background-position: -60px -30px;}

/* disabled navigational button */
a.disabled {visibility: hidden !important;}

/** Clearfix
*/
.clearfix,
header,
nav ul,
.container,
footer,
#paginator,
#monthly-list {
  /* zoom IE7 fix */
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
header:before,
header:after,
nav ul:before,
nav ul:after,
.container:before,
.container:after,
footer:before,
footer:after,
#paginator:before,
#paginator:after,
#monthly-list:before,
#monthly-list:after {
  content: "";
  display: table;
}
.clearfix:after,
header:after,
nav ul:after,
.container:after,
footer:after,
#paginator:after,
#monthly-list:after {
  clear: both;
}

/** Styling and layout for screen media (mobile first)
*/
@media screen {

/* Layout */

body {margin: 0;background: #F7F6F1;}
.wrapper {min-height: 250px;padding-top: 5px;border-bottom: 0px solid #bfff00;}
.container {margin: 0 auto;padding: 5px;width: 1090px;border: 0px solid #010e28;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

header {width: 99%;height: 145px;margin: 10px auto 4px;padding: 0;border-bottom: 0px solid #777;}
header h1 {float: left;width: 320px;height: 145px;margin: 0;padding: 0;background: #F7F6F1;}

.avmenu {float: right;width: 758px;height: 35px;margin: 0;padding: 0;}
.avmenu h1 {display: none;}
.avmenu ul {/*width: 100%;*/height: 35px;margin: 0;padding: 0;list-style: none;list-style-image: none;z-index: 1010;}
.avmenu li {display: inline;height: 35px;margin: 0;padding: 0;border: 0px solid #e1a61a;}
.avmenu li:last-child {border-bottom: 0;}
.avmenu ul li a {display: inline;height: 35px;font: 0.95em 'LiberationSansRegular', arial, sans-serif;color: #fff;padding: 5px 7px 7px;background: #ffa500;background: -moz-linear-gradient(top, #ffa600, #9e0508);background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#9e0508));}
.avmenu ul li a:hover {background: #eaeaea;color: #f00;height: 35px;padding: 5px 7px 7px;}
/*nav li:hover, nav li.active {padding-top: 25px;border: 0px solid #fff;}*/
.avmenu li:active {}

/* hide from IE mac \*/
.avmenu li {position:static; width:auto;}
/* end hiding from IE5 mac */

.avmenu li ul, .avmenu ul li {width:12em;}
.avmenu li ul {position: absolute;display: none;background-color: #ffa500;height: auto;border: 1px solid #ccc;/*border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;*/}

.avmenu li ul a {color: #fff;border-right: 0;/*padding: 3px 12px 3px 16px;*/}

.avmenu li:hover a, .avmenu a:focus, .avmenu a:active, .avmenur li.p7hvr a {color: #ff0;background-color: #fff;}
.avmenu li:hover ul, .avmenu li.p7hvr ul {display: block;}

.avmenu li:hover ul a, .avmenu li.p7hvr ul a {color: #fff;padding: 5px 10px;background-color: inherit;font-weight: 600;}
.avmenu li ul a:hover {color: #f00 !important;}
.category_list ul {background-color: inherit;}

[role="article"] {margin-bottom: 2em;}
[role="complementary"] {margin-bottom: 2em;padding-top: 0;border-top: dashed 0px #ccc;}
[role="search"] p {margin-top: 0;}
footer {margin: 0 auto;background: #F7F6F1;}
footer {padding: .5em 0;font-size: .85em;}
footer {border-top: 0px solid #444;}

/** Links
*/

a {position: relative;text-decoration: none;color: #114eb1;-webkit-tap-highlight-color: rgba(0, 102, 255, 0.5);}
a:hover, a:active {
  /* improves readability when focused and also mouse hovered in all browsers */
  outline: 0;
}
/*
a:active {top: 1px;}
a:focus {outline: thin dotted #06f;}
header a {color: #333;-moz-border-radius: .11904761904762em;border-radius: .11904761904762em;}
header a:hover, header a:active {background: #e8e8e8;}
*/

[role="main"] a:hover,
[role="main"] a:active,
[role="complementary"] a:hover,
[role="complementary"] a:active,
footer a:hover,
footer a:active {text-decoration:underline;color:#0066ff;}
[role="main"] a:visited,
[role="complementary"] a:visited,
footer a:visited {color:#183082;}
[role="main"] h1 a {color:#333333;-moz-border-radius:.11904761904762em;border-radius:.11904761904762em;}
[role="main"] h1 a:visited {color:#333333;}
[role="main"] h1 a:hover, [role="main"] h1 a:active {text-decoration:none;color:#333333;background:#efefef;}

/** Typography
*/
body {font-family:'LiberationSansRegular', Verdana, sans-serif;line-height: 1.25em;font-size:0.875em;line-height: 1.25em;color:#333333;}
nav {font-family:'LiberationSansRegular', Arial, sans-serif;font-weight:bold;}
h1 {font-family:'LiberationSansRegular', Helvetica, sans-serif;font-size:2em;line-height:1.21428571428571;letter-spacing:-1px;margin:.66666666666667em 0;}
h1:first-child {margin-top:0;}
h2 {font-family:'LiberationSansRegular', Helvetica, sans-serif;font-size:1.5em;line-height:1.33333333333333;margin:.75em 0;}
h3 {font-family:'LiberationSansRegular', Helvetica, sans-serif;font-size:1.38571428571429em;line-height:1.44444444444444;font-weight:normal;margin:.76190476190476em 0;}
h4 {font-family:'LiberationSansRegular', Helvetica, sans-serif;font-size:1.34285714285714em;margin:0;}
h5 {font-family:'LiberationSansRegular', Helvetica, sans-serif;font-size:1.24285714285714em;margin:0;padding:0;}
blockquote {font-size:1.14285714285714em;font-style:italic;margin:.875em 0 .875em 0;padding:1px .875em;-moz-border-radius:.35714285714286em;border-radius:.35714285714286em;background:#fff6d3;}
address {margin:1em 0;}

/* addresses styling not present in IE7-9, Safari5, Chrome */
abbr[title], dfn[title] {border-bottom:dotted 1px;cursor:help;}
dfn, mark, q, var {padding:0 .21428571428571em;-moz-border-radius:.21428571428571em;border-radius:.21428571428571em;color:#333333;background:#fff6d3;}
dfn, q {font-style:italic;}
q q {padding:0;}
var {font-weight: bold;}
pre, code, kbd, samp {font-family:Cousine, Consolas, "Lucida Console", Monaco, monospace;}
code, kbd, samp {font-size:.92857142857143em;border:1px solid #e3e3e3;padding:0 .23076923076923em;-moz-border-radius:.23076923076923em;border-radius:.23076923076923em;background:#f7f7f7;}
pre {
  /* 13px */
  font-size: .92857142857143em;
  overflow-x: auto;
  border: 1px solid #e3e3e3;
  padding: 1em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  background: #f7f7f7;
  tab-size: 4;
}
pre code {font-size:1em;border:0;background:none;}
small, figcaption, tfoot, .footnote {font-size:.85714285714286em;}
figcaption, tfoot, .footnote {color:#888888;}
figcaption {margin-top:.33333333333333em;font-style:italic;}
/** Support for non-latin languages (can be removed if not required)
*/
html[lang="ja-jp"] {font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
html[lang="ko-kr"] {font-family: GulimChe, Gulim, sans-serif;}
html[lang="zh-cn"] {font-family: SimHei, sans-serif;}
html[lang="zh-tw"] {font-family: PMingLiU, sans-serif;}

/** Embedded content
*/
img,
video {max-width: 100%;height: auto;}
figure {margin: 0;}

/* image alignemnts */
img.align-left {float: left;margin: 1em 1em 1em 0;}
img.align-right {float: right;margin: 1em 0 1em 1em;}
img.align-center {display: block;margin: 1em auto;}

/* corrects overflow displayed oddly in IE9 */
  svg:not(:root) {overflow: hidden;}

/** Tables
*/

caption {font-style: italic;text-align: left;margin-bottom: .5em;}
th,
td {
  border-bottom: solid 1px #ccc;
  padding: .28571428571429em .5em .28571428571429em 0;
}
th:last-child,
td:last-child {
  padding-right: 0;
}
thead th,
thead td {
  border-bottom: solid 2px #ccc;
}
tfoot th,
tfoot td {
  border-bottom: 0;
  padding: .33333333333333em .58333333333333em .33333333333333em 0;
}
tfoot:last-child {
  padding-right: 0;
}
/** Lists
*/
dt {font-style: italic;}
[role="main"] #article-list {list-style:none;margin:0 0 2em 0;padding:0;border-top:1px solid #cccccc;}
#article-list li {border-bottom:1px solid #cccccc;padding-top:1em;margin-bottom:0;}
/** Forms
*/

/* corrects margin displayed oddly in IE6-7 */
form {margin:0;}

/* remove default fieldset styling across browsers */
fieldset {margin:0;padding:0;border:0;}
/* corrects text not wrapping in FF3, corrects alignment displayed oddly in IE7 */
legend {white-space:normal;*margin-left:-7px;padding:0;border:0;}
/* improves appearance and consistency in all browsers */
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  /* improves appearance and consistency in IE7 */
  *vertical-align: middle;
}
/* colour placeholder text (Webkit and Mozilla only, so far) */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #888;
}
/* suppress red glow that Firefox adds to form fields by default, even when user is still typing
   add focus glow on form elements and kill phantom spacing and dotted border that appears in Firefox */
button:invalid,
a.button:invalid,
input:invalid,
input[type="button"]:invalid,
input[type="reset"]:invalid,
input[type="submit"]:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,
input::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
textarea::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:focus,
a.button:focus,
input:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 7px #0066ff;
  -moz-box-shadow: 0 0 7px #0066ff;
  box-shadow: 0 0 7px #0066ff;
  /* Opera */
  z-index: 1;
}

  /* remove inner padding and search cancel button in webkit on OS X */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea,
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #fff;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type="color"] {padding: 0;height: 2.33333333333333em;}
[role="complementary"] input[type="search"] {
  margin-right: 2px;
  width: 66.666666666667%;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}
textarea {
  min-height: 3em;
  /* removes default vertical scrollbar in IE7-9 */
  overflow: auto;
  /* improves readability and alignment in all browsers */
  vertical-align: top;
  resize: vertical;
  /*width: 100%;*/
}
select {
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  text-align: left;
  border: solid 1px #ccc;
  padding: .5em;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
textarea,
select[size],
select[multiple] {height: auto;}
optgroup {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #333;
}
/* kill phantom spacing and dotted border that appears in Firefox */
optgroup::-moz-focus-inner {border: 0;padding: 0;}
/* addresses box sizing set to content-box and excess padding in IE7-9 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *height: 1em;
  *width: 1em;
}
/* make sure disable elements really are disabled */
button[disabled],
input[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
span.disabled {
  opacity: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none;
  border: solid 1px #d2d2d2 !important;
  text-shadow: none !important;
  color: #888888 !important;
  background: #eee !important;
  cursor: default !important;
  top: 0 !important;
}
.large input {width: 50%;min-width: 302px;}
.large textarea {height: 156px;}
.small input {width: 25%;min-width: 151px;}
.small textarea {height: 5.5em;}

/** Buttons
*/
button,
[role] a.button,
span.disabled,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  /* remove iOS Safari default styling */
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: auto;
  overflow: visible;
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: .85714285714286em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  cursor: pointer;
  border: solid 1px #e1a61a;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: .5em 1em;
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
  color: #333;
  outline: 0;
  background-color: #ffda44;
  /* Konqueror */
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffda44), to(#fabc2b));
  /* Safari4+, Chrome */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffda44), to(#fabc2b));
  /* Safari5.1+, Chrome10+ */
  background-image: -webkit-linear-gradient(#ffda44, #fabc2b);
  /* Firefox3.6 */
  background-image: -moz-linear-gradient(#ffda44, #fabc2b);
  /* Opera11.10+ */
  background-image: -o-linear-gradient(#ffda44, #fabc2b);
  /* CSS3 Compliant */
  background-image: linear-gradient(#ffda44, #fabc2b);
}
button:hover,
[role] a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #ffe477;
  /* Konqueror */
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffe477), to(#fbcc5d));
  /* Safari4+, Chrome */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe477), to(#fbcc5d));
  /* Safari5.1+, Chrome10+ */
  background-image: -webkit-linear-gradient(#ffe477, #fbcc5d);
  /* Firefox3.6 */
  background-image: -moz-linear-gradient(#ffe477, #fbcc5d);
  /* Opera11.10+ */
  background-image: -o-linear-gradient(#ffe477, #fbcc5d);
  /* CSS3 Compliant */
  background-image: linear-gradient(#ffe477, #fbcc5d);
}

button:active,
[role] a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  position: relative;
  top: 1px;
  color: #1a1a1a;
  background-color: #fabc2b;
  /* Konqueror */
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fabc2b), to(#ffda44));
  /* Safari4+, Chrome */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fabc2b), to(#ffda44));
  /* Safari5.1+, Chrome10+ */
  background-image: -webkit-linear-gradient(#fabc2b, #ffda44);
  /* Firefox3.6 */
  background-image: -moz-linear-gradient(#fabc2b, #ffda44);
  /* Opera11.10+ */
  background-image: -o-linear-gradient(#fabc2b, #ffda44);
  /* CSS3 Compliant */
  background-image: linear-gradient(#fabc2b, #ffda44);
}
#paginator {margin-bottom: 2em;}
#paginator .button {padding: .25em 1em;}
#paginator a.button {text-decoration: none;color: #333;}
#paginator-l {float: left;}
#paginator-r {float: right;}

/** Comments
*/
.comments {
  margin-bottom: 1em;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em 1em 1px;
  background: #f7f7f7;
  word-wrap: break-word;
}
.comments h4 .is-author {
  font-weight: normal;
}
.comments h4 .comment-anchor {
  float: right;
  font-weight: normal;
 }
.comments-author {
  background: #efefef;
}
#cpreview {
  margin-bottom: 2px;
  -moz-border-radius: .35714285714286em;
  border-radius: .35714285714286em;
  padding: 1em;
  background: #fff3d6;
}
.comments_error {background:#fff4f4 !important;}
.required, .error_message li {color:#cc0000;}
.required {cursor:help;}

/** Popup comments (can be removed if you don't use popups)
*/

#popup-page .wrapper {padding-top:0;}
#popup-page .container {max-width:52em;}
}

/** Additional layout for screen media 672px and up
*/
@media only screen and (min-width:48em) {

[role="main"] {width:71.47706422%;}
[role="complementary"] {margin:0;width:27.52293578%;}
h1 {font-size:3em;}
h2 {font-size:2em;}
h3 {font-size:1.5em;}
blockquote {float:right;margin:0 0 .875em .875em;width:42.905405405405%;}
}

/** Additional layout for screen media 1280px and up
*/
@media only screen and (min-width: 80em) {

body {font-size:100%;}
nav ul, .container, footer {width:1090px;}
}

/** Additional layout for screen media 1800px and up
*/
@media only screen and (min-width: 112.5em) {

body {font-size:112.5%;}
}

/** Fix for reponsive embedded content in IE8
*/

@media \0screen {
img, video {width: auto;}
}

/** Styling and layout for print media
*/
@media print {
* {
  /* black prints faster - http://sanbeiji.com/archives/953 */
  color: black !important;
  text-shadow: none !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
  margin: .5cm;
  padding: 2em 5em;
}
header {border-bottom:1pt solid #000;}

footer {margin-top:12pt;border-top:1pt solid black;}

/* hide unnecessary content from print */
nav,
audio,
video,
form,
[role="complementary"],
#paginator,
#comments-form,
.comments h4 a:last-child {
  display: none;
}
a {text-decoration: none;}

/* show URLs for certain links in print */
a[href]:after {content: " (" attr(href) ")";}

h1 a[href]:after,
h2 a[href]:after,
h3 a[href]:after,
sup a[href]:after,
a[itemprop="discussionUrl"]:after,
a[rel="tag"]:after {
  content: "";
}

/* show long-form for abbreviations in print */
abbr[title]:after {content: " (" attr(title) ")";}

h1 {font-size: 32pt;line-height: 36pt;font-weight: normal;margin: .5em 0;}
h2 {font-size: 18pt;line-height: 23pt;page-break-after: avoid;orphans: 3;widows: 3;margin: .66666666666667em 0;}
h3 {font-size: 12pt;line-height: 17pt;page-break-after: avoid;orphans: 3;widows: 3;margin: .66666666666667em 0;}
p {orphans: 3;widows: 3;}
footer, figcaption, tfoot, small, .footnote {font-size: 6pt;}
blockquote {border: solid 1pt black;padding: 0 8pt;page-break-inside: avoid;}
pre {margin-bottom: 8pt;border: solid 1pt black;padding: 8pt;}
.comments {page-break-inside: avoid;}
pre, code, kbd, samp, var {font-family: "Courier New", Courier, monospace;}
dfn, q, dt {font-style: italic;}
img {max-width: 100% !important;page-break-inside: avoid;}

/* image alignemnts */
img.alignleft {float: left;margin: 1em 1em 1em 0;}
img.alignright {float: right;margin: 1em 0 1em 1em;}
img.aligncenter {display: block;margin: 0 auto;text-align: center;}

audio {display: none;}
figure {margin-bottom: 8pt;}
figcaption {margin-top: 4pt;}
ul {list-style: square;margin: 0 0 8pt 1.8em;}
ol {list-style: decimal;margin: 0 0 8pt 1.8em;}
dl {margin: 0 0 8pt 1.8em;}
table {margin-bottom: 8pt;width: 100%;}
caption {font-weight: bold;text-align: left;margin-bottom: 4pt;}

/* display table head across multi-page tables - http://css-discuss.incutio.com/wiki/Printing_Tables */
thead {display: table-header-group;}
thead th {border-top: solid 1pt black;}
tr {page-break-inside: avoid;}
th, td {border-bottom: solid 1pt black;padding: 4pt 8pt;}
}
.show-image-1 {width: 300px;height: 156px;margin: 0 auto 15px;padding: 0; /*position:relative;*/}
.show-image-2 {width: 300px;height: 156px;margin: 0 auto 15px;padding: 0; /*position:relative;*/}
.transparency {background: #000;border: 1px solid #666;filter: alpha(opacity=50);opacity: 0.5;-khtml-opacity: 0.5;-moz-opacity: 0.5;width: 300px;height: 65px;position: absolute;margin: /*138px 0*/ 0;z-index: 2; /*left:0; top:0;*/border: 1px solid #f00;}

.featured-message {color: #fff;font-size: 0.95em;width: 300px;height: 65px;z-index: 3;position: absolute;margin: 78px 0 0; !important;padding: 20px 0 0; /*left:0; top:0;*/
}
.featured-message p.featured-title {font: bold 1.2em 'LiberationSansRegular', Helvetica;color: #fff;margin: 50px 0 0;}
.featured-message p {margin: 0;padding: 10px;font: 0.95em 'LiberationSansRegular', Verdana;}
.featured-message a {color: #fc0;text-decoration: underline;}

.featured-image .featured-main {width: 300px;height: 156px;margin: 0;padding: 0; /*position:relative; overflow:hidden;*/}
.featured-image .featured-main img.feat {position: absolute;/*top:-10px; left:-120px;*/}
.featured-image .featured-main .transparency {border: 1px solid #666;border-right: 0;border-left: 0;width: 300px;height: 65px;z-index: 2;position: absolute;margin: 78px 0 0;
}
.featured-image .featured-main .featured-message {width: 300px;height: 65px;position: absolute; z-index: 3;/*left: 0;top: 225px;*/}
.featured-image .featured-main .featured-message p {margin: 0;padding: 5px 5px 0;}

/* Forms */

.zemContactForm {margin-top: 25px;}
.zemContactForm legend {display: none;visibility: hidden;width: 200px;padding: 5px 0 20px 0;}
.zemContactForm label {float: left;width: 200px;margin: 0 20px 0 0;text-align: right;}
.zemContactForm input#Name,
.zemContactForm input#Email,
.zemContactForm textarea#Message {width: 50%;}
.zemContactForm textarea#Message {height: 250px;background-color: #fff;border: 1px solid #aaa; padding: 1px;}
.zemContactForm ul.zemError {color: #C42B1A;}
.zemContactForm .zemSubmit {margin: 10px 0 0 300px;}

div.slideshow {display: block;position: relative;width: 512px;margin: 0 auto;border: 0px solid #000;}
div.slideshow div {display: block;overflow: hidden;position: relative;width: 512px;height: 384px;}
div.slideshow div img {display: block;position: absolute;top: 0;z-index: 1;}

div.show {display: block;margin: 0;padding: 0;position: relative;}
div.show {width: 192px;height: 144px;}
div.show h2 {position: absolute;top: 50px;left: 0px;width: 170px;font: bold 0.95em 'LiberationSansRegular', Helvetica;color: #fff;background: rgba(0, 0, 0, 0.5);padding: 7px 10px;}
div.show h2 a {color: #fff !important;}