/*------------------------------------------------------------------------------
// 
// Stuntbox.com Main Site Screen Styles
// by David Sleight
//
------------------------------------------------------------------------------*/

@import url("reset.css");

/* Tip o' the hat to Font Squirrel's fine @font-face generator: http://www.fontsquirrel.com/fontface/generator */
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('../fonts/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('../fonts/Chunkfive.woff') format('woff'), url('../fonts/Chunkfive.otf') format('opentype'), url('../fonts/Chunkfive.svg#ChunkFive') format('svg');
}

html {
	background: #333 url('/wp-content/themes/brubeck/images/bgd-tile.gif') repeat; /* Should be on body element, but WebKit fat-fingers it. Fix TBD. */
}

body {
	font: 14px/22px Georgia, Times, serif;
	color: #333;
	/* background: #333 url('/wp-content/themes/brubeck/images/bgd-tile.gif') repeat; */ 
	padding-top: 10px;
}

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#grid-overlay .horizontal {
	z-index: 1001;
	position: absolute;
	top: 0;
	width: 100%;
	height: 5000px;
	background: url('/wp-content/themes/brubeck/images/h-grid.png') repeat;
}

#grid-overlay .vertical {
	z-index: 1002;
	position: absolute;
	top: 0;
	left: 50%;
	width: 960px;
	height: 5000px;
	margin-left: -480px;
	background: url('/wp-content/themes/brubeck/images/v-grid.png') repeat;
}

#wrapper {
	background-color: white;
	padding-top: 72px;
	padding-bottom: 82px;
}

#header, #content {
	width: 960px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 49px;
	margin: 0 auto;
	border-bottom: 2px solid #999;
}

#header .logo {
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	width: 150px;
	height: 36px;
	background: url('/wp-content/themes/brubeck/images/post-sprites.gif') no-repeat -10px -10px;
	text-indent: -9000px;
}
#header .logo:hover {
	background-position: -10px -60px;
}

#header .main-nav {
	position: absolute;
	top: 18px;
	left: 252px;
}

#header .main-nav li {
	float: left;
}

#header .main-nav li a {
	display: block;
	height: 13px;
	text-indent: -9000px;
	margin-right: 17px;	
}

#header .main-nav li.nav-about a {
	width: 36px;
	background: url('/wp-content/themes/brubeck/images/post-sprites.gif') no-repeat -10px -210px;
}
#header .main-nav li.nav-about a:hover { background-position: -10px -270px; }

#header li.nav-journal a {
	width: 47px;
	background: url('/wp-content/themes/brubeck/images/post-sprites.gif') no-repeat -63px -210px;
}
#header .main-nav li.nav-journal a:hover { background-position: -63px -270px; }

#header .main-nav li.nav-projects a {
	width: 53px;
	background: url('/wp-content/themes/brubeck/images/post-sprites.gif') no-repeat -128px -210px;
	margin-right: 0;
}
#header .main-nav li.nav-projects a:hover { background-position: -128px -270px; }

#header .sub-nav {
	position: absolute;
	top: 18px;
	right: 0;
}

#header .sub-nav li {
	float: left;
}

#header .sub-nav li a {
	display: block;
	height: 13px;
	text-indent: -9000px;
	margin-left: 10px;	
}

#header .sub-nav li.previous a {
	width: 74px;
	background: url('/wp-content/themes/brubeck/images/post-sprites.gif') no-repeat -10px -480px;
}
#header .sub-nav li.previous a:hover { background-position: -10px -420px; }

#header .sub-nav li.next a {
	width: 46px;
	background: url('/wp-content/themes/brubeck/images/post-sprites.gif') no-repeat -125px -480px;
}
#header .sub-nav li.next a:hover { background-position: -125px -420px; }

#hero {
	margin-top: 19px;
	padding-bottom: 19px;
	border-bottom: 2px solid #999;
}

#column1 {
	float: left;
	width: 217px;
	margin-top: 25px;
	margin-left: 5px;
}

#column1 h1 {
	/* font: 24px/24px 'ChunkFiveRegular', Georgia, Times, serif; */
	font: 22px/22px 'aurea-ultra-1', 'aurea-ultra-2', 'ChunkFiveRegular', Georgia, Times, serif;
	color: #666;
	margin-top: -1px;
	margin-bottom: 4px;
	/* font-style: italic; */
}

#column1 .post-meta {
	font-size: 12px;
	margin-bottom: 22px;	
}

#column1 .post-meta a {
	text-decoration: none;
	color: #333;
}

#column1 .post-meta a:hover {
	color: #00aeef;
}

#column1 .post-tags {
	text-transform: lowercase;
	color: #666;
	font-size: 13px;
}

#column1 .post-tags span {
	display: block;
	font-style: italic;
}

#column1 .post-tags a {
	text-decoration: none;
	color: #666;
}

#column1 .post-tags a:hover {
	color: #00aeef;
}

.edit-link a:link, .edit-link a:visited {	
	display: block;
	margin-top: 22px;
	font-size: 13px;
	color: #999;
	text-decoration: none;
	font-style: italic;
}
.edit-link a:hover, .edit-link a:active {
	color: #f21847;
}

#column2 {
	float: right;
	width: 709px;
	margin-top: 18px;	
}

/* adjust for blog posts only */
.blog.post #column2 #post {
	margin-top: 9px;	

}

#column2 h2 {
	/* font: 14px/20px 'ChunkFiveRegular', Georgia, Times, serif; */
	font: 14px/20px 'aurea-ultra-1', 'aurea-ultra-2', 'ChunkFiveRegular', Georgia, Times, serif;
	color: #666;
	/* font-style: italic; */
}

.blog.post #column2 #post h2 {
	padding-top: 2px;
}

#column2 p, #post li {
	width: 463px;
	/* width: 586px; */
	/* width: 709px; */
	margin-bottom: 22px;
}

#post li {
	/* bullet? */
}

#post a:link, #post a:visited  {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #999;
}
#post a:hover, #post a:active {
	color: white;
	background-color: #00aeef;
	border: none;
}

#column2 p img {
	position: relative;
	left: -5px;
}

#column2 p .inset-bug {
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
}

#column2 p.caption {
	width: 709px;
	font-style: italic;
	color: #999;
	margin-top: -10px;
}

#column2 strong, #column2 b {
	font-weight: bold;
}

#column2 em, #column2 i {
	font-style: italic;
}

#column2 cite {
	font-style: italic;
}

#column2 ul {
	list-style-type: disc;
	list-style-position: outside;
}

#column2 ol {
	list-style-type: decimal;
	list-style-position: outside;
}

#column2 blockquote {
	color: #666;
	border-left: 4px solid #ccc;
	padding-left: 15px;
}

/* 
#column2 blockquote {

}
*/

/*
#column2 code {

}
*/

/*- Comments -----------------------------------------------------------------*/

#comments {
	margin-top: 46px;
}

.comment {
	position: relative;
	left: -5px; /* IE6 muffs this, but I don't give a cuss */
	width: 463px;
	margin-bottom: 4px;
	padding: 25px 0 0 5px;
	border-bottom: 2px solid #e6e6e6;
}

.comment a {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

.comment a:hover {
	color: white;
	background-color: #06c;
	border: none;
}

.comment h3 {
	/* font: 14px 'ChunkFiveRegular', Georgia, Times, serif; */
	font: 14px 'aurea-ultra-1', 'aurea-ultra-2', 'ChunkFiveRegular', Georgia, Times, serif;
	color: #666;
}

.comment h3 a:link, .comment h3 a:visited {
	text-decoration: none;
	color: #666;
	border: none;
}
.comment h3 a:hover, .comment h3 a:active {
	/*
	border-bottom: 1px solid #666;
	border-spacing: 4px;
	*/
	background-color: transparent;
}

.comment .avatar {
	float: left;
	margin-right: 5px;
}

.comment.author {
	margin: 4px 0;
	background: #e6e6e6 url('/wp-content/themes/brubeck/images/spotted-bgd.gif');
}

#commentform {
	margin-top: 30px;
	/* margin-bottom: 90px; */
	position: relative;
}

#commentform h2 {
	margin-bottom: 13px;
}

#commentform label {
	display: block;
	font-size: 12px;
	font-style: italic;
	padding-bottom: 2px;
}

#commentform .required {
	color: #666;
}

#commentform input, #commentform textarea {
	display: block;
	width: 336px;
	border: 1px solid #999;
}

#commentform input {
	height: 21px;
	margin-bottom: 15px;
}

#commentform textarea {
	height: 200px;
	margin-bottom: 30px;
}

#commentform .submit-btn {
	width: 130px;
	height: 30px;
	border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px; 
	-moz-border-radius: 3px 3px;
	font: 14px/20px Georgia, Times, serif;
	color: white;
	background: #666; 
	border: none;
	cursor: pointer; 
	/* -webkit-transition: background-color .1s linear; */
}
#commentform .submit-btn:hover {
	background: #f21847;
	background: #00aeef;
}

#commentform .note {
	position: absolute;
	left: 144px;
	width: 210px;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	color: #666;
}

#commentform .note a {	
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#commentform .hidden {
	display: none;
}

.comments-closed {
	/* margin-bottom: 90px; */
}

/*- Footer -------------------------------------------------------------------*/

#footer {
	clear: both;
	/* margin-top: 82px; */
	/* background: #333 url('/wp-content/themes/brubeck/images/bgd-tile.gif') repeat; */
}

#footer-inner {
	width: 960px;
	height: 80px;
	margin: 0 auto;
	position: relative;
}

#footer .copyright {
	display: block;
	position: absolute;
	top: 26px;
	width: 321px;
	height: 27px;
	padding: 3px 0 0 24px;
	background: url('/wp-content/themes/brubeck/images/footer-sprites.gif') no-repeat -10px -10px;
	font-size: 11px;
	color: white;
}

#footer .sub-nav {
	position: absolute;
	top: 29px;
	left: 369px;
}

#footer .sub-nav li {
	float: left;
	margin-right: 13px;
	text-transform: uppercase;
	font-size: 11px;
}

#footer .sub-nav li a:link, #footer .sub-nav li a:visited {
	color: white;
	text-decoration: none;
}

#footer .sub-nav li a:hover, #footer .sub-nav li a:active {
	border-bottom: 1px solid #999;
	padding-bottom: 1px;
}

#footer #searchform {
	position: absolute;
	top: 28px;
	left: 738px;
}

#footer #s {
	width: 186px;
	height: 17px;
	margin-right: 3px;
	padding: 5px 5px 0 5px;
	border: 0;
	font: 11px/11px Georgia, Times, serif;
	color: #666;
}

#footer #searchsubmit {
	width: 16px;
	height: 22px;
	border: 0px;
	cursor: pointer;
	text-indent: -9000px;
	background: transparent url('/wp-content/themes/brubeck/images/footer-sprites.gif') no-repeat -10px -46px;
}
#footer #searchsubmit:hover {
	background-position: -10px -76px;
}

/*- About Page ---------------------------------------------------------------*/

.about #column2 p, .about #post li {
	width: 340px;
}

.about #post {
	float: left;
	width: 340px;
}

.about #contact {
	float: right;
	width: 340px;
}

.about #post, .about #contact {
	padding-top: 11px;
}	

.about #commentform {
	margin-top: 0;
}

.about #commentform label {
	font-weight: bold; 
	color: #666;
}

.about #commentform p {
	margin-bottom: 18px;
}

.about #commentform input {
	height: 21px;
	margin-bottom: 15px;
}

.about #commentform textarea {
	height: 206px;
	margin-bottom: 28px;
}

.about #commentform .submit-btn {
	width: 217px;
	height: 30px;
	border-radius: 3px 3px;
	-webkit-border-radius: 3px 3px; 
	-moz-border-radius: 3px 3px;
	font: 14px/20px Georgia, Times, serif;
	color: white;
	background: #666; 
	border: none;
	cursor: pointer;
}
.about #commentform .submit-btn:hover {
	background: #f21847;
	background: #00aeef;
}

/*- Journal / Blog Directory Page --------------------------------------------*/

.directory .entry-list li, .directory .tag-list li { 
	list-style-type: none;
	line-height: 24px; /* adjust horizontal grid to 24px */
}

.directory #column2 h2 {
	line-height: 21px;
	margin-bottom: 4px;
}

.directory #column2 {
	padding-top: 10px;
}
.entry-list {
	float: left;
	width: 340px;
}

.entry-list li {
	position: relative;
}

.entry-list .date {
	position: absolute;
	font-size: 11px;
	color: #666;
}

.entry-link {
	/* display: block; */ /* used to use this for indented wrapping, but now a no-go */
	margin-left: 60px;
	padding-left: 30px;
	background: url('/wp-content/themes/brubeck/images/category-sprites.gif') no-repeat -5px -10px;
}
.entry-link:hover { background-position: -5px -40px; }

.entry-list a:link, .entry-list a:visited {
	color: #333;
	text-decoration: none;
}
.entry-list a:hover, .entry-list a:active {
	color: #00aeef;
	text-decoration: underline;
}

.tag-list {
	width: 340px;
	float: right;
}

.tag-list li {
	float: left;
	margin-right: 7px;
	text-transform: lowercase;
}

.tag-list li a:link, .tag-list li a:visited {
	color: #333;
	text-decoration: none;
}
.tag-list li a:hover, .tag-list li a:active {
	color: white;
	background-color: #00aeef;
}

/*- Projects Directory Page --------------------------------------------------*/

.project-directory #column2 {
	padding-top: 3px;
	padding-bottom: 5px;
}

.project-directory #column2 a {
	display: block;
}

.project-directory #column2 li { 
	float: left;
	width: 222px;
	list-style-type: none;
	margin: 0 29px 15px -5px;
	font-size: 12px;
}

.project-directory #column2 li.third {
	margin-right: 0;
}

.project-directory #column2 li img {
	margin-bottom: 7px;
}

.project-directory .project-name {
	padding-left: 5px;
}

.project-directory #column2 li a:link, .project-directory #column2 li a:visited { 
	color: #333;
	text-decoration: none;
	border: none;
}

.project-directory #column2 li a:hover, .project-directory #column2 li a:active { 
	color: #00aeef;
	background-color: transparent;	
}

.project-directory #column2 li:hover a { 
	color: #00aeef;
}

/*- Individual Project Page --------------------------------------------------*/

.featured-project .sidebar {
	
}

.featured-project .sidebar p {
	
}

.featured-project .sidebar .tasks {
	margin-top: 21px;
	color: #999;
	font-style: italic;
}

/*- Search Results, Archive Pages --------------------------------------------*/

.search-results #column2, 
.archive #column2 {
	padding-top: 11px;
}

.search-results #column2 h2,
.archive #column2 h2 {
	line-height: 22px;
}

.search-results #column2 h2 a:link, .search-results #column2 h2 a:visited,
.archive #column2 h2 a:link, .archive #column2 h2 a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: none;
	font-style: normal;
}
.search-results #column2 h2 a:hover, .search-results #column2 h2 a:active,
.archive #column2 h2 a:hover, .archive #column2 h2 a:active {
	color: #00aeef;
	background-color: transparent;
	border: none;
}

.search-results #column2 a:link, .search-results #column2 a:visited,
.archive #column2 a:link, .archive #column2 a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	
	font-style: normal;
}
.search-results #column2 a:hover, .search-results #column2 a:active,
.archive #column2 a:hover, .archive #column2 a:active {
	color: white;
	background-color: #00aeef;
	border: none;
}

.search-results #column2 .post-meta,
.archive #column2 .post-meta {
	font-style: italic;
	color: #999;
}

.search-results #column2 .post-meta span,
.archive #column2 .post-meta span { 
	font-style: normal; 
}

/*- 404 Page -----------------------------------------------------------------*/

.file-not-found h1 em {
	display: block;
	font-style: normal;
}

.file-not-found h2 {
	font-weight: normal;
	padding-top: 20px;
	color: #666;
	font-style: italic;
}