/*

Douglas Radburn

Some guidelines to follow:
1. Break code down into sections.
2. Keep your rules related.
3. Only put one selector per line for a block of rules that apply to multiple selectors.
4. Indent your rules, only one rule per line.
5. Indent proprietary properties with a single tab. Keep these properties directly below the proposed property.
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	html {
		margin:0;
		padding:0;
		color: #000;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		font-size:72.5%;
		background:url(images/background.jpg) top left repeat;
	}
	
	body{
		text-align:left;
		position:relative;
	}

	a{
		text-decoration:underline;
		color:#6c9c9c;
	}

		a:hover{
			text-decoration:none;
		}

	/* MISC */

	.clearfix:after {
			content:".";
			display:block;
			height:0;
			clear:both;
			visibility:hidden;
	}

	.clearfix {display:block;}

	img a {
		border:none;
	}
	
	.floatLeft{float:left;}
	.floatRight{float:right;}

	strong{
		font-weight:bold;
	}

	#wpstats{
		display:none;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.container{
		width:920px;
		margin:0 auto;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	form input{
		padding:5px;
		margin:2px 0 0 0;
	}
	
	form textarea{
		padding:5px;
		margin:2px 0 0 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TYPOGRAPHY ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#787878;
		margin:0 0 35px 0;
		text-shadow: 2px 2px 2px #fff;
		padding:10px 0 0 0;
	}

	h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#000;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#header_nav{
		background:url(images/nav_background.jpg) top left repeat-x;
		width:100%;
	}

		#navigation{
			background:url(images/header_bar.png) top center no-repeat;
			height:76px;
		}

			#nav{
				width:520px;
				height:32px;
				float:right;
				font-size:12px;
				font-weight:bold;
				margin:10px 0 0 0;
				font-family:Arial, Helvetica, sans-serif;
			}

				#nav li{
					float:left;
					padding:6px 0 0 0;
				}

					#nav a{
						color:#fff;
						text-decoration:none;
						display:block;
						height:32px;
						padding:0 18px;
					}

						#nav a:hover, #nav a.selected{
							color:#8a819b;
						}

						#nav .last{
							margin:0;
						}

						#nav .notes{
							background:url(images/menu_divider.gif) top left no-repeat;
						}
						
							#nav .notes_small{
							}

							#nav .notes a, #nav .notes_small a{
								color:#90b5b5;
							}
							
							#nav .notes a:hover, #nav .notes_small a.selected{
								color:#8a819b;
							}

		#search{
			background:url(images/search.jpg) top left no-repeat;
			width:206px;
			height:23px;
			float:right;
			margin:10px 0 0 0;
			padding:5px 0 0 0;
		}
		
			#search:hover{
				background:url(images/search.jpg) bottom left no-repeat;
			}

			#searchnow{
				background:url(images/search_magnify.jpg) top left no-repeat;
				float:right;
				width:13px;
				height:13px;
				border:none;
				text-indent:-3000em;
				overflow:hidden;
				font-size:0;
				line-height:0;
				margin:3px 8px 0 0;
				cursor:pointer;
			}

				#searchnow:hover{
					background-position:bottom;
				}

			#s{
				background:none;
				float:left;
				margin:0 0 0 8px;
				width:160px;
				height:19px;
				border:none;
				color:#fff;
				padding:0;
				font-size:11px;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* INNER HEADER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#logo{
			width:416px;
			margin:0 auto 20px auto;
		}
		
			#logo a{
				display:block;
				background:url(images/logo.png) top left no-repeat;
				width:416px;
				height:104px;
				text-indent:-3000em;
				overflow:hidden;
			}
			
				#logo a:hover{
					background-position:bottom left;
				}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MAIN MENU ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#content{
		float:left;
		width:100%;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOME ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#post_container{
		float:left;
		width:100%;
		margin: 0;
		font-size: 14px;
		color: #666666;
	}
	
	
		#project_posts {
			width:715px;
			margin:20px auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
		}

			#project_posts li {
				float:left;
				width:216px;
				height:140px;
				margin:0 10px 20px 0;
				position:relative;
				border:4px solid #fff;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}
			
				#project_posts li a{
					display:block;
					width:215px;
					height:140px;
					text-indent:-3000em;
					overflow: hidden;
					background: #666666;
					-khtml-opacity:.0; 
					-moz-opacity:.0; 
					-ms-filter:"alpha(opacity=0)";
					filter:alpha(opacity=0);
					filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
					opacity:.0;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
				}
				
					#project_posts li a:hover{
						 -khtml-opacity:.15;
						 -moz-opacity:.15;
						 -ms-filter:"alpha(opacity=15)";
						  filter:alpha(opacity=15);
						  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.15);
						  opacity:.15;
					}

		#portfolio_posts{
			width:715px;
			margin:20px auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
		}
		
			#portfolio_posts li {
				float:left;
				width:216px;
				height:140px;
				margin:0 10px 20px 0;
				position:relative;
				border:4px solid #fff;
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				background:#000;
			}

				#portfolio_posts li a {
					display:block;
					width:228px;
					height:155px;
					text-decoration:none;
					background:url(images/portfolio_post_info_x.png) top center no-repeat;
				}

						#portfolio_posts li a:hover{
							background:url(images/portfolio_post_info_x.png) bottom center no-repeat;
						}

		#posts{
			width:715px;
			margin:20px auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
		}
	
			#posts li{
				float:left;
				width:228px;
				height:155px;
				margin:0 10px 20px 0;
				position:relative;
			}
	
				#posts li a{
					display:block;
					width:228px;
					height:155px;
					background:url(images/post_info_both_states.png) top left no-repeat;
					text-decoration:none;
				}

					#posts li a:hover{
						background:url(images/post_info_both_states.png) bottom left no-repeat;
					}
	
					#posts li a .numbers, #portfolio_posts li a .numbers{
						text-align:center;
						color:#fff;
						margin:10px 0 0 0;
						float:left;
						width:100%;
					}
					
					#posts li a .blog_title, #portfolio_posts li a .blog_title{
						text-align:center;
						color:#6c9c9c;
						margin:70px 0 0 0;
						float:left;
						padding:0 10px;
						width:208px;
					}
	
						#posts li a:hover .blog_title, #portfolio_posts li a:hover .blog_title{
							color:#9b94a9;
						}

						#portfolio_posts li .blog_title{
							text-indent:-3000em;
							overflow:hidden;
						}

				#posts li.last, #portfolio_posts li.last{
					margin:0 0 20px 0;
				}

	#link_info{
		float:left;
		width:755px;
		margin:0 0 30px 100px;
	}

		#link_info p#rss{
			float:left;
			margin:0 0 0 350px;
			width:21px;
		}
		
			#link_info p#rss a{
				display:block;
				width:24px;
				height:21px;
				background:url(images/rss.png) top left no-repeat;
				text-indent:-3000em;
				overflow:hidden;
				font-size:0;
				line-height:0;
			}

				#link_info p#rss a:hover{
					background-position:bottom left;
				}

		#link_info p#arrow{
			float:right;
			margin:0 50px 0 0;
			width:24px;
		}

			#link_info p#arrow a{
				display:block;
				width:21px;
				height:21px;
				background:url(images/right_arrow.png) top left no-repeat;
				text-indent:-3000em;
				overflow:hidden;
				font-size:0;
				line-height:0;
			}

	#introduction{
		width:755px;
		height:190px;
		float:left;
		margin:0 0 30px 100px;
		color:#787878;
		background:url(images/framed.png) top right no-repeat;
	}
	
		#introduction #copy{
			width:485px;
			float:left;
		}

		#introduction h1{
			font-size:18px;
			margin:0;
			font-weight:normal;
			text-shadow:none;
		}
		
			#introduction h1 span{
				color:#6c9c9c;
				font-style:italic;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* POST ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#columnwrapper{
		float:left;
		width:100%;
		margin:40px 0;
	}


	#leftcolumn{
		float:left;
		width:920px;
	}

		#post{
			float:left;
			/* width:595px; */
			width:920px;
		}
		
			.postContainer {
				float:left;
				width:100%;
			}

			#post_number{
				float:left;
				background:url(images/post_number.png) top left no-repeat;
				width:50px;
				height:35px;
				padding:15px 0 0 10px;
				color:#fff;
				font-size:14px;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
			}

			#post_content{
				float:left;
				width:800px;
				margin:0 0 0 20px;
				font-family:Arial, Helvetica, sans-serif;
			}
			
				#post_content h2{
					margin:0 0 15px 0;
				}

				#post_content p{
					font-size:14px;
					color:#666;
					margin:0 0 15px 0;
				}

				#post_content code {
					font-size:14px;
					background:#edecec;
					padding: 0 3px;
				}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COMMENTS ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.addthis_toolbox {
		float:left;
		width:100%;
	}

	.commentlist{
		margin:10px 0 0 0;
		float:left;
		width:800px;
	}
	
		.commentlist li{
			margin:10px 0;
			float:left;
		}

	#comments-title{
		font-size:16px;
		font-weight:bold;
		color:#6c9c9c;
		text-decoration:underline;
		margin:0 0 20px 0;
	}
	
	.comments_gravatar{
		float:right;
		width:60px;
		margin:0 0 0 10px;
		text-align:center;
	}
	
		.comments_gravatar img{
			border:10px solid #ffffff;
			margin:0 0 5px 0;
		}

	.comments_info{
		float:left;
		width:390px;
	}

	a.author{
		font-size:14px;
		font-weight:bold;
		color:#6c9c9c;
		text-decoration:none;
	}
	
	.date{
		font-style:italic;
		font-size:11px;
		color:#999999;
		margin:5px 0 15px 0;
	}

	.comment_content{
		margin:10px 0 0 0;
		float:left;
		width:390px;
	}

	#respond{
		float:left;
		width:460px;
	}

		#respond h3{
			font-size:14px;
			color:#6c9c9c;
			font-weight:bold;
		}

	#comments{
		float:left;
		margin:30px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		.comment{
			float:left;
			width:595px;
		}
	
			.comment_number{
				float:left;
				width:60px;
				padding:0 20px 0 0;
				color:#b5b5b5;
				text-align:right;
				font-size:14px;
				font-weight:bold;
				font-family:Arial, Helvetica, sans-serif;
			}

/*			.comment_content{
				float:left;
				width:382px;
				margin:0 20px 0 0;
				color:#666666;
			}*/
			
				.comment_content p{
					font-size:11px;
				}

				.comment_content p.date{
					font-size:11px;
					color:#999999;
					font-style:italic;
					margin:0 0 10px 0;
				}
			
				.comment_content p.title{
					font-size:14px;
					font-weight:bold;
					color:#6c9c9c;
					margin:0 0 2px 0;
				}

			.comment_avatar{
				float:left;
				width:60px;
			}

				.comment_avatar img{
					border:10px solid #fff;
				}


	.comment_seperator{
		float:left;
		width:460px;
		height:2px;
		margin:20px 20px 20px 80px;
		background:url(images/comment_seperator.png) top left no-repeat;
	}

	.search .comment_seperator {
		width: 100%;
		margin: 20px 0;
	}

		#comments .comment_seperator{
			margin:20px 20px 20px 0;
		}
		
		#comments .comment_content p{
			margin:0 0 10px 0;
		}

	#commentform p{
		float:left;
		width:100%;
	}

	#commentform p label{
		float:left;
		width:100px;
		padding:7px 0 0 0;
	}
	
	#commentform p input{
		float:left;
		width:260px;
	}

	#commentform p textarea{
		float:left;
		width:260px;
	}

	p.form-allowed-tags{
		display:none;
	}
	
	#commentform #submit{
		float:left;
		width:140px;
		height:29px;
		background:url(images/button.png) top left no-repeat;
		border:none;
		color:#ffffff;
		font-weight:bold;
		margin:0 0 0 100px;
		cursor:pointer;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHT COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#rightcolumn{
		float:right;
		margin:0;
		padding:0 80px 0 50px;
		background:url(images/right_border.png) top left repeat-y;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}

		#rightcolumn h2{
			padding:15px 0 10px 0;
			border-bottom:1px solid #cbcbcb;
		}

		#rightcolumn ul{
			float:left;
			width:140px;
			margin:15px 0 0 0;
		}
		
			#rightcolumn ul li{
				margin:0 0 14px 0;
			}

				#rightcolumn ul li a{
					text-decoration:none;
				}

					#rightcolumn ul li a:hover{
						text-decoration:underline;
					}


#links{
	text-align:center;
}	

	#links h4{
		font-size:16px;
		font-weight:bold;
		margin:0 0 10px 0;
		font-family:Arial,Helvetica,sans-serif;
	}

	#links ul{
		margin:10px 0 40px 0;
	}

		#links ul li{
			color:#6C9C9C;
			font-family:Arial,Helvetica,sans-serif;
		}

			#links ul li a{
				text-decoration:none;
			}

				#links ul li a:hover{
					text-decoration:underline;
				}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TWITTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#twitter_follow_me{
		position:absolute;
		top:225px;
		right:0;
		width:43px;
		height:155px;
	}

		#twitter_follow_me a{
			background:url(images/follow_me.png) bottom left no-repeat;
			width:43px;
			height:155px;
			display:block;
		}
		
			#twitter_follow_me a:hover{
				background:url(images/follow_me.png) top left no-repeat;
			}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#footer{
		float:left;
		width:100%;
		margin:90px 0 0 0;
	}


	#cowboy{
		background:url(images/cowboy.png) top center no-repeat;
		width:540px;
		height:42px;
		margin:0 auto;
		border-bottom:1px solid #b5b5b5;
	}
	
		#copyright{
			width:540px;
			margin:0 auto;
			color:#999;
			text-align:center;
			padding:15px 0 0 0;
		}
		
			#copyright p.kean_logo{
				background:url(images/kean_logo.png) left 4px no-repeat;
				padding:5px 5px 5px 20px;
				width:180px;
				margin:5px auto 0 auto;
				text-align:left;
			}

				#copyright p.kean_logo a{
					color:#999;
					text-decoration:none;
				}

					#copyright p.kean_logo a:hover{
						text-decoration:underline;
					}
	
	#lower_footer{
		background:url(images/lower_footer.gif) top left repeat-x;
		float:left;
		width:100%;
		height:30px;
		margin:20px 0 0 0;
		color:#a2a2a2;
		padding:22px 0 0 0;
		text-align:center;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#lower_footer a{
			color:#6c9c9c;
		}