/********************** GLOBALS ***************************************/
* {margin: 0;padding: 0;}

body {
	font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 110%;
	color: #333;
	background: #FFF;
	background: #F8F8F8;
	background: #000;}

h1 {
	font-size: 19px;
	color: #111;}
h2 {
	color: #FFF;
	font-size: 15px;}

h3 {color: #DDD;}

a:link,
a:active,
a:visited {
	outline: 0;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;}
a:hover {color: #d51673;}

a img { border: none; }

img {}

p {
	line-height: 200%;
	margin-top: 10px;
	text-align: justify;
	text-indent: 0;}

ul {
	margin-top: 5px;
	list-style-position: inside;}
	li {list-style: none;list-style-type: none;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* LAYOUT */
#all {
	width: 830px;
	margin: 20px auto;}

#no-script {
	margin: 10px 0;
	padding: 5px 10px;
	font-size: 11px;
	background: #CCC;}



#header {
	padding: 20px;}
	h1 a {
		display: block;
		width: 360px;
		height: 40px;
		text-indent: -7000px;
		background: url('/workspace/images/h1.gif') no-repeat;}	

#content-main {}

.content-primary {
		float: left;
		width: 540px;}
.content-secondary {
		float: right;	
		width: 290px;}

.section {
	position: relative;
	margin-bottom: 50px;}
	.section h2 {
		position: absolute;
		top: 0;
		left: -30px;
		height: 100px;
		width: 30px;
		text-indent: -7000px;}
	#photos h2 {background: url('/workspace/images/section-photos.jpg') no-repeat;}
	#websites h2 {background: url('/workspace/images/section-websites.jpg') no-repeat;}
	#words h2 {background: url('/workspace/images/section-words.jpg') no-repeat;}

.item {border-bottom: 1px solid #212121;}
.item-previous,
.item {
	position: relative;
	display: block;
	padding: 20px;
	background-color: #111;
	background-position: right;}

	.item-previous h3,
	.item h3 {
		position: absolute;
		top: 40px;
		left: 40px;}
	
	a.item:hover,
	a.item-previous:hover {background-color: #222;}
	a.item-previous:hover .overlay {display: none;}

	.item-previous .overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: .6;
		filter: alpha(opacity = 60);
		background: #000;}


/* MORE LINKS */
.more-link {
	display: block;
	text-indent: -7000px;
	width: 250px;
	height: 30px;
	margin-top: 5px;}
#more-photos {background: url('/workspace/images/more-photos.jpg');}
#more-words {background: url('/workspace/images/more-words.jpg');}

/* PHOTOS */
#photos .item-previous {height: 100px; overflow: hidden;}

/* WEBSITES */

/* WORDS */
#twitter_div {min-height: 30px;}
ul#twitter_update_list li {}

/* NAV & ABOUT */
#nav-about {
	position: fixed;
	width: 290px;}	
	
	#nav li a {
		padding: 20px;
		margin-bottom: 1px;
		display: block;
		border-left: 1px solid #961051;
		color: #555;
		background: #0A0A0A;}
	#nav li a.selected {
		color: #FFF;
		font-size: 15px;
		background: #d51673;}

	#about {
		padding: 20px;
		color: #333;}