/*  
Theme Name: Biolytix
Theme URI: http://www.biolytix.co.za
Description: The BIOLYTIX wordpress theme created by Byron Rode and Samantha Hendricks
Version: 1.0
Author: Byron Rode
Author URI: http://www.envisionweb.co.za/
*/

/* reset and general */
* { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; } /* use along with a ID to define a width and height, for correct centering */
ul { list-style: none; }

body { background: #fff url(images/bg_fill.gif) repeat-x; color: #000; }
#container { width: 940px; }
#header-top { background: transparent url(images/header-top.gif) no-repeat top center; color: #000; width: 100%; height: 137px; position: relative; }
#header-top h1 { display: none; }
#navigation { height: 21px; background-color: transparent; color: #fff; width: 650px; position: absolute; top: 97px; left: 267px; }
#navigation ul li { float: left; display: block; height: 21px; padding: 0; margin-right: 1px; }
#navigation ul li a { display: block; float: left; padding: 5px 8px; background: #000; color: #fff; text-decoration: none; font-size: 0.8em; text-transform: uppercase; font-weight: bold; }
#navigation ul li a:hover { background-color: #fff; color: #000; }
#navigation ul li#current a, #navigation ul li.current_page_item a { display: block; float: left; padding: 5px 8px; background: #fff; color: #000; text-decoration: none; font-size: 0.9em; text-transform: uppercase; font-weight: bold; }
#navigation ul li#current a, #navigation ul li.current_page_parent a { display: block; float: left; padding: 5px 8px; background: #fff; color: #000; text-decoration: none; font-size: 0.9em; text-transform: uppercase; font-weight: bold; }
#header-mid { background: transparent url(images/header-mid-section.gif) no-repeat top center; color: #000; width: 100%; height: 264px; }
#image-showcase { width: 879px; height: 259px; border: 1px solid #ccc; padding: 1px; z-index: 5; }
#info-search { background: transparent url(images/info-search.gif) no-repeat; color: #000; width: 100%; height: 46px; position: relative; z-index: 100; }
#info-search h2 { display: none; }
#search-box-container { height: 25px; width: 185px; position: absolute; right: 25px; top: 7px; }

#search-form { color: #666; background-color: transparent; }
.search-input { width: 144px; height: 18px; background: transparent url(images/search-input-bg.gif) repeat-x; border: 1px solid #ccc; float: left; padding: 4px 2px 0 2px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #555; }
.search-button { padding: 0; margin-top: 1px; margin-left: 5px; height: 21px; float: left; }

#content-container { width: 100%; background: #fff url(images/content-top.gif) no-repeat top; color: #666; z-index: 100;  }
#body-text { width: 900px; margin-left: 35px; padding-top: 15px; background: #fff; color: #666; font-size: 1.2em; }
#body-text h3 { background: transparent; color: #333; font-size: 1.8em; margin-bottom: 15px; font-weight: normal; }
#body-text .large { font-size: 1.4em; margin-bottom: 0; }
#body-text p { padding-bottom: 20px; line-height: 1.8em; }
#body-text ul { list-style: outside disc; margin-left: 30px; margin-bottom: 20px; }
#body-text ul li { padding-left: 10px; line-height: 1.8em; }
#body-text hr { border: none; border-bottom: 1px dotted #ccc; margin-bottom: 15px; }

/* Home Page Template */

#column-1-wide { width: 400px; padding-right: 20px; border-right: 1px solid #ededed; float: left; }
#column-2-wide { width: 450px; padding-right: 20px; float: left; }

#column-2-inside-left { float: left; width: 220px; padding: 0 5px; border-right: 1px solid #ededed; margin: 0; min-height: 540px; position: relative; }
#column-2-inside-left h3 { padding-left: 20px; }
#column-2-inside-left .intro { padding: 0 20px; width: 188px; display: block; }
#column-2-inside-right { margin-left: 230px; width: 190px; padding-left: 20px; position: relative; min-height: 540px; }
#column-2-inside-right p { padding-bottom: 10px; line-height: 1.6em; }
#column-2-image { margin-top: 20px; margin-left: 10px; }

#body-text #column-2-inside-left .bluebox p { padding-bottom: 10px; }
#body-text #column-2-inside-left .bluebox ul { margin: 0; padding-left: 15px; list-style: outside disc ; }
#body-text #column-2-inside-left .bluebox ul li { padding-left: 0; }
#body-text .image-links-home { width: 197px; margin: 25px auto 0 auto; padding: 0; position: absolute; bottom: 0; }
#body-text #column-2-inside-left .image-links-home { left: 16px; }
#body-text .image-links-home p { padding: 0; margin: 0; }

.linkinfo { font-size: 0.89em; color: #222; background-color: transparent; }

.bluebox { background-color: #edf6fb; color: #666; display: block; width: 184px; padding: 9px 18px; margin-top: 10px; }
.bluebox strong { text-transform: uppercase; }

/* End Home Page Template */
/* 2 Column Layout */

#column-1-wide-2col { width: 480px; padding-right: 20px; border-right: 1px solid #ededed; float: left; }
#column-2-wide-2col { width: 370px; padding-right: 20px; float: left; text-align: center; }
#column-2-wide-2col h3 { text-align: left; margin-left: 20px; }
#column-2-wide-2col hr { margin-left: 20px; }
#column-2-wide-2col a { text-decoration: none; color: #666; background: transparent; }
#column-2-wide-2col a:hover { color: #069; background: transparent; }
.ital { font-weight: bold; font-style: italic; }
.upper { text-transform: uppercase; }
.upperspace { text-transform: uppercase; line-height: normal; }
.padded { padding-left: 20px; }
.text-left-padded { text-align: left; padding-left: 20px; }
#column-1-wide-2col ul li { list-style: outside disc; }
#column-1-wide-2col ol { padding-left: 30px; margin-bottom: 25px; }
#column-1-wide-2col ol li { list-style: outside decimal; padding-bottom: 8px; }
.contactform { margin-bottom: 50px; }

/* End 2 Column Layout */
/* Case Studies */

#case-studies-nav { margin-bottom: 20px; background: #fff; width: 170px; margin-right: 20px; float: left; }
#case-studies-column-1 { float: left; width: 355px; padding-right: 20px; }
#case-studies-column-2-images { float: left; width: 312px; }
#case-studies-nav ul { list-style: none; padding: 0; margin: 0 0 200px 0; }
#case-studies-nav ul li { border-bottom: 1px solid #ccc; display: block; padding: 5px 0; width: 100%; }
#case-studies-nav ul li a { text-decoration: none; color: #666; background-color: transparent; }
#case-studies-nav ul li a:hover, #case-studies-nav ul li.current_page_item a { color: #649cb4; background-color: transparent; } 

/* End Case Studie */
#pre-footer { background: url(images/biologo_small.gif) no-repeat left bottom; height: 110px; clear: both; margin-left: 38px; }
#footer {clear: both; background: transparent url(images/footer.gif) no-repeat top; color: #666; height: 60px; width: 100%; margin-top: 5px; }
#footer-text { width: 880px; padding-top: 35px; }
#footer a { text-decoration: none; color: #333; background-color: transparent; }
#footer a:hover { color: #036; background-color: transparent; }

#the-images { max-width: 879px; height: 259px; z-index:5; overflow: hidden; }
#the-images img { width: 879px; height: 259px; }
.jdGallery { overflow: hidden; position: relative; }
.jdGallery img { border: 0; margin: 0; }
.jdGallery .slideElement { width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; }
.jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('images/loading-bar-black.gif'); }
.jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 48px; background: url('images/bg.png') repeat-x top center; color: #fff; text-indent: 0; overflow: hidden; }
html .jdGallery .slideInfoZone { bottom: -1px; }
.jdGallery .slideInfoZone h2 { padding: 4px 10px 0 10px; font-size: 1.3em; font-weight: bold; color: inherit; margin: 5px 5px 0; border: 0; }
.jdGallery .slideInfoZone p { padding: 0 10px 0 10px; font-size: 1.1em; margin: 0 5px; color: #fff; line-height: 1; }