body {
	padding:0;
	margin:0;
	background:url(../images/bg02.png) #000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12pt;
	color:#fff;
}

/*--- Coloring in the Items ---*/
#home { background:url(../images/home.png) #ff4707; }
#home a { color:#ff4707; }
#design { background:url(../images/design.png) #0c83cb; }
#design a { color:#0c83cb; }
#blog { background:url(../images/blog.png) #ff2020; }
#blog a { color:#ff2020; }
#twitter { background:url(../images/twitter.png) #7349d1; }
#twitter a { color:#7349d1; }
#listen { background:url(../images/listen.png) #339933; }
#listen a { color:#339933; }
#shoot { background:url(../images/shoot.png) #bbaa00; }
#shoot a { color:#bbaa00; }
#improv { background:url(../images/improv.png) #00bbbb; }
#improv a { color:#00bbbb; }
#climb { background:url(../images/climb.png) #ff00b0; }
#climb a { color:#ff00b0; }
#brew { background:url(../images/brew.png) #885520; }
#brew a { color:#885520; }
#talk { background:url(../images/talk.png) #aaa; }
#talk a { color:#aaa; }
#home a:hover, #design a:hover, #blog a:hover, #twitter a:hover, #listen a:hover,
#shoot a:hover, #improv a:hover, #climb a:hover, #brew a:hover, #talk a:hover {
	color:#c0c0c0;
}
#home .title a, #design .title a, #blog .title a, #twitter .title a, #listen .title a,
#shoot .title a, #improv .title a, #climb .title a, #brew .title a, #talk .title a {
	color:#fff;
}
#home .title a:hover { color:#ff4707; }
#design .title a:hover { color:#0c83cb; }
#blog .title a:hover { color:#ff2020; }
#twitter .title a:hover { color:#7349d1; }
#listen .title a:hover { color:#339933; }
#shoot .title a:hover { color:#bbaa00; }
#improv .title a:hover { color:#00bbbb; }

/*--- Generics ---*/
a {
	text-decoration:none;
}
img {
	border:none;
}
#content-area {
	width:800px;
	margin:0 auto;
	padding:30px 30px 1px 30px;
	background:#000;
	overflow:hidden;
}
.item {
	position:relative;
	width:780px;
	height:70px;
	margin:0 0 30px 0;
	padding:10px;
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
}
.item.expanded {
	height:280px;
}
.item .title {
	float:left;
	width:180px;
	margin:0 10px 0 0;
	padding:10px;
	background-image:url(../images/black_filter.png);
	font-size:26pt;
	line-height:50px;
	font-weight:bold;
}
.item .title a {
	color:#fff;
	text-decoration:none;	
}
.item .plus {
	position:absolute;
	top:10px;
	right:10px;
	height:10px;
	width:10px;
	padding:5px;
	background-image:url(../images/black_filter.png);
	overflow:hidden;
	cursor:pointer;
}
.item .plus img {
	display:block;	
}
.item .content {
	display:none;
	float:left;
	width:570px;
	height:280px;
	overflow:hidden;
}
.item .content p, .item .content div {
	margin:0;
	padding:10px;
	background-image:url(../images/black_filter.png);
}
.item .content .columnLeft {
	display:block;
	float:left;
	width:260px;
	margin:0 5px 0 0;
}
.item .content .columnRight {
	display:block;
	float:right;
	width:260px;
	margin:0 0 0 5px;
}
.item .content .floatLeft {
	display:block;
	float:left;
	margin:0 10px 0 0;
}
.item .content .floatRight {
	display:block;
	float:right;
	margin:0 0 0 10px;
}
.item .content .loading {
	position:absolute;
	width:30px;
	height:30px;
	padding:10px;
	background:url(../images/circle.png) no-repeat;
	font-size:16pt;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
}
.clear, .item .content .clear {
	display:block;
	clear:both;
	padding:0;
	margin:0;
	background:none;
	overflow:hidden;
}