/*
Theme Name: Green Trilobita
Theme URI: http://www.trilobita.co.uk/blog/2009/04/22/trilobita-wordpress-theme/
Description: A flexible 3 column theme that uses Jello CSS model. It also comes with Jquery and LavaLamp menus. It is XHTML 1.0 Strict.

Version: 1.1
Author: trilobita.co.uk
Author URI: http://www.trilobita.co.uk/
Tags: green, white, flexible-width, three-columns, left-sidebar, right-sidebar

	Green Trilobita 1.0
	 http://www.trilobita.co.uk/blog/

	This theme was designed and built by Matthew Fry aka Trilobita at 
	trilobita.co.uk It is based on the Jello layout and uses Jquery LavaLamp
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/



* {
margin: 0 auto;
padding: 0;
background-color: transparent;
}


/* Begin Typography & Colors */

body {
padding: 0 350px 0 350px; /* the critical side padding that sets the natural min-width! */
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size: 90.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */
text-align: center; /* centers the #sizer element in IE5.x/win */
color: #333;
margin:auto;
background-position:center top;
background-repeat:repeat-y;
background-color: #999999;
background-image:url(/images/background_blog.png);
}

#sizer {
margin: 0 auto; /* centers #sizer in standard browsers */
padding: 0;
width: 60%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
text-align: left; /* resets the default text alignment for the page */
max-width: 300px;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
margin: 0 -350px 0 -350px; /* neg side margin values should be < or = to side body padding */
min-width: 600px; /* This prevents Safari from losing the negative margins in narrow windows */
position: relative; /* makes #expander visible outside #sizer in IEwin */
}
 
/*\*/
* html #expander {height: 0;}
 
/* #expander must have "height: 0" in IEwin bug fixing */
/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */
#wrapper1 {
position: relative; 
font-size: 0.9em; /* set global font-size here */
margin:0 auto;
padding:0;
width:835px;

}
 
/* this positioning may be needed for IEwin if page is to contain positioned elements */
#wrapper2 {  
position: relative; /* extra insurance against bugs in IEwin */
margin:0 auto;
padding:0;
}

.outer {
margin:0 auto;
margin-left: 220px;    /*** Critical left col width value ***/
margin-right: 0px;    /*** Critical right col width value ***/
}
/****************** Main Page Structure *****************/
/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */
.float-wrap {
float: left;
width: 100%;
}
#left {
float: left;
position: relative; /* Needed for IE/win */
width: 164px; /*6 164*/    /*** Critical left col width value ***/
text-align: left;
margin:0 -190px auto;  /* Critical left col width value */ /* Critical left divider dimension value**/
padding:0px 0 0 0;

}
.left_box {
width: 100%;
margin:0 auto;
background-color:#FFFFFF;
border:solid 4px #DED7D2;
}

#center {

float: right;
width: 100%;
margin:0 auto;


}
.centerbox {
text-align: left;
overflow: visible;
width: 100%;
margin:0 auto;
padding-bottom:10px;
font:12px;
background-color:#FFFFFF;
border:solid 4px #DED7D2;
float:right;


}

.centerbox ul{
list-style-image: url(../blog/wp-content/themes/green-trilobita/images/bullet.gif);
padding-left: 20px;
margin-bottom: 15px;
margin-left: 10px;
text-align:left;

}
.centerbox li {
text-align:left;
}
.centerbox li a:link, .centerbox a:link {
color:#FF6600;
text-decoration:none;
font-weight:normal;
text-align:left;
}
.centerbox li a:hover, .centerbox a:hover {
color: #CC9933;
text-decoration:underline;
font-weight:normal;
}
.centerbox table{
	color : #000;
	text-align:left;
	border: 1px solid #F0F0F0;
}
.centerbox table a:link {
	color:#333;
	text-decoration:underline;
}
.centerbox table a:hover {
	text-decoration:none;
	color:#ff6600;
}
.dateline {
	float: left;
	text-align:left;
	position:relative;
	margin: 0px;
	margin-top:20px;
	font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


#hdr_title {
	margin-top:20px;
	width: 100%;
	float: left;
	position:relative;
	line-height: 1.25em;
	font-weight: bolder;
	font-size: 16px;
	margin-top: 15px;
	color: #000000;

}

.storybody {
margin-top:20px;
	float:left;
	position:relative;
	float:left;
	width: 100%;
}

.storybody p{
margin-top:20px;
margin-bottom:20px;
text-align:left;

}
.tableheaders{
	color : #fff;
	text-align:left;
	background-color:#0789D7;
	font-weight:bold;
	padding:5px;
	
	
}

.container-left {color: #ffc;}
.container-right {color: #ffc; padding-bottom: 0px;}
/* left hand menu css */
#left ul {
font-size: 100%;
border: 0px solid #D1DD83;
margin:20px 0px 25px 0px;
padding:7px 0px 7px 0px;
list-style-type : none;

overflow: hidden;
}
#left ul li {
margin:0px 5px 0px 5px;
padding:0px 0px 0px 0px;
display:block;z-index: 10;
list-style: none;
}
#left ul li.backLava {
	background-color:#91ABE3;
	width: 4px;
	position: absolute;
	z-index: 1;
	margin: 0 0px;
	padding:0px;
}
#left ul li.link {
margin:0;
padding:0;
display:block;
color:#ffffff;
}
#left ul li a {
display:block;
margin:0px 0px 0px 0px;
padding:10px;
color:#2A2F06;
z-index: 10;
text-decoration : none;
position: relative;
font-size:12px;
background-color:#ADC0F1;
}
#left table {

color:#2A2F06;
background:#FFFFFF;
width:148px;


}
#left table tr {
padding-bottom:5px;
}
#left ul li a.top {border-top: 0px dashed #3B401B;}
#left ul li.link a {
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:4px 0px 4px 0px;border-top: 1px solid #FFFFFF;
}
#left ul li a:link {
color : #2A2F06;
/*/*/color : #2A2F06;
text-decoration : none; /* */
}
#left ul li a:hover {
	color : #000;
text-decoration : none;
position: relative;
background-color:#ADC0F1;
}
/* submenu */
#left ul ul {
padding:0px ;
margin:3px;
}
#left ul ul li {
/*background:lime;*/
list-style: outside;
list-style-type : square; ;
}
#left ul ul li a  {
font-size: 80%;
color:#651072;
}

/* styles for both left and right sidebars */
#left h2, #sidebar h2 {
margin:20px 0 0 0;
}
#box {
width: 100%;
margin:0 auto;
background-color:#FFFFFF;
border:solid 4px #DED7D2;
}
#box a{
text-decoration:underline;
color:#000;
font-weight: 800;
}
/************** Special Fixes *************/
/*.outer {word-wrap: break-word;}*/

/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}

/* Holly hack */
#wrapper1,
#wrapper2,
.outer a, 
.container-left, 
.container-right,
.outer,
h2,
.sidenav li a 
{min-height: 1%;}

/* gives layout for IE7 */
/*** Variance fixes for IEwin ***/
/*\*/
* html .outer p {margin-right: -6px;}

/**************** Utility Rules *******************/
/*\*/ /*/
.sidenav a:hover {position: relative;}

/* this fixes an IEmac hover bug in the left column, hidden from other browsers */
.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}
.clicker {
display: block;
text-align: center; 
padding: 3px; 
background: #833; 
cursor: pointer;   
}
/*##### end jello#######*/
#header {
width: 100%;
margin:0 auto;
margin-left:20px;
height: 132px;
padding-top: 0px;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 0pt;
background-position: 0% 0%;
vertical-align: middle;
background:url(/images/headernew.gif) center top no-repeat;
}
/* "jello" BG is made to be in fixed position here */
#header img{
position:relative;
float:left;
padding:10px 10px;vertical-align:middle;
}
#header h1{
margin: 0px 10px ;
vertical-align:middle;
padding:20px;
font-size:170%;
}
#header h2{
margin:auto 0 ;
vertical-align:baseline;
float:left;
}
#header a{color:#3B3F1B;text-decoration:none;margin: 0px;}
/*\*/
* html #header {background-position: 10px 0px;}
#content {font-size: 1.2em}
.widecolumn .entry p {font-size: 1.2em;}
.alt {background: #fff;}
li.alt {background: #fff;}
#footer {
width: 100%;
font-size: 10px;
font-weight: normal;
clear: both;
padding: 5px 0 15px;
position: relative;
margin-top:20px;
margin-left:20px;
COLOR: #333333;
text-align:center;

}
#footer p {
margin: 10px 30px 0 30px;
color: #333;
text-align:center;

}
#footer a {color: #000;}
#footer hr {
color: #944;
margin: 0;
background: #944;
height: 5px;
}
#footer img{vertical-align:middle;}
small, div.postmetadata {
font-size: 0.9em;
line-height: 1.5em;
}

#headerimg h1 {
font-size: 17px;
text-align: left;
}
h1 {font-size: 17px;}
.post h1 {clear: right;}
.post h2 {font-size: 16px;line-height:1.5em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:left;}
h2.pagetitle {font-size: 17px; font-family:Arial, Helvetica, sans-serif; text-align:right; color: #666;}
h3 {
font-size: 1.3em;
margin-bottom: 10px;
color: #a8b772;
}
h1, h1 a, h1 a:hover, h1 a:visited {
text-decoration: none;
color: #2A2F06;
}
h2, h2 a, h2 a:visited  {color: #2A2F06;}
h3, h3 a, h3 a:visited {color: #2A2F06;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a:link, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
h3 a:hover, h3 a:active {
color: #2A2F06;
text-decoration: underline;
}

.more-link {
font-weight: 600;
font-size: 1em;
}
.dateright {
float: right;
padding: 5px;
padding-top: 0px;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #666;}
.postmetadata {
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
border: none;
}
h2 a:hover, h3 a:hover {
color: #a8b772;
text-decoration: none;
}
a:link {
text-decoration:none;
color:#2A2F06;
}
a:active {
text-decoration:none;
color:#2A2F06;
}
a:visited {
text-decoration:none;
color:#2A2F06;
}
a:hover {
text-decoration:underline;
color:#2A2F06;
}

/* End Typography & Colors */
/* Begin Structure */

.clear {
clear: both;
}
div.clear {
width: 100%;
clear: both;
}
.whitespace {
height: 20px;
background: #fff;
}
.entry {
clear: both;
padding-top: 5px;
margin-bottom:15px;
}
/* End Structure */
/*Begin Headers */
h1 {}
h2 {}
h2.pagetitle {}
h3 {}
h3.comments {}
/* End Headers */

/* Begin Images */
p img {
padding: 0;
max-width: 100%;

}
img.centered {
display:inline;
margin-left: auto;
margin-right: auto;
border:3px solid #ccc; 
}
img.alignright {
padding: 0 0px 0px 0px;
margin-left:10px;
margin-bottom:5px;
display: inline;
border:3px solid #ccc; 
}

img.alignleft {
padding: 0 0px 0px 0px;
margin-left:10px;
margin-bottom:10px;
display: inline;
border:3px solid #ccc; 
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
border:3px solid #ccc; 
}
.alignleft {float: left;}
.alignright {float: right;}
/* End Images */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border: none;}
blockquote {
margin: 15px 30px;
padding: 10px;
border: 1px dotted #a8b772;
background: #f8f8f8;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {text-align: center;}
hr {display: block;}
a img {border: none;}

h1, h2 {
margin-bottom: 5px;
font-weight: 100;
}
h3, h4, h5, h6 {font-weight: 600;}
/* threaded comments */

/* misc */
hr {
	color:#CCCCCC;
	background-color:#CCCCCC;
	height:1px;
	border:none;
	margin: 10px 0px;
}

/* misc styles */
.textpadder, .boxpadder {padding: 10px 20px 10px 20px;}
.skiplink, .hide{display:none;}
/* widget styling */
.cat-item {display:block; border:0px solid red;margin:0 10px !important; padding:2px 7px !important;font-size:90%;}
.cat-item a {display:inline; border:0px solid blue;margin:0px !important; padding:0 !important;}
.recentcomments {display:block; font-size:80%; padding:2px 7px !important;margin:0 10px !important;z-index:10;}
/* styles for showing code. for use with wp-syntax plugin */