/*
Theme Name: Semidivine
Theme URI: http://www.semidivine.com/
Description: Skeletal WordPress theme
Version: 1.0
Author: <a href="http://www.semidivine.com/">Semidivine</a>
*/

* { margin: 0; padding: 0; font: 11px "Lucida Grande", "Trebuchet MS", verdana, geneva, arial, sans-serif; }

/* general */
html, html body { height: 100%; min-height: 100%; }
body { background: #160b09 url("/imgs/wood_bg.jpg"); }
header, footer, article, section, nav, menu, hgroup { display: block; }


/* links */
a { font-size: 1.0em; }
a:link, a:active, a:visited { color: #39f; text-decoration: none; }
a:hover { color: #9ff; background: url("/imgs/wood_bg.jpg"); text-decoration: underline; }
a img, a:hover img { background: none; text-decoration: none; }


/* headers */
h1, h1 a:link, h1 a:visited { margin: 0 0 18px 0; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
h2, h2 a:link, h2 a:visited { margin: 0 0 10px 0; color: #584441; font-weight: bold; font-size: 11px; text-transform: uppercase; }
h3, h3 a:link, h3 a:visited { margin: 0 0 10px 0; font-size: 11px; font-weight: bold; }
/*h4, h4 a:link, h4 a:visited { margin: 0 0 3px 0; font-size: 1.1em; font-weight: normal; letter-spacing: 1px; }
h5, h5 a:link, h5 a:visited { display: inline; margin: 0 6px 0 0; font-size: 1.0em; }
h6, h6 a {}*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: 1.0em !important;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }


/* lists */
ul, ol { margin: 6px 0 26px 0; }
ul, ul li { list-style-type: none; }
ul li:hover { }
li { margin-bottom: 10px; }


/* forms */
form { display: inline; }
input, select { margin: 0 1px 1px 0; padding: 1px; background: #fff; line-height: 14px; }
textarea { margin: 1px 1px 3px 0; padding: 2px; border: 1px solid #a8bca4; background: #fff; line-height: 17px; }
textarea#comment { width: 600px; height: 100px; }
input.text, input[type="text"] { height: 15px; border: 1px solid #a8bca4; }
input.button, input[type="submit"] { padding: 2px 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input.upload, input[type="upload"] { height: 22px; }
input.radio, input[type="radio"] { margin: 0 12px 8px 0; vertical-align: middle; }
input.checkbox, input[type="checkbox"] { margin: 0 12px 8px 0; border: 1px solid #a8bca4; vertical-align: middle;  }
input:focus, textarea:focus { background: #ebe9e3; }
select { height: 22px; padding: 0; border: 1px solid #a8bca4; }
option { padding: 2px 8px 2px 2px; }


/* images & floats */
.alignleft { float: left; }
img.alignleft { margin: 0 20px 20px 0; }
.alignright { float: right; }
img.alignright { margin: 0 0 20px 20px; }
img.centered, img.aligncenter { display: block; margin: 0 auto; }
.img-border { border: 2px solid #000; }


/* misc */
.left { float: left; }
.right { float: right; }
.cb { clear: both; }
.divider { margin: 14px 0; border-top: dotted 1px #bbbaab; clear: both; }
.error { padding: 0; line-height: 13px; }
.alert { }
.message { margin-bottom: 12px; }
.smaller { font-size: .9em; }
.small-font, small { font-size: .8em; }
.large-font { font-size: 1.2em; }
.date { padding-bottom: 12px; font-size: .9em; }
.fixed { position: fixed; }

b, strong, .bold { font-weight: bold; font-size: 1.0em; }
i, em { font-style: italic; font-size: 1.0em; }
p { margin-bottom: 16px; font-size: 1.0em; line-height: 17px; }
u { font-size: 1.0em; }
form { padding: 0; margin: 0; }
table { border: 0; }
iframe { margin-bottom: 3px; }


/* containers */
#body-box { top: 0; left: 10px; width: 900px; height: 100%; min-height: 100%; background: #fff url("/imgs/nav_shadow.jpg") repeat-x 0 24px; border-left: solid 1px #5d4b48; border-right: solid 1px #5d4b48; color: #352826; overflow: hidden; vertical-align: bottom; position: absolute; z-index: 1; }
body.home #body-box { background: #fff; }
#content-box { width: 790px; height: 70%; overflow: auto; margin: 16px 0 0 0; padding: 36px 50px 0 60px; background: #fff; vertical-align: top; position: relative; z-index: 3; }


/* home */
#home-lotus { top: -20px; left: -40px; width: 389px; height: 242px; position: absolute; z-index: 2; }
#home-logo { top: 240px; left: 60px; width: 568px; height: 67px; position: absolute; z-index: 4; }
#home-logo img { border: 0; }
#home-links { top: 340px; left: 68px; position: absolute; z-index: 64; }
ul#home-links { margin: 0; background: #fff; }
ul#home-links li { float: left; margin: 0 7px 0 0; padding: 0 7px 0 0; background: url("/imgs/pipe.gif") no-repeat right; }
ul#home-links li:last-child { background: none; }


.dhtmlwindow { top: -20px; left: -40px; width: 389px; height: 242px; position: absolute; z-index: 2; cursor: move; }
.drag-handle { top: -20px; left: -40px; width: 389px; height: 242px; position: absolute; z-index: 2; cursor: move; overflow: hidden; position: absolute; }


/* nav */
#top-nav { width: 900px; background: #ebe9e3; border-bottom: 1px solid #a8bca4; }

/* suckerfish nav */
#suckerfishnav { width: auto; }
#suckerfishnav, #suckerfishnav ul { width: auto; margin: 0; padding: 0; /*line-height: 40px;*/ float: left; }
#suckerfishnav a { padding: 7px 10px; display: block; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; }
#suckerfishnav li { margin: 0 10px; padding: 0; float: left; }
#suckerfishnav ul { left: -999em; /*top: 2.7em;*/ width: 160px; height: auto; margin: 0; /*border: 1px solid #a8bca4; border-width: 0 1px 1px 1px;*/ background: #160b09 url("/imgs/wood_bg.jpg"); font-weight: normal; line-height: 1; z-index: 999; position: absolute; }
#suckerfishnav li li { width: 148px; margin: 0; padding: 4px 6px; }
#suckerfishnav li li a { padding: 4px; text-transform: none; letter-spacing: 0; }
#suckerfishnav li li a:hover { background: none; }
#suckerfishnav li ul ul { margin: -25px 0 0 154px; }
/*
#suckerfishnav li li:hover { }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a { }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a { }
*/
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul { left: -999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul { left: auto; background: #160b09 url("/imgs/wood_bg.jpg"); }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background: #160b09 url("/imgs/wood_bg.jpg"); }
#suckerfishnav ul li:hover, #suckerfishnav ul li.sfhover { background: url("/imgs/veil.png"); }


/* level2 general */
.post { padding: 10px 10px 10px 0; margin: 0 0 14px 0; border-bottom: 1px dotted #ebe9e3; }
#clients-links { width: 240px; margin-top: 30px; position: fixed; float: left; }
#clients-show-box { width: 470px; position: relative; float: right; }
/*#client-show-box { top: 120px; left: 340px; width: 510px; position: absolute; z-index: 4; }
#client-show-box div { line-height: 16px; }*/
#logo-links { width: 200px; margin-top: 30px; position: fixed; float: left; }
#logo-show-box { width: 530px; float: right; position: relative; z-index: 4; }
#logo-show-box div { margin-bottom: 100px; padding-top: 50px; }
.portfolio-link { margin-bottom: 4px; clear: both; }

#contact-text { margin: 11px 0 0 0; }
.image-margin { margin: 0 20px 10px 0; }
.image-grid  { margin: 0 24px 20px 0; float: left; }
#map { width: 400px; height: 300px; margin: 20px 0 0 0; border: solid 2px #39f; }


/* footer */
#wave { bottom: 26px; left: 0; width: 900px; height: 135px; background: url("/imgs/wave_bg.gif") repeat-x; position: absolute; z-index: 1; }
#bottom-nav { bottom: 0; left: 0; width: 884px; max-height: 34px; margin: 0; padding: 6px 0 8px 16px; background: #ebe9e3; border-top: solid 1px #a8bca4; color: #a8bca4; font-size: 10px; position: absolute; z-index: 6; }
#dreamhost { bottom: 4px; right: 6px; font-size: 9px; color: #963; position: absolute; z-index: 100; }


/* other */
table.news-container { width: 100%; border: 0; padding: 0; }
td.news-date { width: 80px; color: #afe9f8; font-size: 11px; font-weight: bold; text-align: right; vertical-align: top; padding: 0 4px 0 0; }
td.news-text { font-size: 11px; vertical-align: top; padding: 0 10px 10px 0; }
.newslink { font-weight: bold; }
#player { width: 450px; visibility: visible; display: none; }
/* mm form */
.mmf p { margin-bottom: 4px; }
.mmf-form-control-wrap input { margin-left: -2px; }


/* ngg */
.ngg-galleryoverview { width: 470px; margin-top: 0; overflow: none; }
.ngg-gallery-thumbnail { margin-right: 0; }
.ngg-gallery-thumbnail img { margin: 0 30px 24px 0; padding: 0; border: 1px solid #39f; position: relative; }
.ngg-gallery-thumbnail img:hover { border: 1px solid #9ff; }


/* guestbook */
#guestbook { width: 680px; height: 64%; overflow: auto; margin: 26px 0 0 0; padding: 36px 50px 0 60px; vertical-align: top; position: relative; z-index: 3; }
#gb-header { width: 640px; min-height: 16px; padding: 4px; border: solid 1px #352826; background: #f4f3f3; position: relative; }
#header-right { top: 4px; right: 4px; float: right; position: absolute; }
.gb-post { width: 624px; padding: 3px 10px 10px 14px; border-left: solid 1px #352826; border-right: solid 1px #352826; border-bottom: solid 1px #352826; position: relative; }
.gb-post blockquote { margin: 14px 16px 14px 16px; }
#gb-footer { width: 640px; min-height: 16px; padding: 4px; border-left: solid 1px #352826; border-right: solid 1px #352826; border-bottom: solid 1px #352826; background: f4f3f3; position: relative; }
#gb-admin { bottom: 4px; right: -3px; font-size: 8px; float: right; position: relative; }


/* hCard styles */
span.url, span.type, img.photo { display: none; }


/* self-clear floats */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#sidebar ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }