/* CSS layout */

html {
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	background-color:#efefef;
    font-family: sans-serif;
    color: #606060;
    height:100%;
}


#resume_body a {
	color:#f47b26;
	text-decoration:none;
}

.work_project_description a {
	color:#009cc8;
	text-decoration:none;
}


.project_overview_shorts ul li a {
	color:#f01419;
	text-decoration:none;
}

#fun_project a {
	color:#f01419;
	text-decoration:none;
}

#resume_contact a {
	color:#a1a1a1;
	text-decoration:none;
}

#resume_body a:active, a:hover {
	opacity:0.7;
}

/***Nav bar styles***/
.nav_bar {
	width:100%;
	height:100px;
}

#resume_nav_bar {
	background-image:url("images/orange_crop.jpg");	
}

#lead_nav_bar {
	background-image:url("images/purple_crop.jpg");	
}

#portfolio_TOC_nav_bar {
	background-image:url("images/green_crop.jpg");	
}

#content_nav_bar {
	background-image:url("images/green_crop.jpg");	
}

#about_nav_bar {
	background-image:url("images/blue_crop.jpg");	
}

#fun_nav_bar {
	background-image:url("images/red_crop.jpg");	
}

.nav_bkgd {
	width: 60%;
	padding:20px 40px 0px 40px;
	margin: 0 auto;
	position:relative;
	min-width:650px;
	max-width:1000px;
	height:80px;
}

#resume_nav_bkgd {
	background-image:url("images/orange_bar.png");	
}

#lead_nav_bkgd {
	background-image:url("images/purple_bar.png");	
}

#portfolio_TOC_nav_bkgd {
	background-image:url("images/green_bar.png");	
}

#content_nav_bkgd {
	background-image:url("images/green_bar.png");	
}

#about_nav_bkgd {
	background-image:url("images/blue_bar.png");	
}

#fun_nav_bkgd {
	background-image:url("images/red_bar.png");	
}

#home img {
	float:left;
	height:63px;
	padding-right:15px;
}

#home_buttons {
    position: absolute;
    width:auto;
}

nav {
    position: absolute;
    padding-right:40px;
    right:0%;
    /*width:500px;*/
}

nav ul {
	margin-top:40px;
}

nav ul li {
	display: inline;
	margin-left: 20px;
	font-size: 90%;
	padding-bottom:3px;
}

nav ul li a {
	margin-right:-3px;
}

#nav_fun a {
	margin-right: 0px;
}

#nav_about, #nav_portfolio, #nav_lead, #nav_resume, #nav_fun {
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:white;
}

.last_nav_link {
	margin-right:0px;	
}

nav ul li img {
	display: block;
	padding-top:3px;
	height:3px;
}


nav ul li a {    
    color: white;
	text-decoration:none;
}

nav ul li a:hover, a:active {    
	opacity:0.7;
}

/***Body styles***/
#body_container {
	width: 60%;
	margin: 0 auto;
	min-width:650px;
	max-width:1000px;
	min-height: 100%;
    height: auto;
    height: 100%;
}

/*iterator for content pages*/
.iterator_container {
	position:relative;
	width: 60%;
	margin: 0 auto;
	min-width:650px;
	max-width:1000px;
}

#project_iterator {
	float:right;	
	padding-top:17px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}

#project_iterator li {
	display:inline;
	padding-left:20px;
}

#project_iterator li a {
	color: #058c25;	
	text-decoration:none;
	font-size:90%;
}


#project_iterator li a:hover, a:active {    
	text-decoration:none;
	opacity:0.7;
}

.disabled_link {
	color:#efefef;	
	font-size:90%;
}

/*page headers*/
#body_container h2 {
	font-size:300%;
	font-weight:normal;
	padding:0px 0px 0px 0px;
}

#resume_header {
	color: #f47b26;	
	margin-bottom:3px;
}

#about_header {
	color: #007799;	
	margin-bottom:30px;
}

#portfolio_TOC_header_solo {
	color: #058c25;	
	margin-bottom:30px;
	clear:both;
}

#portfolio_TOC_header {
	color: #058c25;	
	margin-bottom:0px;
	clear:both;
}

#lead_header {
	color: #901566;	
	margin-bottom:3px;
}

#content_header {
	color: #058c25;	
	margin-bottom:3px;
}

#fun_header {
	color: #f01419;	
	margin-bottom:0px;
}

.body_subheader {
	font-size:90%;
	color:#a1a1a1;
	/*color:#606060;*/
	clear:both;	
}

#portfolio_subheader {
	padding-bottom:29px;
	float:left;
	padding-right:20px;
}

#content_subheader {
	padding-bottom:20px;
}

#fun_subheader {
	padding-bottom:20px;
}

/*center column*/
#body_container ul {
	width:100%;
	list-style:none;
	list-style-type:none;
	margin:0px;
}

#resume_body {
	padding:0 0 40px 0;
}

#portfolio_TOC_body {
	padding:0px 0px 50px 0px;
	clear:both;
}

.contact {
	padding-left:20px;
	margin-left:33%;
	padding-bottom:10px;	
}

#resume_contact {
	display:inline;
	padding-right:20px;
	color:#a1a1a1;
	/*color:#606060;*/
	font-size:90%;
}

#resume_download {
	display:inline;
	float:right;
	color:#f47b26;
	text-decoration:none;
	font-size:90%;
}

#resume_download a:active, a:hover {
	opacity:0.7;
}
.resume_divider {
	margin-left:33%;
	width:66%;
	padding-left:20px;
	padding-bottom:3px;
	height:1px;
}

/*left column*/
.work_entry {
	float:left;
	width:33%;
	padding-bottom:50px;
}

.item_title {
	font-size:170%;
	font-weight:lighter;
	margin:0px;
	line-height:140%;
	padding:0 0 0px 0;
}


#resume_item_title {
	color: #f47b26;
	padding-bottom:3px;
	line-height:130%;
}

#portfolio_preview a:hover, a:active {    
	text-decoration:none;
	opacity:0.7;
}


#portfolio_item_title {
	padding-top: 10px;
	color: #058c25;
}

.item_detail {
	font-size:90%;
	line-height:140%;
	color: #a1a1a1;
	/*color: #606060;*/
}

#resume_item_detail {
	margin:0px;
	padding:0 0 3px 0;
}

#portfolio_TOC_item_detail {
	color: #606060;
	padding:0 0 3px 0;
	margin:0;
}

#portfolio_item_detail {
	margin-top:10px;
}

.column_1 {
	width:47%;
	padding-right:6%;
	clear:both;
	float:left;
}

.column_2 {
	width:47%;
	float:left;
}

.column_3 {
	width:30%;
	float:left;
}

.portfolio_preview a {
	text-decoration:none;
}

/*right column*/
.portfolio_thumb {
	width:100%;
	padding-bottom:10px;
}

.thumb_column {
	padding-left:20px;
	position: relative;
}

.portfolio_entry {
	float:left;
	padding-bottom:29px;
	width:100%;
}

#last_thumb {
	padding-bottom:18px;
}

.portfolio_entry_link {
	background-image:url("images/portfolio/Help_and_tips_home.jpg");
	width:66%;
	float:right;
	height:200px;
	background-size:100% 100%;
}

.portfolio_TOC_body li a:hover, a:active {
	text-decoration:none;
}

.work_project {
	padding-top:2px;
	padding-left:20px;
	margin-left:33%;
	padding-bottom:0px;	
}

.subsection_title{
	font-weight:lighter;
	font-size:90%;
	margin-bottom:5px;
	margin-top:10px;
}

#resume_subsection_title {
	color: #f47b26;	
	margin-top:11px;
	margin-bottom:9px;
}

#lead_subsection_title {
	color: #901566;
	font-weight:bold;
	clear:both;
}

#content_subsection_title {
	color: #058c25;
	font-weight:bold;
	clear:both;
}

#fun_subsection_title {
	color: #f01419;
	font-weight:bold;
}

.work_project_description, .project_overview_shorts ul li {
	color: #606060;
	font-weight:normal;
	font-size:90%;
	line-height:140%;
	padding:0px;
	margin-bottom:14px;
	margin-top:0px;
}
.project_overview_shorts ul li {
	line-height:140%;
	margin-bottom:0px;
}

#ending_paragraph {
	padding-bottom:5px;
}

.fun_link {
	color: #f01419;
	text-decoration: none;
}

.content_link {
	color: #058c25;
	text-decoration: none;
}

.single_line_resume {
	color: #606060;
	font-weight:normal;
	font-size:90%;
	padding:0px 0px 5px 0px;
	margin:0px;
}

.first_skill {
	color: #606060;
	font-weight:normal;
	font-size:90%;
	padding:0px 0px 5px 0px;
	margin:9px 0px 0px 0px;
}

/*content center column*/
.project_role {
	margin:0px;
	list-style:none;
	padding-left:0px;
	font-size:90%;
	line-height:140%;
}

#left_side {
	float:left;
	padding-right:120px;
	/*width:45%;
	max-width:350px;*/
	padding-bottom:25px;
}

.project_role li {
	padding-bottom:3px;
}

.project_overview_shorts {
	padding-bottom:3px;
}

.project_images {
	padding-bottom:31px;
}

.project_images img, .project_overview_shorts img, .project_image {
	width:100%;
	margin-top:3px;
}

.caption {	
	color:#8c8c8c;
	font-weight:normal;
	font-size:90%;
	line-height:140%;
	padding:0px;
	margin:0px 0px 21px 0px;
}


/***Footer styles***/
.footer_bkgd {
	width: 60%;
	margin: 0 auto;
	position:relative;
	min-width:650px;
	max-width:1000px;
	height:50px;
	padding:0px 40px;
}

#resume_footer_bkgd {
	background-image:url("images/orange_bar.png");		
}

#lead_footer_bkgd {
	background-image:url("images/purple_bar.png");		
}

#portfolio_TOC_footer_bkgd {
	background-image:url("images/green_bar.png");		
}

#content_footer_bkgd {
	background-image:url("images/green_bar.png");		
}

#about_footer_bkgd {
	background-image:url("images/blue_bar.png");		
}

#fun_footer_bkgd {
	background-image:url("images/red_bar.png");		
}

/*code to make a sticky footer, compliments of: http://ryanfait.com/resources/footer-stick-to-bottom-of-page*/
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
}

.push {
	height:50px;
}

.footer {
	height:50px;
	width:100%;
    position: static;
    clear:both;
    
}

#resume_footer {
	background-image:url('images/orange_crop_bottom.jpg');	
}

#lead_footer {
	background-image:url('images/purple_crop_bottom.jpg');	
}

#portfolio_TOC_footer {
	background-image:url('images/green_crop_bottom.jpg');	
}

#content_footer {
	background-image:url('images/green_crop_bottom.jpg');	
}

#about_footer {
	background-image:url('images/blue_crop_bottom.jpg');	
}

#fun_footer {
	background-image:url('images/red_crop_bottom.jpg');	
}

#footer_left {
	padding-top:16px;
	float:left;
}

#footer_left a{
	color:white;
	padding-right:20px;
	text-decoration:none;
	font-size:90%;
}

#footer_right a{
	color:white;
	text-decoration:none;
	font-size:90%;
}

#footer_right p{
	font-size:90%;
		margin:0;

}
.footer a:hover, a:active {    
    color: white;
	text-decoration:none;
	opacity:0.7;
}


#footer_right {
	padding-top:16px;
	float:right;
	color:white;
}