img { border:0; } html, body { margin:0; } .left { float:left; } .right { float:right; } .clear { clear:both; } .bold { font-weight:bold; } hr { border:0; border-top:1px dotted #897463; }

body {
	background-image:url(images/bg_pattern.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#897463;
}

a:link {
	text-decoration:none;
	color:#589ea8;
	outline:0;
}
a:visited {
	text-decoration:none;
	color:#589ea8;
	outline:0;
}
a:hover {
	color:#76bac4;
}
a:active {
	color:#76bac4;
}

h1 {
	font-size:12px;
	font-weight:bold;
}

h2 {
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #897463;
	padding-bottom: 3px;
	font-size:12px;
	font-weight:bold;
}
h3 {
	font-size:11px;
}

.gradContainer {
	width:100%;
	background-image:url(images/bg_grad.png);
	background-repeat:repeat-x;
	min-height:285px;
}

.wrap {
	width:960px;
	margin:auto;
}


/* *****************
	MENU START
***************** */
.menu {
	width:960px;
	height:42px;
	margin:4px 0px 1px 0px;
	overflow:hidden;
}
.menuUL {
	list-style-type:none;
	display:block;
	margin:0;
	padding:0;
}
.menuItem {
	width:239px;
	height:42px;
	margin:0px 1px 0px 0px;
	font-size:11px;
	text-align:right;
}
.inactive {
	position:relative;
	top:28px;
	left:0px;
}
.menuItem a {
	display:block;
	padding:28px 4px 0px 0px;
	margin:0;
}

.home {
	background-color:#ffe8d6;
}
.home:hover {
	background-color:#76bac4;
}
.home a {
	color:#b28e72;
}

.portfolio {
	background-color:#b28e72;
}
.portfolio:hover {
	background-color:#caa98f;
}
.portfolio a {
	color:#ffe8d6;
}

.blog {
	background-color:#61a8b2;
}
.blog:hover {
	background-color:#76bac4;
}
.blog a {
	color:#a1dce4;
}

.contact {
	background-color:#a1dce4;
}
.contact:hover {
	background-color:#8fced7;
}
.contact a {
	color:#589ea8;
}


/* *****************
	BODY START
***************** */
.container {
	width:960px;
	letter-spacing:1.2px;
	line-height:16px;
	background-image:url(images/bg_body.png);
	background-repeat:repeat-y;
}

.content {
	width:720px;
}
.content .margin {
	margin:12px 17px 10px 17px;
}

.content img, .extraInfo img {
	border:1px solid #ffe8d6;
}

.extraInfo {
	width:239px;
	font-size:10px;
}
.extraInfo .margin {
	margin:12px 17px 10px 17px;
}

.post-cat {
	background:url(images/mini-category.gif) no-repeat left center;
	padding:2px 0 0 18px;
	color:#999999;
}
.post-calendar {
	background:url(images/mini-calendar.gif) no-repeat left center;
	padding:2px 0 0 20px;
	float:right;
}
#comments, #respond {
	border-bottom:1px dotted #897463;
	padding-bottom:5px;
}
.commentlist {
	margin:10px 0px;
	padding-left:20px;
	line-height:130%;
}
.commentlist li{
	padding:5px 10px;
	position:relative;
}

.ul-cat {
	list-style:none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom: 1px dotted #589ea8;
}
.ul-cat li{
	margin:0px;
	padding:2px 0px 2px 20px;
	border-top:1px dotted #589ea8;
	background:url(images/mini-category.gif) no-repeat left center;
}
.ul-cat li a, .ul-cat li a:visited{
	color:#589ea8;
	text-decoration:none;
}
.ul-cat li a:hover{
	color:#76bac4;
	text-decoration:none;
}
.ul-archives {
	list-style:none;
	margin:0px 0px 15px;
	padding:0px;
	border-bottom:1px dotted #589ea8;
}
.ul-archives li{
	margin:0px;
	padding:2px 0px 2px 20px;
	border-top:1px dotted #589ea8;
	background:url(images/mini-monthly-archive.gif) no-repeat left center;
}
.ul-archives li a, .ul-archives li a:visited{
	color:#589ea8;
	text-decoration:none;
}
.ul-archives li a:hover{
	color:#76bac4;
	text-decoration:none;
}
.sidebarForm {
	margin:0 0 8px 0;
}
#searchForm label {
	float:left;
	padding:4px 4px 0 0;
	font-size:11px;
	font-weight:bold;
}
#s {
	float:left;
	width:115px;
}
#searchsubmit {
	float:left;
	background-color:#61a8b2;
	color:#a1dce4;
	border:0;
	padding:4px 4px 3px 4px;
	margin:0 0 0 4px;
}

.post-date {
	width:45px;
	height:49px;
	float:left;
	background:url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size:11px;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align:center;
	display:block;
	line-height:11px;
	padding-top:2px;
	margin-left:-3px;
}
.post-day {
	font-size:18px;
	text-transform:uppercase;
	color:#999999;
	text-align:center;
	display:block;
	line-height:18px;
	padding-top:7px;
	margin-left:-3px;
}
.post-title {
	float:left;
	margin-left:10px;
	width:625px;
}


/* *****************
	FORM START
***************** */
#submitButton {
	background-color:#61a8b2;
	color:#a1dce4;
	border:0;
	padding:4px;
	width:305px;
}

.inputField {
	margin:5px 0 0 0;
	float:left;
	clear:both;
}
.inputField input {
	width:300px;
}
.error {
	margin:5px 0 0 5px;
	padding:2px 0 0 0;
	float:left;
	color:red;
}
.success {
	margin:5px 0 0 5px;
	padding: 2px 0 0 0;
	float:left;
	color:green;
}