@import url(base.css);
@import url(boxes.css);


/* 1. CUSTOM BOX STYLES
**********************************************************/
.white { position: relative; }
.white .bt, .white .bt div, .white .bb, .white .bb div { background-image:url(../images_www/boxes/rnd-ffffff_ds.gif); height: 8px; position: relative; }
.white .i1, .white .i2 { background-image:url(../images_www/boxes/rnd-ffffff_ds_bdrs.gif) }
.white .i1 { padding:0 0 0 1px; }
.white .i2 { padding:0 3px 0 0; }
.white .i3 { padding: 20px 40px; background-color: #ffffff; _height: 100%;  }


/* 2. PAGE LAYOUT
**********************************************************/
#wrapper {
	width: 1000px;
	position: relative;
}

.column { float: left; }

.blogbody {
	width: 600px;
	position: relative;
	height: auto;
}

.blognav {
	width: 250px;
	position: relative;
	padding: 0 0 0 40px;
}



/* 3. PAGE ELEMENTS
**********************************************************/

.blogbody h1 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
}
.blogbody h1, .blogbody h1 a, .blogbody h1 a:hover {
	color: #437913;
}

.blogpost {
	padding-bottom: 0px;
	margin: 25px 0;
	border-bottom: 1px solid #d4d4d4;
}
.blogdate {
	text-transform: uppercase;
	color: #999999;
	padding: 0 0 0 20px;
	background: url(../images_www/icon-clock.gif) no-repeat 0 0;
}
.blogtitle h3 {
	padding: 6px 0 0 0;
}
.blogtitle a, .blogtitle a:visited {
	font-size: 18px;
	font-weight: normal;
	color: #333;
}
.blogtitle a:hover {
	text-decoration: underline;
}
.blogcontent {
	color: #666;
	border-bottom: 1px solid #f1f1f1;
}

.bloglinks {
	padding: 8px 0px;
	border-bottom: 1px solid #f1f1f1;
}

#blogcomments h3 {
	font-weight: normal;
	padding: 8px 0 0 15px;
}
#blogcomments li {
	padding: 15px;
	margin: 6px 0;
	background: #f3f7fb;
	border-top: 1px solid #cddfef;
	border-bottom: 1px solid #cddfef;
}
#blogcomments li .c_mesg {
	
}
#blogcomments li .c_date {
	color: #999;
	font-size: 11px;
	padding-bottom: 3px;
	text-transform: uppercase;
}
.blogleavecomment {
	padding: 0 0 0 20px;
	margin: 0;
	color: #333;
	text-transform: uppercase;
	background: url(../images_www/icon-bubble-sm.gif) no-repeat 0 0;
}
.blogcommentform {
	padding: 15px;
	margin: 6px 0;
	background: #f5f5f5;
	font-size: 12px;
	color: #666;
}
.blogcommentform input {
	width: 300px;
	z-index: 99;
}
.blogcommentform textarea {
	width: 450px;
	height: 200px;
}
.blogcommentform label {
	display: block;
	padding: 12px 0 6px 0;
}
.blogcommentform .q_submit a {
	display: block;
	height: 35px;
	width: 80px;
	background: url(../images_www/button_submit_sm_orange.png) no-repeat 0 0;
	text-indent: -999px;
	margin-top: 15px;
}

.blognav h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #437913;
	padding: 13px 10px 10px 10px;
	border-bottom: 1px solid #d4d4d4;
	_width: 250px;
}
.blognav ul {
	_width: 250px;
}
.blognav li {
	padding: 10px 10px 10px 30px;
	line-height: 1.25em;
	border-bottom: 1px dotted #d4d4d4;
	background: url(../images_www/icon-page-sm.gif) no-repeat 10px 10px;
}

.blognav #expertslink a {
	display: block;
	height: 34px;
	_height: 49px;
	_width: 250px;
	padding: 15px 0px 0px 55px;
	margin-top: 20px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background: #4c3c88 url(../images_www/experts-tile.jpg) no-repeat 0px 0px;
}
