/* ***********************************
colors used:
tabs:
	selected: white (#FFFFFF)
	unselected: light purple (#CC99FF)
	hover: dark purple (#CC66FF)
	border: grey (#CCCCCC)
	
header banner: deep purple (#9900CC)

form element selected: light yellow (#FFFF66)

listings:
	dashboard - new events: light yellow (#FFFF99)
	hover: yellow (#FFFF00)
   *********************************** */
   
/* ***********************************
	general
   *********************************** */
   
html {
	overflow-y:				scroll;
}

a {
	color:					#000000;
}

/* ***********************************
	body
   *********************************** */
body {
	background:				#FFFFFF url('header.png') repeat-x top;
	font-family: 			Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 				1.0em;
}

/* ***********************************
	banner elements
   *********************************** */

#projectTitle p {
	color:					#FFFFFF;
	font-size:				2em;
	position:				relative;
	float:					left;
	top:					-10px;
	left:					10px;
}

#projectLinks p {
	color:					#FFFFFF;
	position:				relative;
	float:					right;
	top:					-15px;
}

#projectLinks a {
	color:					#FFFFFF;
}

/* ***********************************
	tabs	(based on the work of Dan Cederholm - http://www.simplebits.com/bits/css_tabs.html)
   *********************************** */

#tabContainer {
	height:					auto;
	margin:					0 auto;
	width:					401px;
}

#tabContainer:after {
	clear:					both;
	content:				'.';
	display:				block;
	height:					0;
	visibility:				hidden;
}

#tabnav {
	margin: 				0 auto;
	position: 				relative;
	top:					72px;
	width:					401px;
}

#tabnav li {
	margin: 				0; 
	padding: 				0;
  	display: 				inline;
  	list-style-type: 		none;
}
	
#tabnav a:link, #tabnav a:visited {
	background: 			#cc99ff;
	font-size: 				24px;
	padding: 				2px 10px 2px 10px;
	border: 				1px solid #CCCCCC;
	color: 					#000000;
}

#tabnav a:link.active, #tabnav a:visited.active {
	border-bottom: 			1px solid #FFFFFF;
	background: 			#FFFFFF;
	color: 					#000000;
}

#tabnav a:hover {
	background: 			#CC66FF;
}
	
#tabnav a:hover.active {
	background: 			#CC66FF;
	border-bottom: 			1px solid #CCCCCC;
}

/* ***********************************
	content
   *********************************** */

#contentContainer {
	height:					auto;
	margin:					0 auto;
	width:					1000px;
}

#contentContainer:after {
	clear:					both;
	content:				'.';
	display:				block;
	height:					0;
	visibility:				hidden;
} 

/* ***********************************
	login
   *********************************** */

#login {
	height:					130px;
	width:					250px;
	background-color:		#CC66FF;
	margin:					70px auto 0;
	padding:				10px;
}

.formfield {
	border: 				none;
}

.formfield:focus {
	background-color:		#FFFF66;
}

/* ***********************************
	dashboard
   *********************************** */
   
#dashboard {
	height:					auto;
	margin:					0 auto;
	padding:				18px 0 0;
	width:					548px;
}
   
.dashboardWidget {
	float:					left;
	margin:					0 25px;
}

.dashboardWidget ul{
	border:             	2px dotted #9900CC;
	margin:					0 0 0 10px;
	padding:				4px;
}

.dashboardWidget li {
	list-style-type:		none;
	margin:					4px 10px;
	padding:				3px 20px;
}

.dashboardWidget li.new {
	background-color:		#FFFF99;
}

.dashboardWidget li:hover {
	background-color:		#FFFF00;
}

.dashboardWidget li:hover.new {
	background-color:		#FFFF00;
}

 /* ***********************************
	posts
   *********************************** */
   
#posts {
	height:					auto;
	margin:					0 auto;
	padding:				18px 0 0;
	width:					990px;
}

#drafts, #published {
	margin:					0 20px;
	width:					455px;
}

#drafts .title, #published .title {
	text-align:				center;
}

.postsWidget {
	float:					left;
	margin:					0;
}

.postsWidget ul {
	border:             	2px dotted #9900CC;
	padding:				4px;
}

.postsWidget li {
	list-style-type:		none;
	margin:					4px 10px 4px 25px;
	padding:				3px 4px;
}

.postsWidget li.meta {
	margin:					-5px 10px 10px 50px;
	font-size:				0.8em;
}

.postsWidget li:hover {
	background-color:		#FFFF00;
}

.postsWidget li:hover.meta {
	background-color:		#FFFFFF;
}

.postsWidget img  {
	float:					left;
	margin:					1px 0 0 -25px;
}

 /* ***********************************
	comments
   *********************************** */
   
#comments {
	height:					auto;
	margin:					0 auto;
	padding:				18px 0 0;
	width:					560px;
}

#comments .title {
	text-align:				center;
}

.commentsWidget ul {
	border:             	2px dotted #9900CC;
	padding:				4px;
}

.commentsWidget li {
	list-style-type:		none;
	margin:					20px 50px 4px 50px;
	padding:				3px 4px;
}

.commentsWidget li.meta {
	margin:					-5px 10px 30px 140px;
	font-size:				0.8em;
}

.commentsWidget li:hover {
	background-color:		#FFFF00;
}

.commentsWidget li:hover.meta {
	background-color:		#FFFFFF;
}

.commentsWidget li.new {
	background-color:		#FFFF99;
}

.commentsWidget li:hover.new {
	background-color:		#FFFF00;
}

.commentsWidget img  {
	float:					left;
	margin:					-5px 10px 0 0;
}
   
 /* ***********************************
	footer
   *********************************** */

#footerContainer {
	margin:					50px auto;
	width:					1000px;
	text-align:				center;
}