/*
Theme Name: Press Room
Theme URI: http://nemohq.com/
Description: Custom theme for NemoHQ Press Room (variant of Lucy)
Version: 1.1
Author: Nate Bedortha & JP DeVries
Author URI: http://nemohq.com/
*/

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,del,dfn,em,img,q,small,strike,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
a {text-decoration: none;}
legend {display: none;}

/* all */

@font-face {
  font-family: "AvantGarde";
  src: url('fonts/AvantGardeBook.otf') format('opentype');
}

@font-face {
  font-family: "AvantGardeExtraLight";
  src: url('fonts/AvantGardeExtraLight.otf') format('opentype');
}

body {
	background: transparent url('images/wood.jpg') center;
}

h1 {
	font: 27px/31px Georgia,'Times New Roman',Times,serif;
	margin-bottom: 1em;
	color: #00a7e1;
}

/* this is the Leave Reply */
h3, h5 {
	font: 18px/22px Georgia,'Times New Roman',Times,serif;
	margin-bottom: 1em;
	color: #00A7E1;
}

h6, strong {
	margin-bottom: 0;
	font: bold 13px/20px Verdana,sans-serif;
	color: #494B3F;
}

body p {
	font: 13px/20px Verdana,sans-serif;
	color: #494B3F;
	margin-bottom: 1em;
}

body a {
	color: #00A7E1;
}

div#container {
	width: 923px;
	background: #F8FAF7;
	margin: auto;
	box-shadow: #000 0 0 35px;
	-webkit-box-shadow: #000 0 0 50px;
}
div.page {
	padding-bottom: 11px;
	margin-bottom: 11px;
	border-bottom: 1px dotted #babbb9;
}

/* these will prob need to be renamed */
.date, .tag, .commentAmnt, .fieldDesc, .postmetadata, label {
	font: 10px/12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-transform: uppercase;
}

.date, .fieldDesc {
	color:#494b3f;
}

.tag, .commentAmnt, h3 {
	color: #00a7e1;
}

	div#header {
		border-top: 8px solid #00a7e1;
		position: relative;
		height: 120px;
	}
	
		#header #logo {
			position: absolute;
			background: transparent url('images/nemo_header.jpg') no-repeat;
			height: 59px;
			width: 238px;
			top: 55px;
			left: 47px;
		}
		
			#header #logo a {
				text-indent: -9999em;
				display: block;
				height: 100%;
				width: 100%;
			}
		
		#header .bird {
			position: absolute;
			bottom: 11px;
			right: 179px;
		}
		
		#header a.contact {
			position: absolute;
			top: 12px;
			right: 36px;
			color: #a3a59f;
			font: 11px/11px 'AvantGarde',Helvetica,sans-serif;
			text-transform: uppercase;
		}
		
	#content {
		width: 627px;
		padding: 15px 28px 15px 47px;
		float: left;
		position: relative;
	}
	
		#content span.marker {
			position: absolute;
			display: block;
			color: #f8faf7;
			font: 13px/13px 'AvantGarde',Helvetica,sans-serif;
			width: 15px;
			padding: 6px 6px 4px 6px;
			top: 15px;
			left: 0px;
			text-align: center;
			background: #00a7e1;
		}
		
		#content h1 {
			line-height: 56px;
			margin-bottom: 0em;
		}
		
	#sidebar {
		float: left;
		width: 181px;
	}
	
		#sidebar li {
			border-bottom:1px dotted #babbb9;
			font: 13px/13px 'AvantGarde',Helvetica,sans-serif;
			letter-spacing: .75px;
			text-transform: uppercase;
		}
		
		#sidebar li.current_page_item a {color: #00A7E1;}
		
		#sidebar li.last {border-bottom: 0;}
		
			#sidebar li a {
				padding: 8px 0 8px 24px;
				color: #6f7365;
				display: block;
				position: relative;
			}
			#sidebar li a:hover {color: #00A7E1;}
			
				#sidebar li a span {
					position: absolute;
					top: 8px;
					left: 0px;
				}
				
				* html div#sidebar li a span {
					left: -18px;
					top: 10px;
				}
	
	#respond {
		padding: 22px 0;
	}
	
		#respond label, #respond input {
			float: left;
			clear: left;
		}
		
		#respond input, #respond textarea {
			border: 1px solid #a3a59f;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			padding: 3px;
			font: 11px/13px 'Avant Garde',Helvetica,Arial,sans-serif;
		}
	
		#respond label {
			display: block;
			margin-bottom: 1em;
		}
		
		#respond p.loggedIn {
			font: 11px/18px 'Avant Garde',Helvetica,Arial,sans-serif;
			width: 135px;
		}
		
		#respond textarea {
			float: right;
			clear: none;
			width: 408px;
		}
		
		#respond #submit {
			float: right;
			clear: right;
			background: #00a7e1;
			text-transform: uppercase;
			font: 11px/13px 'Avant Garde',Helvetica,Arial,sans-serif;
			padding: 8px;
			border: 0;
			color: white;
			margin: 1em 0;
			cursor: pointer;
		}
		
		ol.commentlist {font: 10px/12px Verdana, "Lucida Grande", Lucida, sans-serif;}
		
			ol.commentlist p {
				font: 13px/20px Verdana,sans-serif;
				color: #494B3F;
				margin-bottom: 1em;
			}
			
			ol.commentlist ul.children {
				margin-left: 30px;
			}
			
			ol.commentlist div.reply {
				margin-bottom: 1em;
				border-bottom: 1px dotted #babbb9;
				padding-bottom: 1em;

			}
		
			li.comment {
			}	
			
		
	#footer {
		background: #a3a59f;
		clear: both;
		padding: 18px 47px 47px 47px;
	}
	
		#footer .widget {
			width: 140px;
			margin-right: 12px;
			float: left;
		}
		
			.widget h3 {
				font: bold 11px/14px Verdana,sans-serif;
				color: #f8faf7;
				text-transform: uppercase;
				margin-bottom: .5em;
			}
		
			.widget a {
				color: #f8faf7;
			}

			.widget ul {
				font: 11px/15px Verdana,sans-serif;
				
			}
			
			.widget ul.recentcomments {
				width: 240px;
			}
		

/* home */

h1.tagline {
	font: 40px/45px 'AvantGardeExtraLight',Helvetica,sans-serif;
	color: #f8faf7;
	background: #a3a59f;
	padding: 27px 25px;
	margin: 17px 11px 1px 10px;
}

ul#homePosts {
	padding: 0 10px;
	margin-bottom: 137px;
}

	ul#homePosts li.post {
		width: 300px;
		float: left;
		margin: 0 1px 2px 0;
	}
		ul#homePosts li.post a {line-height: 1;}
	
		ul#homePosts li.post h2 {
			margin-top: 1px;
		}
		
			ul#homePosts li.post h2 a {
				background: #00a7e1;
				color: white;
				display: block;
				padding: 8px 11px;
				font: bold 11px/11px 'AvantGarde',Helvetica,Arial,sans-serif;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
			
			ul#homePosts li.post:hover h2 a {
				background: #00a7e1;
				color: white;
			}

/* sub */
.entry ul, .entry ol {
	font: 13px/20px Verdana,sans-serif;
	color: #494B3F;
	margin: 0 0 1em 30px;
	list-style-type: disc;
}

.entry ol {list-style-type: decimal-leading-zero}

.entry strong {
	font-weight: bold;
}

/* utils */

.alignleft {
	float: left;
	clear: left;
	margin: 8px 8px 8px 0;
}

.alignright {
	float: right;
	clear: right;
	margin: 8px 0 8px 8px;
}

.alignnone {
	clear: none;
	float: none;
	margin: auto;
}

/* fancy */
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 32px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

div#fancy_content {
	position: relative;
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	position: absolute;
	overflow: auto;
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
}

* html div#fancy_ajax {
	height: expression((this.parentNode.clientHeight - 30) + "px");
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -32px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('images/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('images/fancy_title_right.png') repeat-x;
}

/* hacks */

div#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html div#container {height: 1%;}

ul#homePosts:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html ul#homePosts {height: 1%;}

form#commentform:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html form#commentform {height: 1%;}


div#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html div#footer {height: 1%;}
* + html div#footer {height: 1%;}