/* Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a, a:link, a:hover, a:active, a:visited { outline: none; }
ol, ul { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
/* End Normalize */

html, body {
	height: 100%;
	}
body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: small;
	background: #f2ede4 url(http://www.sunsplashcreative.com/images/bg_tan.jpg) repeat;
	color: #aa906a;
	line-height: 1.5em;
	}
	img {
		padding: 5px;
		background-color: #ffffff;
		border: 1px solid #eae1d4;
		}
		img.noborder,
		body#blog div#content_sub img,
		body#article div#content_sub img,
		body#bydate div#content_sub img,
		body#search div#content_sub img,
		div#lightbox img,
		body#comingsoon img {
			padding: 0;
			background: none;
			border: none;
			}
	p {
		margin-bottom: 1em;
		}
	a, a:link, a:visited {
		text-decoration: underline;
		color: #2c87bf;
		}
		a:hover, a:active {
			text-decoration: none;
			color: #69a4d5;
			}
	h1, h2, h3, h4, h5, h6 {
			font-family: Georgia, "Times New Roman", serif;
			line-height: 1.5em;
			}
		h1 {
			font-size: 200%;
			}
		h2 {
			margin-bottom: .5em;
			display: block;
			font-size: 175%;
			border-bottom: 1px solid ;
			}
		h3 {
			margin-bottom: .5em;
			display: block;
			font-size: 150%;
			line-height: 1.2em;
			border-bottom: 1px solid #aa906a;
			}
			body#blog h3 a,
			body#bydate h3 a,
			body#search h3 a {
				text-decoration: none;
				}
		h4 {
			font-size: 125%;
			}
		h5 {
			font-size: 115%;
			}
		h6 {
			margin-bottom: 1em;
			font-size: 110%;
			border-bottom: 1px solid #d4c6a9;
			}
			body#comingsoon h3,
			body#comingsoon h2 {
				border-bottom: none;
				}
	strong {
		font-weight: bold;
		}
	div#masthead {
		height: 90px;
		margin: 0 0 25px 0;
		position: relative;
		color: #ffffff;
		background: #5faad9 url(http://www.sunsplashcreative.com/images/header.jpg) repeat-x;
		}
		div#masthead h1 a {
			width: 265px;
			height: 90px;
			margin: 0;
			position: absolute;
			left: 250px;
			background: transparent url(http://www.sunsplashcreative.com/images/title.png) no-repeat;
			text-indent: -9999px;
			}
		div#masthead p {
			width: 228px;
			height: 234px;
			margin: 0;
			position: absolute;
			top: 0;
			left: 0;
			background: transparent url(http://www.sunsplashcreative.com/images/sun_logo.png) no-repeat;
			text-indent: -9999px;
			}
		div#masthead ul#nav_main {
			width: 275px;
			height: 30px;
			margin-right: 100px;
			display: block;
			position: absolute;
			bottom: 12px;
			left: 725px;
			}
			div#masthead ul#nav_main li a {
				height: 30px;
				position: absolute;
				top: 0;
				text-indent: -9999px;
				background: transparent url(http://www.sunsplashcreative.com/images/nav.png) no-repeat;
				}
				div#masthead ul#nav_main li#m_home a {
					width: 57px;
					left: 0;
					background-position: 0 0;
					}
					div#masthead ul#nav_main li#m_home a:hover {
						background-position: 0 -30px;
						}
						body#home div#masthead ul#nav_main li#m_home a {
							background-position: 0 -60px;
							}
				div#masthead ul#nav_main li#m_blog a {
					width: 57px;
					left: 57px;
					background-position: -57px 0;
					}
					div#masthead ul#nav_main li#m_blog a:hover {
						background-position: -57px -30px;
						}
						body#blog div#masthead ul#nav_main li#m_blog a,
						body#article div#masthead ul#nav_main li#m_blog a,
						body#archive div#masthead ul#nav_main li#m_blog a,
						body#search div#masthead ul#nav_main li#m_blog a {
							background-position: -57px -60px;
							}
				div#masthead ul#nav_main li#m_portfolio a {
					width: 90px;
					left: 114px;
					background-position: -114px 0;
					}
					div#masthead ul#nav_main li#m_portfolio a:hover {
						background-position: -114px -30px;
						}
						body#portfolio div#masthead ul#nav_main li#m_portfolio a, body#project div#masthead ul#nav_main li#m_portfolio a {
							background-position: -114px -60px;
							}
				div#masthead ul#nav_main li#m_resume a {
					width: 71px;
					left: 204px;
					background-position: -204px 0;
					}
					div#masthead ul#nav_main li#m_resume a:hover {
						background-position: -204px -30px;
						}
						body#resume div#masthead ul#nav_main li#m_resume a {
							background-position: -204px -60px;
							}
		div#masthead a, div#masthead a:link, div#masthead a:visited, div#masthead a:hover, div#masthead a:active {
			color: #ffffff;
			border-bottom: none;
			}
	div#container {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -265px;
		}
	div#content {
		width: 750px;
		margin: 0 100px 25px 250px;
		float: left;
		position: relative;
		}
		div#content_main {
			width: 450px;
			float: left;
			/*position: relative;*/
			}
		div#content_sub {
			width: 250px;
			float: right;
			/*position: absolute;
			top: 0;
			left: 500px;*/
			}
		div.clearfooter {
			height: 250px;
			/*clear: both;
			background: #ff0000;*/
			}
	div#content_extra {
		height: 250px;
		position: relative;
		clear: both;
		background: #aa906a url(http://www.sunsplashcreative.com/images/bg_brown.jpg) repeat-x;
		color: #f2ede4;
		font-size: 90%;
		}
		div#content_extra h4 {
			margin-bottom: .3em;
			}
		div#content_extra a, div#content_extra a:link, div#content_extra a:visited {
			text-decoration: underline;
			color: #f2ede4;
			}
			div#content_extra a:hover, div#content_extra a:active {
				text-decoration: none;
				color: #f2ede4;
				}
		div#content_extra li {
			margin-bottom: .5em;
			margin-left: 1em;
			list-style: disc outside;
			line-height: 1.2em;
			}
			div#content_extra li.more {
				list-style-type: none;
				}
		div#content_extra img {
			margin: 0 6px 6px 0;
			padding: 3px;
			background-color: #ffffff;
			border: 1px solid #ac8f66;
			}
		div#content_extra div#contact {
			width: 200px;
			height: 200px;
			margin: 15px 0 25px 0;
			position: relative;
			top: 15px;
			left: 25px;
			}
			div#content_extra div#contact ul {
				width: 200px;
				}
			div#content_extra div#contact li {
				width: 100px;
				height: 25px;
				margin-left: 0;
				float: left;
				list-style-type: none;
				}
				div#content_extra div#contact li a {
					width: 100px;
					height: 25px;
					display: block;
					text-indent: -9999px;
					}
				div#content_extra div#contact li#emailme {
					width: 200px;
					}
				div#content_extra div#contact li#emailme a {
					width: 200px;
					background: transparent url(http://www.sunsplashcreative.com/images/logos/email.png) no-repeat;
					}
				div#content_extra div#contact ul li#facebook a {
					background: transparent url(http://www.sunsplashcreative.com/images/logos/facebook.png) no-repeat;
					}
				div#content_extra div#contact li#virb a {
					background: transparent url(http://www.sunsplashcreative.com/images/logos/virb.png) no-repeat;
					}
				div#content_extra div#contact li#myspace a {
					background: transparent url(http://www.sunsplashcreative.com/images/logos/myspace.png) no-repeat;
					}
				div#content_extra div#contact li#deviantart a {
					background: transparent url(http://www.sunsplashcreative.com/images/logos/deviantart.png) no-repeat;
					}
				div#content_extra div#contact li#twitter a {
					background: transparent url(http://www.sunsplashcreative.com/images/logos/twitter.png) no-repeat;
					}
		div#content_extra div#blog_latest {
			width: 200px;
			height: 200px;
			margin-top: 15px;
			padding-left: 25px;
			position: absolute;
			top: 0;
			left: 225px;
			border-left: 1px dotted #f2ede4;
			}
		div#content_extra div#bookmarks {
			width: 200px;
			height: 200px;
			margin-top: 15px;
			padding-left: 25px;
			position: absolute;
			top: 0;
			left: 475px;
			border-left: 1px dotted #f2ede4;
			}
		div#content_extra div#photos {
			width: 256px;
			height: 200px;
			margin-top: 15px;
			padding-left: 25px;
			position: absolute;
			top: 0;
			left: 725px;
			border-left: 1px dotted #f2ede4;
			}
			div#content_extra div#photos img {
				width: 50px;
				height: 50px;
				}
		div#content_extra p#tothetop {
			margin-left: 25px;
			position: absolute;
			top: 225px;
			}
		div#content_extra p#site_info {
			text-align: center;
			/*font-size: 90%;*/
			}
			div#content_extra p#site_info span.green {
				color: #cfe0b7;
				}

/*****************/
/* Home Page */
/*****************/
body#home div#content_main h2#who {
	width: 325px;
	}
body#home div#content_main h2#wha {
	clear: both;
	}
body#home img#author_photo {
	margin: 0 0 1em 1em;
	float: right;
	}
body#home div#content_sub img#img_feat {
	margin-bottom: .5em;
	}

/*****************/
/* Blog Pages */
/*****************/
body#blog h2 {
	border-bottom: none;
	}
div#content_main p.post_date {
	margin-top: -.8em;
	font-size: 90%;
	font-weight: bold;
	}
div.blog_pic {
	font-size: 90%;
	font-style: italic;
	}
a.prev_post {
	float: left;
	}
a.next_post {
	float: right;
	}
p.share {
	width: 100px;
	margin: auto;
	position: relative;
	top: -1.5em;
	clear: both;
	text-align: center;
	}
p#post_categories {
	font-size: 90%;
	}
div#archive {
	margin: 2em 0 2em 0;
	padding: 10px;
	color: #828857;
	background: #cfe0b7 url(http://www.sunsplashcreative.com/images/bg_green.jpg) repeat;
	}
	div#archive h4 {
		width: 76px;
		height: 16px;
		margin-bottom: -16px;
		position: relative;
		top: -26px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/title_archive.png) no-repeat;
		}
	div#archive input {
		color: #828857;
		border: 1px solid #879277;
		background: #e0ebd0;
		}
	div#archive ul#browse_category li {
		width: 100px;
		margin-right: 15px;
		float: left;
		}
	div#archive h5 {
		margin-top: .5em;
		clear: both;
		}
	div#archive span {
		width: 64px;
		height: 63px;
		margin-top: -63px;
		display: block;
		position: relative;
		right: -176px;
		bottom: -10px;
		background: transparent url(http://www.sunsplashcreative.com/images/icon_sun.png) no-repeat;
		}
div#listening {
	margin: 2em 0 2em 0;
	padding: 10px;
	color: #9f7457;
	background: #ecd1c3 url(http://www.sunsplashcreative.com/images/bg_red.jpg) repeat;
	}
	div#listening h4 {
		width: 217px;
		height: 16px;
		margin-bottom: -16px;
		display: block;
		position: relative;
		top: -26px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/title_listening.png) no-repeat;
		}
	div#listening a#lastfm_icon {
		width: 78px;
		height: 25px;
		margin-top: -25px;
		display: block;
		position: relative;
		right: -162px;
		bottom: -10px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/icon_lastfm.png) no-repeat;
		}
div#reading {
	padding: 10px;
	color: #527e88;
	background: #cadbde url(http://www.sunsplashcreative.com/images/bg_blue.jpg) repeat;
	}
	div#reading h4 {
		width: 173px;
		height: 16px;
		margin-bottom: -16px;
		position: relative;
		top: -26px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/title_reading.png) no-repeat;
		}
	div#reading div#ShelfariWidget51444 img {
		padding: 0 10px 10px 0;
		}
	div#reading a#shelfari_icon {
		width: 73px;
		height: 23px;
		margin-top: -23px;
		display: block;
		position: relative;
		right: -167px;
		bottom: -10px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/icon_shelfari.png) no-repeat;
		}
div.comment {
	margin: 0 0 1em 0;
	padding: 10px;
	color: #7d7651;
	background: #f6e6a5 url(http://www.sunsplashcreative.com/images/bg_yellow.jpg) repeat;
	}
	div.comment_admin {
		margin: 0 0 1em 0;
		padding: 10px;
		color: #527e88;
		background: #cadbde url(http://www.sunsplashcreative.com/images/bg_blue.jpg) repeat;
		}
		div.comment p.comment_date,
		div.comment p.comment_name,
		div.comment div.comment_post,
		div.comment_admin p.comment_date,
		div.comment_admin p.comment_name,
		div.comment_admin div.comment_post {
			width: 358px;
			position: relative;
			top: -64px;
			left: 72px;
			}
			div.comment img.avatar {
				border: 1px solid #e3d497;
				}
				div.comment_admin img.avatar {
					border: 1px solid #b7ccd0;
					}
			div.comment p.comment_date, div.comment_admin p.comment_date {
				margin-bottom: 0;
				font-size: 90%;
				font-weight: bold;
				}
			div.comment div.comment_post, div.comment_admin div.comment_post {
				margin-bottom: -64px;
				/*margin-left: 72px;*/
				}
form#comment_form legend {
	width: 450px;
	margin-bottom: .5em;
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #aa906a;
	}
form#comment_form input#name, form#comment_form input#email, form#comment_form input#url, form#comment_form textarea {
	width: 444px;
	padding: 2px;
	color: #aa906a;
	border: 1px solid #b6b2ab;
	background: #f5f2eb;
	}
	form#comment_form input#save_info, form#comment_form input#notify_me, form#comment_form input#submit {
		color: #aa906a;
		border: 1px solid #b6b2ab;
		background: #f5f2eb;
		}
body#bydate h2, body#search h2 {
	border-bottom: none;
	}

/*********************/
/* Portfolio Pages */
/*********************/
body#portfolio div#content_main, body#portfolio div#content_sub {
	width: 750px;
	position: static;
	}
	body#portfolio div#content_main {
		margin-bottom: 1em;
		}
		body#portfolio div#content_main img#promo {
			position: relative;
			}
		body#portfolio div#content_main div#featured_info {
			position: absolute;
			left: 435px;
			top: 3.5em;
			}
			body#portfolio div#content_main div#featured_info p.emphasis {
				font-size: 115%;
				}
	body#portfolio div#content_sub {
		clear: both;
		}
		body#portfolio div#content_sub ul.projects li {
			width: 362px;
			height: 115px;
			margin: 0 12px 1em 0;
			overflow: hidden;
			float: left;
			}
			body#portfolio div#content_sub ul.projects ul.project_info {
				position: relative;
				top: -115px;
				left: 147px;
				}
				body#portfolio div#content_sub ul.projects ul.project_info li {
					width: 215px;
					height: 1.5em;
					margin: 0;
					float: none;
					}
	body#project a#return {
		margin-top: 1em;
		float: right;
		text-decoration: none;
		}
	body#project div#content_main {
		width: 412px;
		}
		body#project div#content_main img#promo {
			margin-bottom: 1em;
			}
	body#project div#content_sub {
		width: 294px;
		top: 3.5em;
		text-align: right;
		}
		body#project div#content_sub ul#imagegallery li {
			margin-left: 10px;
			float: left;
			}

/********************/
/* Resume Page */
/********************/
body#resume div#content_main {
	width: 500px;
	}
	body#resume div#content_main ul li ul li {
		margin-left: 1em;
		list-style: disc outside;
		}
	body#resume div#content_main h2#experience, body#resume div#content_main h2#qualifications, body#resume div#content_main h2#software {
		margin-top: 1em;
		}
body#resume div#content_sub {
	width: 200px;
	}
body#resume div#content_sub div#pdf {
	margin: 1em 0 2em 0;
	padding: 10px;
	color: #828857;
	background: #cfe0b7 url(http://www.sunsplashcreative.com/images/bg_green.jpg) repeat;
	}
	body#resume div#pdf h4 {
		width: 102px;
		height: 16px;
		margin-bottom: -16px;
		position: relative;
		top: -26px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/title_download.png) no-repeat;
		}

/*****************/
/* Links Page */
/*****************/
body#links div#design_links {
	margin: 1em 0 2em 0;
	padding: 10px;
	color: #828857;
	background: #cfe0b7 url(http://www.sunsplashcreative.com/images/bg_green.jpg) repeat;
	}
	body#links div#design_links h4 {
		width: 121px;
		height: 16px;
		margin-bottom: -16px;
		position: relative;
		top: -26px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/title_design.png) no-repeat;
		}
body#links div#personal_faves {
	margin: 1em 0 2em 0;
	padding: 10px;
	color: #527e88;
	background: #cadbde url(http://www.sunsplashcreative.com/images/bg_blue.jpg) repeat;
	}
	body#links div#personal_faves h4 {
		width: 143px;
		height: 16px;
		margin-bottom: -16px;
		position: relative;
		top: -26px;
		text-indent: -9999px;
		background: transparent url(http://www.sunsplashcreative.com/images/title_personal.png) no-repeat;
		}