/*Layout Boxes*/

* {
	padding: 0px;
	margin: 0px;
}

#leafbox-left {
	position: absolute;
	width: 201px;
	left: 4px;
	top: -10px;
}

html>body #leafbox-left {
	position: fixed;
}

#leafbox-right {
	position: absolute;
	left: 832px;
	width: 201px;
	top: -10px;
}

html>body #leafbox-right {
	position: fixed;
}

#center-column {
	position: relative;
	left: 205px;
	width: 620px;
}

#content-wrapper{
	float: left;
}

#main-content {
	float: left;
	position: relative;
	top: -1px;
	width: 600px;
	padding: 10px 15px 10px 10px;
	border: 1px solid #8f8f8f;
	text-align: center;
}

#menu-box {
	padding: 5px 0px 5px 0px;
}

#sub-2column {
	float: left;
	width: 184px;
	padding: 0px 10px 10px 10px;
	border-right: 1px solid #bfbfbf;
	text-align: left;
}

#main-2column {
	float: left;
	width: 375px;
	padding: 0px 10px 10px 10px;
	text-align: left;
}

#main-1column {
	width: 575px;
	text-align: left;
}

#project-blurb {
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid #bfbfbf;
}

#big-box {
	width: 90%;
	padding: 10px;
}

#blogroll-box {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #bfbfbf;
}

#client-blurb {
	background-color: #f2f2f2;
	padding: 10px;
	margin: 10px 5px 10px 20px;
	border: 1px solid #ccc;
}

#comment-box {
	width: 90%;
	margin: 15px 0px 10px 25px;
	border: 1px solid #ccc;
	padding: 10px;
}

/*HTML Elements*/

hr {
	width: 100%;
	height: 2px;
	background-color: #ccc;
	border: none;
	margin: 5px;
}

hr.piece-divider {
	width: 80%;
	height: 1px;
	background-color: #ccc;
	border: none;
	margin: 25px 5% 20px 15%;
}

blockquote {
	background-color: #f2f2f2;
	padding: 10px;
	margin: 10px 5px 10px 20px;
	border: 1px solid #ccc;
	color: #330c00;
}

/*Font Styling*/

* {
	font-family: "Baskerville", "Palatino", Times, "Big Caslon", "Times New Roman", Serif;
}

font.current-client {
	color: #330c00;
}

h2 {
	color: #330c00;
	font-size: 20pt;
	font-weight: lighter;
}

h2.section-header {
	color: #666;
	font-size: 14pt;
	font-variant: small-caps;
}

h2.blogroll {
	color: #666;
	font-size: 18pt;
}

h2.client-name {
	color: #330c00;
	font-size: 16pt;
	font-weight: lighter;
}

h2.mini-header{
	margin-top: 5px;
	color: #330c00;
	font-size: 14pt;
	
}

h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #330c00;
	font-size: 16pt;
	font-weight: lighter;
}

p {
	font-size: 13pt;
	color: #333;
	line-height: 100%;
	padding: 5px;
}

p.menu {
	padding: 5px;
}

p.entry-details {
	font-size: 12pt;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a.menu {
	color: #666;
	font-size: 16pt;
	font-weight: lighter;
}

a.menu:hover {
	color: #333;
	text-decoration: underline;
}

a.menu:active {
	color: #333;
	text-decoration: underline;
}

a.submenu {
	color: #666;
	font-size: 14pt;
	font-weight: lighter;
}

a.submenu:hover {
	color: #333;
	text-decoration: underline;
}

a.submenu:active {
	color: #333;
	text-decoration: underline;
}

a.blog-title {
	color: #330c00;
	font-size: 17pt;
	font-weight: lighter;
}

a.blog-title:hover {
	color: #99cc33;
}

a.project-title {
	color: #330c00;
	font-size: 20pt;
	font-weight: lighter;
}

a.project-title:hover {
	color: #99cc33;
}


a.comment-link {
	color: #666;
	font-size: 12pt;
}

a.comment-link:hover {
	color: #333;
	text-decoration: underline;
}

a.comment-link:active {
	color: #333;
	text-decoration: underline;
}

a.blog-jump {
	color: #330c00;
	font-size: 14pt;
}

a.blog-jump:hover {
	color: #99cc33;
}

a.blog-jump:active {
	color:#99cc33;
}

a.special-class {
color: green;
}

/*Image Styling*/

img.blog {
	border: 1px solid #8f8f8f;
}

img.project-image {
	border: 1px solid #8f8f8f;
}

img.float-project-image {
	float: left;
	margin: 0px 10px 10px 5px;
	border: 1px solid #8f8f8f;
}

img.client-image {
	float: right;
	margin: 5px 5px 5px 10px;
	border: 1px solid #8f8f8f;
}