/*  
Theme Name: Forest
Theme URI: http://www.chrisbraybrook.com
Description: Fancy-looking forest-type banner followed by a cleanly laid out content design utilizing an interesting variety of columns in some places.
Author: Chris Braybrook
Creation Date: 2005-10-26
*/

	/* BASE REDEFINITIONS */
		body { 
			background-color: #fff; color: #2C4A49;
			font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em;
			text-align: center; }
		a {
			color: #2c4a49;
			font-weight: bold; }
		code { font-size: 1.1em; }
		h1, h2, h3, h4, h5, h6 { margin: 15px 0; }
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }
		hr { border: 1px #2c4a49 solid; border-width: 1px 0 0 0; height: 1px; margin: 0; padding: 0;}
		img { border-width: 0; }
		input, textarea, select {
			background-color: #fff; color: #2c4a49;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
			font-size: 1.0em;
			border: 1px #2c4a49 solid;
			margin-bottom: 2px; }
		pre { 
			font-size: 1.1em; 
			text-align: left; }
		select { font-weight: normal; }
		ul { list-style-type: none; }
	/* END BASE REDEFINITIONS */
	
	/* MISC. CONTENT FORMATTING */
		.caveat { font-size: 0.85em; font-style: italic; }
		.caveat:before { content: "Caveat: "; font-weight: bold; font-style: italic; }
		.small { font-size: 0.75em; }
		.spaced { line-height: 2.0em; }
		.neg_spaced { 
			line-height: 1.25em; 
			display: block;
			margin-left: 35px; }
		.bordered { border: 1px #2c4a49 solid; }
		/* Used for makeing sure that anything following a two / three column-spread
		doesn't get sucked up into the columns by the float */
		.clear { clear: both; }
		.code { font-family: Courier, 'Courier New', serif; font-size: 1.1em; }
		.hidden { display: none; }
		.side_note { float: right; /* Width and Margin-left set in default_res files */ }
		
		/* ERROR & ALERT FORMATS */
		p.alert { border: 1px red solid; background-color: #fdd; display: block; padding: 5px 10px; }
		.alert { color: red; }
		.nice_error { border: 1px #2c4a49 solid; background-color: #d3e4e2; display: block; margin: 10px 0; padding: 5px 10px; }
		/* END ERROR & ALERT FORMATS */
	/* END MISC. CONTENT FORMATTING */
	
	/* BASIC PAGE LAYOUT STUFF */
		#main_container {}
	
		#header { 
			background: url(/images/banner.png) no-repeat; /* Should change banner image to JPG or compress to save on loading time */
			/* Width set in default_res files */ height: 205px; 
			text-align: center; }
			
		#content {
			text-align: left;
			padding: 10px 0 0 10px;
			/* Width set in default_res files */
			position: relative; top: -25px; }

		#content .column { }
		#content #column_one {
			border: 1px #2c4a49 solid; border-width: 0 1px 0 0;
			float: left; 
			padding: 5px 15px 0 0;
			width: 425px; }
		#content #column_two {
			margin-left: 435px; padding: 5px 40px 0 40px;}

		#footer {
			font-size: .75em;
			border: 1px #2c4a49 solid; border-width: 1px 0 0 0;
			padding-top: 3px;
			/* width set in default_res files */ }
		#footer a { font-weight: normal; text-decoration: none; }
		#footer a:hover { font-weight: bold; text-decoration: underline; }
		#footer p { text-align: left; margin-right: auto; }

		/* WORDPRESS STYLES */
			#content .post { border: 1px #2c4a49 solid; border-width: 1px 0 0 0; }
			#content .post_top { border-width: 0; }
			.wp_content { margin-left: 145px; padding-left: 25px;}
			ul#wp_sidebar {
				font-size: 1.0em;
				float: left;
				margin: 15px 5px 0 0; padding: 0;
				width: 135px; }
			ul#wp_sidebar li {
				text-indent: 0;
				margin-bottom: 10px; }
			ul#wp_sidebar li li {
				text-indent: 0;
				margin-bottom: auto; }
			ul#wp_sidebar li h2, ul#wp_sidebar li a { 
				font-size: 1.0em; font-weight: normal; text-decoration: none;
				margin: 0 0 0 10px; padding: 0; }
			ul#wp_sidebar li h2 { font-weight: bold; margin: 0; }
			ul#wp_sidebar li a:hover { text-decoration: underline; }
			ul#wp_sidebar ul { margin: 0 0 0 10px; padding: 0; }
			ul#wp_sidebar li ul li { text-indent: -10px; }
			ul#wp_sidebar li#pagemark_img img {
				border: 1px #2c4a49 solid;
				margin: 0 0 5px 0; padding: 0; }
			ul#wp_sidebar li#search input#s { width: 130px; }
			span.blogStamp { 
				display: block; text-align: right; 
				margin: 0; padding: 0; }
			.post img { border: 1px #2c4a49 solid; }
			img.img_center { margin: 15px 7% 0 7%; }
		/* END WORDPRESS STYLES */
	/* END BASIC PAGE LAYOUT STUFF */

	/* MAIN MENU STYLES */
		ul#main_menu {
			text-align: right;
			border: 1px #2c4a49 solid; border-width: 0 0 1px 0;
			margin: 0; }
		ul#main_menu li.menu {
			display: inline;
			background-color: #fff;
			border: 1px #2c4a49 solid;
			margin: 5px 5px 0 5px; padding: 2px 10px; 
			position: relative; top: -2px;}
		ul#main_menu li.act_menu { border-bottom-color: #fff; }
	
		a.tab { text-decoration: none; }
		a:hover.tab { text-decoration: underline; }
	
		ul#sub_menu {
			text-align: left;
			background-color: #d3e4e2;
			border: 1px #2c4a49 solid; border-width: 0 0 1px 0;
			margin: 0; padding: 3px 0 5px 2px; }
		ul#sub_menu li {
			text-align: left;
			display: inline;
			white-space: pre;
			margin: 0 10px; }
		ul#sub_menu li a { text-decoration: none; }
		ul#sub_menu li a:hover { text-decoration: underline; }
	/* END MAIN MENU STYLES */
	
	/* MISCELLANEOUS */
		ul#pagemark_img {
				margin: 0 20px 20px 0; padding: 0;
				position: relative; left: 200px; z-index: 2; }
		ul#pagemark_img li { 
			display: inline;
			margin: auto 5px; }
		ul li.pagemark_img img {
			border: 1px #2c4a49 solid;
			margin: 0 0 5px 0; padding: 0; }
			
		ul.image_list {}
		ul.image_list img {
			border: 1px #2c4a49 solid;
			/* Margin set in default_res files */ padding: 0; }
		ul.banner li {
			display: inline;
			/* Margin set in default_res files */ padding: 0; }

		div#blog_excerpt { 
			color: #00106c;
			background-color: #eeeff5;
			border: 1px #00106c solid;
			margin: 10px 0 10px 20px; padding: 10px;
			width: 150px;
			float: right; }
		div#blog_excerpt h1, 
		div#blog_excerpt h2, 
		div#blog_excerpt h3, 
		div#blog_excerpt h4, 
		div#blog_excerpt h5, 
		div#blog_excerpt h6 { 
			color: #00106c;
			margin-top: 0; }
		div#blog_excerpt h1 a, 
		div#blog_excerpt h2 a, 
		div#blog_excerpt h3 a, 
		div#blog_excerpt h4 a, 
		div#blog_excerpt h5 a, 
		div#blog_excerpt h6 a { color: #00106c; }
			
		div#portfolio_splash {
			border: 1px #2c4a49 solid; border-width: 1px 0 0 0;
			margin-top: 15px; }
			
		ul#rate_list li { }
		ul#basic_website_pkglist { }
		.use_list_style {
			list-style-type: disc;
			margin-bottom: 5px; }
	/* END MISCELLANEOUS */