@charset "UTF-8";
@import url('reset.css');
@import url('typography.css');

body {
	background-color:#2b353c;
	background-image:url(/images/page_background.png);
	background-repeat:repeat-x;
	background-position:top;
}

#topLinks{
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline;
	width:70%;
	float:left;
	margin-top:5px;
}

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

	.githubLink {
		background-image:url(/images/github.png);
		background-position:left;
		background-repeat:no-repeat;
		padding:5px;
		height:20px;
		padding-left:20px;
		font-weight:bold;
		color:#fff;
	}
	
	.twitterLink {
		background-image:url(/images/twitter.png);
		background-position:left;
		background-repeat:no-repeat;
		padding:5px;
		height:20px;
		padding-left:20px;
		font-weight:bold;
		color:#fff;
	}
	
	.redmineLink {
		background-image:url(/images/redmine.png);
		background-position:left;
		background-repeat:no-repeat;
		padding:5px;
		height:20px;
		padding-left:20px;
		font-weight:bold;
		color:#fff;
	}
	
	.workingWithRailsLink {
		background-image:url(/images/workingwithrails.png);
		background-position:left;
		background-repeat:no-repeat;
		padding:5px;
		height:20px;
		padding-left:20px;
		font-weight:bold;
		color:#fff;
	}
	
	
	.linkedInLink {
		background-image:url(/images/linkedin.png);
		background-position:left;
		background-repeat:no-repeat;
		padding:5px;
		height:20px;
		padding-left:20px;
		font-weight:bold;
		color:#fff;
	}
	
#topLinks li {
	display:inline;	
	margin-right:20px;
	color:#CCC;
}


#pageContainer{
	width:940px;
	margin:0 auto;
}

	#pageContainer  .titleBox {
		padding-top:20px;
		clear:both;
	}
	
		.titleBox h1, h2 {
			margin:0px; padding:0px; display:inline; margin-right:10px;
		}
		
		.titleBox h1 a { color:#FFF; text-decoration:none; font-weight:normal; }
		.titleBox h2 a { color:#666; text-decoration:none; font-weight:normal; }
		.titleBox h1 a:hover { text-decoration:underline; }
		.titleBox h2 a:hover { text-decoration:underline; }
	
	.searchBox {
		width:25%;
		float:right;
		text-align:right;
		margin-top:2px;
	}

#navBar {
	background-color:#0d1216;
	clear:both;
	height:35px;
	margin-top:15px;
	border-radius-topleft:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-radius-topright:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}

	#navBar ul {
		display:inline;
		list-style:none;
		margin:0px;
		padding:0px;
		margin-top:5px;
	}
	
		#navBar ul li {
			margin-right:20px;
			margin-left:10px;
			margin-top:10px;
			color:#eef0f3;
			display:inline;
			float:left;
      text-align:center;
			padding:3px;
      width:65px;
		}
	
		#navBar .on {
			color:#0d1216;
			background-color:#eef0f3;
			width:65px;
			text-align:center;
			padding:5px;
			padding-bottom:2px;
			border-radius-topleft:5px;
			-moz-border-radius-topleft:5px;
			-webkit-border-top-left-radius:5px;
			border-radius-topright:5px;
			-moz-border-radius-topright:5px;
			-webkit-border-top-right-radius:5px;
		}
		
		#navBar .on  a { color:#0d1216; font-weight:bold; text-decoration:none; }
		#navBar ul li  a { color:#eef0f3; font-weight:bold; text-decoration:none; }
		#navBar ul li a:hover { text-decoration:underline; }
		
#whiteBox {
	background-color:#eef0f3;
	border-bottom:2px solid #e4e8ee;
	padding:15px 30px 15px 30px;
}

	#whiteBox h3 {
		margin:0px;
		padding:0px;
		font-weight:normal;
		font-size:200%;
	}

#homeSplash {
	height:310px;
	background-color:#eef0f3;
	border-bottom:2px solid #e4e8ee;
}

			

#projectCarousel {
	border:2px solid #e4e8ee;	
	margin:0px;
	padding:10px;
	background:#fff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	margin-top:10px;
	margin-left:20px;
	clear: both; 
	width:600px;
}

	#followLink {
		width:64px;
		height:64px;
		background-repeat:no-repeat;
		background-image:url(../images/twitter_follow.png);
		background-position:center;
		display:block;
		float:right;
		margin-right:20px;
		margin-top:20px;
	}

        #zceLink {
		width:73px;
		height:50px;
		display:block;
		float:right;
		margin-right:15px;
		margin-top:25px;
		background-position:center;
		background-repeat:no-repeat;
		background-image:url(/images/zce1000.gif);
	}
	
	#homeBox{
		float:left;
		width:720px;
		height:90px;
		margin:10px;
	}
		.boxLeft {
			float:left;
			width:100%;
			font-size:110%;
			margin-top:15px;
		}
		
			.boxLeft a {
				text-decoration:none;
				font-weight:bold;
				color:#37586f;				
			}
			
			.boxLeft a:hover { text-decoration:underline; }

a { text-decoration:none; font-weight:bold; color:#37586f; }
a:hover { text-decoration:underline; }
a:visited { text-decoration:none; }

			
#contentBox {
	background-color:#fff;
	padding:15px 30px 15px 30px;
	margin-bottom:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}
			
	
#contentBoxBlack {
	background:none repeat scroll 0 0 #0D1216;
	color:#EEF0F3;
	padding:15px 30px 15px 30px;
	margin-bottom:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

	 .contentSegment{
		width:270px;
		float:left;
		margin:0px;
		margin-left:5px;
		margin-right:5px;
	}
	
		.contentSegment h4{
			font-size:130%;
			margin:0px;
			margin-bottom:5px;
			border-bottom:2px solid #e4e8ee;
			font-weight:bold;
		}
		
		#contentBoxBlack .contentSegment h4 {
			color:#EEF0F3;
			font-size:190%;
		}

		.contentList {
			list-style:none;
			margin:0px;
			padding:0px;
		}
		
		.listTitleLink {
			display:block;
			text-decoration:none;
			font-size:110%;
			font-weight:bold;
			color:#37586f;
		}
	
		.listTitleLink:hover { color:#37586f; text-decoration:underline; }
		
		.contentList li{
			list-style:none;
			padding:0px;
			margin:0px;
		}

 	.footer {
		text-align:center;
		font-size:0.8em;
		margin:0 auto;
		margin-top:30px;
		padding:10px;
		width:90%;
		clear:both;
	}

	.footer a:hover { color:#ffffff; }

	.portfolioBox {
		display:block;
		width:90%;
		margin:0 auto;
		padding:1em;
		border:2px solid #ccc;
		margin-bottom:1em;
		clear:both;
		-moz-border-radius:10px; 
		-webkit-border-radius:10px; 
		border-radius:10px; 
	}
	
		.portfolioBox h4 {
			font-size:150%;
			color:#333;
		}
		
		.portfolioBox .portfolioStatus {
			clear:both;
			list-style:none;
			text-align:right;
			padding:0px;
			margin:0px;
		}
			
			.portfolioStatus li {
				display:inline;
				margin-right:15px;
			}
		
		.portfolioBox .portfolioLogo {
			float:left;
			width:190px;
			margin-right:10px;
		}
		
		.portfolioBox .portfolioText {
			float:left;
			width:460px;
		}
		
		.portfolioBox .portfolioTextWide {
			float:left;
			width:100%;
		}
		
			.portfolioText h5 {
				margin:0px;
				padding:0px;
				font-weight:bold;
				font-size:150%;
			}
		
			.portfolioTextWide h5 {
				margin:0px;
				padding:0px;
				font-weight:bold;
				font-size:150%;
			}
			
			.portfolioText .whoFor{
				margin-bottom:5px;
				color:#666;
			}
			
			.portfolioTextWide .whoFor{
				margin-bottom:5px;
				color:#666;
			}
			
				.whoFor a { color:#666; font-weight:bold; text-decoration:none; }


#blogExtract {
	background: none repeat scroll 0% 0% rgb(255, 255, 255); 
	padding: 15px 30px;
}

#blogPostMeta {
  list-style:none;
  margin:0px;
  padding:0px;
}

	.leftMetaBit {
		float:left; 
		margin:3px; 
		padding:10px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px; 
		border-radius:10px; 
		background-color:#ffffff; 
		border:2px solid #eef0f3; 
		width:180px;
	}
		
	.rightMetaBit {
		float:right; 
		margin:3px; 
		padding:10px; 
		-moz-border-radius:10px; 
		-webkit-border-radius:10px; 
		border-radius:10px; 
		background-color:#eef0f3; 
		width:140px;
	}

		.dateInformation {
			padding:3px; 
			background-image:url('/images/date.png'); 
			background-repeat:no-repeat; 
			padding-left:25px;
		}
	
		.readMoreLink {
			background-image:url('/images/read.png'); 
			background-repeat:no-repeat; 
			padding:3px; 
			padding-left:25px;
		}

		.gitHubList {
			background-image:url('/images/smile.png'); 
			background-repeat:no-repeat; 
			padding-left:25px; 
			margin:0px; 
			margin-top:3px; 
			margin-bottom:3px;
		}
			
		.rubyGemList {
			background-image:url('/images/redmine.png'); 
			background-repeat:no-repeat; 
			padding-left:25px; 
			margin:0px; 
			margin-top:3px; 
			margin-bottom:3px;
		}

		.gemAndGitHub {
			width:240px; 
			border:2px solid #e4e8ee;
			background:#ffffff; 
			float:right; 
			margin-top:0px; 
			margin-right:20px; 
			padding:10px; 
			-moz-border-radius:20px; 
			-webkit-border-radius:20px;
			border-radius:20px;
		}

		.boxedList {
			list-style:none; 
			margin:0px; 
			padding:0px; 
			margin-left:30px; 
			margin-bottom:20px;
		}

#projectLinkList {
	margin:0px; 
	padding:0px; 
	list-style:none; 
	margin-top:15px;
}

	#projectLinkList li {
		border:1px solid #37586f; 
		display:inline; 
		margin-right:15px; 
		padding:5px; 
		text-align:center; 
		background:#ffffff; 
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	#projectLinkList li a {
		color:#37586f;
		margin:5px;
	}

	#projectLinkList li a:hover {
		color:#000000;
		text-decoration:none;
	}

#aboutMeBox {
	float: left; 
	width: 140px; 
	border: 1px solid rgb(55, 88, 111); 
	padding: 10px; 
	margin-right: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

	.boxHeading {
		color: rgb(55, 88, 111); 
		font-weight: bold; 
		margin: 8px;
	}
	
	.boxList {
		list-style: none; 
		padding: 0px; 
		margin: 8px;
	}

	.boxList li a { margin-left:10px; }

.liveblogContent { list-style:none; }

.liveblogContent li {
    padding:20px;
    border-bottom:1px solid black;
  }

  .liveblogContent li p {
    display:inline;
  }