/*
  Theme Name: Paydirt
  URI: http://www.paydirtdesign.com/
  Description: Screen CSS for corporate site
  Author: Keith Seyffarth
  Author URI: http://www.paydirtdesign.com/
  Version: 1.0

TOC
0- Reset
1- Global
2- Links
3- Headings
4- Header
5- Top Navigation
6- Side Navigation
7- Forms
8- Extras
9- Footer
10- Admin
*/

/* =0- Reset
   ----------------------------------------------------*/
@import url('reset.css');

/* =1- Global
   ----------------------------------------------------*/
body {
    font-size: .8em;
    font-family: 'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
    padding: 0;
    margin: 0;
    background: url('/images/structure/miscon-dbg.jpg') repeat top right fixed #010101;
}

div.body {
    margin-left: auto;
    margin-right: auto;
    margin-top: -12px;
    padding: 0;
    width: 900px;
    border-style: solid;
    border-color: #030;
    border-width: 1px 1px 0;
    background-color: #fff;
    color: #000;
}

div.main {
    position: relative;
    padding-bottom: 60px;
    min-height: 1164px;
}

div.content {
    margin: 8px 10px 0 210px;
}

div.pageitem {
    clear: both;
    padding: 18px 0;
}

img {
    background: url('/images/structure/miscon-bg.jpg') repeat top right fixed #010101;
    padding: 3px;
    border: 1px solid #5bba47;
}

div.pageitem img {
    float: left;
    margin: 8px;
    width: 150px;
}

p {
    margin: .5em 0 .6em;
}

u {
    text-decoration: none;
    font-style: italic;
}

div.info {
    clear: left;
    margin: 8px 10px 0 0;
}

ul, ol {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 45px;
}
ol {
    list-style-type: decimal;
}
ol li ol {
    list-style-type: upper-alpha;
}
ul li ul {
    list-style-type: square;
}
ul li, ol li {
    margin-bottom: 6px;
    margin-top: 10px;
}

div.content dl dd img, img.pageitem {
    float: left;
    margin: 5px;
    width: auto;
    clear: right;
}

dl {
    margin-bottom: 1.5em;
}

dt {
    font-size: 1.3em;
    margin: 1.5em 0 .25em;
    padding-top: 8px;
    font-weight: 700;
    clear: both;
}
dt span.desc {
    font-weight: 300;
    font-size: .7em;
}
dd {
    margin: .25em .25em .5em 30px;
}
dd ul {
    clear: right;
}
p.key {
    font-size: 0.8em;
    float: right;
}
p.key img {
    float: none !important;
    margin: 0 !important;
}
dl.info dt {
    clear: none;
    margin: 0.125em 0;
}

dl.concom {
    border-left: solid 1px #563d5d;
}
dl.contop {
    border-left: none;
}
dl.concom h4 {
    color: #303;
    font-size: 1.25em;
    margin: 15px 0 2px;
}
dl.concom dt {
    font-family: "Crete Round", sans-serif;
    font-size: 1.3em;
    text-shadow: 0.1em 0.1em 0.1em #a676bb;
    margin-top: 5px;
    padding: 0 3px 3px;
    border-top: solid 1px #563d5d;
}
dl.concom dd {
    padding-left: 3px;
    margin: 3px 0 3px 20px;
}
dl.concom dd img {
    float: right !important;
}
dl.conmem dt {
    font-family: 'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
    border-top: none;
    clear: none;
    text-shadow: none;
    margin: 2px 0;
    padding-top: 2px;
    font-size: 1em;
}
dl.conmem dd {
    border-left: none;
}
dl.pastlist {
    font-size: 0.85em;
    width: 42%;
    float: left;
    margin-left: 1em;
}
dl.pastlist dd h4 {
    clear: left;
}
div.info ul li ul.denseblock li {
    display: inline-block;
    width: 42%;
    margin-left: 1em;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    padding: 2px;
    vertical-align: top;
}
p.details {
    text-align: right;
    margin: .2em 0 0;
    font-size: .85em;
    font-weight: 700;
}

img.bio, img.reg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

img.prologo, img.pageimg, div.pastimg {
    float: right;
    margin: 5px;
    width: auto;
    text-align: center;
    clear: right;
}
img.prologo, img.icon, div.logo img, img.reg, ul.minutes li img, div.locmap img, img.prosched, div.map img {
    background: none;
    border: 0;
    padding: 0;
}

span.note, p.note {
    font-size: .75em;
    display: block;
}
div.logo {
    text-align: center;
    margin: .85em;
}

/* =2- Links
   ----------------------------------------------------*/
a, a:link {
    text-decoration: none;
    /* color: #a676bb; */
    color: #600;
    font-weight: 700;
}

a:visited {
    text-decoration: none;
    /* color: #563d5d; */
    color: #036;
    font-weight: 700;
}

a:hover, a:active {
    text-decoration: underline;
    /* color: #5bba47; */
    color: #303;
    font-weight: 700;
}

/*a img, a:link img, a:visited img, a:focus img, a:hover img, a:active img {
    border: none;
}*/

/* =3- Headings
   ----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: "Crete Round", sans-serif;
}

div.pageitem h2 {
    margin: 0;
    clear: both;
}

h2 {
    font-size: 1.45em;
    text-shadow: 0.1em 0.1em 0.1em #5bba47;
}

h3 {
    font-size: 1.3em;
    text-shadow: 0.1em 0.1em 0.1em #563d5d;
}

/* =4- Header
   ----------------------------------------------------*/
div.header {
    margin: 0;
    padding: 0;
    height: 210px;
    background: url('/images/structure/miscon-bg.jpg') repeat top right fixed #010101;
}

div.header div.logo img {
    border: none;
    margin-top: 25px;
    float: left;
    background: none;
}

div.banner {
    margin: 0;
    height: 210px;
}

div.banner img {
    margin: 0;
    padding: 0;
    background: none;
}

div.header h1, div.header h2 {
    position: absolute;
    top: 140px;
    margin: 0 0 0 180px;
    padding: 0;
    color: #fff;
    font-size: 2.2em;
    width: 702px;
    text-shadow: none;
}
div.header h2 {
    top: 175px;
    font-size: 1.4em;
}

/* =5- Top Navigation
   ----------------------------------------------------*/
br#root, p.accessnav {
    visibility: hidden;
    display: none;
}
div.subnav ul {
	clear: both;
	text-align: center;
	margin: 0 0 1.5em;
}
div.subnav ul li {
	display: inline;
	font-size: 15px;
	margin: 0 5px;
}

/* =6- Side Navigation
   ----------------------------------------------------*/
div.navigation {
    position: absolute;
    top: 210px;
    left: 50%;
    margin-left: -450px;
    width: 200px;
    border-right: 1px solid #030;
    border-bottom: 1px solid #030;
    background: #563d5d url("/images/structure/purple.png") repeat-y right;
    color: #fff;
    text-align: center;
}

div.non-content {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #030;
    text-align: center;
    margin-top: 1em;
}

div.navigation h1 {
    color: #030;
    font-size: 1.4em;
    margin: 1.2em 10px;
    text-shadow: 0.1em 0.1em 0.1em #563d5d;
}

div.navigation form {
    color: #fff;
}
div.navigation form a, div.navigation form a:hover, div.navigation form a:active, div.navigation form a:link, div.navigation form a:visited {
    color: #fff;
}

div.navigation p a, div.navigation p a:link,div.navigation p a:hover,div.navigation p a:visited,div.navigation p a:active {
    display: block;
    border: 2px outset #b23030;
    background-color: #b23030;
    padding: 4px;
    text-align: center;
    color: #fff;
}
div.navigation p.mainbutton a, div.navigation p.mainbutton a:link,div.navigation p.mainbutton a:hover,div.navigation p.mainbutton a:visited,div.navigation p.mainbutton a:active {
    display: block;
    border: 2px outset #ffcf00;
    background-color: #ffcf00;
    padding: 4px;
    text-align: center;
    color: #030;
}

div.navigation div.non-content p, div.navigation address p {
    padding: .5em 0;
}

div.navigation h2, div.additionalinfo h2, .additionalpast h2, .guestpast h2, .propast h2 {
    font-size: 1em;
    background: #5bba47;
    color: #fff;
    margin: 0 0 2px;
    line-height: 1.35em;
}
div.navigation h2 a {
    display: block;
    border: 2px outset #5bba47;
    padding: 4px;
    text-align: center;
    color: #fff;
    margin: 0px;
}

div.navigation ul.nav_links, div.additionalinfo ul, .additionalpast ul, .guestpast ul, .propast ul, ul.minutes {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.navigation ul.nav_links {
    background-color: #303068;
    text-align: left;
    font-size: 1.1em;
}

ul.nav_links li {
    margin: 0 8px;
    padding: 0;
    line-height: 1.4em;
}
ul.nav_links li ul {
    margin: 0;
    list-style-type: none;
}
ul.nav_links li ul li {
    font-size: .85em;
}
ul.nav_links li ul li ul li {
    font-size: .9em;
}
ul.nav_links * li form.contact input {
    font-weight: 400;
    color: #fff;
    white-space: normal;
    display: inline;
    padding-left: 16px;
    background: url(/images/structure/email-icon-s.png) no-repeat 5px center;
}

div.navigation ul.nav_links a, div.navigation ul.nav_links a:active, div.navigation ul.nav_links a:visited, div.navigation ul.nav_links a:link {
    padding: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    width: 100%;
    display: block;
}
div.navigation ul.nav_links a:hover {
    padding: 2px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    width: 100%;
    display: block;
}
div.navigation ul.nav_links * a.external, div.navigation ul.nav_links * a.elsewhere, div.navigation ul.nav_links * a.grid {
    padding-left: 8px;
}
div.navigation ul.nav_links * a.external:before {
    content: url(/images/structure/external-icon.png);
    width: 11px;
    height: 10px;
}
div.navigation ul.nav_links * a.elsewhere:before {
    content: url(/images/structure/elsewhere-icon.png);
    width: 11px;
    height: 10px;
}
div.navigation ul.nav_links * a.grid:before {
    content: url(/images/structure/grid-icon.png);
    width: 11px;
    height: 10px;
}

/* =7- Forms
   ----------------------------------------------------*/
form.contact input {
    border: none;
    background: none;
    text-decoration: none;
    color: #303;
    font-weight: 700;
    font-size: 100%;
    padding: 0;
    font-family: 'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
    text-align: left;
}
form.contact input:hover {
    color: #303;
    font-weight: 700;
    text-decoration: underline;
}
form.contact p input {
    display: inline;
    margin: 0;
    padding: 0;
    white-space: normal;
}


/* =8- Extras
   ----------------------------------------------------*/
.imageblock {
	width: auto;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
div.imageblock img {
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: .5em;
	margin-bottom: 1em;
}
div.info {
    margin-top: 1.6em;
}
span.byline {
	font-size: .75em;
	position: relative;
	z-index: 9;
	margin-top: -3.4em;
	line-height: 1.2em;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	display: block;
	padding-right: 8px;
	color: #222;
	background: url("/images/structure/sigbg.png") transparent repeat-y scroll top right;
}

object.video {
    height: 391px;
    width: 475px;
    margin: .35em 0 .5em;
    z-index: 1;
}

object.video div.movie, object.video div.movie2 {
    position: absolute;
    width: 475px;
    /* color: #5bba47; */
    color: #030;
    text-shadow: 0.1em 0.1em 0.1em #000;
    font-weight: 700;
    margin: -100px 0 0;
    text-align: center;
    z-index: 12;
    padding: 8px;
    line-height: 1.5em;
}

object.video div.movie a, object.video div.movie a:visited, object.video div.movie a:link, object.video div.movie a:active, object.video div.movie a:hover {
    /* color: #5bba47; */
    color: #030;
}

object.video img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

object.audio {
    height: 26px;
    width: 350px;
    margin-top: .35em;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
}

object.audio div.audio {
    background-color: #303;
    font-size: .9em;
    color: #5bba47;
    text-shadow: 0.1em 0.1em 0.1em #000;
    font-weight: 700;
    text-align: center;
    padding: 8px;
    line-height: 1.5em;
}

object.audio div.audio a, object.audio div.audio a:visited, object.audio div.audio a:link, object.audio div.audio a:active, object.audio div.audio a:hover {
    color: #5bba47;
}

div.additionalinfo {
    position: absolute;
    left: 50%;
    top: 211px;
    width: 200px;
    margin: 0 0 0 249px;
    border-left: 1px solid #5bba47;
    border-bottom: 1px solid #5bba47;
    background: url("/images/structure/green.png") repeat-y left #fff;
}

.additionalpast {
    display: inline-block;
    margin: 0 4px;
    width: 30%;
    border-left: 1px solid #5bba47;
    background: url("/images/structure/green.png") repeat-y left #fff;
    vertical-align: top;
}

.guestpast {
    width: 32%;
    margin: 0 4px;
    display: inline-block;
    border-right: 1px solid #563d5d;
    background: url("/images/structure/purple.png") repeat-y right #fff;
    vertical-align: top;
}

.propast, .listblock {
    width: 31%;
    margin: 0 4px;
    display: inline-block;
    vertical-align: top;
}
.thumb {
    margin-top: 6px;
}
.listblock {
    text-align: center;
}

.additionalpast h2, .propast h2, .additionalinfo h2, .navigation h2, .listblock h3 {
    text-shadow: 0.1em 0.1em 0.1em #563d5d;
}

.guestpast h2 {
    background: #563d5d;
}

.propast h2 {
    background: #303;
}

address {
    font-style: normal;
    display: inline;
}

div.additionalinfo ul li, ul.minutes li, .additionalpast ul li, .guestpast ul li, .propast ul li {
    margin: 0;
    padding: 4px 10px;
    line-height: 1.2em;
}

ul.minutes li {
    display: inline-block;
    width: 20%;
    text-align: center;
}

div.additionalinfo ul a, div.additionalinfo ul a:hover, div.additionalinfo ul a:active, div.additionalinfo ul a:visited, div.additionalinfo ul a:link, div.additionalpast ul a, div.additionalpast ul a:hover, div.additionalpast ul a:active, div.additionalpast ul a:visited, div.additionalpast ul a:link {
    font-weight: 400;
}

div.additionalinfo p {
    text-align: center;
}

.final {
    clear: both;
    padding-top: 8px;
}

div.contacts {
    margin: 0;
    display: block;
}

li.break {
    color: #999;
}

li.overbooked {
    color: #303;
}

/* =9- Footer
   ----------------------------------------------------*/
div.footer {
    margin: 1em 0 0 -249px;
    width: 682px;
    border-top: 1px solid #030;
    border-left: 1px solid #030;
    color: #030;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #fff;
    height: 4.5em;
    z-index: 9;
    padding: 2px 8px;
    font-size: 1em;
    text-align: center;
}

div.footer img {
    border: none;
    float: right;
    background: none;
    padding: 0;
}

/*div.footer p.copyright {
    text-align: center;
}*/

div.social {
	position: absolute;
	top: 11px;
	text-align: right;
	right: 20px;
/*	left: 50%;
	width: 529px;
	margin-left: -55px;
*/}

div footer ul, div footer ul li {
    margin-left: 0;
}

div.footer a, div.footer a:active, div.fotoer a:visited, div.footer a:link {
    color: #030;
    text-decoration: none;
    font-weight: 400;
}

div.footer a:hover {
    text-decoration: underline;
}

div.footer address {
    float: left;
    display: block;
}

div.footer a.contact, div.footer a.contact:link, div.footer a.contact:hover, div.footer a.contact:visited, div.footer a.contact:active {
    font-size: 1.2em;
    border: 2px outset #030;
    background-color: #030;
    padding: 3px;
    text-align: center;
    color: #fff;
    margin: 2px 0 0;
    display: block;
    width: 10em;
}


div.contacts ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.contacts ul li {
    display: inline;
    margin: 16px;
}

div.contacts ul li img, div.footer address img {
    display: inline;
    float: none !important;
}

/* =10- Admin
   ----------------------------------------------------*/
.colorcode {
    width: 310px;
    display: inline-block;
    margin: 4px;
    text-align: left;
    padding: 4px;
}

table.schedule, table.perms {
    empty-cells: hide;
    border-spacing: 3px;
    background-color: #fff;
    font-size: .75em;
}
table.schedule td {
    border-right: solid 1px #999;
    padding: 5px;
    vertical-align: top;
}
table.perms td, table.perms th {
    border: solid 1px #999;
    padding: 5px;
    vertical-align: top;
}

table.schedule th {
    padding: 5px;
    vertical-align: top;
}
table.schedule td h3 {
    font-weight: 400;
    text-align: center;
    text-shadow: none;
}
table.schedule td.overbooked, div.guestuse {
    background: #a676bb;
    color: #fff;
}
div.gohuse {
    background-color: #d6eed1;
    color: #000;
}
table.schedule td.used {
    border-left: solid 1px #030;
}
table.schedule td.start {
    border-top: solid 1px #030;
}
table.schedule td.end {
    border-bottom: solid 1px #999;
}
table.schedule td.vacant {
    background: #eee;
    border-bottom: solid 1px #999;
}
table.schedule td form fieldset legend {
    font-size: .9em;
}

form.filtering h3 {
    margin: 1.1em 0 .15em;
    text-align: right;
    width: 170px;
    clear: both;
    font-weight: 900;
    font-size: 1.1em;
    text-shadow: none;
}
form.filtering h4 {
    width: 175px;
    text-align: right;
    display: block;
    float: left;
    font-weight: 900;
    margin-right: 5px;
    font-size: 1em;
    margin-top: 10px;
    margin-bottom: 0;
    clear: both;
}
form.filtering div.formblocks {
    width: 470px;
    margin-left: 180px;
    margin-top: 12px;
}

form.filtering div.guestblock {
    width: 160px;
    display: inline-block;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    margin: 2px;
    padding: 2px;
}

form.filtering div.guestblock label.checkbox {
    width: 75%;
}

form.filtering label, form.filtering span.label, form.filtering2 label, form.filtering2 span.label {
    width: 175px;
    text-align: right;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 20px;
    margin-bottom: 4px;
}
form.filtering input, form.filtering select, form.filtering textarea, form.filtering2 input, form.filtering2 select, form.filtering2 textarea {
    margin-top: 12px;
    margin-bottom: 13px;
}
form.filtering span.field, form.filtering2 span.field {
    display: block;
    margin-left: 185px;
}
form.filtering input.text, form.filtering2 input.text {
    width: 230px;
}
form.filtering input.checkbox, form.filtering label.checkbox {
    margin-bottom: 0;
    margin-top: 10px;
    display: block;
    float: left;
}
form.filtering label.checkbox {
    width: 135px;
}
form.filtering label.radio {
    width: auto;
    float: none;
    display: inline;
    margin-left: 5px;
    margin-right: 0;
}
form.filtering input.radio {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 20px;
}
form.filtering select, form.filtering label.select, form.filtering label.text, form.filtering label.button, form.filtering2 select, form.filtering2 label.select, form.filtering2 label.text, form.filtering2 label.button {
    margin: 1.1em 5px .15em 0;
}
form.filtering span.label, form.filtering2 span.label {
    margin: 0 5px 0 0;
    font-weight: 700;
}

form.filtering input.button, form.filtering2 input.button {
    border-bottom: 2px solid #563d5d;
    border-top: 2px solid #303;
    border-left: 2px solid #303;
    border-right: 2px solid #563d5d;
    background: #5bba47;
    color: #000;
    font-size: 1.15em;
    font-weight: 900;
}
form.filtering input.edit {
    border-bottom: 2px solid #003900;
    border-top: 2px solid #5bba47;
    border-left: 2px solid #5bba47;
    border-right: 2px solid #003900;
    background: #aaa;
}
form.filtering input.error {
    border-bottom: 2px solid #aaa;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid #aaa;
    background: #5bba47;
}
form.filtering div.required {
    border: solid 1px #5bba47;
}

.form-error {
    padding: 5px;
    background-color: #f00;
    border: 1px solid #5bba47;
    color: #030;
    font-weight: 700;
}

form.filtering div.oddnum, .regbadge {
    padding: 3px;
    background-color: #e1d1e8;
}
form.filtering div.evennum, .regperson {
    padding: 3px;
    background-color: #d6eed1;
}
form.filtering2 {
    width: 295px;
    padding: 5px;
    margin: 10px;
    display: inline-block;	
}

div.regindex {
    width: 323px;
    float: left;
    margin: 4px;
}

div.previous {
    width: 475px;
    margin-left: 177px;
    font-weight: 700;
}
div.fakefield {
    margin-left: 177px;
    width: 475px;
    height: 100px;
    overflow: scroll;
    border: 1px solid #000;
    background-color: #303;
    color: #000;
}