/*
Theme Name: Design 36
Theme URI: http://www.inspirelight.net/
Description: InspireLight Design 36
Version: a
Author: Kenneth Kwee
*/

/****************************
 * Standard elements
*****************************/

/* Font */
body, h1, h2, h3, div, p, td, li, textarea, input, div {
  font-family: Calibri, MS Trebuchet, Century Gothic, Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif;
  font-size: 9pt; color: #d5d5d5; }

/* Elements */
body {
  margin: 0; padding: 0;
  background: #242424;
  scrollbar-base-color: #2e2e2e;
  scrollbar-arrow-color: #393939;
  scrollbar-highlight-color: #4d4d4d;
  scrollbar-track-color: #2e2e2e; }

h1, h2, h3 {
  font-weight: normal;
  text-decoration: none; }
h2 {
  color: #828282;
  margin: 4px 0 0;
  font-weight: normal; font-size: 13pt; }
h3 {
  color: #828282;
  margin: 3px 0 0;
  font-size: 11pt; }

p {
  margin: 0 0 1em; }

a:link, a:visited {
 text-decoration: none; color: #7A5C3A; }
a:hover, a:active {
 text-decoration: none; color: #d5982e; }

hr {
  border-top: 1px #9c9c9c dotted; height: 1px; border-bottom: 0; border-right: 0; border-left: 0;
  clear: both; margin: 1em 0; }

sup {
  font-size: 70%; }

input, textarea {
  background: #2e2e2e; color: #b3b3b3; border: 0; }

/****************************
 * Layout specific elements
*****************************/

/* Head */
#head {
  width: 100%; height: 89px;
  background: url('/wp-content/themes/design36/ds36_head_b.gif') repeat-x #ffa200; }

#head_logo {
  width: 303px; height: 89px;
  background: url('/wp-content/themes/design36/ds36_head_logo.gif') no-repeat; }

/* Nav */
#nav {
  margin-bottom: 2em; }

/* Floor */
#floor {
  width: 100%; min-height: 376px; clear: both; padding-bottom: 1em;
  background: url('/wp-content/themes/design36/ds36_floor.gif') no-repeat #2e2e2e; }

#floor div, #floor p {
  color: #b3b3b3;
  font-family: Calibri, MS Trebuchet, Century Gothic, Lucida Sans Unicode, Lucida Sans, Arial, Helvetica, sans-serif;
  font-size: 10pt; font-weight: normal; }

#floor div a:link, #floor div a:visited {
  color: #876933; border-bottom: 0; }
#floor div a:hover, #floor div a:active {
  color: #fff; border-bottom: 1px #9c9c9c dotted; }

div.image a:hover, div.image a:active, #studiotag a {
  border-bottom: 0 !important; }
div.image img {
  opacity: 0.5; margin-bottom: 4px; }
div.image img:hover {
  opacity: 1; margin-bottom: 4px; }

/* Floor: Copyright */
div#copyright {
  font-size: 8pt; margin: 1em 0 1em 56px; }
#copyright a:link, #copyright a:visited {
  color: #9c9c9c; }

/* Floor: StudioTag */
#studiotag {
  float: right; margin-top: 20px;
  width: 240px; height: 41px;
  background: url('/wp-content/themes/design36/ds36_studiotag.gif') no-repeat; }

/* Search */
form#searchform {
  margin: 0; }
#searchform_in {
  border: 0; padding: 0.25em; width: 100px;
  background: #242424; color: #d5d5d5;
  font-size: 9pt; }
#searchform_go {
  border: 0; }
#search {
  display: inline; position: absolute; top: 96px; right: 1em; }

/* Menu, Copyright 2009 (C) Kenneth Kwee. All Right Reserved. */
#nav {
 background: #2e2e2e; margin-bottom: 34px; }
#menu {
  margin: 0 0 0 158px; height: 34px; }
#menu ul {
  list-style: none; display: block; margin: 0; padding: 10px 0; }
#menu li {
  display: inline; margin: 0 -0.25em 0 0; }
#menu a {
  padding: 10px 1em; margin: 0; }

/* Menu: Sub */
ul#menu_main ul {
  display: none; }
ul#menu_main li:hover ul, ul#menu_main li.current_page_ancestor ul {
  background: #242424;
	display: block; padding: 10px 0; position: absolute; margin: 0 0 0 158px; left: 0px; top: 123px; width: 950px; }
ul#menu_main li.current_page_ancestor ul {
	z-index: auto; }
ul#menu_main li:hover ul {
	z-index: 1000; }

/* Menu: Links - Set for main, then exclude for sub */
ul#menu_main > li.current_page_item > a:link,
ul#menu_main > li.current_page_item > a:visited,
ul#menu_main > li.current_page_ancestor > a:link,
ul#menu_main > li.current_page_ancestor > a:visited {
  color: #000;
  background: url('/wp-content/themes/design36/ds36_nav_sel.gif') repeat-x #C47D00; }

ul#menu_main > li > a:hover,
ul#menu_main > li > a:active,
ul#menu_main > li > ul > li > a:hover,
ul#menu_main > li > ul > li > a:active {
  background: #393939; color #d5982e; }

ul#menu_main > li > ul > li.current_page_item > a:link,
ul#menu_main > li > ul > li.current_page_item > a:visited,
ul#menu_main > li > ul > li.current_page_ancestor > a:link,
ul#menu_main > li > ul > li.current_page_ancestor > a:visited {
  background: #2e2e2e; }


/* Other */
#tla {
  text-align: center; margin: 1em 0; clear: both; }
#tla ul {
  display: inline; margin: 0; padding: 0; }
#tla ul li {
  color: #7A5C3A; list-style: none !important; display: inline !important; width: auto !important;
  padding: 0 1em; }


.content_wrapper {
  width: 950px; margin: 0 auto; }
.content_wrapper .column_left {
  width: 400px; margin: 0 12px 1em 0; float: left; }
.content_wrapper .column_right {
  width: 538px; margin: 0 0 1em 0; float: left; }
.content_wrapper .column_end {
  clear: both; }


.post {
  width: 950px;
  padding: 0 0 2em 0; }
.post_title, h1, h1 a:link, h1 a:visited {
  text-transform: none; text-align: center;
  color: #d5982e; font-size: 18pt;
  margin: 0; }
.post_title:hover, .post_title:active {
  color: #F8EBDA; }
.post_meta {
  color: #828282;
  text-align: center; }
.storycontent .post_title, .storycontent .post_meta {
  text-align: left;
}

.summary_meta, .summary_meta a {
  color: #242424; }
.summary_meta:hover, .summary_meta:hover a {
  color: #876933; background: #2e2e2e; }
.summary_meta a:hover, .summary_meta a:active {
  color: #d5982e; }

.article_image
  { position: relative; overflow: hidden; }
.article_image div {
  display: none; padding:5px; }
.article_image:hover .article_image_title {
  display: block;
  position: absolute;
  top: 2em; left: 2em;
  padding: 0.5em 1em 0.5em 1.5em;

  text-align: left;
  background: #242424;
  border: #FFFFFF 7px solid;
  color: #5B5E26; font-size: 18pt; }

.article_image_title {
  color: #828282 !important; }
.article_image_meta {
  color: #000000; font-size: 8pt; }

/****************************
 * Elements
*****************************/
#footer_sitemap ul li {
  display: block; float: left; width: auto;
  padding-right: 0.5em;
  height: 9em;
  font-size: 8pt;
  color: #FFFFFF; font-weight: bold; }
#footer_sitemap ul li a:link, #footer_sitemap ul li a:visited { color: #9c9c9c; }
#footer_sitemap ul li a:hover, #footer_sitemap ul li a:active { color: #ffffff; }
#footer_sitemap ul li li a:link, #footer_sitemap ul li li a:visited { color: #7A5C3A; }
#footer_sitemap ul li li a:hover, #footer_sitemap ul li li a:active { color: #d5982e; }
#footer_sitemap ul {
  list-style-type: none;
  indent: 0; padding: 0; margin: 0; }
#footer_sitemap ul li ul li {
  display: block; float: none; width: auto; height: auto;
  font-size: 8pt; font-weight: normal; }


/****************************
 * Fixme
*****************************/


table.head {
  padding: 0; border-left: #C8B899 1px solid;
  border-right: #C8B899 1px solid; border-bottom: 1px solid #C8B899; }
td.head {
  background-color: #C8B899; padding: 0 3px 0 3px;
  vertical-align: top; border-bottom: #C8B899 1px solid;
  border-top: #C8B899 1px solid; color: #E0E0E0; font-weight: normal; text-transform: uppercase; font-size: 8pt; }
a.tdhead {
  color: #FFFFFF }
td.headconnect {
  color: #FFFFFF; background-color: #C8B899; padding: 0 3px 0 3px;
  vertical-align: top; border-bottom: #C8B899 1px solid; border-top: 0;
  font-weight: normal; text-transform: lowercase }
td.body {
  background-color: transparent; vertical-align: top; padding: 2px 3px 2px 3px }

.tagboard, .tagboard div, .tagboard input {
  font-size: 8pt; }
.tagboard .alt {
  background: #2e2e2e; }


/****************************
 * Comments
*****************************/

/* Header */
#comments h3 span, #respond h3 span {
  color: #828282; background: #2e2e2e;
  padding: 0.4em 8px; }
#comments h3 {
  margin: 0.3em 0; }
#respond h3 {
  margin: 1em 0 1em; }
div.comment-body div.comment-author img.avatar {
  float: right; }
div.comment-body div.comment-author span.says {
  display: none; }
div.comment-body div.comment-author cite.fn {
  font-size: 13pt; color: #828282;
  margin-bottom: 4px; font-style: normal; font-weight: bold; }
div.comment-body div.comment-meta {
  font-size: 8pt; color: #828282;
  margin-bottom: 4px; }

#comments .navigation {
  clear: both;
  margin: 0.5em 0; height: 1em; }
#comments .navigation .alignleft {
  float: left; }
#comments .navigation .alignright {
  float: right; margin-right: 5px;
}

ol.commentlist {
  list-style: none; padding: 0; margin: 0;
  clear: both; float: left; }
ol.commentlist li.comment {
  margin: 0 4px 4px 0;
  float: left; display: inline; overflow: auto; }

#respond textarea#comment {
  width: 217px; height: 175px; }
#respond textarea#comment, #respond input, ol.commentlist li.comment {
  background: #2e2e2e; color: #b3b3b3;
  border: 0; }
#respond textarea#comment, ol.commentlist li.comment {
  padding: 8px 8px 2px;
  scrollbar-base-color: #2e2e2e;
  scrollbar-arrow-color: #393939;
  scrollbar-highlight-color: #4d4d4d;
  scrollbar-track-color: #2e2e2e;
  width: 217px; height: 175px; }
#respond input {
  padding: 0.25em 8px; }
#respond p {
  margin-bottom: 5px; }
#respond .cancel-comment-reply {
  display: none; }
#respond form {
  margin: 0; }