/*
  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
1- Global
2- Links
3- Headings
4- Header
5- Top Navigation
6- Side Navigation
7- Forms
8- Extras
9- Footer
10- Admin
*/

/* =1- Global
   ----------------------------------------------------*/
body {
    font-size: 1em;
    font-family: 'Trebuchet MS',Verdana,Tahoma,Arial,'Arial Black',Helvetica,'Century Gothic','Lucida Sans Unicode',Impact,sans-serif;
    padding: 0;
    margin: 0;
    background: #003900;
}

div.body {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 26px;
    width: 900px;
    border-style: solid;
    border-color: #5bba47;
    border-width: 1px 1px 0;
    background-color: #fff;
    color: #000;
    min-height: 1065px;
}

div.main {
    margin: 0 0 10px 199px;
    padding-left: 16px;
}

div.content {
    width: 475px;
    clear: both;
    margin: 8px 10px 0 0;
}

div.fullcontent {
    clear: both;
    margin: 8px 10px 0 0;
}

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

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

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;
}

div.content dl dd img, img.pageitem, div.fullcontent dl dd img {
    float: left;
    padding: 0 1em;
}

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 .6em 30px;
}

dl.info dt {
    clear: none;
    margin: 0.125em 0;
}

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 {
    float: right;
    margin: 5px;
}

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

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

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

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

/* =3- Headings
   ----------------------------------------------------*/
h2 {
    font-size: 1.45em;
}

/* =4- Header
   ----------------------------------------------------*/
div.logo img {
    border: none;
}

div.banner img {
    margin: 0 0 0 -16px;
}

div.banner h1 {
    position: absolute;
    top: 185px;
    margin: 0;
    padding: 0;
    text-shadow: none;
    color: #fff;
    text-align: right;
    font-size: 1.4em;
    width: 682px;
}

/* =5- Top Navigation
   ----------------------------------------------------*/

/* =6- Side Navigation
   ----------------------------------------------------*/
div.navigation {
    width: 200px;
    margin: 0 250px 0 10px;
    position: absolute;
    top: 0;
    right: 50%;
    /* border-right: 1px solid #5bba47; */
    border-right: 1px solid #006862;
    /* border-bottom: 1px solid #5bba47; */
    b/order-bottom: 1px solid #006862;
    /*background: url("/images/purple.png") repeat-y right #a676bb;*/
    background: #a676bb;
}

div.navigation div.logo {
    text-align: center;
    margin: 8px 0;
}

div.non-content {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #5bba47;
    text-align: center;
}

div.navigation h1 {
    font-size: 1.4em;
    /* color: #c59d00; */
    color: #006862;
    margin: 1.2em 10px;
}

div.navigation p {
    padding: 8px;
}

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: 1.2em;
    text-align: center;
    background: #5bba47;
    color: #fff;
    margin: 0 0 2px;
}

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: #563d5d; */
    background-color: #006862;
}

ul.nav_links li {
    margin: 0;
    padding: 0;
    font-size: 1.05em;
    line-height: 1.3em;
    text-align: right;
}

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: 190px;
    display: block;
}
div.navigation ul.nav_links a:hover {
    text-decoration: underline;
}

/* =7- Forms
   ----------------------------------------------------*/

/* =8- Extras
   ----------------------------------------------------*/
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;
    font-weight: 700;
    margin: -100px 0 0;
    text-align: center;
    z-index: 12;
    padding: 8px;
    line-height: 1.5em;
}
object.video div.movie2 {
    color: #000;
    margin: -99px 0 0 1px;
    z-index: 10;
}

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: #006862;
}

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

div.additionalinfo {
    position: absolute;
    left: 50%;
    top: 211px;
    width: 200px;
    margin: 0 0 0 249px;
    /* border-left: 1px solid #5bba47; */
    border-left: 1px solid #006862;
/*background: url("/images/green.png") repeat-y left #fff;*/
}
.additionalpast {
    float: right;
    margin: 0 0 0 12px;
    width: 200px;
    /* border-left: 1px solid #5bba47; */
    border-left: 1px solid #006862;
/*background: url("/images/green.png") repeat-y left #fff;*/
}
.guestpast {
    width: 230px;
    margin: 0 12px 0 0;
    float: left;
    border-right: 1px solid #563d5d;
/*background: url("/images/purple.png") repeat-y right #fff;*/
}
.propast {
    width: 215px;
    margin: 0 2px;
    float: left;
}

.guestpast h2 {
    background: #563d5d;
}
.propast h2 {
    background: #a676bb;
}

address {
    font-style: normal;
    margin: .5em 8px;
}

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: 130px;
}

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: 9px;
}

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

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

div.contacts ul {
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

div.contacts ul li {
    padding: 0 11px 0 0;
    display: inline;
}

li.break {
    color: #999;
}
li.overbooked {
    color: #a676bb;
}

/* =9- Footer
   ----------------------------------------------------*/
div.footer {
    margin: 1em 0 0 200px;
    width: 684px;
    border-top: 1px solid #5bba47;
    color: #5bba47;
    clear: both;
    position: fixed;
    bottom: 0;
    background: #fff;
    height: 25px;
    z-index: 9;
    padding: 2px 8px;
}

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

p.copyright {
    text-align: left;
    font-size: .65em;
    line-height: .6em;
}

p.copyright a, p.copyright a:active, p.copyright a:visited, p.copyright a:link {
    /* color: #5bba47; */
    color: #006862;
    text-decoration: none;
    font-weight: 400;
}

/* =10- Admin
   ----------------------------------------------------*/
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;
    font-size: .7em;
}

table.schedule th {
    padding: 5px;
    vertical-align: top;
}
table.schedule td h3 {
    font-weight: 400;
    text-align: center;
}
table.schedule td.overbooked {
    background: #a676bb;
}
table.schedule td.used {
    border-left: solid 1px #5bba47;
}
table.schedule td.start {
    border-top: solid 1px #5bba47;
}
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, span.note {
    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;
}
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 label, form.filtering 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 {
    margin-top: 12px;
}
form.filtering span.field {
    display: block;
    margin-left: 185px;
}
form.filtering 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 {
    margin: 1.1em 5px .15em 0;
}
form.filtering span.label {
    margin: 0 5px 0 0;
    font-weight: 700;
}

form.filtering input.button {
    border-bottom: 2px solid #563d5d;
    border-top: 2px solid #a676bb;
    border-left: 2px solid #a676bb;
    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: #563d5d;
    font-weight: 700;
}