@media (max-width: 10000px) {
  :root {
    --font-base: 110%;
    }
  }

@media (min-width: 10000px) {
  :root {
    --font-base: 120%;
    }
  }

#skip-to-nav { display: none; }

html { font-size: normal; }

body {
	font-size: var(--font-base);
	background: #CEF url(images/page-tile.png);
	}
body, input, textarea {
	font-family: arial,verdana,geneva,sans-serif;
	}
input, textarea {
	font-size: 100%;
	}
fieldset {
	border: 1px solid #226;
	padding: 0;
	}
dl { }
p, dd { line-height: 150%; }

img.lt { float: left; }
img.rt { float: right; }
img[align="right"], img.rt { padding: 0.5em 0 0.5em 1em; }
img[align="left"], img.lt { padding: 0.5em 1em 0.5em 0; }

thead th { padding: 2px 1em 4px 0; vertical-align: bottom; }
thead th.select-all { padding-right: 0; }
thead th a { text-decoration: none; }

/*
		Styling ordered list numbers
		http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/
*/
ol { margin: 1em 0 0 1em; }
ol.fancy {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
}
ol.fancy > li {
    position: relative; /* Create a positioning context */
    margin:0 0 0 2em; /* Give each list item a left margin to make room for the numbers */
    padding: 2px 4px 6px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
    border-top: 2px solid #666;
    background: #F6F6F6;
}
ol.fancy > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: -2px;
    left: -2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    padding: 4px;
    border-top: 2px solid #666;
    color: #FFF;
    background: #666;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, sans-serif;
    text-align: center;
}
li ol,
li ul { margin-top: 6px; }
ol.fancy ol li:last-child { margin-bottom:0; }

#logo {
	margin: 0 10px 10px;
	float: none;
	}

#navbar {
	height: 93px;
	background: transparent url(images/page-top.png) no-repeat scroll top left;
	}

body.not-front #navbar, body.ajax #navbar {
	position: relative;
	background-image: url(images/page-top-inner.png);
	}

#main-inner {
	background: transparent url(images/page-middle.png) repeat-y scroll top left;
	position: relative;
	}

#footer {
	height: 24px;
	background: transparent url(images/page-bottom.png) no-repeat scroll top left;
	margin-bottom: 100px;
	}

div#content {
	min-height: 100em;
	}
#content-header {
	}

#breadcrumb {
	z-index: 100;
	position: absolute;
	left: 200px;
	top: 41px;
	}

/*
											#breadcrumb
*/
ul#breadcrumb {
	float: left;
	list-style: none;
	margin: 0;
	padding: 1px;
	}
ul#breadcrumb li {
	float: left;
	background: #FF0 url(images/crumb-middle.png) repeat-x scroll top left;
	margin: 0;
	padding: 0;
	}
ul#breadcrumb li a:link, ul#breadcrumb li a:visited {
	display: block;
	height: 10px;
	color: red;
	padding: 6px 24px 14px 12px;
	font-size: 90%;
	font-weight: bold;
	font-family: verdana,sans-serif;
	text-decoration: none;
	}
ul#breadcrumb li.last a:link, ul#breadcrumb li.last a:visited {
	color: #000;
	}
ul#breadcrumb li a:link, ul#breadcrumb li a:visited {
	background-image: url(images/crumb-separator.png);
	background-position: top right;
	background-repeat: no-repeat;
	}
ul#breadcrumb li.last a:link, ul#breadcrumb li.last a:visited {
	background-image: url(images/crumb-last.png);
	}


#sidebar-left {
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 0;
	}

body.not-front #sidebar-left {
	top: 40px;
	}


/*
	left sidebar title
*/
#sidebar-left-inner h2.title {
	font-family: "cuprum","droid sans","arial black",arial,sans-serif;
	font-size: 150%;
	text-align: right;
	color: #9E0;
	margin: 10px 0 4px;
	}
#block-fbconnect-0 h2.title {
	font-size: 120%;
	}

/* level 1 list */
#sidebar-left-inner ul.menu {
	margin: 0 0 0 4px;
	padding: 0;
	}
/* level 1 list item */
#sidebar-left-inner ul.menu li,
#block-fbconnect-0, #block-fbconnect-0 li {
	list-style: none;
	text-align: right;
	}
/* links base */
#sidebar-left-inner a:link, #sidebar-left-inner a:visited,
#block-fbconnect-0 a:link, #block-fbconnect-0 a:visited {
	font-family: arial,sans-serif;
	text-decoration: none;
	color: #80A0EE;
	text-shadow: #226 0 1px 0;
}
#sidebar-left-inner a:hover,
#sidebar-left-inner a:active {
	color: #FFF;
	}
#sidebar-left-inner .menu a:link, #sidebar-left-inner .menu a:visited,
#block-fbconnect-0 a:link, #block-fbconnect-0 a:visited {
	display: block;
	width: 100%;
	padding: 0 0 2px 0;
	font-size: 110%;
	list-style: none;
	}
#block-fbconnect-0 li a:link, #block-fbconnect-0 li a:visited {
	color: white;
	font-size: 90%;
	}
#block-fbconnect-0 {
	margin-top: 2em;
	}
#sidebar-left-inner .active-trail>a:link,
#sidebar-left-inner .active-trail>a:visited {
	color: #FF6;
	}

/* level 2 links */
#sidebar-left-inner .menu li .menu a:link,
#sidebar-left-inner .menu li .menu a:visited {
	font-size: 90%;
	color: white;
	}
#sidebar-left-inner .menu li .menu a:hover {
	color: yellow;
	}
#sidebar-left-inner .menu li .menu li.active-trail>a {
	color: #CF0;
	}
#sidebar-left-inner .menu li .menu li.active-trail a.active {
	color: #6F0;
	}


/* level 2 list */
#sidebar-left-inner .menu li .menu {
	margin-top: 6px;
	margin-bottom: 1em;
	padding-right: 0.5em;
	}

/* level 3 list */
#sidebar-left-inner ul.menu li .menu li .menu {
	margin: 0.5em 0 0.5em 0.5em;
	padding: 4px 0.5em 4px 0;
	background: #182838;
	border: 1px solid #DFD;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}
#sidebar-left-inner ul.menu li .menu li .menu li .menu {
	background: #123;
	}

/* level 3 links */
#sidebar-left-inner ul.menu li .menu li .menu li a:link,
#sidebar-left-inner ul.menu li .menu li .menu li a:visited {
	font-size: 80%;
	font-weight: bold;
	font-family: verdana;
	padding: 0;
	}



/*
 *
 * User block submenus have increasingly darker boxes
 *
 */
#sidebar-left-inner .block-user ul.menu li ul {
	padding-right: 0.75em;
	border-right: 1px solid #DFD;
	border-bottom: 1px solid #DFD;
	border-bottom-right-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	background: #246;
	}
#sidebar-left-inner .block-user ul.menu li ul li ul {
	background: #183858;
	}
#sidebar-left-inner .block-user ul.menu li ul li ul li ul {
	background: #0D2D4D;
	}

/*
											login block
*/
#block-user-0 {
	margin: 10em 0;
	text-align: right;
	}
#block-user-0 h2.title {
	text-transform: lowercase;
	}
#block-user-0 .form-item label {
	display: inline;
	}
#block-user-0 a:link, #block-user-0 a:visited {
	color: white
	}
#block-user-0 ul {
	list-style: none;
	padding: 0;
	}

#block-user-1 {
	margin: -30px 0 2em 2em;
	padding: 0 1em 1em 0;
	background: #234;
	border: 3px solid #000;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}
#block-user-1 h2.title {
	color: #FF6;
	}

form#user-login-form {
	margin-left: 20px;
	text-align: inherit;
	color: #FFF;
	}
form#user-login-form .form-required,
form#user-login-form .form-submit {
	position: absolute;
	left: -999em;
	top: -999em;
	}
form#user-login-form .form-item {
	margin: 0;
	text-align: right;
	}
form#user-login-form .form-text {
	width: 85%;
	font-size: 90%;
	}


/*
 *
 * Interface Subpages Menu - from Menu Block module
 *
 */
div#block-menu_block-1 {
	padding: 0;
	margin: 4px 0 8px 0;
	white-space: nowrap;
	}
#block-menu_block-1 ul {
	list-style-type: none;
	height: 2em;
	padding: 2px 0;
	margin: 0;
	}
#block-menu_block-1 li {
	float: left;
	display: block;
	margin: 0 -1px 0 0;
	padding: 0;
	color: #000;
	font-weight: normal;
	text-align: center;
	text-transform: capitalize;
	}
#block-menu_block-1 .title {
	display: none;
	}
#block-menu_block-1 li a, #block-menu_block-1 li a:link,
#block-menu_block-1 li a:active, #block-menu_block-1 li a:visited {
	display: block;
	padding: 2px 4px;
	border: 1px solid #000;
	margin: 0;
	color: #F00;
	background-color: #FF0;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	}
#block-menu_block-1 li a:hover {
	background-color: #FFF;
	}
#block-menu_block-1 li.active a,
#block-menu_block-1 li.active a:hover {
	color: #000;
	}
#block-menu_block-1 li.active a {
	background: #FFF;
	}

/*
 *
 * Affiliates block
 *
 */

#block-block-5 { color: #FFF; text-align: right; font-size: 90%; }
#block-block-5 p { line-height: 1; }
#block-block-5 .content { margin-left: 1em; }
#block-block-5 a { font-size: 125%; font-weight: bold; }

.cke_editable tt,
#content-area tt { font-size: 1.25em; color: #27A; }

/*
 *
 * Inner content styles
 *
 * Body styles also applied to #edit-body and .cke_editable for WYSIWYG
 *
 */
#content-inner {
	margin-top: 50px;
	padding: 0 2em;
	}
#edit-body h1, #edit-body h2, #edit-body h3, #edit-body dt,
.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable dt,
#content-area h1, #content-area h2, #content-area h3, #content-area dt {
	padding: 0;
	margin: 0.5em 0;
	font-family: "Ubuntu","arial rounded mt bold","arial black",arial,sans-serif;
	font-weight: bold;
/*	clear: both;	*/
	}
#edit-body p, .cke_editable p,
#content-area p {
	padding-left: 1em;
	line-height: 150%;
	}
#edit-body em, .cke_editable em,
#content-area em {
	color: #900;
	font-style: italic;
	}
#edit-body ul, .cke_editable ul,
#content-area ul {
	line-height: 150%;
	margin-left: 1.5em;
	}

#autocomplete ul {
	line-height: 1;
	margin-left: 0;
	}
#autocomplete li { padding: 3px 2px; }

/* negate the left margin for special ul's */
#content-area ul#breadcrumb,
#content-area ul.links,
#content-area ul.vertical-tabs-list { margin-left: 0; }

a:link, a:visited,
a:hover, a:active {
	color: #05C;
	text-decoration: none;
	}

#edit-body h1, .cke_editable h1,
#content-area h1 {
	margin-top: 0.75em;
	font-size: 200%;
	}
#edit-body h1, #edit-body h1 a:link, #edit-body h1 a:visited, #edit-body h1 a:hover, #edit-body h1 a:active,
.cke_editable h1, .cke_editable h1 a:link, .cke_editable h1 a:visited, .cke_editable h1 a:hover, .cke_editable h1 a:active,
#content-inner h1, #content-inner h1 a:link, #content-inner h1 a:visited, #content-inner h1 a:hover, #content-inner h1 a:active { color: #A00; }

#edit-body h2, .cke_editable h2,
#content-area h2 { font-size: 150%; }
#edit-body h2, #edit-body h2 a:link, #edit-body h2 a:visited, #edit-body h2 a:hover, #edit-body h2 a:active,
.cke_editable h2, .cke_editable h2 a:link, .cke_editable h2 a:visited, .cke_editable h2 a:hover, .cke_editable h2 a:active,
#content-inner h2, #content-inner h2 a:link, #content-inner h2 a:visited, #content-inner h2 a:hover, #content-inner h2 a:active {
	color: #090;
	}

#edit-body h3, .cke_editable h3,
#content-area h3 { font-size: 125%; }
#edit-body h3, #edit-body h3 a:link, #edit-body h3 a:visited, #edit-body h3 a:hover, #edit-body h3 a:active,
.cke_editable h3, .cke_editable h3 a:link, .cke_editable h3 a:visited, .cke_editable h3 a:hover, .cke_editable h3 a:active,
#content-inner h3, #content-inner h3 a:link, #content-inner h3 a:visited, #content-inner h3 a:hover, #content-inner h3 a:active {
	color: #060;
	}

#edit-body dt, .cke_editable dt,
#content-area dt { font-size: 150%; }
#edit-body dd, .cke_editable dd,
#content-area dd { margin-bottom: 1em; margin-right: 2em; }
#edit-body dt, .cke_editable dt,
#content-area dt { color: #F84; }

#edit-body dt, .cke_editable dt,
body.section-tag #content-area div.node-inner h2.title,
#content-area dt,
#content-area-admin dt,
#content-area div.view-content h2.title {
	height: 102px;
	margin-bottom: -80px;
	padding: 1em 0 0 1em;
	background: transparent url(images/fadebox1.jpg) no-repeat scroll top left;
	}
#content-area div.view-content .unpublished h2.title { background: transparent; padding-top: 0; }

#content-area div.view-content h2.title a:link,
#content-area div.view-content h2.title a:visited,
#content-area div.view-content h2.title a:hover,
#content-area div.view-content h2.title a:active {
	color: #040;
	}

body.section-tag #content-area div.content,
#content-area div.view-content div.content { padding: 0 12px; }

body.section-tag #content-area .node-inner div.links,
#content-area div.view-content div.links { padding-left: 24px; }

#content-area-admin dt {
	height: auto;
	background: transparent;
	clear: none;
	margin: 0;
	padding: 0 1em 0 0;
	}

/*
 *
 * "Coupon" style box to isolate content
 * "belo" makes it narrow
 * "quote" puts cool quotes inside
 */
#edit-body div.vers, #edit-body div.coup,
.cke_editable div.vers, .cke_editable div.coup,
#content-area div.vers, #content-area div.coup {
	max-width: 490px;
	padding: 6px 10px;
	border: 2px solid #9CC;
	margin: 1em 10%;
	background: white;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#edit-body div.vers, .cke_editable div.vers,
#content-area div.vers {
	margin: 1em 0;
	}

#edit-body div.coup.links a:link, #edit-body div.coup.links a:visited,
#edit-body div.coup div a:link, #edit-body div.coup div a:visited,
.cke_editable div.coup.links a:link, .cke_editable div.coup.links a:visited,
.cke_editable div.coup div a:link, .cke_editable div.coup div a:visited,
#content-area div.coup.links a:link, #content-area div.coup.links a:visited,
#content-area div.coup div a:link, #content-area div.coup div a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	color: #F00;
	}

#edit-body div.coup p, .cke_editable div.coup p,
#content-area div.coup p {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	}
#edit-body .coup h3, #edit-body .vers h3,
.cke_editable .coup h3, .cke_editable .vers h3,
#content-area .coup h3, #content-area .vers h3 {
	margin-top: 0.5em;
	margin-left: 0.5em;
	}
#edit-body div.belo, #edit-body div.vers,
.cke_editable div.belo, .cke_editable div.vers,
#content-area div.belo, #content-area div.vers { width: 500px; }

#edit-body .coup li a, .cke_editable .coup li a,
#content-area .coup li a { font-size: small; }

#edit-body .coup ul, #edit-body .vers ul,
.cke_editable .coup ul, .cke_editable .vers ul,
#content-area .coup ul, #content-area .vers ul {
	margin-left: 1em;
	}
#edit-body .coup ul li, .cke_editable .coup ul li,
#content-area .coup ul li { background: inherit; }

#edit-body .belo p, .cke_editable .belo p,
#content-area .belo p { font-size: 11px; }

#edit-body div.coup.links, .cke_editable div.coup.links,
#content-area div.coup.links { text-align: center; }

#edit-body div.coup.links a, .cke_editable div.coup.links a,
#content-area div.coup.links a { padding: 4px 2em; }

#edit-body div.coup.quote, .cke_editable div.coup.quote,
#content-area div.coup.quote {
	padding: 1em 40px;
	background: white url(images/quotes.png) no-repeat scroll top left;
	font-family: Georgia,Times,serif;
	text-align: justify;
	}

#edit-body div.compact, .cke_editable div.compact,
#content-area div.compact { font-size: 85%; }

#edit-body .vers span, .cke_editable .vers span,
#content-area .vers span { float: right; }



/*
 *
 * Primary Links
 *
 */
#primary {
	margin: 16px 0 0 200px;
    background: rgb(0, 90, 147);
	}

#primary .links a:link, #primary .links a:visited {
	font-family: "cuprum","arial black",arial,sans-serif;
	text-decoration: none;
	color: #FFF;
	font-size: 22px;
	padding: 0 0.5em;
	}
#primary .links a:hover, #primary .links a:active {
	color: #6F6;
	}
#primary .links .active a:link, #primary .links .active a:visited {
	color: #FF0;
	}


/*
 *
 * Other tweaks, as it goes along
 *
 */
.invisible { display: none; }

.pulll, .pullr {
	padding: 0;
	margin: 10px;
	}
.pullr { float: right; }
.pulll { float: left; }

.ctr { text-align: center !important; }


#block-devel-0 {
	text-align: center;
	margin-left: 20px;
	margin-top: 40px;
	color: #FF0;
	}
#block-devel-0 li a {
	font-size: 90%;
	color: white;
	text-decoration: none;
	text-align: center;
	}
#block-devel-0 a:hover {
	color: #0F0;
	}
#block-devel-0 ul.links {
	list-style: none;
	margin: 0;
	}
div#edit-username-wrapper.form-item {
	margin: 0;
	}

#sidebar-left .edit {
	background: #000;
	opacity: 0.80;
	}
#sidebar-left .edit a, #sidebar-left .edit a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	padding: 0 2px;
	}
#sidebar-left .edit a:hover {
	color: #FF0;
	}


/* Views admin links (Edit, Export, Clone) */

div.view div.views-admin-links,
div.view div.views-admin-links-hover,
div.view div.views-admin-links:hover {
	width: 50%;
	}

div.view div.views-admin-links li a,
div.view div.views-admin-links-hover a,
div.view div.views-admin-links:hover a {
	text-decoration: none;
	border: 1px solid black;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2px 3px;
	background: #FED;
	color: #C66;
	font-size: 11px;
	font-weight: bold;
	}

div.view div.views-admin-links li a:hover,
div.view div.views-admin-links-hover a:hover,
div.view div.views-admin-links:hover a:hover {
	color: #E00;
	}

div.view div.views-admin-links a:before {
  content: "";
}

div.view div.views-admin-links a:after {
  content: "";
}

#block-user-1 .menu a:link, #block-user-1 .menu a:visited {
	font-size: 1em;
	}


div.views-field-title {
	font-size: 120%;
	color: rgb(0, 153, 0);
	}
div.views-field-field-sitelink-url {
	}
div.views-field-field-snapshot-fid {
	display: inline;
	}
div.views-field-field-snapshot-fid img {
	clear: both;
	float: right;
	}
div.views-field-body>p {
	margin-top: 1em;
	}

#block-photobar-bar {
	float: right;
	margin-right: 100px;
	}

div#comments, div#post-comment {
	margin-top: 3ex;
	width: 70%;
	}
div#comments h2 {
	color: #900;
	}
h2#comments-title {
	font-size: 110%;
	}
#comments .box-inner h2.title {
	font-size: 100%;
	}
#comments .content,
#post-comment textarea { font-size: 11px; }
#comments .comment {
	padding: 0.5em 1em 1em 1em;
	background-color: #CCD;
	}
#comments .comment.comment-unpublished {
	background-color: #FCC;
	}
#post-comment label { display: none; }

/*
				Masquerade Block
*/
#block-masquerade-0 {
	text-align: center;
	background: #457;
	color: #FC2;
	font-size: 100%;
	margin: 50px -10px 0 10px;
	border: 2px solid black;
	padding: 0;
	}
#block-masquerade-0 h2.title {
	font-family: arial,sans-serif;
	background: #346;
	font-weight: normal;
	color: #EA0;
	padding: 2px 0;
	margin: 0;
	text-align: center;
	}
#block-masquerade-0 em {
	display: block;
	margin-top: 8px;
	font-size: 150%;
	color: #000;
	}
#block-masquerade-0 ul {
	list-style-type: none;
	padding: 0;
	}
#block-masquerade-0 li a {
	display: block;
	color: white;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid white;
	background: #568;
	padding: 4px 6px;
	margin: 4px 10%;
	}
#block-masquerade-0 div.description {
	display: block;
	}

/*
				Admin Table Rows and Headers
*/

#content-area-admin tr.odd, #content-area-admin tr.even {
	background-color: rgb(224, 245, 255);
	border-bottom: 1px solid #000;
	}
#content-area-admin tr.odd {
	background-color: rgb(240, 250, 255);
	}
#content-area-admin td, #content-area-admin th {
	padding: 0.5em;
	}
#content-area-admin thead th {
	padding-left: 1em;
	background-color: #FFF;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	}

/*
				Admin Field Sets
*/
#content-area-admin fieldset {
	padding: 1em;
	background: #FFF;
	}
#content-area-admin fieldset.collapsed {
	border-width: 1px;
	}
#content-area-admin fieldset legend {
	font-size: 110%;
	padding: 4px 6px 6px;
	background: #357;
	}
#content-area-admin fieldset legend,
#content-area-admin fieldset legend a {
	font-weight: bold;
	color: #FD4;
	}
#content-area-admin fieldset legend em {
	color: #FFF;
	}

/*
				Status Report Table
*/
#content-area-admin .system-status-report th {
	padding-left: 27px;
	}
#content-area-admin .system-status-report th,
#content-area-admin .system-status-report td {
	border-bottom: 1px solid #CCC;
	}

#permissions td.module {
	background: #000;
	color: #FFF;
	}


p.inset {
	font-size: 11px;
	font-weight: bold;
	padding: 0 30px;
	}

div.feed-icons {
	position: absolute;
	left: 820px;
	top: 15px;
	}
div.itunes-sidebar {
	width: 150px;
	padding: 40px 10px;
	margin: 0 0 2em 1em;
	border: 1px solid black;
	background: #FFF url(images/itunes-bg.jpg) no-repeat scroll center center;
	float: right;
	font-size: 100%;
	text-align: center;
	}
#content-area .itunes-sidebar a {
	display: block;
	padding: 2px;
	margin: 0 auto;
	}
#content-area .itunes-sidebar a:link,
#content-area .itunes-sidebar a:visited {
	color: #000;
	}

p.wonka {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #669;
	font-size: 90%;
	font-weight: bold;
	}

/*
				General Node Display Box
				applied to WYSIWYG with #edit-body and/or .cke_editable
*/
.node-inner {
	clear: both;
	position: relative;
	}
.node-inner div.taxonomy {
	font-size: 11px;
	text-align: right;
	float: right;
	}

/*
	Code Blocks
	light   : default, google code, stack overflow, drupal.org
	dark    : desert vim, sunburst vim, naspinksi
	striped : default, drupal.org
	every 5 : default, desert vim, sunburst vim, drupal.org
	light # : naspinski

	light bkgd = #F8F8F8;
	 dark bkgd = #224;
*/

.cke_editable pre,
#content-area pre,
pre.prettyprint {
	padding: 0;
	border: 2px solid #ABD;
	border-radius: 6px;
	overflow: auto;
	font-family: "Source Code Pro", "Anonymous Pro", "andale mono", monaco, "courier new", courier, monospace;
	font-size: 12px;
	background: #224;
	color: #EEF;
	}

#content-area pre,
pre.prettyprint {
	width: 100%;
	max-height: 25em;
	}
pre.prettyprint ol.linenums {
	background: transparent url(_img/code-bkgd-dark.png) left top repeat-y scroll;
	margin: 0;
	padding: 1em 0 1em 46px;
	width: 200%;
	}
pre.prettyprint ol.linenums li { text-indent: -4px; }
#content-area pre { padding: 4px 0 4px 4px; width: 150%; }
#content-area pre.prettyprint { width: 100%; }

.cke_editable pre {
	padding: 1em 0 1em 1em;
	}


body.section-tag #content-area .node {
	margin-bottom: 3em;
	}
body.section-tag #content-area .node-inner div.taxonomy,
.view-content .node-inner div.taxonomy {
	float: none;
	position: absolute;
	height: 2em;
	right: 5px;
	bottom: -0.25em;
	}
.node-inner div.links, .comment .links {
	clear: both;
	font-size: 11px;
	font-weight: bold;
	}
.comment div.links { text-align: right; }
.node-inner ul.links a:link, .node-inner ul.links a:visited,
.node-inner ul.links a:hover, .node-inner ul.links a:active,
.comment ul.links a:link, .comment ul.links a:visited,
.comment ul.links a:hover, .comment ul.links a:active {
	text-decoration: none;
	color: #669;
	}
.node-inner div.links li.edit a { color: #F00; }

#search-box { margin-top: 0; }
body.not-front #search-box { float: none; margin: 8px 0 0; }
#search-box label { display: none; }
#search-box div.form-item { display: inline; }
#search-box .form-text { width: 100px; margin-left: 20px; background-color: #BCE; border: 1px solid #123; }
#search-box .form-submit { font-size: x-small; font-weight: bold; }

#node-20 { margin-right: -20px; }
body.section-node-edit #content-area { margin-right: -70px; }

/*
				Views Rows
*/
div.views-row {
	padding-bottom: 1em;
	margin-bottom: 2em;
	}
.views-row .unpublished {
	border: 2px dotted #900;
	background-color: #FEE;
	}
.views-row .node-inner { padding-bottom: 1.5em; }
.views-row .node-inner div.submitted { margin-left: 2.5em; }


/*
				Petcast Section
*/

.petcast-img { float: right; margin: 0 1em 1em 0; width: 125px; height: 125px; }
.views-row .petcast-img,
.node-type-petcast .petcast-img { float: left; }
.node-type-petcast .petcast-img { margin-bottom: 0.5em; }

body.section-tag .node-inner .petcast-player,
.views-row .node-inner .petcast-player {
	width: 290px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	}

.profile dd { padding-left: 2em; }

.vertical-tabs-list { border-top: 1px solid black; }
div.vertical-tabs, .vertical-tabs-list li { border: 1px solid black; }
div.vertical-tabs, .vertical-tabs-list li.selected { background: #EEF; }
div.vertical-tabs div.description { margin: 1em 0; font-size: 90%; color: #988; }
.vertical-tabs-list li { background: #ABD; border-top: 0; }

div.feed-source {
	border: 2px solid #9CC;
	padding: 1em;
	background: white;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.feed-source .feed-image {
	float: left;
	padding: 0 1em 1em 0;
	}
.feed-item {
	border-bottom: 1px solid #ccd;
	clear: both;
	}
div.feed-item-categories {
	display: none;
	}

.node-inner div.submitted {
	margin: -1em 0 0 1em;
	font-size: 90%;
	font-weight: bold;
	}
.node-inner div.submitted,
.node-inner div.submitted a:link,
.node-inner div.submitted a:visited {
	color: #C66;
	text-decoration: none;
	}
.node-inner div.submitted a:hover,
.node-inner div.submitted a:active {
	color: #C90;
	}

/*
				Front Page View
*/
#content-area .view-frontpage div.view-content .views-row-first h2.title {
	background-image: none;
	padding-top: 0;
	margin-top: 0.5em;
	margin-bottom: 0.75em;
	height: inherit;
	}
#content-area .view-frontpage .views-row-first .node-inner {
	padding-bottom: 1em;
	background: #f0f0ff;
	border: 3px solid #264;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}
#content-area .view-frontpage .views-row-first .node-inner.unpublished {
	background: #FEE;
	border: 3px solid #C00;
	}
#content-area .view-frontpage .views-row-first .content {
	margin: 1em 1em 1em 0;
	font-size: 100%;
	color: #642;
	font-weight: bold;
	line-height: 1.2;
	text-align: justify;
	}
#content-area .view-frontpage .views-row-first .content p.download {
	color: #000;
	font-size: 110%;
	text-align: right;
	}
#content-area .view-frontpage .views-row-first .node-inner div.taxonomy {
	bottom: -0.3em;
	right: 1em;
	}

/*
				Undo first row styles for added lines
*/


/*
				The Fortune page Table
*/
table#fortune {
	margin-left: 12px;
	}
table#fortune, table#fortune th, table#fortune td {
	border: 1px solid black;
	}
table#fortune th, table#fortune td {
	padding: 6px;
	}
table#fortune th {
	background: #CDE;
	}

div.profile div.picture {
	float: right;
	background: #000;
	position: relative;
	top: 10px;
	margin: 3em 10px 1em 1em;
	padding: 0;
	border: 2px solid #000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
#content-area div.profile div.picture a,
#content-area div.profile div.picture a img {
	display: block;
	padding: 1px;
	}

.view-file-releases.view-display-id-page_1 div.views-row {
	margin-bottom: 0;
	}
.view-file-releases.view-display-id-block_1 div.views-row {
	margin-bottom: 1em;
	}
#content-area .product-title {
	text-align: center;
	font-size: 200%;
	}

#fortune th {
	white-space: nowrap;
	}
#block-fortune-fortune {
	border: 2px solid black;
	background: #004;
	color: #FFE;
	padding: 2em;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	}
a#inner-logo {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 100;
	display: block;
	width: 180px;
	height: 78px;
	}

#content-area .node-form {
	margin-left: 20px;
	}

body.node-type-product div.taxonomy {
	clear: both;
	border-top: 1px solid #99C;
	padding: 4px;
	margin-top: 1em;
	}

#block-animals-animals_killed {
  width: 200px;
  margin: 1em auto;
  border: 1px solid black;
  background: #D8E8FF;
  }
.front.not-logged-in .messages.error { display: none; }

.imagefield-field_snapshot {
  float: right;
  margin: 0 0 1em 1em;
  }

#admin-dblog { font-size: x-small; }
#content-area .view-header {
  font-size: 110%;
  color: #006;
  margin: 1em 0;
/*
  border: 1px solid #FFD;
  padding: 1em 0.5em;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
*/
  }
#content-area .view-header h1 {
  margin: 0;
  padding: 0 0 0 0.25em;
  }

.leftblock, .rightblock {
	display: block;
	float: left;
	width: 211px;
	padding: 0.5em 0 1em;
	}
.righttblock { text-align: right; }

#ZoomBox { background: #CEF; }


/*
	Make sidebar menus dynamic
*/
#sidebar-left-inner .menu .expanded ul { display: none; }
#sidebar-left-inner .menu .expanded.active-trail>ul,
#sidebar-left-inner .menu .expanded.hilited>ul { display: block; }
#ajax-loader {
	display: none;
	text-align: center;
	margin-top: 300px;
	}

/*
#header { display: none; }
body.front #header { display: block; }
*/

.unpublished h1 { background: #FEE; }
/*.views-row .unpublished h1 { background: transparent; }*/

body.ajax #search-box { margin-top: 75px; }
body.ajax #navbar { height: 115px; }
body.ajax #sidebar-left { top: 70px; }
/*body.ajax #sidebar-left-inner { margin-top: 60px; }*/

.node-inner .links .links li { padding: 0 2px; }
.node-inner .taxonomy .links li { padding: 0 0 0 2px; }

.node-inner .taxonomy .links a:link,
.node-inner .taxonomy .links a:visited {
	background: #292;
	color: #FFF;
	border-radius: 0.5em;
	padding: 1px 4px;
	}
.node-inner .taxonomy .links a:hover,
.node-inner .taxonomy .links a:active { background: #6AF; }
.node-inner .taxonomy .links a:active { color: #FF0; }
.node-inner .taxonomy .links a:visited { color: #CFC; }

.node-inner .taxonomy .links a.active {
	border-radius: 0;
	border: 1px solid black;
	background: #48D;
	}

.section-tag #content-header>h1 {
	border: 3px solid #99CCFF;
	width: 50%;
	margin: 0 auto;
	background: #69C;
	color: #FFF;
	padding: 0.15em 0.5em;
	border-radius: 0.5em;
	text-align: center;
	}
#content-area .taxonomy-term-description {
	padding: 0.5em 0 0;
	color: #ABD;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
	}
a.hidey-help {
	display: block;
	background: #DFE;
	border: 2px solid #9BA;
	padding: 2px 4px;
	margin-bottom: 0.5em;
	width: 6em;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	font-family: sans-serif;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	}
ul.primary li.hidey-help a:link {
	color: #020;
	text-decoration: none;
    background-color: transparent;
    background: url(/sites/all/themes/zen/zen/images/tab-left.png) no-repeat left -38px;
	}
ul.primary li.hidey-help a:link, ul.primary li.hidey-help a:visited,
ul.primary li.hidey-help a:hover, ul.primary li.hidey-help a:active {
    background-color: transparent;
	}
ul.primary li.hidey-help a:hover span.hidey-hide,
ul.primary li.hidey-help a:active span.hidey-hide { color: red; }

#content-area { position: relative; }
#content-area .da2a_button {
	position: absolute;
	right: -1px;
	top: 0;
	}

.addthis_toolbox { height: 20px; }
.addthis_toolbox a.at300b { float: right; }
a.at300b.addthis_button_facebook_like { float: left; }

div.media_embed { margin: 0 auto 0 1em; }

#fb-social-comments {
	background: white;
	border-radius: 6px;
	margin: 4em auto 2em;
	width: 550px;
	}

body.node-type-blog .node-inner .content img {
	float: right;
	margin: 0 0 8px 8px;
	}

.patreon-widget {
	display: block;
	float: right;
	clear: both;
	margin: 0.5em 3px 0 0;
	}

.page-follow .col1, .page-follow .col2 {
	float: left;
	width: 48%;
	margin: 0.5em 10px 0 0;
	font-size: 110%;
	}

div.donate {
	clear: both;
	margin-top: 0.5em;
	padding-top: 0.5em;
	border-top: 2px solid #FFF;
	height: 130px;
	}

.donate > div, .donate > div {
	float: left;
	margin-top: auto;
	}

.donate > .pp, .donate > .gf { width: 50%; }

.donate > .pp {
	font-size: small;
	font-weight: bold;
	color: red;
	text-align: center;
	}

.donate > .gf a {
	display: block;
	background: transparent url("https://web.archive.org/web/20180406234830im_/https://funds.gofundme.com/css/3.0_donate/green/widget.png") no-repeat;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	height: 32px;
	letter-spacing: -.5px;
	padding-top: 95px;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	text-decoration: none !important;
	width: 198px;
	border: none;
	margin: 0 auto;
	}

div.bmc, div.merch { text-align: center; }

div.merch { border-radius: 1em; padding: 10px; background: #F6F6FF; font-size: 120%; }

a.bmc-button {
  display: inline-block;
  height: 37px;
  padding: 3px 9px 0;
  border: 1px solid transparent;
  margin: 1em auto;
  border-radius: 3px;
  background-color: #FF813F;
  box-shadow: 0 1px 2px rgba(190, 190, 190, 0.5);
  font-family: Cookie, cursive;
  font-size: 22px;
  letter-spacing: 0.6px;
  line-height: 35px;
  }
a.bmc-button:link, a.bmc-button:visited, a.bmc-button:hover, a.bmc-button:active { color: #000; }
a.bmc-button:hover, a.bmc-button:active { background-color: rgb(255, 221, 0); }
a.bmc-button span { margin-left: 5px; }

.bmc-logo { width: 27px; margin: 1px 0 -5px; }

@media (min-width: 1000px) {

}