@charset "utf-8";
/*
Theme Name: Whiteboard
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: Whiteboard Framework has been helping Wordpress developers cut back on their development time and improve their Wordpress powered websites since 2008.
Version: 3.2.1

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body {
	margin:0;
	padding:0;
	background: #F3F3F3;
	text-align: center;
	font-size: 12px;
	font-family: Helvetica, Arial, san-serif;
	color: #ACAAAA;
	line-height: 1.5em;	
}

#main {
width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
}

@font-face {
    font-family: 'bariol_thinregular';
    src: url('http://www.ambarchitecture.com/fonts/bariol_thin-webfont.eot');
    src: url('http://www.ambarchitecture.com/fonts/bariol_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ambarchitecture.com/fonts/bariol_thin-webfont.woff') format('woff'),
         url('http://www.ambarchitecture.com/fonts/bariol_thin-webfont.ttf') format('truetype'),
         url('http://www.ambarchitecture.com/fonts/bariol_thin-webfont.svg#bariol_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bariol_lightlight';
    src: url('http://www.ambarchitecture.com/fonts/bariol_light-webfont.eot');
    src: url('http://www.ambarchitecture.com/fonts/bariol_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ambarchitecture.com/fonts/bariol_light-webfont.woff') format('woff'),
         url('http://www.ambarchitecture.com/fonts/bariol_light-webfont.ttf') format('truetype'),
         url('http://www.ambarchitecture.com/fonts/bariol_light-webfont.svg#bariol_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bariol_boldbold';
    src: url('http://www.ambarchitecture.com/fonts/bariol_bold-webfont.eot');
    src: url('http://www.ambarchitecture.com/fonts/bariol_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.ambarchitecture.com/fonts/bariol_bold-webfont.woff') format('woff'),
         url('http://www.ambarchitecture.com/fonts/bariol_bold-webfont.ttf') format('truetype'),
         url('http://www.ambarchitecture.com/fonts/bariol_bold-webfont.svg#bariol_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {
	border: 0;
	float: left;
	margin-right:20px;
	margin-bottom:10px; 
	}

a {
	text-decoration: none;
	}
	
p {
	font-size: 12px;
	font-family: Helvetica, Arial, san-serif;
	color: #ACAAAA;
	line-height: 1.2em;
}
	
	
p a {
	color: #9B9B9B;
	font-weight: bold;
}

p a:hover {
	color: #000000;
}
	
#header {
	margin: 40px 0px 0px 0px;

}
	
h2 {
	display: inline;
	font-family: bariol_thinregular;
	font-size: 60pt;
	color:#F29BB1;
	font-weight: normal;
}

h3 {
	display: inline;
	font-family: bariol_thinregular;
	font-size: 20px;
	color:#ACAAAA;
	margin-left: 5px;
	line-height: 40px;
	}
	
#contentBlock {
	float: left;
	width: 100%;
	margin-top:50px;
	border-top: 1px solid #E5E5E5;
	padding: 30px 0px 0px 0px;
}
	
#copybox {
	font-family: 'bariol_lightlight';
	font-size: 20px;
	color:#F29BB1;

}

.date {
	display: inline;
	font-family: 'bariol_lightlight';
	font-size: 20px;
	color:#ACAAAA;
	line-height: 24px;
}

.attribution {
	font-family: 'bariol_lightlight';
	color:#ACAAAA;
	font-size:15px;
	line-height: 10px;
}


	
hr {
	height:1px;
	color:#E5E5E5;
	background-color:#E5E5E5;
	border:0;
	margin-top:60px;
	margin-bottom:20px;
	}

#footer {
	font-family: bariol_lightlight;
	font-size: 13pt;
	color:#ACAAAA;
	margin-top:60px;
	border-top: 1px solid #E5E5E5;
	padding: 30px 0px 30px 0px;
}

#footer a {
	color:#9B9B9B;
}

#footer a:hover {
	color: #333333;
}

header {
	
}
	nav {
		
	}
	nav.primary {
		
	}
	nav.footer {
		
	}
	#widget-header {
		
	}
	#widget-alert {
		
	}

#content {
	
}
	article {
		
	}
		.featured-thumbnail {
			
		}
		.post-content {
			
		}
			.pagination {
				
			}
	.post-meta {
		
	}
	.post-navigation {
		
	}

#comments {
	
}
	li.comment {
		
	}
		.odd {
			
		}
		.even {
			
		}
		.author-comment {
			
		}
		.comment-text {
			
		}
		.comment-meta {
			
		}
			p.gravatar {
				
			}
		.waiting-for-approval {
			
		}
	#trackbacks {
		
	}
		li.trackback {
			
		}
	p#no-comments {
		
	}
	#comments-form {
		
	}
		#respond {
			
		}
		.cancel-comment-reply {
			
		}

.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

nav.oldernewer {
	
}
	.older {
		
	}
	.newer {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
	
}
	#widget-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widget {
			
		}

#footer {
	
}
	#widget-footer {
		
	}
	#footer-nav {
		
	}
	
.no-results {
	
}

.widget-area {
	
}

.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */