/* Whole page
   -------------------------------------------- */


body {
	/* 
	background-image: url("images/rubric/gradient.gif");
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: repeat-x;
	*/
}
	 
#content {
	margin-right: 230px;
	margin-left: 40px;
	background-color: #fff;
	padding: 0.5em;
	margin-top: 110px;
	border: 1px #aaa solid;
}

/* Image from sxc.hu (http://www.sxc.hu/browse.phtml?f=view&id=16710)
   Thanks bradleym! */


#header {
	position: absolute;
	top: 10px;
	left: 25px;
	/*
	background-image: url("images/rubric/Gspace_blog.png"); 
	background-position: top left;
	background-repeat: no-repeat;
	*/ 
	width:85%;
	margin: 0;
	height: 70px;
	/* padding-left: 45px; */
	/* z-index: 100; */
}
.headerbg {
	background-image: url("images/rubric/pen-sm.jpg");
	width: 200px;
	height:150px;
	float: right;

/*
	position: absolute;
	top: 0px;
	left: 80%;
*/
}
#title {
	font: italic bold 230% Georgia, 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin:0;
}
#description {
	position: relative;
	font: italic normal Georgia, 'Times New Roman', Times, serif;
	margin:0;
	padding-left: 220px;
	top: -60px;
}

#topmenu {
	position: absolute;
	top: 0px;
	background-color: #ccc;
	left: 0px;
}

/* Content & menu
   -------------------------------------------- */

#menu {
	width: 160px;
	position: absolute;
	float: right;
	top: 140px;
	right: 40px;
	font-size: 90%;
}
* html #menu { /* make IE put it in the right place */
	right: 5em;
}


#menu ul {
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	list-style: none;	

	color: #44f;
	/*text-indent: 1000em;*/

}

#menu a:link, #menu a:visited {
	color: black;
	border: none;
}

#menu ul ul {
	margin-left: 0;
	list-style: disc;
	list-style-position: inside;
	padding-left: 0.5em;
	text-indent: 0;
	
	color: black;
}


#menu form{
	margin: 0;	 
}
/*
#menu form br {
	display:none;
}
*/
input {
	width: 6em;
	font-family: Verdana, Tahoma, Arial, 新細明體, sans-serif; 
}

 
/* Post
   -------------------------------------------- */


#content h2 {
	font-size: 0.9em;
	color: #666;
	margin-bottom: 0;
	margin-top: 0;
}

h3 {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0.33em;
	color: #008;
}

.storytitle {
	margin-top: 15px;
}

.post-categories {
	display: inline;
	margin: 0;
	padding: 0;
}
.post-categories li {
	display: inline;
	margin-left: 0 3px 0 0;
	padding: 0;
}

.meta {
	font-size: 11px;
	color: #666;
	text-align: right;
	padding: 3;
	margin-top: 0;
}
.post .metatext {
	clear:both;
	font-size: 11px;
	color: #666;
	border-bottom:1px solid #666;
	position:relative;
	top: 10px;
	z-index: 80;
	float: right;
}

.post .feedback {
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc; 
	padding-bottom: 12px;
}
.postcontent {
	font-size: 12px;
	text-indent: 24px;
	position:relative;
	top: 10px;
}
/* james add code*/
.postcontent .code {
	margin-left: 40px;
	margin-right: 40px;
	padding-left: 10px;
	border:1px dashed #44f;
	background-color: #ddd;
	font: arial;
	text-indent: 0px;
}
/*james add storyext */ 
.storyext {
	margin-top: 3em;
	border-top: 1px solid #ccc; 
	padding-top: 20px;
}

/* Credit
   -------------------------------------------- */
	 
p.credit {	
	margin-right: 20em;
	margin-left: 40px;
	padding-left: 0.5em;
	font-size: 90%;
}
p.credit a:visited, p.credit a:link {
	border: none;
}
	

/* Basic typography
   -------------------------------------------- */

body {
	font-family: Verdana, Tahoma, Arial, 新細明體, sans-serif;
	font-size: 12px;
}

p, td, th, li {
	font-size: 1em;
	line-height: 1.65em;
}


a:link, a:visited {
	text-decoration: none;
	color: #44f;
}
a:hover {
	/*
	background-color: #44f;
	color: #eee;
	*/
	text-decoration: underline;
}

/* calendar style */ 
.calendar {
  font: 12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif;
}

.calMonthToday {
 font: inherit;
 background-color: #ffffff;
 border: 1px solid #aaf;
}

table.calMonth {
 font: inherit;
	width:130px;
}

thead {
 font: inherit;
	text-align:center;
}

tbody {
 font: inherit;
	text-align:right;
}

table.calYear tbody tr td {
 font: inherit;
	vertical-align:top;
}


th.calMonthCurrent {
 font: inherit;
   font-weight:normal;
   padding: 0px;
   text-align: center;
}

th.calMonthBackward {
 font: inherit;
   font-weight:normal;
   padding: 0px;
   text-align:center;
}

th.calMonthForward {
 font: inherit;
   font-weight:normal;
   padding: 0px;
   text-align:center;
}

.calMonthHeader th {
 font: inherit;
   text-align:center;
   font-weight:normal;
   padding: 0px;
}


.bottommenu a:link,
.bottommenu a:hover,
.bottommenu a:visited
{
	font-weight:normal;
	text-decoration: none;
}
.bottommenu
{
	padding-left: 0.5em; 
	margin-left: 40px;
	font:10px Georgia, "Times New Roman", Times, serif;
}

input {
	border: 1px #aaa solid; font-size: 12px;
	background-color: #fff;
	color: #aaa;
}
.pgallery {
	border:1px solid #000;
	width : 125px;
	height : 125px;
	position: relative;
	top : -3px;
	left: -2px;
}
.pgallerycontainer {
	background-color: #aaa;
	width : 128px;
	height : 128px;
	margin-top: 3px;
}
/* Temporary & testing
   -------------------------------------------- */

	 
/* Backup of coloured menu headings 
 
#menu ul {
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;
	list-style: none;	

	background-color: #44f;
	color: #fff;
	padding: 1px;

}

#menu ul ul {
	background-color: white;
	margin-left: 0;
	list-style: disc;
	list-style-position: inside;
	padding-left: 0.5em;
}

#menu ul ul * {
	background-color: white;
	color: #000;
	width: 100%;
}	

#menu table, #menu form, #menu caption {
	background-color: #fff;
	color: black;
	width: 100%;
}
*/