/*  
Theme Name: Portfolio 1.0
Description: Portfolio website
Author: Jennifer Chen
*/


/* ---------- page layout ---------- */


	* {margin: 0; padding: 0;}

	html, body {
		margin: 0px;
		padding: 0px;
		background-color: #111111;
		color: #BDAFA8;
		}
	
	body {
		font: 12px arial, helvetica, verdana, sans-serif;
		line-height: 1.2em;
		}
	
	#container {
		padding-left:10px;
		padding-right:10px;
		margin:0 auto;
		}
	
	#pagebody {
		width: auto;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		}


/* ---------- text & lists ---------- */


	h1 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:18px;
		font-weight:400;
		color:#FFFFFF;
		}
	
	h2 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:400;
		color:#FFFFFF;
		margin-bottom:5px;
		}
	
	h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:16px;
		font-weight:400;
		color:#FFFFFF;
		margin-bottom:5px;
		}
	
	h5 {
		font-size:10px;
		font-weight:400;
		color:#BDAFA8;
		}
	
	p {margin-bottom:8px;}
	
	strong {color:#FFFFFF;}
	
	a:link, a:visited {color:#FFFFFF; text-decoration:none;}
	a:hover {color:#BDAFA8;}
	
	img {border:none;}

/* ---------- header ---------- */


	#header {
		height: 140px;
		width: 100%;
		margin: 0px;
		padding: 0px;
		}

	#title {
		float: left;
		margin: 68px 40px 0px 40px;
		}
	
	#title h1 {font-size: 36px;}
	#title h2 {font-size: 14px; padding-top: 6px; margin-top: 6px; font-family: arial, sans-serif; color: #888888;}
	
	#pages {
		float: right;
		color: #BDAFA8;
		margin: 52px 0px 0px 60px;
		height: 65px;
		width: 450px;
		padding: 8px 0px 0px 0px;
		}
	
	span.page {
		width: 160px;
		height: 50px;
		display: block;
		float: left;
		margin-left: 17px;
		border-right: 1px solid #3B352C;
		}
	
	span.last-page {
		width: 160px;
		height: 50px;
		display: block;
		float: left;
		margin-left: 20px;
		cursor: pointer;
		}
	
	.box {float: left; margin: 20px; padding: 20px; color: #999999; clear: both;}
	.box .name {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding-bottom: 30px; line-height: 22px;}
	.box .item {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 10px; line-height: 16px;}
	.box .item a {color: #999999 !important;}
					
			
/* ---------- blog entry ---------- */

	#blog {
		display: block;
		float: none;
		width: auto;
		margin: 15px;
		padding: 5px 0px 0px 0px;
		}

	.entry {width: auto; padding: 0px;}

	.post {
		padding: 0px;
		width: 100%;
		margin: 0px 60px 0px 60px;
		}
	
	.post-bg {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0px 15px 15px 0px;
		padding: 5px;
		border: 1px solid #333333;
		height: 145px;
		width: 200px;
		}
	
	.post-bg img {height: 116px; width: 198px; border: 1px solid #333333;}
			
	.title-insert {
		position: absolute;
		width: 200px;
		padding: 4px 0;
		background: #222222;
		margin-left: 5px;
		margin-right: 5px;
		bottom: 5px;
		left: 0;
		display: block;
		z-index: 101;
		}
	
	.title-insert h3 {margin: 4px 7px; line-height: 1.5em; padding-left: 5px; font-size: 12px;}
	.title-insert h3 a {display: block; color: #F79B42; text-decoration: none;}
	.title-insert h3 a:hover {color: #FFFFFF;}
	
	.tag {
		position: absolute;
		width: auto;
		padding: 3px 0;
		background: #CC0033;
		top: 15px;
		right: 0;
		display: block;
		z-index: 101;
		}
	
	.tag h3 {
		margin: 2px 4px;
		line-height: 1.1em;
		padding: 0px 4px;
		font-size: 10px;
		display: block;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	.tag h3 a {text-decoration: none;}
	
	.entry-content {
		clear: both;
		padding: 0px 0px 5px 0px;
		font-size: 13px;
		}

	.entry-content li {margin: 10px 0px;}
	
	.entry-body {
		width: auto;
		padding: 5px 20px 0px 20px;
		}

	.entry-body a {
		padding-bottom: 2px;
		text-decoration: none;
		border-bottom: 1px solid #D33207;
		}

	.entry-body a:hover {
		padding-bottom: 2px;
		background: #E4CFB1;
		color: #D33207;
		text-decoration: none;
		border-bottom: 1px solid #D33207;
		}
	
	.right {float: right;}
	.left {float: left;}
	.clear {clear: both;}

	.chapter{float:left;width:100%;clear:both;margin-bottom:10px;padding-bottom:10px;}

	.intro {margin: 20px; padding: 20px;}
	.intro .title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding-bottom: 30px; line-height: 22px; color: #222222;}
	.intro .text {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 10px; line-height: 16px; color: #222222;}
	.intro .text a {text-decoration: none;}
	
/* ---------- paying the bills ---------- */

	#subheader {
		height: 50px;
		width: 100%;
		margin: 0px;
		padding: 0px;
		}

	#subtitle {
		float: left;
		margin: 25px 20px 10px 20px;
		margin-bottom: 20px;
		}
	
	#subtitle h1 {font-size: 18px;}

	.post2-bg {
		position: relative;
		display: block;
		overflow: hidden;
		margin:  0px 15px 15px 0px;
		padding: 5px;
		border: 1px solid #333333;
		height: 100px;
		width: 100px;
		}
	
	.post2-bg img {height: 98px; width: 98px; border: 1px solid #333333;}

	.title2-insert {
		position: absolute;
		width: 100px;
		padding: 3px 0;
		background: #222222;
		margin-left: 5px;
		margin-right: 5px;
		bottom: 5px;
		left: 0;
		display: block;
		z-index: 101;
		}
	
	.title2-insert h3 {margin: 3px 3px; line-height: 1.4em; padding-left: 5px; font-size: 10px;}
	.title2-insert h3 a {display: block; color: #F79B42; text-decoration: none;}
	.title2-insert h3 a:hover {color: #FFFFFF;}

/* ---------- footer ---------- */


	.footer {
		height: 46px;
		width: 100%;
		margin: 0px;
		top: 20px;
		bottom: 20px;
		font-size: 80%;
		clear: both;
		}