/* 
grey and simple.
*/

/* HTML Tags */
BODY{
	FONT-FAMILY:Verdana, Sans-Serif;
	font-size:10pt;
	color:White;
	BACKGROUND-COLOR:#837B6A;
	MARGIN:0px;
}



A
{
	color:White;	
}
A:hover
{
	color:Black;
}
A.HeaderLink
{
	text-decoration:none;
}

PRE{
	font-size:12px;
	line-height:140%;
}
P{
	FONT-FAMILY:Verdana, Sans-Serif;
	font-size:10pt;
	/* color:#C0C0D5; */
	margin-left:14pt;
}
UL{
	FONT-FAMILY:Verdana, Sans-Serif;
	font-size:10pt;
	/* color:#C0C0D5; */
	margin-left:14pt;
}
H1{}
H2
{
	border:1px solid #4A4132;
	/* font-size:medium; */
	background-color:#A45335;
	font-size:medium;
	padding-left:5pt;
	font-weight:bold;
}
H3
{
	font-size:medium;
	font-weight:bold;
}
/* Page Layout Tags */

/* header and footer go at the top and bottom of the page. */
DIV.footer{
	/* BACKGROUND-COLOR:4A525A; */
	BORDER: 1px solid white;
	font-size:xx-small;
	text-align:center;
	margin-top:100px;
}
DIV.header{
	MARGIN-LEFT: 175px;
}
/* "menu" shows a main menu in a neat horizontal row. */
DIV.menu{
	width:100%;
	/*
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	*/
	white-space:nowrap;
	text-align:center;
}

DIV.nugget
{
	/* border:1px solid #C0C0D5; */
	margin-bottom:20pt;
}

SPAN.menuitem
{
	margin-left:10pt;
	margin-right:10pt;
}

SPAN.event
{
	
}

/* Other Tags */
/* 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.postcontent{}
DIV.posttitle{
	font-weight:bold;
}
DIV.postlinks{
	text-align:right;
	margin-top:10pt;
}
SPAN.eventLink
{
	display:block;
}

.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{	
	margin-top:5pt;
	margin-bottom: 20pt;	
	margin-left:10%;
	margin-right:10%;
}	
/* commentsubject encloses the subject of a visitor comment on jblog_post_detail. */
DIV.commentsubject{
	font-weight:bold;
	border-bottom: 1px solid white;
}
/* commentdetails encloses the IP, visitor name and date/time on a visitor comment. */
DIV.commentdetails{
	font-style:italic;
	font-size:smaller;
}
/* 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{
	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;
}

UL.iconList
{
	list-style-position:outside;	
}

UL.iconList LI
{
	margin-top:4px;
	padding-bottom:4px;
	vertical-align:text-bottom;
}