@charset utf-8;
/*
Theme Name: Alumni
Theme URI: based on http://whiteboardframework.com/
Author: Alex Michaud
Author URI: http://www.ecliptik.net/
Description: Alumni theme was built for the H.K.U School of English 
Version: 1.0

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

body{
	text-align: center;
	color: #000;
	background-color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
A{text-decoration: none;}
A:hover{text-decoration: underline; }
H1, H2, H3, H4{ 
	font-weight: bold;
	line-height: 1.2em;
}
H1{ margin:0; font-size:1.6em; }
	H1 A, H2 A, H3 A, H4 A{
		color: #FEA406;
	}
H3{ margin:10px 0 0 0; font-size:1.3em;  }
H4{ margin:0 0 5px 0; font-size:1.1em; }

#main {
	width: 900px;
	margin:0 auto;
	position: relative;
	/*background-color:#FDF0AC;*/
	/*overflow: hidden;*/
	background:#FDF0AC url("images/left-column.png") repeat-y;
}

header {
	
}
	nav {
		
	}
	nav.primary {
		
	}
	nav.footer {
		
	}
	#widget-header {
		
	}
	#widget-alert {
		
	}
#toolbar{
	background-color:#000;
	color: #fff;
	font-size:1.3em;
	font-weight: bold;
	text-align: right;
	height:35px;
}
	#toolbar .current_user{ font-weight:normal; float:left; margin:5px 10px; color:#FDF0AC;}
	#toolbar .current_user A{color:#FDF0AC; text-decoration:underline;}
	#toolbar UL{ padding:0; margin:0;}
	#toolbar LI{ padding:0 10px; margin:0; display:inline; line-height:35px; }
	#toolbar A{ color: #fff; text-decoration:none;}
	#toolbar A:hover{ text-decoration:underline;}

#left-menu{
	float:left;
	position:relative;
	text-align: left;
	display:inline;
}
.menu-left-menu-container{
	
	padding-top:275px;
	width:209px;
	min-height:250px;
	_height:250px;
}
	#left-menu UL{ padding:0; margin:0; list-style-type:none;}
	#left-menu LI{ padding:0; margin:0 0 10px 60px; display:block; }
	#left-menu A{
		color: #000;
		text-decoration:none;
		text-transform:uppercase;
		font-size:1.1em;
	}
	#left-menu A:hover{ color:#FEA406; }
	#left-menu .current-menu-item A{ color:#FEA406; }

#content {
	float: left;
	text-align: left;
	display: inline;
}
	.article, .single-post {
		padding:0 20px;
	}
		.featured-thumbnail {
			position:absolute;
			top:35px;
			left:0px;
			width: 900px;
			height: 275px;
			z-index:2;
		}
		.post-content { }
			.pagination { }
	#post-meta {
		padding:0 20px;
	}
	.post-navigation {
		
	}
	#post-author{
		padding:0 20px;
	}

#comments {
	display:inline;
	
}
	.comment_box{
		margin: 40px 20px 20px 20px;
		width: 651px;
	}
	#comments H3{  }
	
	#comments li{
		border-bottom:1px dotted #333333;
	}
		.odd {
			
		}
		.even {
			
		}
		.author-comment {
			
		}
	#comments-form{ margin: 20px 0; }
#commentform{
	width:600px;
}
#commentform LABEL{
	display:block;
}
#commentform INPUT[type="text"]{
	width: 300px;
}
		.comment-text {
			
		}
		.comment-meta {
			font-weight:bold;
			color:#FEA406;
		}
			p.gravatar {
				float:left;
				margin:0 10px 0 0;
			}
		.waiting-for-approval {
			
		}
	#trackbacks {
		
	}
		li.trackback {
			
		}
	p#no-comments {
		
	}
		#respond {
			
		}
		.cancel-comment-reply {
			
		}

.page {
	width: 691px;
	padding-top:275px;
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	width: 691px;
	padding-top:275px;
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

nav.oldernewer {
	
}
.newer-older{
	padding:0 20px;
}
	.older {
		padding:0 20px;
		float:left;
	}
	.newer {
		padding:0 20px;
		float:left;
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	padding:0 20px;
}

#home-post-content{
	float: left;
	width: 415px;
}
#sidebar {
	float:right;
	width:200px;
}
	#widget-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widget {
			
		}
.news_list{}
.news_list H3{ margin: 0 0 0 60px;}
.news_list SPAN{ 
	display: block;
	padding-top: 3px; 
	margin-right:5px; 
	border-bottom:1px dashed #999999; 
	font-size:0.9em; 
	float: left; 
}
.news_list DIV{ margin: 0 0 10px 60px;}
.home_news_list{
	padding:4px;
	background-color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:250px;
	overflow-y:scroll;
}
	.home_news_list SPAN{ 
		border-bottom:1px dashed #999999; 
		font-size:0.8em;
		margin-right:3px;
	}
	.home_news_list H4{} 
#footer {
	float:left;
	clear:left;
	width:900px;
	background-color:#000;
	color:#fff;
	text-align: right;
	line-height:25px;
	height:25px;
	padding:0;
	position: relative;
}
#footer-content{
	margin: 0 10px;
}
#footer .widget-area{
	position:absolute;
	z-index:5;
	bottom:20px;
	left:0;
	width:209px;
}
	#widget-footer {
		
	}
	#footer-nav {
		
	}
	#footer P{ margin:0 10px; padding:0; }
	
.no-results {
	
}

.widget-area {
	
}
.widget-area ul{
	padding:0;
	margin:0;
}

.hide { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */