/*
Theme Name: TWD 2010
Theme URI: http://wordpress.org/
Description: The 2010 theme modified by TWD.
Author: Trefz Web Design
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


html { background: #ffffff url(images/html-background.png) repeat-x top left; color: black; }

body
    {
    color: black;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    }

p  { font-size: 15px; }
li { font-size: 15px; }
p.wp-caption-text { font-size: 13px; }

div#page { padding: 0px; margin: 0px auto; width: 759px; background-color: transparent; overflow: hidden; position: relative; }
    div#main { background-color: transparent; }
        div#header { width: 100%; background-color: transparent; }
            div#topmargin { width: 100%; height: 10px; background-color: transparent; }
            div#masthead { width: 100%; height: 296px; position: relative; background-color: white; }
                div#branding { width: 100%; height: 115px; background-color: transparent; }
                    div#twd-hdr-images {}
                        div#twd-hdr-title-image { width: 100%; height: 115px; position: absolute; top: 0px; left: 0px; background: url(images/top-dark-box-with-rose-circle.png) no-repeat top left; }
                        div#twd-hdr-title-descr { height:  95px; position: absolute; top: 0px; left: 0px; z-index: -2; background-color: #000077; padding: 10px; }
                            div#twd-hdr-title-descr h1 { color: #ffffff; font-size: 13px; }
                            #site-title { position: absolute; top: 10px; left: 200px; color: #ffffff; font-size: 14px; }
                            #site-title a { color: #ffffff; font-size: 28px; text-decoration: none; }
                            #site-description { position: absolute; top: 70px; left: 200px; font-size: 20px; color: #ff6666;  }
                        div#twd-hdr-menu-image { width: 172px; height: 165px; position: absolute; top: 122px; left: 10px; background: url(images/menu-background.gif) no-repeat top left; }
                        div#twd-hdr-keyboard-image { width: 549px; height: 165px; position: absolute; top: 122px; right: 10px; background: url(images/keyboard.png) no-repeat top left; }
                div#access { width: 172px; height: 165px; position: absolute; top: 122px; left: 10px; background: url(images/menu-background.gif) no-repeat top left; }
                    ul.twd-ul-navlist { list-style-type: none; margin: 0; padding: 5px 10px; }
                        ul.twd-ul-navlist li { color: #ffffff; width: 130px; height: 22px; padding-top: 6px; padding-bottom: 2px; }
                        ul.twd-ul-navlist li a { color: #ffffff; text-decoration: none; outline: 0; }
                        ul.twd-ul-navlist li a:hover { color: #ffaaaa; }
                        ul.twd-ul-navlist li { background-image: url(images/menu-divider.png); background-repeat: no-repeat; background-position: 0 0px; }
                        ul.twd-ul-navlist>:first-child { background-image: none !important }
                        body.page-id-4  li#main-nav-page-4  a { color: #999999; }
                        body.page-id-16 li#main-nav-page-16 a { color: #999999; }
                        body.page-id-20 li#main-nav-page-20 a { color: #999999; }
                        body.page-id-22 li#main-nav-page-22 a { color: #999999; }
                        body.page-id-29 li#main-nav-page-29 a { color: #999999; }

    div#page-container { border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; clear: left; float: left; width: 99.7365%; overflow: hidden;  margin: 0; padding: 0; background-color: #ffffff;  /* column 2 background colour */ }
        div#page-inner { float: left; width: 100%; position: relative; right: 74.704%; margin: 0; padding: 0; background: #ffffff; /* column 1 background colour */ }
                div#container { float: left; width: 72.069%; position: relative; left: 78.6565%; overflow: hidden; margin: 0; padding: 0; }
                    div#content {  }
                        div#content ul { list-style-image: url(images/musical-note-sml.gif) }
                        div#content li { margin-bottom: 6px; }
                        div#content h3 { font-family: Arial; }
                div#primary { margin: 0; padding: 0; float: left; width: 22.661%; position: relative; left: 76.0215%; overflow: hidden; }
                    ul.xoxo { list-style-type: none;  padding: 0; }
                        ul.xoxo ul { list-style-type: none;  padding: 0; }
                        ul.xoxo ul li { padding: 0; margin: 6px 0px; font-size: 13px; }
                    div#primary ul.twdUlCategoryItems { list-style-type: none; margin: 0px; padding: 0px; }
                        div#primary ul.twdUlCategoryItems li { margin-bottom: 8px; font-family: verdana; font-size: 12px; }

                    div.whats-new { font-family: verdana; font-size: 14px; margin: 8px 0; background-color: transparent; z-index: 2; }

                    div.sb-testimonial { background-color: #fff4f4; border: 1px solid #ddd; font-family: verdana; font-size: 14px; margin: 0; padding: 4px; width: 94%; margin-top: 20px; overflow: hidden; }
                        div.sb-testimonial span.twdDivCategoryItem { font-family: verdana; font-size: 12px; font-style: italic; color: #880000; }
                            div.sb-testimonial a { text-decoration: none; color: blue; font-family: verdana; font-size: 12px; font-style: italic; }
                            div.sb-testimonial p { margin: 0; padding: 0; }

                    body.page-id-50 div.sb-testimonial { display: none; }
                    body.page-id-50 div.whats-new { display: none; }

h3 { margin-top: 0em; }
h2.entry-title { margin: 0px; }
body.home div.entry-content h3 { margin: 0px 0px 8px 0px; padding: 0; background: url(images/section-divider.png) no-repeat bottom left;}

div#footer { clear: both; margin: 0; padding: 0; width: 760px; height: 29px; background: url(images/footer-background.png) no-repeat top left; }
    div#site-info { text-align: center; position: relative; }
        div#site-info p { color: #ffffff; font-size: 15px; position: absolute; top: 5px; text-align: center; vertical-align: center; width: 100%; }
        div#site-info span#email-icon { position: absolute; top: 3px; left: 32px; z-index: 2; }

.clear { clear: both; }

body.page-id-29 div#form-wrapper { background-color: #D0E9CF; width: 488px; }
body.single h2 { margin-bottom: 0.5em; }

div#content ul.twdUlCategoryItems li { margin-bottom: 8px; }

span.twdDivCategoryItem { font-family: verdana; font-size: 12px; }
div#post-22 p { font-family: verdana; font-size: 13px; }

div#content div.entry-content ul.tabs-nav { list-style-type: none; list-style-image: none; }

.clear-spacer { font-size: 9px; margin: 0; border-left: 1px solid #eee; border-right: 1px solid #eee; }

div.nav-previous, div.nav-next { font-family: verdana; font-size: 13px; }

div.breadcrumbs { font-family: verdana; font-style: italic; font-size: 12px; color: #888888; margin-bottom: 0.75em; }

p.trefzwebdesign { margin: 12px 0; text-align: right; font-size: 13.5px; }
p.trefzwebdesign a { text-decoration: none; color: #800000; outline: 0; }

div#contact-form-1 { margin-bottom: 12px; }
div#contact-form-1 legend { display: none; }

body.post-type-archive-resource-info h1 { margin-bottom: 0; }

div#tabs div.rt-accordion-cntr h3 { color: #800; font-size: 15px; margin: 0; padding: 4px 0 2px 28px; }
div#tabs div.rt-accordion-cntr h3.ui-state-active { color: #008; font-weight: bold; }

div.one-resource    { font-family: Georgia, Utopia, Palatino, 'Palatino Linotype', serif; }
div.one-resource p  { font-size: 15px; font-style: italic; margin-bottom: 0px; }
div.one-resource a  { color: #00c; }

span.span-res-phone     { color: #600; margin-right: 10px; }
span.span-res-url       { margin-right: 10px; }
span.span-res-email     { margin-right: 10px; }
span.span-res-location  { font-style: italic; }

div#tabs ul.ui-tabs-nav li { margin-bottom: 0; }
div#tabs ul.ui-tabs-nav li a { font-weight: normal; color: #600; padding-top: 6px; padding-bottom: 6px; }
div#tabs ul.ui-tabs-nav li.ui-state-active a { font-weight: bold; color: #008; font-size: 16px; padding-top: 5px; padding-bottom: 5px; }

p.resource-instruct { margin-top: 12px; margin-bottom: 2px; color: #a00; font-family: Georgia, Utopia, Palatino, 'Palatino Linotype', serif; font-style: italic; }

body.post-type-archive-resource-info div.ui-tabs-panel { padding: 0.1em !important; }