/* 
 Melissa Dettloff 2010
*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
ul li {
	display: inline;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

/* general stuff */
html {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
    }

body {
	background: #fff; 
    color: #171616;
    }
	
#header,
#nav-index,
#content,
#footer {
	width: 960px;
	margin: 0 auto;
	overflow: hidden; /* clears floats */
	}
	
#nav-index a,
#content a,
#footer a {
	color: #4c4b4b;
	text-decoration: none;
	border-bottom: 1px dotted #929191;
	}

#nav-index a:hover,
#content a:hover,
#footer a:hover {
	color: #f20961;
	border-bottom: none;
	}
	
a img {
	display: block;
	border: 1px solid #fff;
	}

a:hover img {
	border-color: #f20961;
	}
	
p {
	margin-bottom: 10px;
	}
	
span {
	display: block;
	}

/* header */	
h1 a {
	float: left;
	display: block;
	margin: 3px  0 5px;
	width: 300px;
	height: 39px;
	background: url(../img/header/h1-a.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
h1 a:hover,
ul#nav li a#home:hover,
ul#nav li a#news-notes:hover,
ul#nav li a#project-archive:hover,
ul#nav li a#shop:hover,
#nav-index li a#news-notes:hover,
#nav-index li a#project-archive:hover,
#nav-index li a#shop:hover {
	background-position: right 0;
	}
	
ul#nav {
	float: right;
	margin-top: 19px;
	width: 620px;
	}
	
ul#nav li {
	float: right;
	}
	
ul#nav li a#home,
ul#nav li a#news-notes,
ul#nav li a#project-archive,
ul#nav li a#shop {
	display: block;
	margin: 0 10px 0 0;
	width: 54px;
	height: 15px;
	background: url(../img/header/nav-a-home.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
ul#nav li a#news-notes {
	margin-left: 23px;
	width: 126px;
	height: 14px;
	background: url(../img/header/nav-a-news-notes.gif) no-repeat 0 0;
	}
	
ul#nav li a#project-archive {
	margin-left: 18px;
	width: 78px;
	height: 18px;
	background: url(../img/header/nav-a-project-archive.gif) no-repeat 0 0;
	}
	
ul#nav li a#shop {
	margin-left: 18px;
	width: 45px;
	height: 18px;
	background: url(../img/header/nav-a-shop.gif) no-repeat 0 0;
	}
	
/* footer */
#footer-wrap {
	clear: left;
	margin-top: 100px;
	padding-bottom: 30px;
	background: #010d0d;
	color: #909291;
	font-size: 14px;
	line-height: 1.4em; 
	}
	
#footer a {
	color: #607d77;
	border-bottom-color: #213a35;
	}
	
#about,
#kit {
	float: left;
	width: 540px;
	margin-bottom: 50px;
	}

#about img {
	float: left;
	margin-right: 20px;
	}
	
#about h4, /*hello my name is*/
#kit h4 { 
	width: 383px;
	height: 27px;
	margin: 15px 0;
	background: url(../img/footer/h2.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
#kit {
	margin-left: 100px;
	width: 300px;
	}
	
#kit h4 { /*kit*/
	margin-top: 12px;
	width: 74px;
	height: 26px;
	background: url(../img/footer/h4.gif) no-repeat 0 0;
	}
	
#footer span {
	clear: both;
	color: #272828;
	font-style: italic;
	font-size: 12px;
	}
	
#footer span a {
	color: #343535;
	border-bottom-color: #2a2b2b;
	}
	
/* index */
#nav-index {
	padding-top: 337px;
	background: url(../img/index/nav-index.png) no-repeat 0 0;
	}
	
#nav-index li {
	float: left;
	width: 220px;
	margin-top: 50px;
	}
	
#nav-index li + li {
	margin-left: 148px;
	}
	
#nav-index span a {
	text-transform: none;
	float: right;
	letter-spacing: 0;
	font-size: 12px;
	font-style: italic;
	}
	
#nav-index li > a:first-child {
	display: block;
	margin-bottom: 20px;
	border: none;
	text-indent: -9000px;
	}
	
#nav-index li a#news-notes {
	width: 159px;
	height: 17px;
	background: url(../img/index/li-a-news-notes.gif) no-repeat 0 0;
	}
	
#nav-index li a#project-archive {
	width: 185px;
	height: 22px;
	background: url(../img/index/li-a-project-archive.gif) no-repeat 0 0;
	}

#nav-index li a#shop {
	width: 139px;
	height: 22px;
	background: url(../img/index/li-a-shop.gif) no-repeat 0 0;
	}
	
/* content */
#content {
	min-height: 182px;
	height: 100%;
	padding-top: 208px;
	background: url(../img/content.png) no-repeat 0 0;
	}
	
h2 {
	margin: 0 0 65px;
	text-indent: -9000px;
	}
	
h3 { 
	font-size: 24px;
	}
	
#nav-index span,
#content span,
div.entry p.label {
	margin-bottom: 4px;
	color: #4c4b4b;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
/* blog */
h2.news-notes {
	width: 262px;
	height: 33px;
	background: url(../img/news-notes/h2-news-notes.gif) no-repeat 0 0;
	}
	
h5 {
	margin-bottom: 20px;
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
	}
	
#posts-wrapper {
	float: left;
	width: 620px;
	}
	
#posts-wrapper h3 a {
	border-bottom: none;
	}
	
#aside {
	float: left;
	width: 220px;
	margin-left: 100px;
	}
	
#aside ul,
#aside form {
	margin-bottom: 30px;
	}
	
#aside ul {
	font-size: 12px;
	}

#aside ul li {
	display: block;
	padding-bottom: 5px;
	}
	
#flickr {
	margin-left: -5px;
}
	
#flickr a {
	float: left;
	border-bottom: none;
	}

#flickr a img {
	margin: 5px;
	width: 59px;
	height: 59px;
	}

#flickr a:hover img {
	border: 1px solid #f20961;
	}
	
div.post {
	margin-bottom: 40px;
	}

div.post + div.post {
	padding-top: 10px;
	border-top: 1px solid #cbfef3;
	}
	
div.entry {
	margin-bottom: 30px;
	border-top: 1px dotted #cccccc;
	}
	
div.entry p {
	margin: 20px 0 0;
	line-height: 1.5em;
	}
	
blockquote {
	padding-left: 15px;
	border-left: 3px solid #eeeeee;
	}
	
#content div.entry span.italic {
	display: inline;
	color: #171616;
	font-size: 16px;
	font-style: italic;
	text-transform: none;
	letter-spacing: normal;
	margin-bottom: 0;
	}
	
div.entry p.label {
	margin: 15px 0 0;
	}

div.entry p.label + p {
	margin: 0;
	}

#comments {
	margin-top: 50px;
	}
	
ol.commentlist,
#commentform {
	font-size: 14px;
	line-height: 16px;
	}
	
ol.commentlist {
	margin-bottom: 30px;
	}
	
ol.commentlist li {
	margin-bottom: 15px;
	}
	
input,
textarea {
	display: block;
	}
	
#posts-nav a + a {
	margin-left: 200px;
	}
	
	
/* project archive */
h2.project-archive {
	width: 262px;
	height: 33px;
	background: url(../img/project-archive/h2-project-archive.gif) no-repeat 0 0;
	}
	
#projects-statement {
	float: left;
	width: 620px;
	}

#projects-statement p em {
	font-style: italic;
	}
	
ul#project-browse-by {
	float: right;
	width: 240px;
	color: #4c4b4b;
	font-size: 12px;
	}
	
ul#project-browse-by li {
	display: block;
	padding-bottom: 5px;
	}

ul#projects {
	clear: left;
	margin-top: 35px;
	}

ul#projects li {
	display: block;
	clear: right;
	overflow: hidden;
	padding: 40px 0;
	border-top: 1px solid #cbfef3;
	}
	
ul#projects li.type {
	padding: 0;
	}
	
ul#projects li.type:first-child {
	border-top: none;
	}
	
ul#projects li.type + li {
	padding-top: 20px;
	border-top: none;
}

ul#projects li img,
ul#projects li object {
	float: left;
	}
	
ul#projects li h3,
ul#projects li p {
	float: right;
	width: 300px;
	}
	
ul#projects li h3 {
	line-height: 24px;
	margin-bottom: 5px;
	}
	
ul#projects span span {
	display: inline;
	}
	
ul#projects span span a,
ul#projects span span a:hover,
ul#projects span span a:visited {
	color: #607d77;
	border-bottom: none;
	}
	
/* shop pages */
h2.shop {
	width: 87px;
	height: 34px;
	background: url(../img/shop/h2-shop.gif) no-repeat 0 0;
	}
	
ul#nav-shop {
	font-size: 14px;
	}

ul#nav-shop li {
	float: left;
	width: 220px;
	}
	
ul#nav-shop li + li {
	margin-left: 25px;
	font-size: 16px;
	}
	
#item-main-img,
#item-descrip {
	float: left;
	width: 460px;
	}
	
#item-descrip {
	margin-left: 30px;
	}
	
#item-descrip p {
	font-size: 14px;
	line-height: 1.4em;
	}
	
#item-descrip p em {
	font-family: georgia, serif;
	font-style: italic;
	}
	
#item-descrip img + img {
	margin-left: 20px;
	}
	
#item-descrip form { /* form buttons */
	float: left;
	width: 141px;
	margin-right: 20px;
	}