img#wpstats { display:none } /* Hide WordPress.com Stats smiley */

body {
	background-image:url(images/Corel_08_048_coloured_blue.png);
	}

/************************************************
*	Accessibility      			*
************************************************/

.hidden, #skip_to_content a, #skip_to_content a:visited {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}

#skip_to_content a:focus, #skip_to_content a:active {
/* positioning */
	position:absolute;
	left:0;
	top:0;
	overflow:visible;
	padding:5px 10px 9px 10px;
	width:auto;
	height:auto;
/* appearance */
	font-size:0.9em;
	font-weight:normal;
	color:#0076A3;
	text-decoration:underline;
	text-transform: uppercase;
	background:white;
	border-right:1px dotted #0076A3;
	border-bottom:1px dotted #0076A3;
	}

#skip_to_content a:active {
	text-decoration:none;
	}

#skip_to_sidebar {
/* positioning */
	position:absolute;
	left:563px;
	top:5px;
	padding:0 3px 2px;
	width:auto;
	height:auto;
/* appearance */
	font-weight:normal;
	background:#f7f7f7;
	border:1px dotted #AFAFAF;
}

#skip_to_sidebar a {
	font-size:0.8em;
	text-transform: uppercase;
	text-decoration:underline;
	}

#skip_to_sidebar a:active, #skip_to_sidebar a:focus, #skip_to_sidebar a:hover {
	text-decoration:none;
	border-bottom:0;
	}

/************************************************
*	Header  				* 
************************************************/	

#header {
	background-image:url(images/sgbanner2009.png);
	width:960px;
	height:200px;
	position:relative;
}
	
/************************************************
*	Content 				* 
************************************************/	

hr {  
	border:0;
	border-top:1px solid #DDD;
	height:1px;
	margin:1em 0; 
	}
	

.attention {
	background: #F7F7F7;
	margin: 10px 25px 25px 25px;
	padding: 0px 25px 0px 10px;
	border:2px solid #666;
	}
	
h2+.attention { margin-top:25px }

/************************************************
*	Comments Preview (Filosofo) Plugin *
************************************************/

#preview { 
	float:left; /* swap preview button to the left of 'submit comment' button */
	position:relative;
	top:-5px; 
	}
	
/************************************************
*	afterRead Plugin *
************************************************/

.afterRead {
	background: #F7F7F7;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #E6E6E6;
	}

.afterRead a {
	font-weight:bold;
	font-size:0.9em;
	text-transform: uppercase;
	text-decoration:none;
	}

/************************************************
*	Add To Any Subscribe Plugin *
************************************************/
#add-to-any-subscribe a, .a2a_dd a, .addtoany_subscribe a {
	text-decoration:none;
	border-bottom:0;
	}


/************************************************
*	Navigation: Table of Contents: Comics Pages *
************************************************/
#toc {
	display:block;
	margin:0; 
	padding:0;
	margin:10px auto;
	padding-bottom:10px;
}
#toc ul,#toc li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:square;
	background:none;
	text-transform:uppercase;
}
#toc a {
	font-weight:bold;
	color:#666;
	margin:0 10px 4px 2px;
}
#toc a:link#current,#toc a:visited#current,#toc a:hover {
	padding-bottom:2px;
}
#current {
	border-bottom: 3px solid;
	text-decoration:none;
}	

/************************************************
*	Figures      					*
************************************************/

.figures h4 { 
	width:95%; 
	border-top:1px solid #DDD; 
	margin-top:10px; 
	padding-top:3px; 
	}
.figsubhead { border-bottom:0; margin-top:2em; }
.figures td { 
	width:33%; 
	font:11px verdana; 
	text-align:left; 
	vertical-align:top; 
	padding:0 5px;
	min-height:105px;
}
.figures tr td ul { 
	padding:0; 
	margin:0 0 0 95px;  
	}
.figures tr td ul li { 
	list-style:none; 
	padding:0; 
	margin:0 0 5px 0; 
	background:none; 
	}
.figures img { 
	padding:0;
	float:left;
	margin:10px 15px 10px 0;
}