/* 	Title:     Styles for Andy K. Cheng
	Author:    Andy K. Cheng  */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, hr, embed, object { 
	margin: 0;
	padding: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img { 
	border: 0;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}
ol, ul, li {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}
q:before, q:after {
	content: '';
	}
abbr, acronym {
	border: 0;
	}
img {
	display: block;
	}

/* __ */

body { 
	font-size: 100%;
	font-family: Georgia, serif;
	color: #333;
	background-color: #fff;
	/*background:url("../images/background_grid_test.gif") top center repeat-y;*/
	}
html>body {
	font-size: 16px;
	}

.clearfix { clear:both; }
	
#header { height:2.25em; background:#333; }
#header h1 { width:800px; margin:0 auto; padding:0.25em; }
#header a { color:#ccc; }

#container { width:800px; margin:5em auto; }

#navigation { position:relative; float:left; width:150px; font-family: Optima, Georgia, serif; }
#navigation ul { position:absolute; left:-2.125em; }
#navigation li { text-indent:0.625em; }
#navigation li:hover { background:url("../images/bullet_guillemets_forward_blue.gif") no-repeat center left; }
#navigation .selected, #navigation .selected:hover { background:url("../images/bullet_guillemets_forward_gray.gif") no-repeat center left; }
#navigation .selected a { color:#666; }

#content { float:right; width:650px; margin-bottom:4em; }
#content li { list-style: disc; }

/* __ Portfolio Content Elements __ */
.portfolio #content .portfolioList {}
.portfolio #content .portfolioList li { float:left; width:9.25em; height:12.625em; margin:0.25em .75em 0.25em 0; list-style:none; }
.portfolio #content .portfolioList p { margin:0.25em 0 0 0; font-size:0.75em; line-height:1.25em; }
.portfolio #content .portfolioThumbnail { width:9.25em; height:9.25em; border:1px solid #ccc; }
.portfolio #content #portfolioNavigation li { float:left; margin:0 0 1em 0 !important; padding:0 0.5em; border-right:1px solid #666; list-style:none; font-family: Optima, Georgia, serif; }
.portfolio #content #portfolioNavigation .first { padding-left:0; }
.portfolio #content #portfolioNavigation .last { padding-right:0; border-right:none; }
.portfolio #content #portfolioNavigation .selected a { color:#666; background:none; } 
.portfolio #content #portfolioNavigation .returnToPortfolio { padding-left:0; }
.portfolio #content #nextPrevNavigation li { float:right; margin:0.5em 0 0 0 !important; padding:0 0.5em; border-left:1px solid #666; list-style:none; font-family: Optima, Georgia, serif; font-size:0.75em; }
.portfolio #content #nextPrevNavigation .last { padding-left:0; border-left:none; }
.portfolio #content .example .screenshots { float:left; margin-bottom:1em; }
.portfolio #content .example .description { float:left; width:150px; margin-left:1em; }
.portfolio #content .example .description p { font-size:0.75em; line-height:1.4em; }
.portfolio #content .example .description .company { float:none; margin-bottom:1em; font-style:italic; font-weight:normal; } 
.portfolio #content .example .description .company .companyName { font-style:normal; font-weight:bold; }
.portfolio #content .example .description .launchDate { font-style:italic; }
.portfolio #content .example .description .viewProject { font-weight:bold; }

/* __ Resumé Content Elements __ */
.resume #content .company { float:left; margin-bottom:0em; padding-right:0.5em; font-weight: bold; }
.resume #content .company a { font-weight: bold; }
.resume #content .city { float:left; margin-bottom:0em; padding-left:0.5em; border-left:1px solid #666; color:#666; font-weight: bold; }
.resume #content .occupationYears { font-style: italic; }
.resume #content .description { margin-left:1.75em; }
.resume #content .results { font-style: italic; }
.resume #content .school { margin-bottom:0; }
.resume #content .school a { font-weight: bold; }
.resume #content .major { font-style:italic; }

#footer { font-size:0.75em; border-top:1px solid #cccccc; padding:0.25em 0 0.25em 0; }

/* __ */

h1 {
	font-family: Optima, Georgia, serif;
	font-size: 1.5em;
	line-height: 1em;
	color: #000;
	}
h2 {
	font-family: Optima, Georgia, serif;
	font-size: 1.75em;
	font-weight:bold;
	line-height: 1em;
	color: #000;
	margin:0 0 1em 0;
	}
h3 {
	font-family: Optima, Georgia, serif;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1em;
	color: #000;
	border-bottom:1px solid #cccccc;
	padding:0.25em 0 0.25em 0;
	margin:0.5em 0;
	}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin:0 0 1em 0;
	}
ul, ol {
	margin:0 0 1em 0;	
	}
li {
	margin:0 0 0 1.5em;
	font-size: 1em;
	line-height: 1.5em;
	}
a {
	font-weight: normal;
	text-decoration: none;
	}
a:link {
	color: #006699;
	}
a:visited {
	color: #003366;
	}
a:hover, a:active {
	color: #0088cc;
	}