/* 
grey and simple.
*/

/* HTML Tags */
BODY{
	FONT-FAMILY:Georgia, Serif;
	font-size:small;
	line-height:15pt;
	BACKGROUND-COLOR:EEEEEE;
	MARGIN:0px;
}
PRE{
	font-size:12px;
	line-height:140%;
}
TD
{
	font-size:small;
}
P{
	TEXT-INDENT: 10pt;
}
/* Page Layout Tags */
/* container defines the core page content. */
DIV.container{
	MARGIN-LEFT:10%;
	MARGIN-RIGHT:10%;
	MARGIN-TOP:0px;
	BACKGROUND-COLOR:white;
	BORDER: 1px solid grey;
}
/* header and footer go at the top and bottom of the page. */
DIV.footer{
	BACKGROUND-COLOR:lightgray;
	BORDER: 1px solid grey;
	font-size:xx-small;
	text-align:center;
	margin-top:100px;
}
DIV.header{
	MARGIN-LEFT: 175px;
}
/* "left" floats on the left and contains the left panel, including the main menu. */
DIV.left{
	float:left;
	width:15%;
	margin-right:5%;
	margin-bottom:20pt;
	margin-top:20pt;
	margin-left:1%;
	padding-top:15pt;
	padding-bottom:15pt;
	background-color:lightgrey;
	border: 1px solid grey;
	clear:left;
	white-space:nowrap;
}
/* content defines the central area of the page where articles are displayed. */
DIV.content{
	margin-left:15%;
	margin-right:15%;
}
/* Other Tags */

/* for little links, like in the sidebars. */
A.tinylink
{
	font-size:8pt;
}

SPAN.sidebarlinkcontainer
{
	display:list-item;
	text-indent:10pt;
	list-style-type:circle;
	list-style-position:inside;
}

DIV.sidebar
{
	margin-right:5%;
	margin-bottom:20pt;
	margin-top:20pt;
	margin-left:1%;
	padding-top:15pt;
	padding-bottom:15pt;
	background-color:lightgrey;
	border: 1px solid grey;
	white-space:nowrap;
}

DIV.sidebarheader
{
	text-indent:10pt;
	margin-bottom:5pt;
	font-weight:bold;
}

/* this paragraph encloses a main menu item and controls its placement. */
DIV.menuitem{
	TEXT-INDENT:10pt;
}
/* This is used for the title above the main menu in the left half of the screen. */
P.menutitle{
	font-weight:bolder;
}
/* this is the title for any Post. */
DIV.posttitle{
	margin-top:20pt;
}
DIV.postcontent{}
DIV.posttitle{
	font-weight:bold;
	border-bottom: 1px solid grey;
	margin-top: 5%;
}
DIV.postlinks{
	text-align:right;
}
.widetextbox{
	width:100%;
}
/* When building a table, TD.fieldname describes a heading type cell on the left. */
TD.fieldname{
	VERTICAL-ALIGN: top;
	WIDTH: 1%;
	WHITE-SPACE: nowrap;
	TEXT-ALIGN: right
}
/* encloses the whole comment. */
DIV.comment{
	background-color:lightgrey;
	BORDER: 1px grey solid;
	margin-top:20pt;
	padding:10pt;
}	
/* commentsubject encloses the subject of a visitor comment on jblog_post_detail. */
DIV.commentsubject{
	font-weight:bold;
	border-bottom: 1px solid grey;
}
/* commentdetails encloses the IP, visitor name and date/time on a visitor comment. */
DIV.commentdetails{
	font-style:italic;
}
/* commentcontent encloses the visitor post itself. */
DIV.commentcontent{
	margin-top:10pt;
	margin-bottom:10pt;
}
DIV.attachmentstitle{
	font-weight:bolder;
	font-size:larger;
	margin-top:20pt;
}
/* this unordered list contains the list of attachments. */	
UL.attachmentslist{
	BACKGROUND-COLOR:lightgrey;
	BORDER: 1px grey dashed;
	padding-right:10pt;
}
/* this listitem is for an image attachment. */
LI.attachment_image{
	LIST-STYLE-IMAGE: url(images/image.gif);
	MARGIN-BOTTOM: 7pt;
	MARGIN-TOP: 7pt;
}
/* this listitem is for an audio attachment. */
LI.attachment_audio{
	LIST-STYLE-IMAGE: url(images/audio.gif);
	MARGIN-BOTTOM: 7pt;
	MARGIN-TOP: 7pt;
}