html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 29px;
	height: 100%;
	width: 100%;
	color: #333333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	text-align: justify;
	line-height: 200%;
	background-color: #C5D1C9;	
	background-image: url(http://www.laurakishimoto.ca/images/background.gif);
	background-position: center top;
}
a:link, a:active, a:visited {
	color: #5B0F01;
	text-decoration: none;
}
a:hover {
	color: #8B1601;
	text-decoration: underline;
}
div {
	position: relative;
}
img {
	border-width: 0;
	margin: 0;
	padding: 0;
}
h1 {
	font-family: century gothic;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: lowercase;
	color: #095959;
	margin: 0 0 10px 0;
}
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {
	color: #095959;
	text-decoration: none;
}
h2 {
	font-family: century gothic;
	font-size: 15px;
	text-transform: lowercase;
	color: #095959;
	margin: 0 0 8px 0;
}
h3 {
	font-family:  Verdana, Arial, Helvetica;
	font-size: 11px;
	text-transform: uppercase;
	color: #5B0F01;
	margin-top: 16px;
	margin-bottom: 0px;
	
}
p {
	margin: 5px 0 1px 0;
	padding: 5px 0;
	line-height: 200%;
}

/* IDs */

#wrap {
	width: 900px;
	height: 100%;
	margin: 0px auto;
}
#main {
	position: relative;
	background-color: #EBEBEB;
	border-style: solid;
	border-width: 0 2px;
	border-color: #202020;
	padding: 30px 30px 15px 30px;
	background-image: url(http://www.laurakishimoto.ca/images/hair.gif);
	background-repeat: no-repeat;	
}
#leftside {
	position: relative;
	width: 605px;
	float: left;
}
.indent {
	margin-left: 15px;
}
.brown {
	color: #5B0F01;
	font-weight: bold;
}
.teal {
	color: #095959;
	font-weight: bold;
}
.content {
	background-color: #F3F3F3;
	padding: 20px 36px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-left: solid 1px #abc3c3;
	border-right: solid 1px #abc3c3;
	margin-top: 0px;
	*margin-top: -3px;
}
.post img {
	border: 5px solid #CCDAC9;
	position: relative;
}
.post a:hover img {
	border: 5px solid #ABC3C3;
}
.left {
	float: left;
	margin: 7px 15px 0 0;
}
.right {
	float: right;
	margin: 7px 0 0 15px;
}
#rightside {
	position: relative;
	width: 200px;
	float: right;
}
#rightside .content {
	padding: 0 20px;
	text-align: left;
}

.clear {
	clear: both;
}
#footer {
	background: url(http://www.laurakishimoto.ca/images/footer.gif) no-repeat;
	background-position: top left;
	padding: 6px 0 0 0 !important;
	margin-left: 0px !important;
	margin-left: 4px;
	height: 60px;
	text-align: center;
	color: #999999;
	line-height: 160%;
}
#footer a {
	color: #999999;
}
#contact img {
	margin: 0 6px 5px -5px;
	vertical-align: text-top;
}
#contact {
	font-size: 9px;
	line-height: 200%;
}
ul.bullet {
	margin: 1px 0 1px 20px;
	padding: 1px;
}
ul.bullet li {
	list-style-image: url(http://www.laurakishimoto.ca/images/bullet.gif);
	margin: 0px;
}
ul.elsewhere {
	list-style-type: none;
	padding-left: 0;
	margin-left: 40px;
	margin-right: 50px;
	position: relative;
	float: left;
	}
ul.elsewhere li {
	background: none left center no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
	font-weight: bold;
	}

ul li.twitter {
	background-image: url(images/icon-twitter.gif);
	}
ul li.facebook {
	background-image: url(images/icon-facebook.gif);
	}
ul li.flickr {
	background-image: url(images/icon-flickr.gif);
	}
ul li.lastfm {
	background-image: url(images/icon-lastfm.gif);
	}
ul li.wiki {
	background-image: url(images/icon-wiki.gif);
	}
ul li.v7n {
	background-image: url(images/icon-v7n.gif);
	}
ul li.portfolio {
	background-image: url(images/icon-portfolio.gif);
	}
ul li.claude {
	background-image: url(images/icon-claude.gif);
	}
ul li.ypp {
	background-image: url(images/icon-ypp.jpg);
	}

.highlight {
	width: 463px;
	background-color: #CCDAC9;
	padding: 10px 25px 1px 25px;
	margin-top: 0;
}
.nudge {
	margin-left: 0px;
	*margin-left: 2px;
}

/* header and navigation */

#header {
	position: relative;
}
#nav {
	position: absolute;
	right: 30px;
}
a.nav1, a.nav2, a.nav3, a.nav4 {
	display: block;
	height: 35px;
	text-decoration: none;
	float: left;
	margin-left: 15px;
	margin-top: 5px;
}
a:hover.nav1 {
	background-position: -71px 0;
	text-decoration: none;
}
a:hover.nav2 {
	background-position: -64px 0;
	text-decoration: none;
}
a:hover.nav3 {
	background-position: -85px 0;
	text-decoration: none;
}
a:hover.nav4 {
	background-position: -60px 0;
	text-decoration: none;
}
a.nav1 {
	background: url(http://www.laurakishimoto.ca/images/nav-person.gif) 0 0 no-repeat;
	width: 71px;
}
a.nav2 {
	background: url(http://www.laurakishimoto.ca/images/nav-singer.gif) 0 0 no-repeat;
	width: 64px;
}
a.nav3 {
	background: url(http://www.laurakishimoto.ca/images/nav-designer.gif) 0 0 no-repeat;
	width: 85px;
}
a.nav4 {
	background: url(http://www.laurakishimoto.ca/images/nav-blog.gif) 0 0 no-repeat;
	width: 60px;
}
#counter {
	position: absolute;
	right: 30px;
	bottom: 7px;
}

#logo {
	position: absolute;
	right: 30px;
	top: 80px;
}
a.logo {
	display: block;
	height: 61px;
	text-decoration: none;
	float: left;
	margin-left: 15px;
}
a:hover.logo {
	background-position: -270px 0;
	text-decoration: none;
}
a.logo {
	background: url(http://www.laurakishimoto.ca/images/logo.gif) 0 0 no-repeat;
	width: 268px;
}


/* sidebar */

#search {
	border: 0px;
	color: #5B0F01;
	font-size: 14px;
	background-image: url(http://www.laurakishimoto.ca/images/search.gif);
	background-repeat: no-repeat;
	background-color: #EBEBEB;
	padding: 5px 43px 8px 15px;
}
#rightside ul {
	list-style: none;
	padding: 0;
	margin: -4px 0 8px 0;
}
#rightside li {
	border-bottom: 1px solid #abc3c3;
	padding: 3px 0;
	margin: 0;
}
.flickr_badge_image {
}
#flickr_badge_image1, #flickr_badge_image3, #flickr_badge_image5 {
	margin: 0 4px 8px 0;
	position: relative;
	float: left;
}
#flickr_badge_image2, #flickr_badge_image4, #flickr_badge_image6 {
	margin: 0 0 8px 4px;
	position: relative;
	float: left;
}
#flickr {
	text-align:center;
	clear: both;
	padding-top: 8px;
}
.flick {
	color: #0063DC;
}
.r {
	color: #FF0084;
}

/* blog styles */

.blogfooter {
	font-size: 11px;
	color: #095959;
	margin: 0;
	line-height: 100%;
	font-weight: bold;
	padding: 10px 0 20px 0;
	text-transform: lowercase;
	clear: both;
}
.poster {
	font-weight: bold;
	color: #5B0F01;
	text-transform: lowercase;
	margin-top: 20px;
	padding-bottom: 1px;
	margin-bottom: 1px;
}
.commentcontrol {
	position: relative;
	float: right;
	color: #5B0F01;
	padding-top: 0px;
	font-size: 10px;
}
.commentbody {
	padding-top: 0px;
	margin-top: 2px;
	padding-left: 10px;
	line-height: 150%;
}
.commenthide {
	display: none;
} 
.commentshow {
	display: inline;
}
.letter {
	margin: 10px auto 20px auto;
	width: 420px;
	border-style: outset;
	border-width: 2px;
	padding: 30px;
	line-height: 150%;
}
p .letter {
	margin: 5px 0;
}
.blogger-labels {
	font-style: italic;
}

div.contentTopImage {
    height: 19px;
    background-image: url('images/lefttop.gif');
    background-position: top left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div.headerSidebar {
    height: 19px;
    background-image: url('images/righttop.gif');
    background-position: top left;
    background-repeat: no-repeat !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div.footerSidebar {
    height: 19px;
    background-image: url('images/rightbottom.gif');
    background-position: top left;
    background-repeat: no-repeat !important;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}