/*  
Theme Name: norapeyer.com V1.0
Theme URI: http://www.norapeyer.com/
Description: Wordpress Theme for norapeyer.com
Version: 1.0
Author: Christian Meinke
Author URI: http://www.christianmeinke.com/
Last edited: 19.10.2010
*/

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}


/* Global Whitespace Reset */
* {
	margin:0;
	padding:0;
	}
	
body {
	background: #fff;
	font: 70%/1em Helvetica, Arial, sans-serif;
	text-align: center;
	color: #333;
	}


/* Links */

a, a:active, a:link {
	text-decoration: none;
	color: #333;
	}

a:visited {
	text-decoration: none;
	}

a:hover {
	color: #000;
	text-decoration: none;
	}

a img {
	border: none;
	}

p a, p a:active, p a:link {
	text-decoration: none;
	color: #121212;
	font-weight: normal;
	border-bottom: 1px dotted;
	}

p a:visited {
	text-decoration: none;
	color: #444;
	}

p a:hover {
	color: #000;
	text-decoration: none;
	border: none;
	}
	
/* Lists */



/* Quotes */

blockquote {
	color:#555;
	font-size: 1.0em;
	padding: 0.6em 2.0em;
	}

/* Images */

img { border: none; }

/* Clearing */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

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

/* hides from IE Mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/*End hide from IE Mac*/


/* Layout */

.container_15 {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	text-align: left;
}

/* Grid * Global */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15 {
	display: inline;
	float: left;
}


/* 15 Columns Grid */

.container_15 .grid_1 {
	width: 60px;
}

.container_15 .grid_2 {
	width: 120px;
}

.container_15 .grid_3 {
	width: 180px;
}

.container_15 .grid_4 {
	width: 240px;
}

.container_15 .grid_5 {
	width: 300px;
}

.container_15 .grid_6 {
	width: 360px;
}

.container_15 .grid_7 {
	width: 420px;
}

.container_15 .grid_8 {
	width: 480px;
}

.container_15 .grid_9 {
	width: 540px;
}

.container_15 .grid_10 {
	width: 600px;
}

.container_15 .grid_11 {
	width: 660px;
}

.container_15 .grid_12 {
	width: 720px;
}

.container_15 .grid_13 {
	width: 780px;
}

.container_15 .grid_14 {
	width: 840px;
}

.container_15 .grid_15 {
	width: 900px;
}


#header {
	position: relative;
	height: 90px; /* 140px */
	padding: 60px 0 0 0;
	}
	
#home-logo a {
	background: transparent url(../np10/img/np-logotype.png) left top no-repeat;
	display:block;
	height:20px;
	line-height:20px; 
	text-decoration:none;
	}
	
#home-logo a span { display:none; }	

#nav { list-style: none; padding: 46px 0 0 0px; }
#nav a { display:block; height:62px; width: 88px; line-height:62px; text-decoration:none; }
#nav a span { display:none; }
#nav li { margin-right: 32px; width: 88px; float: left;}

#nav li.architecture a { background: transparent url(../np10/img/nav-architecture.png) left top no-repeat; }
#nav li.products a { background: transparent url(../np10/img/nav-products.png) left top no-repeat; }
#nav li.profile a { background: transparent url(../np10/img/nav-profile.png) left top no-repeat; }
#nav li.contact a { background: transparent url(../np10/img/nav-contact.png) left top no-repeat; }

#nav li.architecture a:hover { background: transparent url(../np10/img/nav-architecture.png) left -65px no-repeat; }
#nav li.products a:hover { background: transparent url(../np10/img/nav-products.png) left -65px no-repeat; }
#nav li.profile a:hover { background: transparent url(../np10/img/nav-profile.png) left -65px no-repeat; }
#nav li.contact a:hover { background: transparent url(../np10/img/nav-contact.png) left -65px no-repeat; }

#architecture #nav li.architecture a { background: transparent url(../np10/img/nav-architecture.png) left -65px no-repeat; }*/


#products #nav li.products a { background: transparent url(../np10/img/nav-products.png) left -65px no-repeat; }
#profile #nav li.profile a { background: transparent url(../np10/img/nav-profile.png) left -65px no-repeat; }
#contact #nav li.contact a { background: transparent url(../np10/img/nav-contact.png) left -65px no-repeat; }

#footer {
	padding: 80px 0 20px 0;
	}
	
.left { float: left; }
.right { float: right; }	
	
	
/* Typography */

.align-left { text-align: left;	}
.align-right { text-align: right; }


h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

h1 { 
	color: #333;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
	text-transform: uppercase;
}

h1 a:hover {
	border-bottom: 1px dotted;
	}

h2 {
	color: #999;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2em;
	}
	
h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 1.8em 0 0 0;
	}
	
h4 {
	font-size: 1.0em;
	line-height: 1.2em;
	text-transform: uppercase;
	}	

p {
	margin: 1.4em 0 0 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

span { color: #888; }

p span { 
	color: #666; line-height: 1.4em;
}

strong { font-weight:bold; }
	
em { font-style:italic; }	
	
small { font-size: 0.9em; }
	
	
/* Post Styles */

.post {
	position: relative;
	width: 280px;
	height: 170px;
	margin: 0 0 20px 0;
	}
	
.grid-post-wrapper {
	position:absolute;
	bottom: 0;
	left: 0;
	width: 260px; /* 280px */
	z-index: 1;
	background: rgb(255, 255, 255); /* The Fallback */
   	background: rgba(255, 255, 255, 0.8);
	padding: 8px 10px 1px 10px;
	}	
	
.grid-post-wrapper:hover {	
	z-index:99999;
	/*background: transparent url(../np10/img/1px-white-90.png) left top repeat;*/
}

a.post-thumb-block {
	display: block;
	width: 280px;
	height: 170px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

.location {
	background: #aaa;
	color: #fff; 
	padding: 2px 3px 0 3px;
	text-transform: uppercase;
	}
	
.format {
	padding: 0;
	line-height: 2.2em;
	}	
	
.post-single {}	

.post-single h1 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 0.3em 0;
	text-transform: none;
	}
	
.post-single h2 {
	margin: 0.4em 0 0 0;	
	}
	
.post-meta {
	padding: 0px 60px 0 0;
	line-height: 1.7em;
	}	
	
.slideshow {
	background: #f5f5f5;
	margin: 0 0 30px 0;
	width: 880px;
	height: 490px;
	position: relative;
	overflow: hidden;
	}
	
.simpleSlide-slide div {
    width: 880px;
	height: 490px;
}

.left-button, .right-button {
	cursor:pointer;
	display:none;
	height:50px;
	margin-top:-25px;
	position:absolute;
	top:50%;
	width:50px;
	z-index:9999;
}

.left-button {
	left: 0px;
	background-image: url("../np10/img/left-arrow_alt.png");
	}
	
.right-button {
	right: 0px;
	background-image: url("../np10/img/right-arrow_alt.png");
	}
	
#post-nav {
	list-style: none;
	padding: 30px 0 0 0;
	color: #999;
	font-size: 1.0em;
	width: 520px;
	}
	
#post-nav li { width: 260px; float: left; }

#post-nav li a, #post-nav li a:active, #post-nav li a:link, #post-nav li a:visited {
	font-size: 1.4em;
	line-height: 1.8em;
	text-decoration: none;
	color: #121212;
	font-weight: normal;
	border-bottom: 1px dotted;
	}

#post-nav li a:hover {
	color: #000;
	text-decoration: none;
	border: none;
	}
	
.round-corners {
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}