/* 
 Melissa Dettloff 2009
*/

/* 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;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

/* index and general stuff */
html {
	font-family: Georgia, serif;
	font-size: 18px;
    }

body {
	background: #fff; 
    color: #171616;
    }
	
#header,
#content-main,
#content-sub-contents,
#content-main-inside {
	width: 960px;
	margin: 0 auto;
}

h1 a {
	float: left;
	display: block;
	margin: 3px  0 5px 10px;
	width: 300px;
	height: 39px;
	background: url(../img/h1-a.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
h1 a:hover {
	background-position: right 0;
	}
	
h2 {
	width: 383px;
	height: 27px;
	margin: 15px 0;
	background: url(../img/h2.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
h4 {
	width: 73px;
	height: 26px;
	margin: 15px 0;
	background: url(../img/h4.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
h5 {
	margin: 10px 0;
	font-size: 24px;
	}
	
#content-main,
#content-main-inside {
	clear: both;
	width: 958px;
	height: 345px;
	margin-bottom: 50px;
	padding-top: 337px;
	background: url(../img/content-main.png) no-repeat 0 0;
	}
	
#content-main-inside {
	width: 958px;
	min-height: 182px;
	height: 100%;
	padding-top: 208px;
	background: url(../img/content-main-inside.png) no-repeat 0 0;
	}
	
#content-main a,
#content-main-inside a {
	color: #4c4b4b;
	border-bottom: 1px dotted #929191;
	text-decoration: none;
	}
	
#content-main a:hover,
#content-main-inside a:hover,
#projects span.more a:hover,
#content-sub a:hover,
#content-sub p.copyright a:hover {
	color: #f20961;
	border-bottom: none;
	}
	
#notes,
#projects,
#shop {
	float: left;
	width: 220px;
	margin: 50px 0 0 10px;
	}
	
#projects,
#shop {
	margin-left: 100px;
	}
	
#notes h3 a,
#projects h3 a,
#shop h3 a {
	display: block;
	height: 19px;
	margin-bottom: 20px;
	text-indent: -9000px;
	border-bottom: none;
	}
	
#notes h3 a {
	width: 135px;
	height: 15px;
	background: url(../img/notes-h3-a.gif) no-repeat 0 0;
	}
	
#projects h3 a {
	width: 217px;
	background: url(../img/projects-h3-a.gif) no-repeat 0 0;
	}
	
#projects a {
	border-bottom: none;
	}
	
#projects span.more a {
	border-bottom: 1px dotted #929191;
	}

#projects a img {
	float: left;
	margin: 0 17px 0 0;
	border: 1px solid #fff;
	}
	
#projects a img.last {
	margin: 0;
	}
	
#projects a:hover img {
	border-color: #f20961;
	}
	
#shop h3 a {
	width: 118px;
	background: url(../img/shop-h3-a.gif) no-repeat 0 0;
	}
	
#shop a.feature {
	display: block;
	width: 220px;
	height: 220px;
	border-bottom: none;
	border: 1px solid #fff;
	background: url(../img/shop-index/shop-index.jpg) no-repeat 0 0;
	text-indent: -9000px;
	}
	
#shop a.feature:hover {
	border: 1px solid #dc3e7a;
	}
	
#notes h3 a:hover,
#projects h3 a:hover,
#shop h3 a:hover,
#shop a:hover,
ul#nav li a.home:hover,
ul#nav li a.notes:hover,
ul#nav li a.projects:hover,
ul#nav li a.shop:hover {
	background-position: right 0;
	}
	
span.notes-date {
	display: block;
	color: #4c4b4b;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
#content-main span.more {
	clear: left;
	display: block;
	padding-top: 15px;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	}
	
/* content-sub stuff */
	
#content-sub {
	clear: left;
	background: #010d0d;
	color: #909291;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2em; 
	}

#content-sub a {
	color: #6b6d6d;
	border-bottom: 1px dotted #6b6d6d;
	text-decoration: none;
	}
	
#content-sub p {
	margin-bottom: 10px;
	}
	
#about {
	float: left;
	width: 540px;
	margin-left: 10px;
	}

#about img {
	float: left;
	margin-right: 20px;
	}
	
#kit {
	float: left;
	width: 300px;
	margin: 0 0 50px 100px;
	}
	
#kit li {
	margin-bottom: 20px;
	}
	
#kit li span.description {
	display: block;
	font-style: italic;
	}
	
#content-sub p.copyright {
	clear: both;
	margin: 0 0 0 10px;
	color: #272828;
	font-style: italic;
	font-size: 12px;
	}
	
#content-sub p.copyright + p.copyright {
	padding-bottom: 25px;
	}
	
#content-sub p.copyright a {
	color: #343535;
	border-bottom-color: #2a2b2b;
	}
	
/* top nav stuff */

ul#nav {
	float: right;
	margin-top: 19px;
	width: 620px;
	font-size: 16px;
	}
	
ul#nav li,
ul#shop li {
	display: inline;
	}
	
ul#nav li {
	float: right;
	}
	
ul#nav li a.home,
ul#nav li a.notes,
ul#nav li a.projects,
ul#nav li a.shop {
	display: block;
	margin: 0 10px 0 0;
	width: 54px;
	height: 15px;
	background: url(../img/li-a-home.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
ul#nav li a.notes {
	margin-left: 18px;
	width: 126px;
	height: 14px;
	background: url(../img/li-a-notes.gif) no-repeat 0 0;
	}
	
ul#nav li a.projects {
	margin-left: 18px;
	width: 78px;
	height: 18px;
	background: url(../img/li-a-projects.gif) no-repeat 0 0;
	}
	
ul#nav li a.shop {
	margin-left: 18px;
	width: 45px;
	height: 18px;
	background: url(../img/li-a-shop.gif) no-repeat 0 0;
	}
	
/* shop stuff */

ul#shop {
	margin: 0 0 90px -10px;
	font-size: 14px;
	}

ul#shop li {
	float: left;
	width: 220px;
	margin: 0 0 20px 20px;
	}
	
ul#shop li p {
	margin-bottom: 8px;
	color: #313030;
	}
	
ul#shop li a img {
	display: block;
	border: 1px solid #fff;
	}
	
ul#shop li a:hover img {
	border: 1px solid #dc3e7a;
	}
	
ul#shop li + li a {
	font-size: 16px;
	}
	
/* notes stuff */

ol#posts h5 {
	margin: 0 0 10px;
	}
	
ol#posts h5 a {
	color: #000;
	border-bottom: none;
	}

#content,
ol#posts,
ul#writing {
	float: left;
	width: 620px;
	margin-left: 10px;
	line-height: 1.3em;
	margin-bottom: 50px;
	}
	
ol#posts {
	margin-left: 0;
	}
	
ol#posts li,
ul#writing li {
	margin-bottom: 40px;
	}

ol#posts li p,
ul#writing li p {
	margin-bottom: 10px;
	}
	
ol#posts li + li,
ul#writing li + li {
	color: #161616;
	font-size: 16px;
	line-height: 1.2em;
	}
	
ul#links {
	float: left;
	width: 220px;
	margin: 0 0 50px 100px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	}
	
ul#links li {
	margin-bottom: 6px;
	}
	
ul#links li.art-design {
	width: 153px;
	height: 17px;
	background: url(../img/links-art-design.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
ul#links li.more {
	width: 136px;
	height: 13px;
	margin-top: 25px;
	background: url(../img/links-more.gif) no-repeat 0 0;
	text-indent: -9000px;
	}
	
/* shop item stuff */
#item-main-img {
	float: left;
	width: 460px;
	margin: 0 0 120px 10px;
	}
	
#item-descrip {
	float: left;
	width: 460px;
	margin-left: 20px;
	}
	
#item-descrip p {
	margin-bottom: 8px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	}
	
#item-descrip p em {
	font-family: georgia, serif;
	font-style: italic;
	}
	
#item-descrip img {
	margin-right: 20px;
	}
	
#item-descrip img + img {
	margin-right: 0;
	}
	
#item-descrip form {
	float: left;
	width: 141px;
	margin-right: 20px;
	}