/*   Basic styles   */
* {  margin: 0; padding: 0;  }
body { background: #fff; font: 80% Arial, Helvetica, sans-serif; color: #333; text-align: left; }
input, textarea, select, form, img, ol, ul { margin: 0; padding: 0; border: 0 none; }
p, ol, ul { line-height: 150%; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-style: normal; font-weight: 400; background: transparent; color: #8ebf00; }
h1 { font-size: 1.8em; } 
h2 { font-size: 1.6em; }
h3, h4, h5, h6 { font-size: 1em; }
p { padding: 7px 0 10px; margin: 0; }

a:link { color: #8ebf00; text-decoration: underline; }
a:visited { color: #8ebf00; text-decoration: underline; }
a:hover { color: #underline; text-decoration: none; }
a:active { color: #underline; text-decoration: none; }
blockquote { margin: 7px 0; padding: 10px 10px 10px 50px; background: transparent url(../images/blockquote.gif) no-repeat 0 0; color: #abafb9; }
code { background: #f2f8e2; cursor: text; font-family: "Courier New", Courier, monospace; }
pre { border: 1px dotted #8ebf00; background: #f6fbea; padding: 10px; border: 1px dashed # ; cursor: text; font-family: "Courier New", Courier, monospace; }
small { font-size: 0.8em; }
img.noborder { border: none; }

.alert { font-weight: bold; color: #f00; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }

/*   Construction     */

#outline { width: 100%; margin: 0 auto; padding: 0; background: #fff url(images/background.jpg) repeat-x; }
#container { width: 940px; margin: 0 auto; }
#wrapper { float: left; margin: 0 !important; margin: -15px 0 0 0; padding: 0;}
#content { float: left; width: 630px; height: 100%; }

/*   Header   */

#header { width: 100%; height: 74px; background: transparent url(../images/header-bg.gif) repeat-x left top; }
	#header .blogtitle { width: 940px; height: 55px; background: transparent url(../images/basecode_logo.gif) no-repeat 0 20px; margin: 0 auto; }
	#header h1 { padding: 50px 0 0 50px; }
	#header h1 a { display:block; width: 0; height: 0; overflow:hidden; }
	#navbar-holder { clear: both; width: 100%; height: 28px; background: #8ebf00; }
		#navbar { width: 940px; height: 28px; padding: 0; margin: 0 auto; }
			ul.menu { float: left; margin: 0; padding: 0; list-style-type: none; }
			ul.menu li { float: left; }
			ul.menu li a { float: left; display: block; height: 25px; padding: 3px 20px 0 20px; line-height: 21px; color: #fff; border-left: 1px solid #7ca603; border-right: 1px solid #a1d311; }
			ul.menu li a:link, ul.menu li a:visited { color: #fff; background: none; text-decoration: none; }
			ul.menu li a:hover, ul.menu li a:active { color: #333; background: #e2f3bd; text-decoration: none; }
			ul.menu li.current_page_item a:link, ul.menu li.current_page_item a:visited, ul.menu li.current_page_item a:hover, ul.menu li.current_page_item a:active { color: #fff; background: none; text-decoration: none; }
	

/*   Content    */

.post { padding: 20px 30px 20px 0; color: #191919; }
	.post a, .post a:hover { color: #C70000; }
	.post span.alert { font-weight: bold; color: #f00; }
	.post ul li { list-style: none; display: block; background: url(../images/green-bullet.gif) no-repeat 5px 7px; padding: 3px 0 3px 25px; margin: 0; }
	.post ul.instruction li { list-style: none; display: block; background: url(../images/lightbulb.gif) no-repeat 0px 7px;  }
	.post ul.faq { padding: 20px 0; }
	.post ul.faq li { padding: 1px 0 1px 25px; background: url(../images/green-bullet.gif) no-repeat 5px 50%;  }
	.post h3 { color: #333; font-weight: 400; font-size: 1.4em; padding: 10px 0 5px; margin: 0; background: url(../images/separator_grey.gif) repeat-x center bottom;  }
	
	.posttitle { font-size: 2em;}
		.posttitle a:link, .posttitle a:visited, .posttitle a:hover, .posttitle a:active { color: #3f3f3f; text-decoration: none; }
		.posttitle a:hover, .posttitle a:active { color: #3f3f3f; text-decoration: underline; }
		.posttitle span { font-size: 1em; clear: both; line-height: 2em; display: block; color: #888;  }
		.posttitle span a:link, .posttitle span a:visited { text-decoration: underline; color: #888; } 
		.posttitle span a:hover, .posttitle span a:active{ color: #6f9403; text-decoration: none; }	
	

/*   Sidebar      */

#sidebar { float: right; width: 270px; height: 100%; margin: 0; padding: 0;	 }
	#sidebar h2 { display: block; margin: 20px 0 7px 0; padding: 0 0 7px; background: url(../images/separator_green.gif) repeat-x center bottom; font-size: 1.4em; font-weight: 400; color: #333; }
	#sidebar ul { clear: both; margin: 0; padding: 0; list-style-type: none; }
	#sidebar ul li { clear: both; color: #bbb; }
	#sidebar p { padding: 5px 0; }

/*   Bottom       */

#bottom { clear: both; 	float: left !important; float: none; width: 100%; height: 100%; margin: 0; padding: 0; background: #8ebf00 url(../images/background_tile.gif) repeat-x 0 0; border-top: 20px solid #fff; font-size: 0.9em; text-align: left; color: #fff; }
.bottom-content { width: 950px; margin: auto; }
#bottom-left, #bottom-mid, #bottom-right { width: 280px; padding: 30px 0; float: left; }
#bottom-left, #bottom-mid { padding-right: 50px; }
	#bottom h2 { padding: 0 0 5px; font-size: 1.7em; color: #fff; }
	#bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #c5df8d; }
	#bottom ul li { font-size: 1.1em; line-height: 2.2em; border-bottom: 1px solid #c5df8d; }
	#bottom ul li a { display: block; line-height: 2.2em; padding: 0 10px; text-decoration: none; color: #fff; }
	#bottom ul li a:hover { background: #c5df8d; color: #333;  }
	#bottom p { color: #333; }

ul#features li { background: none; }
ul#features li.underline { text-decoration: underline; }
ul#features li.bigger { font-size: 1.4em; line-height: 1.7em; }
ul#features li.colour { color:#FF0000; }
ul#features li.list { padding-left: 20px; background: url(../images/bullet_black.gif) 0 50% no-repeat; }
ul#features li.strike { text-decoration: line-through; }
ul#features h1 { color: #fff; font-size: 1.7em; font-weight: 700; padding: 0; margin: 0; }
ul#features h2 { color: #fff; font-size: 1.3em; font-weight: 700; padding: 0; margin: 0; }
.post ul#features { margin-left: 20px; width: 400px;}
.post ul#features li { line-height: 1.9em; border-bottom: 1px solid #efefef; }
.post ul#features li.list { padding-left: 40px; background: url(../images/bullet_black.gif) 20px 50% no-repeat; }
.post ul#features h1, .post ul#features h2 { color: #333; }

/*   Footer       */

#footer { width: 100%; height: 74px; clear: both; background: #333; border-top: 1px solid #000; color: #fff; } 
#footer .validate { background: url(images/icon_valid.gif) no-repeat 0 0; padding: 0 5px 0 20px; }
#footer .credits { float: right; margin: 0; padding: 0; border: none; } 
#footer p { margin: 0; padding: 13px 25px; font-size: 0.9em; line-height: 200%; display: block; width: 960px; margin: 0 auto; }
#footer p a:link, #footer p a:visited { color: #8ebf00; }
#footer p a:hover { color: #fff; }
#footer p a:active { color: #8ebf00; }