/*
 * META INFORMATION
 * - AUTHOR Michael Cole on behalf of The Sponge Pty Ltd (http://www.thesponge.com.au/)
 * - TITLE Infogenesis Main Styles
 * - DESCRIPTION Pretty much all of the CSS Styles for the Infogensis Website is contained in this file
 * - LAST MODIFIED Sept 19 2008
 * - COMPANY Infogenesis (http://www.infogenesis.com.au/)
 * - NOTES A global reset should already be in affect
 * - BUGS Firefox shifts the page background image a PX to the left if there is an odd amount of pixels in the viewing pane 
 */
 
html,body{margin:0;padding:0;background-color:#eaeded;font-family:Verdana, Geneva, sans-serif;text-align:center;}
/*
 * Positioning and padding for all the main elements 
 *	"*_content" padding on the bottom need to to minus -27 from it to find the 
 * 		real padding (due to the footer push) 40 - 27 = 13px, thing go a 
 * 		little haywire if the padding is less than 27 (because 27 actually = 0).
 */
#container{width:960px;text-align:left;margin:0 auto -27px auto;padding:0 0 60px 0;background:url(../images/TS2_pageBg.png) center 0 repeat-y #eaeded;border-left:1px solid #d6d9d9;border-right:1px solid #d6d9d9;}
#header{height:78px;overflow:hidden;margin:0;padding:0;background: url(../images/TS2_headerBg.jpg) no-repeat -1px 0 transparent;width:641px;}
#header h1{height:44px;width:216px;overflow:hidden;margin:0;padding:0;float:left;margin:16px 0 0 17px;}
#header h2{height:77px;width:283px;overflow:hidden;margin:0;padding:0;float:right;margin:0 0 0 0;}
.sub_content_a{text-align:left;font-size:0.75em;background: url(../images/TS2_sub_content_aBg.png) repeat-x 0 315px transparent;}
.sub_content_a{width:640px;float:left;overflow:hidden;padding:0;margin:0;}
.sub_content_b{width:320px;float:right;overflow:hidden;padding:0;margin:0;font-size:0.7em;background:url(../images/TS2_sub_content_bBg.png) no-repeat 0 315px transparent;}
#footer{width:962px;height:26px;text-align:left;margin:0 auto 0 auto;overflow:hidden;}
#featurePanel{margin:0 0 0 0;float:left;width:640px;background:url(../images/TS2_featurePanel.jpg) no-repeat -1px 0 transparent;height:208px;overflow:hidden;}
ul#navigation{width:640px;height:30px;background:url(../images/TS2_naviBg.png) 0 0 repeat-x transparent;margin:0 0 0 0;overflow:hidden;padding:0;position:relative;float:left;font-family:Verdana, Geneva, sans-serif;font-size:0.9em;}
ul#navigation li{width:119px;height:30px;margin:0px;overflow:hidden;padding:0;border:0;position:absolute;}
ul#navigation li a{color:#ffffff;text-decoration:none;display:block;padding:7px 0 20px 20px;background:url(../images/TS2_navi.png) 0 0 no-repeat transparent;}
ul#navigation li a:hover{color:#ffffff;background:url(../images/TS2_naviHover.png) 0 0 no-repeat transparent;}
ul#navigation li.blog{left:-10px;z-index:450;}
ul#navigation li.page-item-2{left:100px;z-index:440;}
ul#navigation li.page-item-3{left:210px;z-index:430;}
ul#navigation li.page-item-5{left:320px;z-index:420;}
ul#navigation li.page-item-7{left:430px;z-index:410;}

#findOutWhatYouNeed{position:relative;top:19px;left:27px;}

/*
 * Styles for header elements the header is flash but in some cases alternative content needs to be avaiable and thus styled
 */
#header p, #header a, #header img{margin:0;padding:0;outline:0;}
table tr th{color:#23aae1;font-weight:normal;padding-bottom:4px;}
table tr td,table tr th{padding-right:10px;}
#header span{}
/*
 * Social bookmarks
 */
#sm_links{display:block;height:78px;width:321px;overflow:hidden;margin:0;padding:0 0 0 0;background: url(../images/TS2_headerBg.jpg) no-repeat -641px 0 transparent;}
#sm_links p{margin:6px 0 0 0;}
#sm_links a{display:block;float:left;margin:0;padding: 0 0 0 17px;}

/*
 * Teitter Feed
 */
#twitter_feed li{margin-bottom:1em;border-bottom:1px solid #d6d9d9;padding:0 15px 10px 22px;}
#twitter_feed a{color:#676767;font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:0.87em;}
#twitter_feed a.title{display:block;text-decoration:none;font-size:1.1em;color:#23aae1;font-weight:bold;}
#twitter_feed a.title img{margin-bottom:-3px;}
#twitter_feed .tweet{display:block;color:#545a5e;font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-size:1.1em;margin:5px 0 4px 0;}
#twitter_feed .time_ago{display:block;color:#23aae1;}

.sub_content_b a{text-decoration:none;font-weight:bold;color:#302c2d;}

#sidebar_archives li{width:110px;display:block;overflow:hidden;float:left;padding:5px 0px 0 37px;font-weight:bold;}

.sub_content_a{font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
.sub_content_a h2{color:#302c2d;font-family:Verdana, Geneva, sans-serif;}
.sub_content_a h2, .sub_content_a h3, .sub_content_a h4, .sub_content_a p,
.sub_content_a ul, .sub_content_a ol, .sub_content_a dl, .sub_content_a table,
.sub_content_a blockquote{line-height:1.4em;margin:1.3em 37px 0 67px;color:#545a5e;}
img,img a{border:0;line-height:1.4em;}
.sub_content_a h2, .sub_content_a h3.post_heading{color:#23aae1;font-size:1.5em;font-weight:normal;margin-top:1em;}
.sub_content_a h2.pagetitle{margin:0;padding:1em 37px 0 67px;}
.sub_content_a h2 a{text-decoration:none;}
.sub_content_a h2 a:hover{color:#23aae1;text-decoration:underline;}
.sub_content_a h2.first{margin-top:0;}
.sub_content_a h3{color:#23aae1;font-size:1.1em;font-weight:bold;margin-top:1em;}
.sub_content_a h4{font-weight:bold;}
.sub_content_a ul{margin-top:0.3em;}
.sub_content_a ol li{margin-top:1em;}
.sub_content_a ul li{padding-left:10px;margin-left:5px;margin-top:1em;background:url(../images/TS2_contentLi.png) 0 6px no-repeat transparent;}
.clear_page{height:55px;clear:both;display:block;}
.sub_content_a a{text-decoration:underline;color:#23aae1;}
.sub_content_a strong,b{font-weight:bold;}
h1 a, h2 a, h3 a, h4 a{text-decoration:inherit;color:inherit;}
 
.sub_content_a ul h2, .sub_content_a ul h3, .sub_content_a ul h4, .sub_content_a ul p,
.sub_content_a ul ul, .sub_content_a ul ol, .sub_content_a ul dl, .sub_content_a ul table,
.sub_content_a ul blockquote, 
.sub_content_a ol h2, .sub_content_a ol h3, .sub_content_a ol h4, .sub_content_a ol p,
.sub_content_a ol ul, .sub_content_a ol ol, .sub_content_a ol dl, .sub_content_a ol table,
.sub_content_a ol blockquote,
.sub_content_a p h2, .sub_content_a p h3, .sub_content_a p h4, .sub_content_a p p,
.sub_content_a p ul, .sub_content_a p ol, .sub_content_a p dl, .sub_content_a p table,
.sub_content_a p blockquote{margin:1.3em 0 0 0;font-size:1em;}
 
/*
 * Contact forms and other forms with the same layout
 */
form p.text,#form p.select{margin-top:8px;}
form label{font-weight:bold;color:#23aae1;}
form p.text label,#form p.select lebel{display:block;margin-top:4px;}
form p.text input {padding:6px 0 0 10px;height:30px;color:#ffffff;font-weight:bold;background:url(../images/TS_formTextField.jpg) 0 0 no-repeat transparent; border:0;font-family:Arial, Helvetica, sans-serif;}
form p.textarea textarea{padding:6px 10px 6px 10px;height:153px;color:#ffffff;font-weight:bold;background:url(../images/TS_formTextareaField.jpg) 0 0 no-repeat transparent; border:0;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;}
#form p.select select{display:block;font-size:1.02em;font-family:inherit;}
form p.image_button input{border-width:0;height:auto;width:auto;}
form input,#form textarea,#form .fake_input{background-color:#ffffff;color:#676767;border:1px solid #bcc2c8;font-family:inherit;}
/*form textarea{width:362px;height:100px;font-size:1em;}*/
label sup{color:#ffb400;}
form .submit{text-align:right;}
form p.text .fake_input{color:#555555;width:362px;display:block;font-size:1em;font-family:inherit;padding: 2px 0 2px 0;}
form p.radio span,#form p.check span{font-weight:bold;color:#90969c;font-size:0.90em;}
form p.radio span sup,#form p.check span sup{color:#ffb400;}
form p.radio label,#form p.check label{font-weight:normal;}

#content .sub_content_b ul li{margin:0 0 0 0;}
#content .sub_content_b ul{margin:0 0 0 0;}
#content .sub_content_b ul li ul li{border-width:0;padding:0;margin:0;}
#content .sub_content_b ul li ul li a{color:#545a5e;text-decoration:none;}
#content .sub_content_b h2{font-size:1.2em;font-weight:bold;}

.post{position:relative;border-bottom:1px solid #d6d9d9;padding-bottom:60px;}
.post small.date{padding:0;margin:0;position:absolute;top:0.6em;left:0;height:100px;width:35px;margin-left:19px;font-family:Verdana, Geneva, sans-serif;}
.post small.date .month{color:#23aae1;display:block;text-transform:uppercase;font-size:0.8em;}
.post small.date .day{color:#23aae1;background:url(../images/TS2_dayBg.png) 0 0 no-repeat transparent;font-size:1.15em;text-align:right;display:block;font-weight:bold;padding-top:7px;}
.post small.date .year{text-align:center;display:block;float:right;width:22px;background-color:#3a3d3d;color:#ececea;font-size:0.8em;height:14px;}
.post small.time{padding:0;margin:0;position:absolute;bottom:17px;left:0;height:25px;width:35px;margin-left:19px;font-size:0.9em;font-family:Verdana, Geneva, sans-serif;}
.post small.time .hour{display:block;text-align:right;}
.post small.time .meridiem{display:block;color:#23aae1;text-align:right;}

.navigation{font-size:0.8em;border-bottom:1px solid #d6d9d9;padding-bottom:14px;}
.navigation a{color:#545a5e;text-decoration:none;}
.navigation a:hover{text-decoration:underline;}
.alignleft{margin:1.3em 5px 0 10px;float:left;}
.alignright{margin:1.3em 10px 0 5px;float:right;text-align:right;}

/*
 * Comments Styling
 */
ol.commentlist{}
ol.commentlist li{}
ol.commentlist li.comment{}
ol.commentlist li.even{}
ol.commentlist li.odd{}
ol.commentlist li cite {font-weight:bold;}
ol.commentlist li cite a{font-weight:inherit;}
ol.commentlist li p{font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-size:1.1em;}

/*
 * Post Meta
 */
.postmetadata{font-size:0.9em;}
.postmetadata strong{font-weight:bold;color:#23aae1;}
.postmetadata .meta_author{position:absolute;bottom:29px;left:67px;}
.postmetadata .meta_comments{position:absolute;bottom:29px;right:170px;}
.postmetadata .meta_categories a{color:#23aae1;}

/*
 * Add This Stuff
 */ 
.twitter_add_container{position:absolute;bottom:29px;right:65px;font-family:Verdana, Geneva, sans-serif;font-size:0.9em;}
.addthis_container{position:absolute;bottom:30px;right:35px;font-family:Verdana, Geneva, sans-serif;font-size:0.9em;}
 
/*
 * Generic styln'
 */
