/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic-for-wordpress/
DESCRIPTION: A highly extensible, search-engine optimized WordPress Theme Framework featuring 13 widget-ready areas, grid-based layout samples, styling for popular plugins and more.
VERSION: 0.7
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS:three columns,two columns,fixed width,simple,seo,microformats,widgets,framework,options page,hooks,filters,valid XHTML,valid CSS
.
Thematic is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   


.headerright {
	width: 200px;
	color: #ffffff;
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	}
	
.headerright a, .headerright a:visited {
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 3px;
	}
	
.headerright a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	

.mainDetails {
background-color:#EEFAFF;
border:1px solid #CCCCCC;
margin: 0 20px 20px 20px;
padding:10px 10px 10px 15px;
text-align:left;
}

.clearer {
clear:both;
}

.fullcolumn {
margin:0 0 0;
padding:0 0 20px;
}

.formTextBox {
background-color:#FFFFFF !important;
border:1px solid #CCCCCC;
color:#000000;
font-weight:bold;
margin-bottom:5px;
padding:2px 3px;
}

.formSplitLeft {
float:left;
width:225px;
}

.otherDetails {
background-color:#F9FDFF;
border:1px solid #CCCCCC;
margin: 0 20px 20px 20px;
padding:10px 10px 10px 15px;
text-align:left;
}

.grey {
color:#AAAAAA;
font-size:90%;
}

#refDetails {
   	border:2px dotted gray;
   	color: #ff0000;
	margin:5px;
	padding:10px;
	margin: 5px 0px; padding: 5px 10px; 
	font-size: 20px; 
	width: 125px;
}

.RegisterButton {
vertical-align:top;
}

form {
margin:0;
padding:0;
}

#SignupForm {
   	border:3px dashed #A5D148;
	margin:30px 0 0 0;
	padding:20px;
	width:95%;
}

#HomeBanner {
background-color:#B5D1EA !important;
border:0;
margin:0 0px 5px 0px;
padding: 5px 0 5px 0;
border-bottom:double #000000;
}

.TextBox {
background-color:#FFFFFF !important;
border:1px solid #CCCCCC;
color:#4383C4;
font-weight:bold;
margin-left:10px;
margin-right:20px;
padding:5px 6px;
}

.RegisterButton {
vertical-align:top;
}

.entry-content img {
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/*
  +------------------------------------------------------------------+
  | MikeCherim.com                                                   |
  | CSS: List Boxes                                                  |
  | Cascading Style Sheet                                            |
  | Copyright Aug 2007                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/*
  Below is the CSS need for the list. I also added the CSS used for 
  the wrapper and headings and paras. I will mark them as separate.
  Please note that if you use this, you may need to zero or re-
  calculate the padding and margin of the ul, li, h3 (if used) and p.
  The reason is I am using a gloab reset with nothing spec'd for ul
  and li so mine are effectively zero except as marked.
*/

/*
  First define a content are width and position, if needed. I'm centering
  the 623px wide shell
*/
#clb-shell {
  margin : auto;
  width : 623px;
}

/* 
  My main experiment sub-heading. Just setting color
*/
#clb-shell h2 {
  color : #669900;
}

/*
  Now I'm resetting the paragraph padding (it was zeroed). I'm also clearing
  the p, but I don't really need this for the top one, only the bottom. The 
  top has no effect (it'll clear the heading by default), but it is needed 
  for the bottom (depending on the shell width versus the ul width). It may 
  not be needed at all. Your situation will determine.
*/
#clb-shell p {
  padding : 10px;
  clear : both;
}

/*
  I define the width of the ul, set the height (in ems!) align the text and
  remove list styles. The last may not be needed on most browsers
*/
ul#clb {
  width : 619px;
  padding: 0px 0px;
  height : 9em;
  text-align : center;
  list-style-type : none;
}

/*
  Now I style the individual boxes (li)
*/
ul#clb li {
  margin : 0 2px;
  border : 1px solid #000;
  width : 200px;
  height : auto;
  background : #ffffff url(images/clb_li_back.jpg);
  float : left; 
  display : inline;
}

/*
  Style the li links
*/
#clb-shell a {
  color : #669900;
}
#clb-shell a:hover, #clb-shell a:focus, #clb-shell a:active {
  color : #000;
  text-decoration : none;
}
#clb-shell a:focus, #clb-shell a:active {
  background-color : #fff;
}

/*
  Style the h3 links
*/
#clb-shell ul#clb h3 a {
  color : #ffffff;
  display : block;
  width : 194px;
  padding : 5px 3px;
  margin:5px 0;
  background : #5C9BD1 url(images/clb_h3_back.jpg) repeat-x; 
  border-bottom : 0px solid #000;
  text-decoration : none;
}
#clb-shell ul#clb h3 a:hover, #clb-shell ul#clb h3 a:focus, #clb-shell ul#clb h3 a:active {
  background : #000 url(images/clb_h3_back_over.jpg) repeat-x;
  color : #fff;
}

/*
  This tyles the text p content within the li separately. The most important 
  thing here is to re-kill the padding and add the margin to create good gutters
*/
ul#clb p {
  font-size : 0.9em;
  padding : 0;
  margin : 10px;
}

/* End Styles */