@import "src/reset.css";
@import "src/typography.css";
@import "src/form.css";
@import "src/grid.css";

a {color: blue;}
body {background-image: url(../images/bg.gif); background-repeat: repeat-y; }
h2 {font-weight: bold; font-size: 12px;}
ol, ul {padding-left: 3.8em;}

#page {width: 900px;}

/* SIDEBAR */

#sidebar {xxxbackground-image: url(../images/bg-aqua2.gif); margin-right: 30px; padding-bottom: 30px; width: 230px !important;}
	#logo {display: block;width: 141px; height: 216px; background-image: url(../images/logo.png); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 30px; }
		#logo a {display: block;width: 100%; height: 216px; text-decoration: none;}
	#sidebar p {margin-left: 25px; margin-right: 10px; }
	#sidebar h2 {margin-left: 25px; margin-right: 25px; }




/* CONTENT */

#content {margin-right: 30px;}
#content .navigationpath { margin-top: 40px; margin-bottom: 30px; xxxfont-weight: bold; }

#content .post p {font-size: 130%;}
#content h2 { font-weight: bold; text-transform: uppercase; font-size: 14px; margin-top: 30px; margin-bottom: 0px;  }
#content h3 {font-size:13px;font-weight:bold;line-height:1;margin-bottom:1em;xxxmargin-top:1em;}
#content .post small { margin-bottom: 15px; display: block; }
#content span.comment {color: #888; font-size: 88%;}
#content .navigationpath, #content .postmetadata, #content small { font-size: 100%; color: #888;}

#respond { xxxbackground-color: #eaeaea; margin-top: 40px; padding-top: 1.5em; border-top: 1px solid #ccc;}
	#respond textarea {width: 430px;}
#footer {margin-top: 30px; margin-bottom: 50px; display: block;}

/* SIDEBAR 2 */

#sidebar2 {
	width: 200px;
	background-color: #e6e6e6;
	background-image: url(../images/sidebar2-bg.gif); background-position: bottom center; background-repeat: no-repeat; 
	padding-top: 135px; padding-bottom: 220px;
	} 
	#sidebar2 p, #sidebar2 h2 {margin-left: 25px; margin-right: 25px; }