@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*RESET FINISHED*/

body
{ 
	background-color: #fff;
	font-family: Georgia, Times, serif;
	font-size: 10px;
	color:#000033;
	line-height:13px;
}
em {
font-style:italic;
}
strong {
font-weight:bold;
}

p {
	margin-top:8px;
}
a {
	color: #266cb4;
	text-decoration: none;
	}
	
	a:hover, a:focus {
		text-decoration: underline;
		}
/*########################LAYOUT#####################################################################*/
#container {
	width:800px;
	margin:0 auto;
}
#flag {
	background: url(../images/headerback_home.jpg) no-repeat #3399FF top left;
	height: 260px;
	margin:0;
	}
	#flag.about {
	background-image: url(../images/headerback_about.jpg);
	}
	#flag.toolbox {
	background-image: url(../images/headerback_toolbox.jpg);
	}
	
	#hiddentop {
		height: 220px;
		width: 459px;
		margin-left:341px;
		display: block;
		background-color:#EBF5FF;
		}
		#ht_content {
		/*display:none; WORK THIS OUT LATER*/
		background-color:#EBF5FF;
		padding: 16px 5px 0 11px;
		overflow: hidden;
		}
	
/*navigation*/	
	ul#navbar {
		display: block;
		margin:3px 0 0 341px;
		padding:7px 0 0;/*12 0 13 0*/
		}
	ul#navbar li{
		display: inline;
		padding: 14px 8px 12px 12px;
		}
	ul#navbar li a{
		color: #fff;
		font-family: Lucida Grande, sans-serif;
		font-weight:200;
		font-size: 14px;
		font-stretch:condensed;
		text-decoration:none;
		text-transform:uppercase;
		line-height: 16px;
		}
		ul#navbar li:hover{
		background: #EBF5FF;
		}
		ul#navbar li:hover a{
		color: #3399FF;
		}
		ul#navbar li#search:hover{
		background-color: transparent;
		}
		
	ul#navbar li.here{
		background-color:#EBF5FF;
		}
		ul#navbar li.here a, ul#navbar li.here a:hover{
		color: #3399ff !important;
		}
	ul#navbar li form {
               float: right;
               top:-10px;
               margin: -18px 0 0 0;
                }
       li form input.input {
               	font-size: 12px;
				color: #999999;
				background: transparent url(../images/search_box.gif) no-repeat 10px -7px;
				width: 60px;
				height: 25px;
				padding: 3px 12px 0 25px;
				border:none;
				}
	li form input.submit {
	width: 30px;
	background: transparent url(../images/search_button_up.gif) no-repeat;
	padding: 3px 12px 0 0;
	margin-left: 5px;
	border: none;
	}
	li form input.submit:focus, li form input.submit:hover {
	background: transparent url(../images/search_button.gif) no-repeat; 
	/*change the url later*/
	}

	#blogtitle {
	left:-999px;
	line-height:1px;
	padding: 0;
	}
	#blogtitle h1 {
	text-indent:-800px;
	color: #fff;
	}
	
#content {
	margin: 0;
	}
#picpane {
	float:left;
	width:340px;
	padding:0 1px 12px 0;
	text-align:right;
	margin-right: 13px;
	overflow:hidden;
	}
#blog {
	float: left;
	width: 437px;
margin-bottom: 12px;
	}

#footer {
	padding-left: 12px;
	padding-bottom: 10px;
	padding-right: 12px;
	padding-top: 0;
	clear:left;
	margin-top: 12px;
	background: #EBF5FF url(../images/footerback.gif) bottom no-repeat;
	color: #3399FF;
}
	#ft_left {
	float:left;
	width: 309px;
		}
	#ft_right {
	text-align: left;
	padding-left: 33px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
	float: left;
	width: 400px;
	}
	#footer p {
	padding-bottom: 3px;
	padding-top: 15px;
	padding-left: 60px;
	text-align: left;}
/*######################## FORMATTING #####################################################################*/
.navsmall {
	font-size: 8px;
	text-transform:lowercase;
	}
	br.spacer {
	clear: both;
	}


.entry p {
	margin: .6em 0 0 0;
	font-size: 1.3em;
	line-height: 1.6em;
	}
.entry p.meta {
	margin:.2em 0 0 !important;
    font-size: 1.1em;
    color: #777;
	}
	.entry p a {
	color: #266cb4;
	text-decoration: none
	}
	.entry p a:hover, .entry p a:focus {
	text-decoration: underline
	}
.entry p.meta span {
	margin-left:24px;
	}
.entry h3, .entry h2 {
	margin-top:12px;
	font-size: 18px;
line-height: 18px;
text-transform:uppercase;
font-family: "Helvetica Neue", Helvetica, Ariel, sans-serif;
	}


.entry h4 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1.8em;
	}
	
	.entry ul {
	list-style: disc outside;
	margin-left: 20px;
	}
	.entry ol {
	list-style: decimal outside;
	margin-left: 20px;
	}
	.entry ol li, .entry ul li {
	font-size: 1.25em;
	line-height: 1.6em;
	margin-top: 10px;
	}
	.entry blockquote {
	margin-left: 20px;
	color: #444;
	font-size: 1.1em;
	line-height: 1.6em;
	font-style: italic;
	}
	
	
h2.title, h2.flagtitle {
	margin-top:12px;
	font-size: 24px;
line-height: 24px;
text-transform:uppercase;
font-family: "Helvetica Neue", Helvetica, Ariel, sans-serif;
	}
	h2 a, h2 a:hover
	{
	text-decoration: none;
	color: #3399FF;
	}

		#ht_content h2.flagtitle {
		margin:0;
		color: #333;
		}
		#ht_content p {
		font-size: 1.4em;
		line-height: 1.8em;
		color: #777;
		margin-left: 2px;
		}

		#ht_content ul#nav_categories {
			padding-left: 4px;
			font-size: 1.4em;
			}
		#ht_content ul#nav_categories li {
			margin: 4px 0;
		}
		ul#nav_categories li span {
			display: block;
			font-size: .8em;
			color: #777;
		}

.paginate {
       margin: 12px 0 0 0;
       font-weight: bold;
float: right;
}
#footer ul li a {
	text-decoration: none;
	color: #266cb4;
}
#footer ul li a:focus, #footer ul li a:hover {
	text-decoration: underline;
}
#footer p a {
	color:#fdfffb;
	text-decoration: none;
	}
#footer p a:focus, #footer p a:hover {
	text-decoration: underline;
	}

h2.sidetitle {
	margin-top:12px;
	font-size: 24px;
	line-height: 24px;
	text-transform:uppercase;
	font-family: "Helvetica Neue", Helvetica, Ariel, sans-serif;
	margin-bottom: 6px;
	}
	
.archive_title {
	color: #777;
	text-align: right;
	font-size: 14px;
	text-transform: lowercase;
	}
.archive_desc {
	color: #777;
	text-align: right;
	}
/*######################## SEARCH #####################################################################*/

.outerBorder {
 border:		none;
}

.paginate {
 font-family:		"Helvetica Neue", Helvetica, Ariel, sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		"Helvetica Neue", Helvetica, Ariel, sans-serif;
 font-size:			12px;
 color:				#777;
 font-weight:		normal;
 background-color: transparent;
 text-transform: lowercase;
}

.tablePad {
 padding:			3px 3px 5px 3px;
 background-color:	#fff;
}

.resultRowOne {
 font-family:		"Helvetica Neue", Helvetica, Ariel, sans-serif;
 font-size:			11px;
 color:				#000;
 padding:           6px 6px 6px 8px;
 background-color:	#DADADD;
}

.resultRowTwo {
 font-family:       "Helvetica Neue", Helvetica, Ariel, sans-serif;
 font-size:         11px;
 color:             #000;
 padding:           6px 6px 6px 8px;
 background-color:  #eee;
}

.resultHead {
 font-family:		"Helvetica Neue", Helvetica, Ariel, sans-serif;
 font-size: 		11px;
 font-weight: 		bold;
 color:				#000;
 padding: 			8px 0 8px 8px;
 border-bottom:		1px solid #999;
 background-color:	transparent;
}
/*######################## COMMENTS #####################################################################*/

div#comments {
margin-top: 12px;
padding-top: 6px;
border-top: dashed #ddd 1px;
}
div#comments p.meta {
	padding-left:24px;
	display: block;
}
div#comments p.meta span.notation {
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 0 !important;
}

div.comments-lead {
	background: url(../images/commentsback.gif)  no-repeat #eeeeff;
	margin: 12px 20px 0 20px;
	padding: 4px;
	color: #555;
}

	div.comments-lead.owner {
		background: url(../images/commentsback_own.gif)  no-repeat #fffedd;
	}
div.comments-lead p	{
	margin-left: 18px;
}
div.add-comments {
	margin: 20px;
	padding: 12px 4px;
	background: #efefef;
}
div.add-comments form h3 {
	font-size: 1.2em;
	font-weight: bold;
}
div.add-comments .guidelines {
	color: #777;
	font-style: italic;
	}
div.add-lead {
	margin: 4px;
}

div.add-lead span {
	display: block;
	font-style: italic;
}
div.add-lead label {
	font-weight: bold;
}
div.add-last-lead {
	margin-bottom: 4px;
	margin-left: 4px;
	}