/* ### PAGE GENERAL ### */

body {
	background:#000000 url(../images/page_bg.gif) repeat-x;
	color:#a4a4a4;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

a {
	color:#4b4b4b;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img.fl {
	float:left;
	margin:0 15px 15px 0;
}

img.fr {
	float:right;
	margin:0 0 15px 15px;
}

input, selectbox, textarea {
	color:#FFFFFF;
	font:normal 11px Arial, Helvetica, sans-serif;
}

h2,h3,h4,h5 {
	color:#FFFFFF;
}

a.more,
button.submit-btn {
	background:url(../images/submit_button_bg.jpg) no-repeat;
	border:none;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	padding:0;
	line-height:33px;
	height:33px;
	width:116px;
	text-indent:14px;
	text-align:left;
}

/* ### FORM ### */

div.form div.form-group {
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
}

div.form div.form-group label{
	float:left;
	width:85px;
	margin-right:10px;
	padding-top:5px;
}

div.form div.form-group .textfield{
	background-color:#1a1a1a;
	border:none;
	margin-right:10px;
	padding:5px;
	vertical-align:top;
	width:250px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:240px;
}

div.form div.form-group .textfield:hover,
div.form div.form-group .textfield:focus {
	background-color:#333333;
}

div.form div.form-group textarea.textfield {
	overflow:hidden;
}

div.form button.submit-btn {
	margin-left:95px;
}

/* ### LAYOUT ### */

div#wrapper {
	background:url(../images/wrapper_bg.jpg) 100% 0 no-repeat;
	margin:0 auto;
	text-align:left;
	width:960px;
}

/* ### HEADER ### */

div#header {
	background:url(../images/header_bg.png) no-repeat;
	position:relative;
	height:127px;
	margin-bottom:15px;
}

	/* ### LOGO #### */

	div#header h1#logo {
		position:absolute;
		left:32px;
		top:42px;
	}

	div#header h1#logo, 
	div#header h1#logo a {
	height:63px;
	width:240px;
	text-indent:-9999px;
	}

		div#header h1#logo a {
	display:block;
	background-image: url(../images/mavenlogo.gif);
	background-repeat: no-repeat;
		}

	/* ### NAVIGATION #### */

	div#header ul#navigation {
		position:absolute;
		right:12px;
		top:45px;
	}

		div#header ul#navigation li {
			display:inline;
		}

			div#header ul#navigation li a {
				color:#ffffff;
				font:normal 12px "Trebuchet MS", sans-serif;
				float:left;
				padding:0 9px 7px;
				margin-right:7px;
				text-decoration:none;
			}

			div#header ul#navigation li a:hover,
			div#header ul#navigation li a.current {
				background:url(../images/navigation_link_hover_bg.gif) 50% 100% no-repeat;
			}

/* ### SHOWCASE ### */
div#showcase-container {
	background:url(../images/showcase_container_bg.jpg) 50% 100% no-repeat;
	padding-bottom:36px;
	position:relative;
	margin-bottom:25px;
}
	
	div#showcase ul li {
		float:left;
		height:235px;
		width:913px;
	}

		div#showcase ul li img {
			border:solid 1px #9e9e9e;
			float:right;
		}

		div#showcase ul li div.content {
			float:left;
			width:360px;
		}

		div#showcase ul li div.content h2 {
			font-size:24px;
		}

		div#showcase ul li div.content a.more {
			float:right;
			margin-top:20px;
		}

	div#showcase-navigation {
		position:absolute;
		top:245px;
		right:30px;
		width:55px;
		height:13px;
	}

		div#showcase-navigation a {
			background:url(../images/showcase_navigation.gif) no-repeat;
			height:13px;
			width:8px;
			overflow:hidden;
			text-indent:-9999px;
		}
	
		div#showcase-navigation a.next {
			background-position:-8px 0;
			float:right;
		}
	
		div#showcase-navigation a.previous {
			float:left;
		}

		div#showcase-navigation a.next:hover {
			background-position:-8px -13px;
		}
	
		div#showcase-navigation a.previous:hover {
			background-position:0 -13px;
		}

/* ### MAIN ### */
div#main {
	padding:0 20px;
}

div#main p {
	line-height:18px;
	margin-bottom:9px;
}

div#main h2 {
	font-size:18px;
	margin-bottom:14px;
}

div#main h2 a {
	color:#FFFFFF;
}

div#main h3 {
	font-size:14px;
	margin-bottom:14px;
}

div#main h4 {
	font-size:12px;
	margin-bottom:8px;
}

div#main blockquote {
	font-size:12px;
	font-style:italic;
	margin:20px;
}

/* ### CONTENT ### */
div#content {
	display:inline; /* ie6 double margin fix */
	float:left;
	width:602px;
}

	/* ### LIGHTBOX ### */
	a.lightbox {
		background:url(../images/zoom_in_magnifier_icon.png) 50% no-repeat;
		display:block;
	}
	
	a.lightbox img {
		border:solid 1px #000000;
	}
	

	/* ### BREAD CRUMB ### */
	div#bread-crumb {
		margin-bottom:32px;
		padding-top:5px;
	}
		div#bread-crumb a {
			background:url(../images/bread_crumb_link_bg.gif) 100% 50% no-repeat;
			color:#905a32;
			padding-right:15px;
			margin-right:11px;
		}
	
		div#bread-crumb a.current {
			background:none;
		}
	
	/* ### POST ### */

	div.post {
		margin-bottom:30px;
	}

	div.post h3,
	div.post div.post-entry	 {
		line-height:18px;
		margin-bottom:9px;
	}


	div.post ul {
		margin-left:20px;
		margin-bottom:20px;
	}
	
	div.post ul li {
		background:url(../images/list_item_bg.gif) 0 6px no-repeat;
		padding-left:16px;
		margin-bottom:6px;
	}

	div.post ul li ul {
		margin:0;
	}
	
	div.post ul li ul li {
		margin-top:8px;
	}

	div.post p.post-meta {
	color:#4b4b4b;
	font-size:9px;
	margin-bottom:0 !important;
	}

		div.post p.post-meta span.date{
			float:left;
		}
	
		div.post p.post-meta span.link{
			float:right;
		}

			div.post p.post-meta span.link a{
				margin-right:33px;
			}

	div#post-list div.post {
		background:url(../images/post_seperator.gif) 0 100% no-repeat;
		padding-bottom:23px;
	}

	div#post-list div.post.last-item {
		background:none;
		padding-bottom:0;
		margin-bottom:0;
	}

	div#post-detail div.post p.post-meta {
		margin-top:-10px;
	}

		div#post-detail div.post p.post-meta span.date {
			float:right;
		}

	
/* ### SIDEBAR ### */
div#sidebar {
	background:url(../images/sidebar_bg.png) no-repeat;
	float:right;
	font-size:12px;
	min-height:555px;
	height:auto !important;
	height:555px;
	width:283px;
	padding-right:3px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:280px;
}

div#sidebar div.sidebar-box {
	padding:0 18px 8px;
}

	div#sidebar div.sidebar-box h3 {
		background:url(../images/sidebar_box_header_bg.jpg) no-repeat;
		color:#FFFFFF;
		line-height:22px;
		padding:0 16px;
		margin-left:-15px;
		margin-right:-21px;
		margin-bottom:22px;
	}
	
	div#sidebar div.sidebar-box ul li {
		font-weight:bold;
		margin-bottom:16px;
	}

		div#sidebar div.sidebar-box ul li a {
			background:url(../images/sidebar_box_list_item_link_bg.gif) 0 50% no-repeat;
			color:#c9c9c9;
			padding-left:16px;
			position:relative;
		}
		
		div#sidebar div.sidebar-box ul li ul {
			margin-left:17px;
		}

			div#sidebar div.sidebar-box ul li ul li {
				font-weight:normal;
				margin-top:8px;
			}

/* ### COMMENTS LIST ### */
div#comments-list h3 {
	margin-bottom:18px;
}

div#comments-list ul {
	margin-bottom:30px;
}

div#comments-list ul li {
	background:#1a1a1a url(../images/comments_list_item_bg.gif) 0 0 no-repeat;
	margin-bottom:10px;
	padding:20px;
}

div#comments-list ul li ul.children {
	margin:20px 0 0 54px;
}

div#comments-list ul li ul.children li{
	margin-bottom:0;
}

div#comments-list ul li div.comment-author,
div#comments-list ul li div.comment-meta {
	margin-bottom:5px;
}

div#comments-list ul li div.comment-author img {
	border:solid 1px #ffffff;
	float:left;
	margin-right:20px;
}

div#comments-list ul li div.comment-author a {
	color:#b27348;
	font-weight:bold;
}

div#comments-list ul li div.comment-meta {
	font-size:9px;
}

div#comments-list ul li p {
	clear:both;
	margin-left:54px;
	margin-bottom:0;
}

/* ### ABOUT SUMMARY AND LATEST BLOG POST ### */

div#about-and-latest-post-container {
	background:url(../images/about_and_latest_post_container_bg.jpg) 0 10px no-repeat;
	width:960px;
	padding:0 20px 20px;
	margin:0 -20px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:920px;
}

div#about-and-latest-post-container h2 {
	font-size:18px;
}

	div#about-summary {
		float:left;
		width:410px;
	}

		div#about-summary img {
			border:solid 1px #FFFFFF;
			display:inline;
			float:left;
			margin-right:20px;
		}
		
		div#about-summary div.content {
			margin-left:148px;
		}		

	div#latest-post {
		float:right;
		width:430px;
	}

		div#latest-post h2 {
			margin-bottom:30px;
		}

			div#latest-post div.post {
				padding-bottom:10px;
				margin-bottom:10px;
			}
			
			div#latest-post div.post h3 {
				font-size:12px;
			}
			
				div#latest-post div.post h3 a {
					color:#FFFFFF;
				}

/* ### RESPONSE ### */

div#response {
	padding-bottom:30px;
}

div#response h3 {
	margin-bottom:18px;
}

/* ### CONTACT FORM ### */

div#contact-form {
	margin-top:30px;
}

/* ### FOOTER ### */

div#footer {
	background:url(../images/footer_bg.jpg) 50% 0 no-repeat;
	color:#4a5050;
	font:normal 11px "Trebuchet MS", sans-serif;
	min-height:76px;
	height:auto !important;
	height:76px;
	padding:15px 32px 0;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:61px;
}

	div#footer p#copyright{
		float:right;
		font-size:10px;
	}
	
	div#footer ul#footer-navigation{
		float:left;
	}
	
		div#footer ul#footer-navigation li{
			display:inline;
			margin-right:14px;
		}
		
		div#footer ul#footer-navigation li a {
			text-decoration:none;
		}		

		div#footer ul#footer-navigation li a:hover {
			color:#ffffff;
		}