/* LAYOUT */
/* ----------------------------------------- */

.reset { 
	clear:both; 
	display:block; 
	height:1px; 
	margin:-1px 0 0 0; 
	overflow: hidden; 
}

div { position:relative; }

.hidden {display: none;}

/* jiva technology */

body {
	background: white; 		
	color:#444;
	padding-bottom: 72px;
/* 	background: url(../images/grid.jpg); */
	background: url(../images/body_bg.jpg) bottom no-repeat;
}

/* Home Page Layout */

	#home_header_outer {
		background: url(../images/headerbg.jpg) repeat-x;
		height:432px;
	}
	
	
	#home_header_inner {
		width:864px;
		height:432px;
		margin: 0 auto;
		text-align: center;
	}
	
	#home_content_top {
		width:900px;
		margin: 0 auto;
		height:36px;
	}
	
	#content_bottom {
		width:864px;
		margin: 0 auto;
		height:180px;
	}
	
	#contact, #legal {
		border:solid #e5e5e5;
		border-width: 1px 0 0;
		padding-top: 3.35em;
		margin-bottom:6em;
	}
	
	#contact {
		width: 486px;
		float:left;
	}
	
	#legal {
		width: 306px;
		margin-left: 72px;
		float:left;
		color: #bbb;
	}
	
	#main_container {
		width:900px;
		margin:0 auto;
	}
	
	#main_content {
		float: left;
		width: 520px;
	}
	
	/* Header styles */
	
	#home_header_inner h1 {
		background: url(../images/headerlogo.jpg);
		width:477px;
		height:288px;
		margin: 0 auto;
	}
	
	#home_header_inner h1 a {
		display:block;
		width:477px;
		height:288px;
		text-indent: -5000em;
	}
	
	#home_header_inner blockquote {
		font-family: Georgia;
		font-size: 2.7em;
		font-weight: normal;
		font-style: normal;
		letter-spacing: -0.05em;
		color: #5f85ac;
	}
	
	#home_header_inner blockquote span {
		font-family: Georgia;
		color: #e7538d;
		padding: 0;
		margin: 0;
	}
	
	#home_header_inner cite {
		float: right;
		font-family: Georgia;
		font-style: normal;
		font-weight: normal;
		color: #bbb;
		font-size: 0.4em;
		margin: -0.5em 1.4em 0 0;
		padding: 0;
	}
	
	#elevator { margin: 31px 0 0 0; }
	
	#elevator p {
		font-weight: bold;
		letter-spacing: -0.00em;
		font-size: 1em;
		line-height: 1.5em;
		color: #777;
		text-shadow: #fff 0 0 0
	}
	
	
	#home_header_inner h1 a:hover { border:0; }
	
	/* Searchform */
	
	#home_meta_content #searchform {
		margin: 33px 0;
		padding: 0;
		position: relative;
	}
	
	#searchError {
		color: red;
		font-size: 1.1em;
	}
	
	#s {
		width: 233px;
		height: 20px;
		border: 1px solid #bbb;
		color: #ddd;
		padding:4px 0 0 5px;
		margin: 0;
		background: url(../images/input_bg.jpg) top left no-repeat;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		font-size: 1em;
	}
	
	#s:focus {
		border: 1px solid #b0d4e8;
		color: #333;
	}
	
	/* Search Button */
	
	#searchsubmit {
		width:61px;
		height:28px;
		background: url(../images/btn_search.png);
		border: 0;
		text-indent: -5000px;
		cursor: pointer;
		position: absolute;
		top:0;
		right:18px;
	}
	
	#searchsubmit:hover { background: url(../images/btn_search.png) 0 -28px; }
	#searchsubmit:active { background: url(../images/btn_search.png) 0 -56px; }
	
	#header_search #searchsubmit {
		top:4px;
		right:5px;
	}
	#header_search #s {
		width: 235px;
		border-color: #86a3c0;
		border:0;
	}
	
	#header_search #s:focus {
		border-color: #1a6694;
	}


/* Content Page Layout */

	#content_header_outer {
		background: url(../images/content_header_bg.jpg) repeat-x;
		height:216px;
	}
	
	
	#content_header_inner {
		width:864px;
		height:216px;
		margin: 0 auto;
	}
	
	#content_header_inner h1 {
		width:270px;
		height:198px;
		background:url(../images/content_header_logo.jpg);
	}

	#content_header_inner h1 a {
		display:block;
		width:270px;
		height:198px;
		text-indent: -5000em;
	}
	
	#content_header_inner h1 a:hover {
		border: 0;
	}
	
	#header_search {
		position: absolute;
		top:0;
		right:0;
		background: #a3b2c3;
		padding:5px 6px 6px 6px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-left-radius:4px;
		-moz-border-radius-bottomright:4px;
		-webkit-border-bottom-right-radius:4px;
		width:304px;
	}
	
	#content_header_inner ul {
		position: absolute;
		bottom:0;
		right:0;
		background: #7f97b1 url(../images/menubarshine.gif) bottom repeat-x;
		margin: 0;
		padding: 0 9px;
		list-style: none;
		-moz-border-radius-topleft:6px;
		-webkit-border-top-left-radius:6px;
		-moz-border-radius-topright:6px;
		-webkit-border-top-right-radius:6px;
	}
	
	#content_header_inner ul li {
		float:left;
	}
	
	#content_header_inner ul li a {
		display: block;
		padding: 8px 9px;
		font-size: 1.1em;
		letter-spacing: -0.05em;
		font-weight: bold;
		color: #eaf1f6;
	} 
	
	#content_header_inner ul li a.selected {
		background: url(../images/menu_indicator.jpg) bottom no-repeat;
	}

	#content_header_inner ul li a:hover, #content_header_inner ul li a:focus {
		border: 0;
		color:#ffb9d4;
		background: url(../images/menu_indicator_hover.jpg) bottom no-repeat;
	} 

	#content {
		padding-top: 6em;
		margin-left:18px;
		width:486px;
		float:left;
	}
	
	#content_meta_content {
		padding-top: 6em;
		width:224px;
		margin-left: 72px;
		padding-bottom:36px;
		float: left;
	}
	
	#content_meta_content #blog_archive {
		margin: 0 0 3em 0;
		padding: 0;
		border-width: 0;
	}

/* dotnav */

	.dotnav {
		position: absolute;
		margin: 0;
		padding:0;
		list-style: none;
	}
	
	.dotnav li {
		margin: 0;
		padding: 0;
		float:left;
		margin-left: 3px;
		display: block;
		width:9px;
		height:9px;
	}
	
	.dotnav li a {
		margin: 0;
		padding: 0;
		display: block;
		width:9px;
		height:9px;
		text-indent: -5000em;
		border:0;
		overflow: hidden;
	}
	
	.dotnav li a { background: url(../images/dotnav_sprite.jpg); }
	.dotnav li a:hover { background: url(../images/dotnav_sprite.jpg) 0 -10px; border: 0; }

	.dotnav li a.selected { background: url(../images/dotnav_selected.jpg); border:0; }
	
/* feed links */

	.feed_links {
		margin: 0 0 3em 0;
		padding: 0;
		list-style: none;
	}
	
	.feed_link { padding-left: 13px;background: url(../images/feedicon.png) 0 2px no-repeat; }
	
	.feed_link:hover { background: url(../images/feedicon.png) 0 -38px no-repeat; }

/* twitter box */
	
	#twitter_feed {
		position: absolute;
		bottom:0;
		left:-5px;
		width:316px;
		padding-bottom: 3em;
	}
	
	#twitter_feed #twitter_wrapper {
		background: transparent	url(../images/twitter_bottom.jpg) bottom no-repeat;
	}
	
	#twitter_feed #twitter_wrapper_outer {
		background: transparent	url(../images/twitter_top.jpg) top no-repeat;
	}
	
	#twitter_wrapper ul {
		margin: 0;
		padding: 0;
	}
	#twitter_feed .twitter_content {
		display: block;
		padding:1.85em 0 4.6em 0;
		color: #999;
	}
	#twitter_feed .twitter_content p {
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 2em 1em;
	}
	
	#twitter_feed .twitter_content p a, #twitter_feed .twitter_content ul li a {
		color:#a0b7ce;
	}
	
	#twitter_feed .twitter_content ul {
		list-style: none;
		padding: 0 2.5em;
		margin: 0;
		font-size: 0.8em;
	}

	#twitter_feed .twitter_author { float:left; }
	#twitter_feed .twitter_date { float:right; }
	#twitter_feed .twitter_follow {
		display: block;
		width:36px;
		height:18px;
		background: url(../images/twitter_bird.jpg);
	}
	#twitter_feed .twitter_follow:hover {
		border: 0;
	}
	#twitter_feed .twitter_follow span {
		display: block;
		width:36px;
		height:18px;
		text-indent: -5000em;
	}
	
	#home_meta_content {
		height:342px;
		width:324px;
		margin-left: 72px;
		padding-bottom:36px;
		float: left;
	}
	
	#latest_blog, #blog_archive {
		float: left;
	}

	#latest_blog {
		padding-top: 5.75em;
		padding-bottom: 3.1em;
		border:solid #e5e5e5;
		border-width: 1px 0 0 0;
		margin-left:18px;
		width:486px;
	}
	
	#blog_archive {
		width:306px;
		margin-left: 72px;
		border:solid #e5e5e5;
		border-width: 1px 0 0 0;
		padding-top: 5.85em;
	}
	
	#blog_archive ul {
		list-style: none;
		margin:0.4em 0 1.6em;
		padding:0;
	}
	
	#blog_archive ul li {
		padding-bottom: 0.3em;
	}	
	
	#blog_archive ul li h4 {
		margin-bottom:0.1em;
		line-height: 1.3em;
	}
	
	#blog_archive ul li h4 a {
		color: #426e9d;
	}

	#blog_archive ul li p {
		font-size: 0.85em;
		line-height: 1.75em;
		color:#777;
	}
	
	#blog_archive .vaults {
		text-align: right;
		margin: 0;
	}
	
	#blog_archive .vaults a span {
		display: block;
		height:23px;
		width:23px;
		float: right;
		margin-left: 6px;
		background: url(../images/btn_minisprite.jpg) no-repeat;
	}
	
	#blog_archive .vaults a:hover span {
		background: url(../images/btn_minisprite.jpg) 0 -22px no-repeat;
	}
	
	#carousel .projects {
		float:left;
		text-align: left;
		margin: 1.5em 0 0 0;
	}
	
	#carousel .projects a span {
		display: block;
		height:23px;
		width:23px;
		float: right;
		margin-left: 6px;
		background: url(../images/btn_minisprite.jpg) no-repeat;
	}
	
	#carousel .projects a:hover span {
		background: url(../images/btn_minisprite.jpg) 0 -22px no-repeat;
	}
	
/* post styles */

	.post {
		padding-bottom: .95em;
	}
	
	#content .post {
		margin-bottom: 3em;
	}
	
/* comment */

	#commentform {
		margin-bottom: 3em;
	}

	.comment_list {
		list-style: none;
		margin: 0;
		padding: 0;
		border:solid #e5e5e5;
		border-width: 0 0 1px 0;
		margin-bottom: 3em;
	}

	.comment_list li {
		margin-bottom: 2.75em;
	}

	#comment_container {
		width:486px;
	}
	
	.comment_top {
		width:486px;
		height:18px;
		background: url(../images/comment_top.jpg);
	}
	.comment_bottom {
		width:486px;
		height:36px;
		background: url(../images/comment_bottom.jpg) bottom;
	}
	.comment_text {
		padding:0 18px;
		margin: 0;
		background:#fafafa;
		border:solid #c4c4c4;
		border-width: 0 1px;
	}
	
	.comment_text p:last-child {
		margin-bottom:0;
	}
	
	.comment_meta {
		font-size: 0.95em;
		color: #999;
		margin: 0.5em 0 0 12px;
	}
	
	.comment_form_top {
		padding-top: 11px;
		background: url(../images/comment_form_top.jpg) no-repeat;
	}
	
	.comment_form_top textarea {
		border: 0;
		background: url(../images/comment_form_middle.jpg);
		padding: 0 9px;
		margin: 0;
		width:468px;
		resize:none;
	}
	
	.comment_form_bottom {
		padding-bottom: 26px;
		background: url(../images/comment_form_bottom.jpg) bottom no-repeat;
	}
	
	.user_info input {
		background: url(../images/input_bg.jpg) top left no-repeat;
		width: 230px;
		height: 22px;
		border: 1px solid #bbb;
		padding:3px 4px 0px;
		margin: 0 6px 9px 0;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		font-size: 1.1em;
	}
	
	.user_info input:focus {
		border: 1px solid #b0d4e8;
	}
	
	#commentform label {
		color: #aaa;
	}
	
	#submit {
		width:109px;
		height:28px;
		margin-bottom: 8px;
		border: 0;
		cursor: pointer;
		text-indent: -5000em;
		background: url(../images/btn_submit_comment.jpg);
		margin-left: -1px;
	}
	
	#submit:hover, #submit:focus {
		background: url(../images/btn_submit_comment.jpg) 0 -30px;
	}

	#submit:active {
		background: url(../images/btn_submit_comment.jpg) 0 -60px;
	}
	
/* Project Layout */

	.project {
		clear: both;
		margin:3em 18px;
		padding-bottom: 3em;
/*
		border:solid #e5e5e5;
		border-width: 0 0 1px 0;
*/
	}
	
	.project img {
		float: left;
		margin: 0 72px 1.5em 0;
		padding:3px;
		border: 1px solid #ddd;
	}
	
/* Blog Layout */

  #blog {
 		margin:3em 0;
  }
  
  .post_first {
  	padding: 3em 12em 6em;
  	margin: 0 18px 4em 18px;
  }
  
  .post_list {
  		margin-bottom: 3em;
  		width:370px;
  		float: left;
  }
  
  .post_list.left {
  		clear:both;
  		margin-left: 18px;
  }
  
  .post_list.right {
  		margin-left: 72px;
  		margin-right: 18px;
  }
  
  .post_list h2 {
  	font-size: 1.5em;
  	line-height: 1.1em;
  }
  
  .page_links {
  	margin-top: 3em;
  	list-style: none;
  	padding: 6px 9px;
  }
  
  
  .page_previous {
  	float:left;
  }
  
  .page_next {
  	float:right;
  }
  
/* Page styles */

	#main_container h2.pageheader {
		margin: 1.5em 18px 0;
	}
	
	#main_container h2.searchheader {
		margin: 1.5em 18px;
	}


	#page_main {
		width: 486px;
		float:left;
		margin: 3em 0 0 18px ;
	}
	
	#page_meta {
		width: 306px;
		margin: 3em 18px 0 72px;
		float:left;
	}

	#fullwidth {
		margin: 3em 18px;
	}
	
	#page_main h2 {
		padding: 3em;
	}
	
	.profiles img {
		width:82px;
		height:82px;
		float:left;
		margin: 0 1.5em 1em 0;
		padding: 3px;
		border: 1px solid #eee;
	}
	
	.profiles h4 span {
		color: #999;
		font-size: 0.75em;
	}