/*////////////////////////////////////////////////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
//    isaacw                               ///////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
//    Website: www.isaacw.com              ///////////////////////////////////////////////////////
//    File:    stylesheet.css              ///////////////////////////////////////////////////////
//    Date:    10/03/08                    ///////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
//    Coded by Isaac Weinhausen            ///////////////////////////////////////////////////////
//    http://isaacw.com                    ///////////////////////////////////////////////////////
//                                         ///////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////*/

	
	/* ------ LAYOUT --------------- */
	
	* { padding: 0; margin: 0; }
	html,body {	height: 100%; }
	
	body {
		background: #fff;
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 14px;
		line-height: 21px;
		color: #000;
	}
	
	#container {
		height: 100%;
	}
	
	#header {
		margin: 0 auto;
		width: 932px;
		height: 98px;
	}
	
	#content { 
		clear: both;
	}
	
	#footer {
		clear: both;
		text-align: center;
/*		background: url(images/bg-faux.gif) left top repeat-y #fff;*/
	}
	
	#bg1 {
		height: 100%;
/*		background: url(images/bg-gradient.jpg) left top repeat-x;*/
	}
	
	/* ------ STATUS --------------- */
	
	#status {
		position: relative;
		background: #000;
		height: 14px;
		margin-bottom: 28px;
	}
	
	#status small {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -466px;
		padding: 0 28px 0 7px;
		background: #000 url(images/corner_white.gif) no-repeat bottom right;
		font-size: 10px;
		color: #fff;
	}
	
	#status.highlight, #status small.highlight {
		background-color: #bb0000;
	}
	
	#status .username {}
	
	#status .post {}
	
	#status .when-posted {
		display: none;
	}
	
	#status a {
		color: #fff;
	}
	
	/* ------ HEADER --------------- */
	
	#branding {
		float: left;
		padding-top: 34px;
	}
	
	#branding.hover {
		padding-top: 33px;
		border-top: 1px solid #bb0000;
	}
	
	#branding.on {
		padding-top: 33px;
		border-top: 1px solid #e5e5e5;
	}
		
	#branding img {
		
	}
	
	#branding strong {
		display:none;
	}
	
	/* ------ NAV --------------- */
	
	#nav {
		float: right;
		margin: 0 20px 0 0;
		padding: 0;
		list-style: none;
	}
	
	#nav li {
		float: left;
		display: block;
		margin: 0;
		padding: 49px 0 0;
	}
	
	#nav li.hover {
		padding: 48px 0 0;
		border-top: 1px solid #bb0000;
	}
	
	#nav li.on {
		padding: 48px 0 0;
		border-top: 1px solid #e5e5e5;
	}
	
	#nav a {
		display: block;
		padding: 0 8px;
		font-weight: bold;
		text-decoration: none;
		color: #bb0000;
	}
	
	#nav a:hover {
		background: #bb0000;
		color: #fff;
	}
	
	#nav li.on a {
		background: #000;
		color: #fff;
	}
	
	#nav strong {
		display: none;
	}
	
	/* ------ COLUMNS --------------- */
	
	.col-0 {
		width: 100%;
		background: url(images/pixel_light-grey.png) repeat-x top left;
/*		float: left;*/
		clear:both;
	}
	
	.col-1, .col-2 {
		width: 50%;
		background: url(images/pixel_light-grey.png) repeat-x top left;
	}
	
	.col-2 {
		width: 49.99%;	/* IE6 & IE7 BUG: has issues calculating %'s */
		float: right;
		clear: right;
	}
	
	div > .col-2 {
		/* IE6- will ignore */
		width: 50%;
	}

	*:first-child+html .col-2 {
		/* Only IE7 will see this */
		width: 49.99%;
	}
	
	.col-1 {	
		float: left;
		clear: left;
	}
	
	.inner {
/*		position: relative;*/
		width: 438px;
		padding: 0px 28px 21px 0;
		margin: 0;
/*		margin-top: 7px;*/
		background: url(images/h-line_white.png) no-repeat 438px 0;
	}
	
	.col-2 .inner {
		margin-right: auto;
	}
		
	.col-1 .inner {
		margin-left: auto;
	}
	
	.col-0 .inner {
		width: 904px;
		margin-right: auto;
		margin-left: auto;
		background: url(images/h-line_white.png) no-repeat 904px 0;
	}
	
	.col-ext {
		background: none;
	}
	
	div.sub-content {
		padding-top: 21px;
		background: url(images/pixel_light-grey.png) repeat-x top left;
	}
	
	div.sub-content-compact{
		padding-top: 7px;
	}
	
	.left, .right {
/*		background: #ccc;*/
	}
	
	.left {
		width: 438px;
		float: left;
		clear: left;
	}
	
	.right {
		margin-left: 466px;
/*		float: right;*/
		clear: right;
	}
	
	/* ------ FOOTER --------------- */
	
	#lower-nav {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	
	#lower-nav li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#lower-nav li a {
		
	}
	
	#copyright {
		
	}
	
	/* ------ PAGE: home --------------- */
	
	#pg-home .col-banner p {
		letter-spacing: -0.04em;
	}
	
	#work h3 {
		display: none;
	}
	
	#about h3 {
		font-size: 28px;
		padding: 7px 0 7px 0;
		line-height: 42px;
	}
	
	#about img.cutout {
		display: none;
	}
	
	#about div > img.cutout {
		/* IE6- will ignore */
		display: block;
		position: absolute;
		margin-top: -80px;
	}
	
	#blog .post {
/*		background: url(images/pixel_light-grey.png) repeat-x topleft;*/
	}
	
	#blog h4 a {
		color: #000;
		text-decoration: none;
	}
	
	#blog h4 a:hover {
/*		background: #bb0000;*/
		color: #bb0000;
		text-decoration: none;
	}
	
	#blog h4 small {
		font-weight: normal;
/*		font-size: 14px;*/
/*		display:none;*/
	}
		
	/* ------ PAGE: work --------------- */
	
	#anchors {
		position: absolute;
/*		background: #ccc;*/
		width: 10px;
/*		top: -7px;*/
		top: 300px;
		left: 0px;
	}

	a.floating {
		display: block;
		float: left;
		width: 4px;
		height: 406px;
/*		background: #bb0000;*/
/*		color: #fff;*/
	}


	/* ------ GENERAL --------------- */
	
	h1, h2, h3, h4 {
/*		clear: both;*/
/*		background-color: #e5e5e5;*/
	}
	
	.col-banner {
		background: #e5f4ff url(images/bg_banner.gif) repeat-x 0px 0;
		margin-bottom: 0px;
	}
	
	.col-banner .outer {
		margin: 0 0 0 50%;
		background: url(images/v-line_white.gif) repeat-x 0 1px;
	}
	
	.col-banner .inner {
		display: block;
/*		position: relative;*/
		width: 904px;
/*		margin: 0 auto;*/
		margin: 0px 0 0 -466px;
/*		left: -466px;*/
		padding: 7px 28px 0 0;
		
/*		background: #e5f4ff;*/
/*		border-top: 7px solid #fff;*/
		background: url(images/h-line_white.png) no-repeat 904px 0;
/*		background: #e5f4ff url(images/bg_banner.gif) repeat-x 0px 0;*/
		
	}
	
	.col-banner .inner * {
		background: #e5f4ff;
	}
	
	.col-banner h1 {
		margin: 0 0 0 -6px;
		padding: 26px 0 0 0;
		font-size: 112px;
		line-height: 112px;
		letter-spacing: -4px;
	}
	
	.col-banner p {
		margin: 0;
		padding: 0 0 31px 0;
		font-size: 28px;
/*		line-height: 7px;*/
		letter-spacing: -0.01em;
	}
	
	h2 {
		color: red;
	}
	
	h3 {
		font-size: 21px;
		line-height: 21px;
		padding: 7px 0 14px;
	}
	
	h4 {
		font-size: 14px;
		height: 21px;
	}
	
	p {
		padding-bottom: 21px;
	}
	
	p.links-caption {
		padding-bottom: 7px;
	}
	
	p.list-caption {
		padding-bottom: 7px;
	}
	
	p img {
/*		margin: -7px 0 7px 0;*/
	}
	
	ul {
		margin-bottom: 14px;
	}
	
	li {
/*		padding-bottom: 21px;*/
		margin: 0px 21px 0px 21px;
	}
	
	/* UL Link aligns to the grid in the intervals: 2 + 3*n (where n = quantity of li) */
	ul.links {
		margin: 0px 0 20px 0;
		padding: 0;
		border-bottom: 1px solid #f5d9d9;
	}
	
	ul.links li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.right {
		margin-left: 466px;
	}
	
	ul.links a {
		display: block;
		height: 27px;
		line-height: 28px;
		border-top: 1px solid #f5d9d9;
		color: #bb0000;
		text-decoration: none;
	}
	
	ul.links a:hover {
		background: #faebeb;
	}
	
	ul.links img {
		position: relative;
		top: 2px;
		margin:0;
		padding: 0px 7px 0px 0;
/*		vertical-align: top;				WARNING: IE7 forgets line-height of near by text when v-align is used */
	}
	
	ul.links a span.title {
		
	}
	
	ul.links a span.description {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-style: italic;
		font-weight: 200;
		font-size: 14px;
		
	}
	/*
			
		ul.links a {
			display: block;
			height: 23px;
			padding-top: 4px;
			border-top: 1px solid #f5d9d9;
			color: #bb0000;
			text-decoration: none;
		}
		
		ul.links a:hover {
			background: #faebeb;
		}
		
		ul.links img {
			padding: 2px 7px 0 0;
			vertical-align: top;
		}
		
		ul.links a span.title {
			
		}
		
		ul.links a span.description {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-style: italic;
			font-weight: 200;
			font-size: 14px;
			
		}
	*/
		
	a {
		color: #bb0000;
	}
	
	a img {
		border: 0;
	}
	
	img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	img.align-right {
		float: right;
	}
	
	img.align-left {
		padding: 4px;
		margin: 0 10px 2px 10px;
		display: inline;
	}
	
	blockquote {
		margin: 4px 0 24px;
		padding: 17px 21px 0;
		background: #d7edfc;
	}
	
	blockquote p {
		padding-bottom: 18px;
		font-style: italic;
		color: #333;
	}
	
	
	/* ------ FORMS --------------- */
	
	label.overlabel {
		color:#999;
	}
	
	label.overlabel-apply {
		position:absolute;
		top:3px;
		left:5px;
		z-index:1;
		color:#999;
	}
	
	.overlabel-wrapper {
		position:relative;
	}
	
	form.simple {
		padding: 21px;
		background: #e5f4ff;
	}
	
	form.simple label {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 21px;
		font-weight: normal;
	}
	
	form.simple label.overlabel-apply {
		top:0px;
		left:2px;
		padding: 12px 12px 6px;
	}
	
	form.simple input.text, form.simple textarea {
		width: 366px;
		padding: 12px 12px 6px;
		border: #badff7 1px solid;
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 21px;
	}
	
	form.simple input.attn, form.simple textarea.attn {
		border: #bb0000 1px solid;
	}
	
	form.simple input.text {
		
	}
	
	form.simple textarea {
		height: 168px;
		line-height: 21px;
	}
	
	form.simple .prefocus {
/*		color: #999;*/
	}

	.attn-msg {
		width: 254px;
		padding: 0px;
/*		background: #9b0000;*/
	}
	
	.attn-msg b {
		display: block;
		float: left;
		width: 10px;
		height: 42px;
		color: #000;
/*		line-height: 21px;*/
		padding: 0px 6px 0 0;
		font-weight:normal;
	}
	
	.attn-msg span {
		background: #bb0000;
		color: #fff;
		line-height: 21px;
		padding: 3px 3px 3px;
	}
	
	
	/* ------ SPECIAL --------------- */
	
	.jqir img {
		display: block;				/* NOTE: default of "inline" causes line-height to be factored */
	}
	
	.clear {
		clear: both;
	}
	
	div.hr {
		height:21px;
		background: url(images/pixel_light-grey.png) repeat-x top left;
	}