@charset "UTF-8";

/****************************
	GENERIC
****************************/

body {
	background-color: #ffffff;
}

/* Note: Make HTML 5 elements block-level for consistent styling */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, title
{
	display: block;
}

#outer-wrapper {
	width: 100%;
}

#inner-wrapper {
	width: 970px;
	overflow: auto;
	margin: 0 auto 0 auto;
}


/****************************
	HEADER
****************************/

header {
	margin-top: 27px;
	margin-bottom: 50px;
	vertical-align: bottom;
	overflow: hidden;

	.title {
		float: left;
	}
	
	nav {
		position: relative;
		left: 531px;
		margin-top: 18px;
		float:left;
	}
	
	nav li {
		display: inline;
		list-style-type: none;
		margin-right: 26px;
		float:left;
	}

}





/****************************
	MAIN
****************************/

#content-wrapper {
	margin-bottom: 70px;
	overflow: auto;
}

#main-content {
	float: left;
	width: 711px;
}

#main-sidebar {
	float: left;
}


#featured {
	margin-top: 3px;
	span {
		display: block;
	}
	img {
		display: block;
	}
}

#portfolio-list {
	
	margin-top: 30px;
	
	div {
		float: left;
		margin: 0 15px 15px 0;
		
		img {
			display: block;
		}
	}
}


#twitterfeed {
	
	width: 229px;
	
	ul {
		padding: 0;
		margin: 0;
	}
	
	li {
		display: block;
		list-style: none;
		margin-bottom: 20px;
	}
	
	.tweet-copy, .tweet-time {
		display: block;
	}
}

/****************************
	DETAIL
****************************/

#detail-nav {
	
	margin-bottom: 30px;
	
	ul {
		margin: 0;
		padding: 0;
	}
	li {
		list-style: none;
		display: inline;
		margin-right: 26px;
	}
}

#detail-container {
	width: 965px;
	overflow: auto;
}

#detail-content {
	float: left;
	width: 711px;

	div{

		margin-bottom: 30px;
	
		img {
			display: block;
		}
	}
	
}


#detail-sidebar {
	float: left;
	width: 239px;
}

.description {
	
	p {
		margin-bottom: 18px;
	}	
}

detail-footer {
	clear: both;
	display:block;
	float: none;
	
}