/*
  KS Lighting.
  (c) 2007 Think Web Limited (www.thinkweb.co.nz)
*/

/* SETUP */

@import url("/media/library/css/std.css");
@import url("/media/library/css/form.css");
body { text-align:center; background-color:#ccc; }

#container { position:relative; margin:0 auto; width:1000px; text-align:left; background-color: #fff; }
#content-main { /*float:left;*/margin:0; min-height:35em; height:auto !important; height:35em; width:648px; margin-top:10px; padding:0 20px 20px; /*border-right:1px solid #999;*/  }
#content-related { float:right; width:300px; margin:10px 0 0 0; padding-top:-10px; font-size:1.2em; line-height:1.5em; border-left:1px solid #808080; }

/* HEADER */

#header { background-color:#fff; }
#navbar { height:35px; margin-top:10px; padding:0 10px; background-color:#fff; text-align:center; color:#fff; font:bold 1em/1em Arial, Helvetica, sans-serif; }
#logo { display:block; padding:26px 0 0 52px; }

/* NAV */

#nav-global { margin-left:384px; }
#nav-global li { display:inline; list-style-type:none; }
#nav-global li a { display:block; float:left; padding:5px; margin:0 30px !important; margin:0 25px; color:#666; font:bold 1.2em/1.2em Arial,sans-serif; text-decoration:none; }
#nav-global li a:hover { color:#333; }
#homepage #nav-homepage a, #lighting #nav-lighting a, #flooring #nav-flooring a, #ventilation #nav-ventilation a, #showcase #nav-showcase a, #contact #nav-contact a, #about #nav-about a { color:#333; border-bottom:2px solid #84745a; }
#homepage #nav-homepage a:hover, #lighting #nav-lighting a:hover, #flooring #nav-flooring a:hover, #ventilation #nav-ventilation a:hover, #showcase #nav-showcase a:hover, #contact #nav-contact a:hover, #about #nav-about a:hover {  }

/* FOOTER */

#footer { clear:both; width:1000px; margin:0 auto; text-align:center; color:#333; background-color:#fff; }
#footer a { color:#333; }
#footer a:hover {  }

/* CONTENT */

#content-main { line-height:1.5em; font-size:1.2em; }
#content-main ul { margin:0 0 1em 20px; }
#content-main ul#intro li { font-weight:bold; line-height:2em; }

/* CONTENT-RELATED */

.content-related-padding { margin:0 20px 15px; }

/* FORMS */

.form .vLargeTextField { width:300px; }

/* SITEMAP */

#sitemap h1 { font-size:1.5em; }
#sitemap-list ul { margin-left:0; }
#sitemap-list li { list-style-type:none; font-weight:bold; margin-left:0; }
#sitemap-list li li li { margin-left:1em; font-weight:normal;}
#sitemap-list, #sitemap-list a { color:#333; }

/*  CLEARFIX KLUDGE */

/* HEADINGS */

.title { height:52px; padding:15px; background:#83ba35 url(/media/img/pagetitle-bg.gif) repeat-x bottom left; }
.title h2 { font-size:1.6em; margin:10px 0 0; padding-left:50px; color:#fff; font-family:Arial, Helvetica, sans-serif; }
#content-main h1 { margin-bottom:0; font:normal 2.5em/2.5em Arial, sans-serif; color:#808080; }
#content-main h2 { font:normal 1.5em/1.5em Arial, sans-serif; color:#333; }
#content-main h3 { text-transform:uppercase; font-size:1em; margin:0.8em 0 0.3em 0; padding-bottom:0.3em; border-bottom:1px dashed #ccc; }
#content-related h1 { margin-bottom:0; font:normal 2.5em/2.5em Arial, sans-serif; color:#808080; }
#content-related #heading-projects { background:transparent url(/media/img/headphones.jpg) top right no-repeat; }
#content-related #heading-signups { background:transparent url(/media/img/envelope.jpg) top right no-repeat; }
#content-related h2 { font-size:1.2em; margin:0 0 10px; padding:0; }

/* LINKS */

#container a { color:#369; }

/* MISC */

.button { cursor:pointer !important; cursor:hand; }
#pg-title { position:absolute; left:-2000px; display:none; }
#collage { position:absolute; top:-295px; right:0; }
#audio-link-box { margin-top:1em; padding:1em; background-color:#ffc; border:1px solid #fc6; }
#audio-link-box img { display:inline; width:20px; height:18px; margin-right:1em; vertical-align:middle; }
#audio-link-box a { color:#000; }

/* GALLERY */

#photo-links { margin-bottom:20px; text-align:center; }
#photo-links a { font-size:0.8em; color:#999; }
#photo { display:block; margin:auto; border:1px solid #000; }
#photo-caption { margin:30px auto 0; width:190px; padding:5px; border:1px solid #e8e8e8; background-color:#fafafa; text-align:center; }
#photo-caption p { margin:5px; font-size:0.8em; }
#photo-title { font-weight:bold; }

/* MUSIC */

div.lyrics { white-space:pre; }
#music .entry { margin-bottom:3em; }
#music .date { font-size:0.8em; line-height:0.8em; }
