/*
Thoughtbubble 2010
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, Thoughtbubble Ltd
*/

/*
-------------------------------------------
Remove the inconsistent default styling of HTML elements.
-------------------------------------------
*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p { 
 	margin:0;
 	padding:0;
 }
 
 table {
 	border-collapse:collapse;
 	border-spacing:0;
 }
 
 fieldset,img { 
 	border:0;
 }
 
 address,caption,cite,code,dfn,em,strong,th,var {
 	font-style:normal;
 	font-weight:normal;
 }
 
 ol,ul {
 	list-style:disc;
	padding-left:25px;
 }
 
 caption,th {
 	text-align:left;
 }
 
 h1,h2,h3,h4,h5,h6 {
 	font-size:100%;
 	font-weight:normal;
 }
 
 abbr,acronym { 
 	border:0;
 }

/* ROUNDED CORDERS */
 /* http://www.spiffycorners.com/index.php?sc=spiffy&bg=ffffff&fg=0994CB&sz=9px */
 
.round_corner{display:block}
.round_corner * {
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#0994CB
}
.round_corner1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #95d0e8;
	border-right:1px solid #95d0e8;
	background:#46aed8
}
.round_corner2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #e6f4f9;
	border-right:1px solid #e6f4f9;
	background:#37a8d4
}
.round_corner3 {
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #37a8d4;
	border-right:1px solid #37a8d4;
}
.round_corner4 {
	border-left:1px solid #95d0e8;
	border-right:1px solid #95d0e8
}
.round_corner5 {
	border-left:1px solid #46aed8;
	border-right:1px solid #46aed8
}
.round_corner_fg {
	background:#0994CB;
	padding:3px 10px 0px 10px;
	font-weight:bold;
}
 
/* -------------------------------
	CLEARFIX FLOATING FIXES
---------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/*
-------------------------------------------
MAIN SITE STRUCTURE
-------------------------------------------
*/
 
body { 
	margin:0 0 0 0;
	padding:0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.80em;
	color:#666666;
	background-color:#FFFFFF;
}

h1 { color:#666666; font-size:2.0em; margin:0 20px 0 20px; padding:20px 0px 4px 0; border-bottom:1px solid #D0D0D0; }
h2 { color:#666666; font-size:1.6em; margin:0 0 10px 0; padding:10px 0px 0 0; }
h3 { }
h4 { }
h5 { }
h6 { }

h1 a:link, h1 a:visited { color:#666666; text-decoration:none; }
h1 a:hover { color:#666666; text-decoration:none; }

p { margin:0 0 8px 0; }
strong { font-weight:bold; }
em { font-style:italic; }
hr { border:0; color:#000000; background-color:#000000; height:1px; }

.error_text, .error, .errortext { font-weight:bold; color:#c00; }

a:link, a:visited { color:#2DB9EC; text-decoration:none;  }
a:hover { text-decoration:underline; }

.vspace5 {	height:5px;}
.vspace10 {	height:10px;}
.vspace20 {	height:20px;}
.vspace30 {	height:30px;}
.vspace40 {	height:40px;}
.vspace50 {	height:50px;}
.vspace100 { height:100px;}

/* Structural Layout */
#mainWrapper { 
	width:100%; 
	text-align:center;
}
#pageWrapper { 
	width:1000px;
	text-align:left;
	margin:auto;
	position:relative;
}

#topBar { border-left:1px solid #EDEDED; border-right:1px solid #EDEDED; position:relative; }
#topBar a { color:#FFFFFF; }
h1#logo { 
	float:left; 
	display:block;
	width:376px; 
	height:97px;
	padding:0 0 20px 0;
	margin:0;
	background-image:url(/images/layout/logo.jpg);
	background-repeat:no-repeat;
	background-position:20px 0;
	border:0;
}
h1#logo p { display:none; }

#site_logo { 
	float:left; 
	width:376px; 
}

#home_page_link { position:absolute; top:0px; left:20px; display:block; width:356px; height:97px; z-index:5; }

#siteSearch { float:right; width:300px; }
#mainBar {
	min-height:300px;
	background-color:#EEEEEE;
	border-top:2px solid #FFFFFF;
	background-image:url(/images/layout/bg.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
}
* html #mainBar { height:300px; }
#footerBar { padding:0px 0 20px 0; }

.page_content {
	/* width - 960px; */
	padding:0 20px 20px 20px;
}
.nav_col { float:left; width:250px; }
.content_col { float:right; width:690px; }

/* SITE SEARCH */
#site_search_form { float:right; width:330px; padding:40px 0 0 0;; margin:0; }
#site_search_form label { float:left; width:90px; text-align:right; margin:0 10px 0 0; display:inline; font-weight:bold; font-size:0.9em; padding:5px 0 0 0; color:#383A39; }
#site_search_form .textinput { 
	float:left; 
	width:162px; 
	border:1px solid #2DB9EC;
	padding:3px 3px 3px 3px;
}
#site_search_form .submit { 
	float:left; 
	width:30px;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#2DB9EC;
	padding:3px 0px 3px 0px;
	text-align:center;
}
#site_search_form #search_msg {
	padding:5px 0 0 100px;
	color:#FF0101;
	font-weight:bold;
}