/*
Theme Name: Portfolio
Theme URI: http://www.joannakwong.com/
Description: Custom theme for personal portfolio.
Version: 1.0
Author: Joanna Kwong
Author URI: http://wwww.joannakwong.com/

This theme was built for Joanna Kwong's personal portfolio.

*/

/* GLOBAL 
------------------------------------------- */
body {
	font-size: .7em; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;color: #414141; 
	background-color:#fff; 
	}

#greybox a, .navigation a {
	color:#fff; 
	background-color:#ff0060; 
	font-weight: bold; 
	text-decoration:none; 
	padding: 3px;
	}

#greybox a:visited, .navigation A:visited {
	color:#fff; 
	background-color:#ff0060; 
	text-decoration:none; 
	font-weight:bold;
	}

#greybox a:hover, .navigation A:hover{
	color:#fff; 
	background-color:#0a9fb1; 
	font-weight:bold; 
	cursor: pointer;
	}

b {
	cursor: default; 
	color: #333; 
	background: none; 
	font-weight: bold;
	}

blockquote {
	font-size: .8em; 
	padding: 10px 10px 10px 20px; 
	font-style: normal; 
	color: #414141;
	}

/* APPEARANCE
------------------------------------------- */
#header {
	height: 308px; 
	background: url('http://joannakwong.com/wp-content/themes/folio/img/header-img.jpg') no-repeat top left;
	}

#logo {
	width: 311px; 
	height: 85px; 
	margin-left: 20px; 
	padding: 10px; 
	background: url('http://joannakwong.com/wp-content/themes/folio/img/logo.png') no-repeat bottom center;
	}

#logo a {
	width: 311px; 
	height: 85px; 
	display: block; 
	position: relative; 
	margin: -10px 0 0 0; 
	overflow: hidden; 
	text-indent: -1000px;
	}

#content {
	margin: 50px 0 50px 60px;
	}

/* NAVIGATION
------------------------------------------- */

#nav {
	margin: -159px 0 0 60px;
	}

#nav ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	}

#nav li {
	display: inline; 
	width:96px; 
	float:left; 
	margin:0 30px 0 30px; 
	padding:5px 10px 10px 10px;
	}

#nav ul li a {
	color:#333; 
	display: block; 
	font-family: Arial, Helvetica, serif; 
	text-transform:uppercase; 
	text-align:center; 
	text-decoration:none; 
	font-weight: lighter; 
	font-size:1.8em; 
	letter-spacing:-.03em; 
	line-height: normal;
	}

#nav ul li a:hover {
	color:#333; 
	border-top:6px solid #333; 
	display: block;
	}

.nav-item {
	margin:3px 1px 0 1px; 
	text-align: center; 
	line-height: 20px; 
	font-size: .9em;
	}

.odd a {border-top:6px solid #ff0060;
	}

.even a {border-top:6px solid #0a9fb1;
	}

#current a {border-top:6px solid #333;
	}

/* HEADLINES
------------------------------------------- */
h1, h2, h3 {
	font-family: Arial, Helvetica, sans serif;
	}

h1 /* frontpage headline */ {
	color: #0a9fb1; 
	font-size: 2.4em; 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: -0.03em;
	}

h2 /* entry headline */ {
	color: #0a9fb1; 
	font-size: 2.5em; 
	font-weight: bold; 
	text-transform: Capitalize; 
	letter-spacing: -0.03em; 
	line-height: 65px;
	}

h3 /* smaller headline */ {
	color: #333; 
	font-size: 1.4em; 
	font-weight: bold; 
	text-transform: Capitalize; 
	letter-spacing: normal;
	padding-top: 10px;
	}

h4 /* works headline */ {
	color: #ff0060; 
	font-size: 2em; 
	font-weight: bold; 
	text-transform: Capitalize; 
	letter-spacing: -0.03em;
	}

.subheading {
	text-transform: uppercase; 
	font-weight: bold; 
	color: #333;
	}

/* CONTENT FEEL
------------------------------------------- */
#featured {
	padding: 50px 0 50px 0;
	}

#welcome {
	line-height: 22px;
	}

#entry {
	line-height: 22px;
	text-align: justify;
	}

#greybox {
	padding: 20px; 
	background-color:#eeeeee; 
	border: 8px solid #d4d4d4; 
	text-align: left; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans serif; 
	font-size:1em; 
	line-height: 22px;
	}

#spacer {
	padding: 25px 0 0 0;
	}

/* Work Listing Page
----------------------------------------------- */
#works .thumb {
	margin: 10px 80px 0 10px; 
	border: 7px solid #eaeaea;
	}

#works-item {
	float: left;
	}

#works-excerpt {
	width: 150px; 
	margin: 5px 0 0 10px; 
	padding: 0 5px 0 5px; 
	line-height: 18px;
	}

.wp-table-reloaded {
	border: none;
	}

.column-1 /* tabular data */ {
	color: #ff0060;
	text-transform: uppercase;
	font-size: .9em;
	}

.column-2 /* tabular data */ {
	width: 85%;
	}

/* Widgetized Sidebar
----------------------------------------------- */
#widget {
	margin-top: 50px; 
	} /* tabular data */ {
	color: #ff0060;
	text-transform: uppercase;
	font-size: .9em;
	}

.column-2 /* tabular data */ {
	width: 85%;
	}

/* Widgetized Sidebar
----------------------------------------------- */
#widget {
	margin-top: 50px; 
	}op: 50px; 
	} /* tabular data */ {
	color: #ff0060;
	text-transform: uppercase;
	font-size: .9em;
	}

.column-2 /* tabular data */ {
	width: 85%;
	}

/* Widgetized Sidebar
----------------------------------------------- */
#widget {
	margin-top: 50px; 
	}