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

/* Default Layout: 960+ */
body {
  /* Stops Mobile Safari from auto-adjusting font-sizes */
  -webkit-text-size-adjust: 100%;
}

div#page {
  width: 970px;
  padding: 0;
  margin: 0 auto;
  overflow-x: hidden;
}

div#main {
  overflow: hidden;
  background-color: #F7FAF5;
}

div#content,div#container,div#cms-post-content {
  width: 700px;
  float: left;
  padding: 0 0 0 10px;
  margin: 0 20px 0 0;
  overflow: hidden;
}

div#content div.post {
  padding-top: 9px;
  clear: both;
}

div#sidebar, div#primary {
  width: 238px;
  float: right;
  margin: 0;
  padding: 0;
}

div#primary ul.xoxo li#text-3 { height: 96px; margin-bottom: 2px; }

/* Tablet Layout 768 ------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 969px) {
  body.debugon::before {
    content: "Media query (768px < 969px) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255,255,0, 0.5);   /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  div#page {
    width: 768px;
    margin: 0 auto;
  }

  div#content,div#container,div#cms-post-content {
    width: 516px;
    float: left;
  }

  div#sidebar, div#primary {
    width: 220px;
    float: right;
  }
}

/* Wide Mobile Layout: 480 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body.debugon::before {
    content: "Media query (480px < 767px) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255,255,0, 0.5);   /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  div#page {
    width: 480px;
    margin: 0 auto;
  }

  div#content,div#container,div#cms-post-content {
    width: 460px;
    float: none;
    margin: 0;
  }

  div#sidebar, div#primary {
    padding-left: 10px;
    width: 460px;
    float: none;
  }

  div#primary ul.xoxo li#recent-posts-3 { display: none; }
  div#site-info span#email-icon { display: none; }
}

/* Mobile Layout: 320 */
@media only screen and (min-width: 1px) and (max-width: 479px) {
  body.debugon::before {
    content: "Media query (1px < 479px) fired";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255,255,0, 0.5);   /* Semi-transparent yellow */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  div#page {
    width: 320px;
    margin: 0 auto;
  }

  div#content,div#container,div#cms-post-content {
    width: 300px;
    float: none;
    margin: 0;
  }

  div#sidebar, div#primary {
    padding-left: 10px;
    width: 300px;
    float: none;
  }

  div#primary ul.xoxo li#recent-posts-3 { display: none; }
  div#site-info span#email-icon { display: none; }
}

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

h3.widget-title { margin-top: 0.1em; }

div#page { background-color: transparent; overflow: hidden; position: relative; }
    div#main {  }
        div#header { width: 100%; background-color: transparent; overflow: hidden; }

            div#topmargin { width: 100%; height: 10px; background-color: transparent; display: none; }
                h1#site-title { position: absolute; top: 3px; left: 105px; color: #ffffff; font-family: arial; font-size: 18px; line-height: 1.1em; margin: 0; padding: 0; }
                    h1#site-title a { color: #a00000;  text-decoration: none; }

            div#masthead { width: 100%; height: 229px; position: relative; background-color: white; }
                div#branding { width: 100%; background-color: transparent; }
                    div#twd-hdr-images { width: 100%; }
                        div#twd-hdr-title-image { width: 100%; height: 229px; position: absolute; top: 0px; left: 0px; background: url(images/header.jpg) 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-description { position: absolute; top: 70px; left: 200px; font-size: 20px; color: #ff6666;  }
                div#access { width: 172px; height: 165px; position: absolute; top: 40px; left: 115px; }
                    ul.twd-ul-navlist { list-style-type: none; margin: 0; padding: 5px 10px; }
                        li.twd-li-navlist { color: #ffffff; width: 130px; height: 22px; padding-top: 6px; padding-bottom: 4px; }
                        li.twd-li-navlist a { color: #0000CC; text-decoration: none; outline: 0; }
                        li.twd-li-navlist a:hover { color: #800000; }
                        li.twd-li-navlist.add-separator { }
                        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-686 li#main-nav-page-29 a { color: #999999; }

    div#page-container { border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; overflow-x: 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; position: relative; overflow: hidden; margin: 0; }
                    div#content {  }
                        div#content li { margin-bottom: 6px; }
                        div#content h3 { font-family: Arial; }
                div#primary { float: left; position: relative; overflow: hidden; }
                    ul.xoxo { list-style-type: none;  padding: 0; margin-top: 50px; }
                        ul.xoxo li { margin-bottom: 20px; }
                        ul.xoxo ul { list-style-type: none;  padding: 0; }
                        ul.xoxo ul li { padding: 0; margin: 2px 0px 0px 10px; 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: 0; background-color: transparent; z-index: 2; }

                    div.sb-testimonial { font-family: verdana; font-size: 14px; margin: 0; background-color: transparent; height: 160px; width: 95%; margin-top: 70px; }
                        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: 1em; }
h2.entry-title { margin: 10px 0; }
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; overflow-x: hidden; margin: 0; padding: 0; 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-686 div#form-wrapper { background-color: #D0E9CF; width: 488px; }
body.single h2 { margin-bottom: 0.5em; }
body.blog h2, body.archive h2, body.search h2 { font-size: 137.5%; margin-top: 40px; }
body.blog h2 a, body.archive h2 a, body.search h2 a { border-bottom-color: #0000AA; border-bottom-style :dotted; border-bottom-width :1px; color: #000080; text-decoration: none; }
p { margin-bottom: 1em; }

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-family: verdana; font-size: x-small; }
p.trefzwebdesign a { text-decoration: none; color: #800000; outline: 0; }

div.entry-utility { font-family: verdana; font-size: 13px; }

div.post .datetitle,
div.page .datetitle { display: inline-block;
    position: relative; width: 41px; height: 40px;  margin-right: 10px;
    background-color: #ffffff;
}
div.post .datetitle .datecal,
div.page .datetitle .datecal   {
    background: url(images/fancydate_bckgrd.png) no-repeat; width: 36px; height: 48px;
    position: absolute; left: 4px;  top: 8px;
}
div.post .datetitle .datemonth,
div.page .datetitle .datemonth {
    position: absolute; left: 0px;  top: 0px; color: #ffffff;
	font: normal 11px Arial, Helvetica, sans-serif;
    	width: 40px; text-align: center;
}
div.post .datetitle .dateday,
div.page .datetitle .dateday   {
    position: absolute; left: 0px; top: 14px; color: #000000;
    	font: normal 16px Arial, Helvetica, sans-serif;
    	width: 40px; text-align: center;
}
div.post .datetitle .title,
div.page .datetitle .title {
    position: absolute; left: 44px;  top: 4px;
    width: 476px;
    height: 58px;
    /* Width and overflow to clear '.posttitle a' */
}

div.twdDivFloatingBlock { padding: 6px; }

div#primary li#text-3 h3 { color: #A00000; margin-bottom: 10px; }
div#primary li#recent-posts-3 { color: #A00000; margin-top: 32px; }
div#primary li#archives-3 { color: #A00000; margin-top: 20px; }

div.addthis_toolbox { margin-bottom: 4px; }
a.addthis_button_preferred_3 { display: none; }
body.page-id-686 div.addthis_toolbox { display: none; }
body.page-id-49  div.addthis_toolbox { display: none; }

div#contact-form-1 { margin-bottom: 12px; padding: 8px; width: 282px;
    background-color: #E1EEDE;
    border: 1px solid #cfc;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width: 500px;
    }

div#contact-form-1 fieldset label {
    font-weight: bold;
    }

div#contact-form-1 fieldset {
    background-color: #E6F0ED;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    }

div#contact-form-1 legend { display: none; }

.rounded-corners-7 {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    }