/*
Theme: SweetBuzz Blue by Brian Green and Darjan Panic,	www.darjanpanic.com
*/
* {margin: 0; padding: 0; }

html { height: 100%; }
body {
	width: 860px;
	padding-left: 30px;
	font-family: "arial";
	font-size: 11px;
	color: #333333;
	background: #fff url(images/bg-body.gif) top left repeat-y;
	}

#header {
	width: 900px;
	height: 196px;
	margin: 0 0 20px 20px;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	background: url(images/bg-header.gif) no-repeat;
	}
	#header a {
		font: 30px "Trebuchet ms", sans-serif;
		text-decoration: none;
		color: #036484;
		}

#main {
	float: left;
	width: 470px;
	}
	#main p { margin: 8px; }
	#main p.subhead {
		margin: 0; padding: 0 10px;
		line-height: 30px;
		background: url(images/bg-subhead.gif) no-repeat;
	}

#sidebars {
	float: right;
	width: 360px;
	}
#left {
	float: left;
	width: 170px;
	padding-left: 5px;
	border-left: 1px solid #036484;
	}
	#left p{ margin:5px 10px; }
	#left ul { margin: 0px; padding: 0px; }
	#left li { margin: 5px 0 0 45px; }
		#left li.bullet1{ list-style-image: url(images/b1.gif); }
		#left li.bullet2{ list-style-image: url(images/b2.gif); }
		#left li.bullet3{ list-style-image: url(images/b3.gif); }
		#left li.bullet4{ list-style-image: url(images/b4.gif); }
		#left li.bullet5{ list-style-image: url(images/b5.gif); }

#right {
	float: right;
	width: 170px;
	padding-left: 5px;
	border-left: 1px solid #036484;
	font-family: tahoma;
	}
	#right ul { margin: 5px 20px 20px 10px; }
	#right li { list-style: none; border: 1px solid #fff;}
		#right li a {
			padding: 3px 25px;
			display:block;
			color: #fff;
			}
		#right li.category a{ 	background: url(images/menu1.gif) no-repeat; }
		#right li.children a{ 	background: url(images/menu2.gif) no-repeat; color: #000; }
		#right li.archives a{ 	background: url(images/menu3.gif) no-repeat; }
		#right li.category a:hover, #right li.children a:hover, #right li.archives a:hover 
			{ background-position: 0px -18px;}

#footer {
	clear: both;
	width: 920px; height: 120px;
	font: 10px "trebuchet MS";
	color: #333;
	background: url(images/bg-footer.gif) no-repeat;
	}
	#footer p { padding: 80px 0 0 10px; }

a {
	text-decoration: none;
	color: #036484;
	}
	a:hover { text-decoration: underline; }

h1 {
	margin: 0px;
	padding-left: 10px;
	font: 20px "trebuchet ms";
}

h2 {
	height: 37px;
	padding-left: 15px;
	padding-right: 0px;
	font: lighter 18px/37px "trebuchet ms";
	background: url(images/bg-h2.gif) no-repeat;
}
img{ float: right; }
