.page, .footer {
	margin: 0 auto;
	width: 960px;}
	
body {
	background-color: #fff;
	color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 14px; 
	font-weight: 300;}

.notebook-page {
	background-color: #ecebe7;}	
	
/* <------- default... -------> */
	/* <------- ...spacing -------> */
	h2, h3, h4, h5, ul, ol, dl, p, blockquote, table {padding: 10px 0px;}
	ul, ol, dl, p, blockquote {line-height: 1.75em;}
	/*h1, h2, h3, h4, h5, h6 {padding-bottom: 0px;}*/
	pre {margin: 10px;}
	
	/* <------- ...headers -------> */
	h1 {}
		.logo {display: block; width: 160px; height: 120px; text-indent: -9999px; opacity: 1; -webkit-transition: opacity .175s linear; background: url('../images/one-by-four-logo.png') left center no-repeat;}
		.logo:hover {opacity: .5;}
		.mixologie-logo {background: url('../images/mixologie-logo.png'); width: 370px; height: 123px; margin-bottom: 60px;}
	h1 a{color: #493929; text-decoration: none; background: none; border: none;}
	h1 a:hover {color: #7f7462}
	h2 {font-size: 28px; padding: 0px; padding-bottom: 40px; color: #666; font-weight: 100;}
	.notebook h2 {font-size: 18px; padding-bottom: 0px; color: #90935b; font-weight: 200; text-align: left;}
	.learn-more {font-size: 24px; padding-bottom: 20px; padding-top: 20px;}
	h3 {
		font-size: 18px; 
		color: #000; 
		font-weight: bold; 
		text-align: left;}
		
		.related-notes {
			padding-left: 40px;
			padding-top: 60px;}
		
		.t-border {
			padding-top: 15px;
			border-top: 1px solid #eaeaea;}
	h4 {
		font-size: 14px; 
		color: #000; 
		font-weight: bold;
		padding-top: 20px;}
	h5 {
		font-size: 108%; 
		font-weight: bold; 
		font-style: normal; 
		color:#AE0345;}
	h6 {
		color: #000;
		font-weight: bold;
		font-size: 11px;
		padding: 0px;}
	
	/* <------- ...links-------> */
	a {color: #f65940; text-decoration: none; border-bottom: 1px dotted #999;}
	a:focus, a:hover {color: #666; text-decoration: none;}
	
	/* <------- ...images-------> */
	img {display:block;}
	
	/* <------- ...lists -------> */
	ol li{list-style-type: decimal; margin-left:60px;}
	ul li{list-style-type:disc; margin-left:60px;}
	.simple {padding-right: 0px; padding-left: 0px;}
	.simple li{list-style-type:none; margin-left: 0px;}
	.horizontal li {display: inline; list-style-type: none; margin: 0px;}
	.trackbacks li{margin-left: 20px;}
	
	/* <------- ...blockquotes -------> */
	blockquote {padding-left: 20px;}
	cite{display:block; text-align:right; padding-top: 10px;}

	/* <------- ...formatting -------> */
	em {font-style: italic;}
	strong {font-weight:bold;}
	code {color:#0B8C8F;}
	
	.highlight {font-weight: bold; background:yellow; }
	#selected { /*must be an ID for the jQuery masonry!*/
		border-bottom: none;
		font-weight: bold;
		color: black; 
		background-color: #ecebe7;
		padding: 4px; 
		-webkit-border-radius: 4px; 
		-moz-border-radius: 4px; 
		border-radius: 4px;}
	.small {font-size: 12px;}
	.x-small {font-size: 11px;}
	.large {font-size: 16px;}
	
	.flush {padding: 0px;}
	
	.c-align {text-align: center;}
	.r-align {text-align: right;}
	.l-align {text-align: left; margin: 0px;}
	
	.grey {color: #999;}
	
	/* <------- ...hr -------> */
	.hr {
		border-top: 1px solid #eee;}

/* <------- notebook -------> */	
div.notebook {
	position: relative;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 0px 4px #aaa;
	-moz-box-shadow: 0px 0px 4px #aaa;
	box-shadow: 0px 0px 5px #aaa;
	background-image: url('../images/background-grid.png');}
	
.notebook .subscribe-link{
	position: absolute;
	right: 0px;
	font-size: 12px;
	top: -35px;}
	
.notebook .sub-header {
	padding-top: 25px;
	padding: 25px 40px 25px 40px;
	background: url('../images/background-green.png');}	
	
.note-listing {
	/*padding-left: 40px; padding-top: 20px;*/}

	.note-listing .thumb {
		padding: 25px 20px 10px 60px;
		margin: 0px;
		float: left;}
		
	.related-note-listing .thumb {
		padding: 10px 20px 30px 40px;
		margin: 0px;
		float: left;}	
			
	.note-listing .thumb a img:hover {
		border: 1px dotted #ddd; 
		padding-top: 0px;}	
					
	.post {
		/*padding-bottom: 80px;*/}
		
		.meta {
			/*text-align: center;*/
			color: #AAA;
			font-size: 11px;}
			
		.note-content {
			width: 100%;
			background: url('../images/background-diagonal.png');
			border-bottom: 1px solid #dfdad5;
			margin-bottom: 15px;}
			
			.note-content p {margin: 0px; padding: 0px;}
			
			.note-content img {margin: 0px auto; max-width: 780px;}
			
			.no-entries {padding-left: 40px;}
		/*.social {
			width: 100%; 
			margin: 0px auto;}*/
				
		.social img {display: inline;}
		.social a {border: none;}			
			
.footer {
	margin-top: 25px;
	margin-bottom: 20px;
	border-top: 1px solid #dededb;
	/*border-bottom: 1px solid #dededb;*/
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	font-size: 11px;}	
	
	
/* <------- portfolio -------> */					
.thumbnails .thumb {
		padding: 20px;
		position: relative;
		margin: 0px;
		float: left;}	
			
	.thumbnails .thumb a {
		background-color: #d0cec9;
		display: block;
		width: 100%;
		height: 100%;
		border: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;}
				
	.thumbnails .thumb a img:hover {border: none;}

.work-description {
	border-bottom-left-radius: 2px 2px;
	border-bottom-right-radius: 2px 2px;
	width: 439px;
	background: #000;
	border-bottom: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;}
	
	.work-description p {
		line-height: 18px;
		color: #EBEAE9;
		font-size: 12px;
		padding: 10px 15px;}
					
.wrap {overflow: hidden;}

.subscribe-link {
	text-align: right;}
	
	.subscribe-link a {
		color: #ff7418;
		border: none;
		font-weight: bold;}
		
.post ul, .post ol, .post dl, .post p, .post blockquote, .post table{
	width: 540px; }
	
.post img {
	margin: 0px auto;}	
	
.title-date {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 15px;
	margin-bottom: 5px; }
	
	.meta-date {padding-top: 10px;}
		
.download-button {
	background-color: #bbcd5a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	padding: 7px 25px 7px 15px;
	color: #fff;
	border: none;}
	
.download-button:hover {
	background-color: #afff74;
	color: #6d7c4e;}	
	
.download-arrow {font-style: normal; font-size: 12px;}			

.post p.diagonal-background {
	width: 100%;
	background: url('../images/background-diagonal-white.png');
	margin: 10px 0px;
	padding: 0px;}

.project .post {
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eaeaea;}
	
/* <------- mixologie -------> */
.mix {
	border-radius: 5px;
	-mox-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #f4f6f4;
	-webkit-box-shadow: 0px 1px 2px #aaa;
	-moz-box-shadow: 0px 1px 2px #aaa;
	box-shadow: 0px 1px 2px #aaa;
	padding: 30px 40px;
	padding-right: 30px;}
	
.mix-info {
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
	padding-bottom: 15px;}	
	
.mix-description {
	padding-right: 40px;
	width: 360px;
	line-height: 1.6em;}
	
.mix-description ul, .mix-description ol, .mix-description dl, .mix-description p, .mix-description blockquote	{
	line-height: 1.6em;}
	
.mixologie ul li{
	margin-left: 20px;}
	
.mixtape-thumbnails {
	margin: 0px auto;
	width: 960px;}
		
.mixtape-thumbnails .thumb {
	float: left;
	margin: 0px;
	padding: 15px 55px 15px 60px;}	
				
.download {margin: 15px 0px;}	

.small-pad {padding-top: 5px;}	

.explore-mixes {
	padding: 40px 0px 0px;
	text-align: center;}

#galleria {
	height: 480px;
	width:480px;}

.galleria-container {
	-moz-box-shadow:0 0 1px rgba(0,0,0,.1);
	-webkit-box-shadow:0 0 1px rgba(0,0,0,.1); 
	background-color: white;}	
	
/* <------- comments -------> */		
	
.comment-form-wrap {/*padding-top: 40px;*/}
	
.comment-form {padding-top: 15px; padding-bottom: 20px;}
	
.comments-wrap {padding-bottom: 25px;}
	
.comment {border-bottom: 1px solid #eaeaea;}

/*.authcomment {
	background-color: #fdfbcd;
	padding: 0px 20px;}*/
	
.trackbacks {padding-bottom: 35px;}	
	
.label {width: 80px;}

.input {
	background-color: #eaeaea;
	width: 340px;
	border: none;
	padding: 5px;
	margin-bottom: 15px;}
			
	.comment-message-input {
		background-color: #eaeaea;
		margin-bottom: 0px;
		width: 540px;
		border: none;
		padding: 5px;}
		
		.allowed-tags {width: 540px;}
	
.submit-button {
	background-color: #d3ee8a;
	border: none;
	color: #5c7601;
	font-weight: bold;
	padding: 7px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}

	
.comment-date {
	font-size: 10px;
	text-transform: uppercase;}		
		
.authcomment {background-color: #fafee3;}
.mixologie .authcomment {background-color: #f2f7df;}

.comment .comment {
	border: none;
	border-top: 1px dotted #eaeaea;
	padding-left: 50px;}

/* <------- about -------> */
.open {
	background-color: #f4fcba;
	color: #799b01;
	padding: 3px 2px;}	
	
.bio {
	border-top: 1px solid #eaeaea;
	padding: 40px 0px;}	
	
.links, .values {
	padding-left: 30px;}	
	
.brian .links a {color: #7c98ac;}
.ale .links a {color: #b79d43;}
.natasha .links a {color: #c57c74;}	
.bruno .links a {color: #6d8b01;}	

/* <------- footer -------> */
.footer {
	padding-bottom: 30px;}
	
.credit {
	padding-top: 20px;}	
	
.aboutUs {
	padding-right: 30px;}

.contactUs {
	padding-right: 30px;}
	
.projects .footer a{
	color: #f65940;
	}