* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html {
	height: 101%;
	background-color: #381101;
	padding-bottom: 15px;
}

body {
	font-size: 100%;
	background: #E3DFD6 url(/images/bg_content.gif) repeat-y 0 0;
}
h1, h2, h3, h4, h5 { font: normal 100%/100% arial, verdana, sans-serif; }
h1 {
	font-size: 1.5em;
	line-height: 100%;
	color: #000;
	padding: 0 0 10px 0;
}
h2 {
	font-size: 1.1em;
	line-height: 100%;
	padding: 5px 0 5px 0;
	color: #5B514D;
}

h2.post_title {
	font-size:1.3em;
	font-weight:bold;
}

h2 a, h2 a:visited { font-weight: bold; color: #5B514D; }
h3 {
	font-size: 1.0em;
	padding: 0 0 5px 0;
	color: #333;
}
h3 a, h3 a:visited { font-weight: normal; color: #333; }
h4 {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 3px 0;
	color: #EC008A; 
}
h5 {
	font-size: 1.5em;
	color: #FFF;
	padding: 30px 0 0 32px;
}

p, ol, ul, table, dl { font: normal .75em/150% "Trebuchet MS", Arial, sans-serif; padding: 0 0 10px 0; }
p, li, td, th { color: #381101; }

a, a:visited { color: #C47C00; text-decoration: none; font-weight: bold; }
a:hover { color: #C47C00; text-decoration: underline; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; list-style-position: inside; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; list-style: square; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }

#header {
	height: 142px;
	background: #C47C00 url(/images/logo.gif) no-repeat 0 0;
	border-bottom: 1px solid #FFF;
}
#header a { display: block; width: 377px; height: 142px; }

#nav { height: 35px; background: url(/images/bg_nav.gif) repeat-x 0 0; }
#nav ul { padding: 0 0 0 15px; font-size: 0.85em; }
#nav ul li {
	float: left;
	padding: 4px 5px 0 5px;
	list-style-type: none;
	line-height: 30px;
}
#nav ul li a { color: #FFF; text-decoration: none; display: block; padding: 0 16px; }
#nav ul li a:hover, #nav ul li.current a {
	background-color: #FFF;
	color: #C47C00;
	border: 1px solid #381101;
	border-bottom: none;
	padding: 0 15px;
}

#wrapper { background: url(/images/bg_watermark.jpg) no-repeat 0 100%; }

#content { width: 828px; }
#content .content_padding { padding: 30px 0 0 42px; }

#text_col { width: 440px; float: left; margin-right: 15px; }

#pic_col { width: 314px; float: left; }

#notice {
	background-color:#FFC;	
	border:1px solid #CC9;
	}
	#notice p {
		margin-left:20px;
		padding:5px;
		font-size:1.05em;
		line-height: 150%;
		color:#999;
	}
	#notice a {
		border:1px solid #CC9;
		text-decoration:none;
		padding:3px 5px 2px 5px;
		color:#CC9;
		font-weight:bold;
		font-size:12px;
		line-height:12px;
	}

#feature_space { background-color: #381101; }

#feature_project, #feature_news, #feature_blog { float: left; height: 172px; }
#feature_project p, #feature_news p, #feature_blog p { font-size: 11px; line-height: 115%; color: #FFF; padding: 0 0 5px 0; }
#feature_project a, #feature_news a, #feature_blog a { color: #FFF; }
#feature_news h2, #feature_blog h2 { font-size: 14px; color: #FFF; padding: 0; font-weight: bold; }

#feature_project { width: 290px; background: url(/images/bg_project.gif) no-repeat 0 0; }
#feature_project .padding { padding: 44px 10px 0 20px; }
#feature_project img { float: left; border: 1px solid #381101; margin: 0 10px 0 0; }

#feature_news { width: 291px; background: url(/images/bg_news.gif) no-repeat 0 0; }
#feature_news .padding { padding: 44px 10px 0 24px; }
#feature_news .first { border-bottom: 1px dotted #FFF; margin-bottom: 5px; }
#feature_news h2 a, #feature_news h2 a:visited { color: #FFF; text-decoration: none; }
#feature_news h2 a:hover { text-decoration: underline; }

#feature_blog { width: 247px; background: url(/images/bg_blog.gif) no-repeat 0 0; }
#feature_blog .padding { padding: 44px 10px 0 23px; }
#feature_blog h2 a, #feature_blog h2 a:visited { color: #FFF; text-decoration: none; }
#feature_blog h2 a:hover { text-decoration: underline; }

#footer { background-color: #381101; padding: 15px 0 0 12px; }
#footer p, #footer a { color: #FFF; }
#footer ul { padding: 0; }
#footer ul li { list-style-type: none; padding: 0; float: left; color: #FFF; }
#footer ul li.first a { padding-left: 0; }
#footer ul li a { padding: 0 10px; }

/***********************************************
				UNIVERSAL CLASSES
***********************************************/
.clear { clear: both; }
.img_header { margin: 0 0 10px 0; }
.formfield {
	width:250px;
	font-size:16px;
	margin:0;
	padding:2px;
}
input.formfield { height:18px; }

.news_item { margin-bottom: 15px; }
.news_item h2 { color: #381101; font-weight: bold; padding: 0; }
.news_item img { float: right; margin: 0 0 0 10px; padding: 2px; border: 1px solid #000; }

.project_summary { margin: 0 0 10px 0; }
.project_summary img { float: right; margin: 0 0 0 10px; padding: 2px; border: 1px solid #000; }

.project_pictures img { float: left; padding: 2px; border: 5px solid #000; margin: 0 10px 10px 0; }

.author { font-weight: bold; padding: 0 0 3px 0; margin: 0 0 10px 0; border-bottom: 1px solid #000; }

#comment_form {
	padding:10px 10px 0 10px;
	background-color:#fafafa;
	border:1px solid #ccc;
}
.comment {
	padding:9px 9px 0 9px;
	margin:7px 0 15px 0;
	border:1px solid #C47C00;
	background-color:#F6F4E8;	
}
.date_by { color:#666; }
.posts_author_tagged {
	color:#333;
	font-weight:normal;
	border-bottom:1px solid #C47C00;
	padding:15px 0 3px 0;
	margin:0 0 10px 0;
}
.blog_pic { float: left; margin: 0 10px 5px 0; border: 1px solid #000; padding: 2px; }