/* ============================================ 
* styles.css - screen stylesheet for www.pcc.edu/community/ 
* 
* author: Gabriel McGovern <gabriel.mcgovern@pcc.edu>
* created:	2008-11-25 
*  modified: 
* ============================================ */


/* modify the "super topic pages" */
#bio { float:right;	width: 400px;	margin:.5em 0 1em 1em;}
#bio img { border:1px solid #000;	float:right;	margin: 5px;}
#bio dl { margin:0;	padding:1em;	font-size:.8em;	line-height:1.2em;}
#bio dt { display: block;	float: left;	clear: none;	margin-right: 0.3em;}
#bio dd { margin-bottom:.8em;}
#bio dd:last-child { margin-bottom:0em;}
cite { float:right;	clear:none !important;}
#main { padding-top:50px;}
#stitle { height:50px;}
h2 { position:absolute;	top:11px;	left:20px;	z-index:90;}
#dirnav { position:absolute;	top:0px;	left:20px;	z-index:95;	background-image:url(/community/images/transparency-pattern.png);}
.indexlist { clear:both;}



/* tabs */
#tabs {
	background: #fff url() bottom left repeat-x;
	width:100%;
}
#tab-list {
	float: right;
	background: #fff;
	width: 100%;
	margin-bottom:0;
	 
	}
	
#tab-list li {
	margin-left: 5px;
	margin-right:0;
	list-style: none;
	margin-bottom:0;
	background: #000 url(images/corner-right.png) no-repeat right top;
	border-bottom: 2px  solid #fff;
	border-top: 0px  solid #fff;
	 
	}
	
* html #tab-list li {
	display: inline; /* ie6 double float margin bug */
	}
		
#tab-list li,
#tab-list li a {
	float: left;
	}
	
#tab-list li a {
	text-decoration: none;
	padding: 5px 30px;
	background: url(images/corner-left.png) no-repeat left top;
	font-weight: bold;
	
	}
#tab-list li:hover {
	

	}
	
#tab-list li:hover a {
	color:#fff !important;
	text-decoration:underline;
	}
		
#tab-list li.current {
	
	}
	
#tab-list li.current a {
	color: #fff !important;
	text-decoration:none !important;
	}
	
#tabs div.indexlist {
	background: url() top left repeat-x;
	clear: both;
	margin-top:0;
	padding: 20px;
	padding-top: 5px;
	border: 1px solid #37939B;
	border-width: 2px 0;
	}
	
#tabs.creativity { background-image: url(images/fade-bottom-creativity.png);}
#tabs.creativity #tab-list li { background-color: #D4E6EA; }
#tabs.creativity #tab-list li a { color:#37939B; }
#tabs.creativity #tab-list li:hover { background-color: #37939B;}
#tabs.creativity #tab-list li.current {background-color: #37939B; border-color: #37939B;}
#tabs.creativity div.indexlist { background-image: url(images/fade-top-creativity.png); border-color:#37939B;}

#tabs.worldview { background-image: url(images/fade-bottom-worldview.png);}
#tabs.worldview #tab-list li { background-color: #E5D9E7; }
#tabs.worldview #tab-list li a { color:#701471; }
#tabs.worldview #tab-list li:hover { background-color: #701471;}
#tabs.worldview #tab-list li.current {background-color: #701471; border-color: #701471;}
#tabs.worldview div.indexlist { background-image: url(images/fade-top-worldview.png); border-color:#701471;}

#tabs.goals { background-image: url(images/fade-bottom-goals.png);}
#tabs.goals #tab-list li { background-color: #f7f1dc; }
#tabs.goals #tab-list li a { color:#c4a006; }
#tabs.goals #tab-list li:hover { background-color: #c4a006;}
#tabs.goals #tab-list li.current {background-color: #c4a006; border-color: #c4a006;}
#tabs.goals div.indexlist { background-image: url(images/fade-top-goals.png); border-color:#c4a006;}

#tabs.lifestyle { background-image: url(images/fade-bottom-lifestyle.png);}
#tabs.lifestyle #tab-list li { background-color: #ecead1; }
#tabs.lifestyle #tab-list li a { color:#8e8b03; }
#tabs.lifestyle #tab-list li:hover { background-color: #8e8b03;}
#tabs.lifestyle #tab-list li.current {background-color: #8e8b03; border-color: #8e8b03;}
#tabs.lifestyle div.indexlist { background-image: url(images/fade-top-lifestyle.png); border-color:#8e8b03;}

#tabs.activity { background-image: url(images/fade-bottom-activity.png);}
#tabs.activity #tab-list li { background-color: #fae7d3; }
#tabs.activity #tab-list li a { color:#df7a1c; }
#tabs.activity #tab-list li:hover { background-color: #df7a1c;}
#tabs.activity #tab-list li.current {background-color: #df7a1c; border-color: #df7a1c;}
#tabs.activity div.indexlist { background-image: url(images/fade-top-activity.png); border-color:#df7a1c;}