html, table
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
	color: #555;
}
body
{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

a
{
	color: #b22222;
}
a:link
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
a:active
{
	text-decoration: none;
}

.messageCenter
{
	margin: 0px auto;
	text-align: center;
	padding: 50px;
}

.clear
{
	clear: both;
}

/*-------------------- ABOUT --------------------*/
.sectionHeading
{
}
.sectionBody
{
}


/*-------------------- SKIN --------------------*/
.skinTextBox
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
}
.skinButton
{
	font-family: Arial, Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

/*-------------------- LIST TITLE --------------------*/
.pnListTitle
{
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	border-bottom: #ff9900 3px solid;
	background-color: #ffffcc;
}
.pnListTitle #title
{
	float: left;
	width: 80%;
}
.pnListTitle #title span
{
	font-size: 140%;
	font-weight: bold;
}
.pnListTitle #amount
{
	float: right;
	width: 20%;
	text-align: right;
}
.pnListTitle #amount span
{
	font-size: 140%;
}

/*-------------------- PAGE FRAME --------------------*/

#frame
{
	width: 100%;
	margin: auto;
	background-color: #fff;
}

#top
{
	text-align: left;
}
#topInner
{
	padding: 50px 20px 20px 20px;
	border-bottom: solid 3px #ccc;
	background-color: #555;
	color: #fff;
}
#topInner #slogan
{
	font-size: 160%;
	font-weight: bold;
}
#topInner #navigator
{
	padding: 5px 0px;
	color: #fff;
}
#topInner #navigator a
{
	color: #fff;
}
#topInner #navigator ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#topInner #navigator ul li
{
	display: inline;
	padding-right: 10px;
}
#content
{
	margin: 0px auto;
	text-align: center;
}
#contentInner
{
	margin: 10px auto;
	padding: 5px 5px 0px 5px;
	border: solid 1px #fff;
	text-align: left;
}
#contentInner #ciBodyFrame
{
	float: left;
	width: 70%;
}
#contentInner #ciBodyFrame #ciBody
{
	padding: 0px 20px 20px 5px;
}
#contentInner #ciMenuFrame
{
	float: right;
	background: #fff;
	width: 30%;
	font-size: 85%;
}
#contentInner #ciMenuFrame .ciMenuItem
{
	padding: 5px;
	border: 3px solid #555;
	background: #ddd;
	margin-bottom: 5px;
}
#contentInner #ciMenuFrame .center
{
	margin: 0px auto;
	margin-bottom: 5px;
	text-align: center;
}
#contentInner #ciMenuFrame .white
{
	background-color: #fff;
}
#contentInner #ciMenuFrame .listItem
{
	list-style-type: disc;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}
#contentInner #ciMenuFrame .listItem li
{
	padding: 3px 0px;
	margin: 0px;
}
#contentInner #ciMenuFrame .captionCenter
{
	margin: 0px auto;
	font-size: 150%;
	font-weight: bold;
	color: #333;
	text-align: center;
	border-bottom: dotted 0px #eee;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#bottom
{
	width: 100%;
	clear: both;
}
#bottomInner
{
	padding: 20px 20px 20px 20px;
	border-top: solid 3px #ccc;
	background-color: #555;
	color: #fff;
	text-align: right;
}
#bottonInner .bigger
{
	font-size: 90%;
	font-weight: bold;
}
#bottomInner .smaller
{
	font-size: 80%;
	font-weight: normal;
}

/*-------------------- BLOG --------------------*/

#blogEntry
{
	width: 100% auto;
	margin-bottom: 10px;
}
#blogEntryHeader
{
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
#blogEntryHeaderAttributes
{
	float: left;
	margin: 0px auto;
	text-align: center;
	padding-right: 5px;
	line-height: 10px;
	padding: 5px;
	background: #eee;
	border: solid 1px #ccc;
	margin-right: 10px;
	width: 50px;
	height: 40px;
	background-image: url(littlebox.gif);
	background-position: 50% 50%;
}
#blogEntryHeaderAttributes .bhDate
{
	font-size: 110%;
	font-weight: bold;
}
#blogEntryHeaderAttributes .bhMonthYear
{
	font-size: 70%;
	font-weight: bold;
	color: #ff9900;
}
#blogEntryHeaderAttributes .bhTime
{
	font-size: 70%;
}
#blogEntryHeaderAttributes .bhViewCommentCount
{
	font-size: 70%;
	font-weight: bold;
	color: #999;
}
#blogEntryHead
{
	font-size: 130%;
	font-weight: bold;
	color: #b22222;
}
#blogEntryTagCategory
{
	padding-top: 5px;
	padding-left: 20px;
	font-size: 80%;
	font-weight: normal;
}
#blogEntryTagCategory span
{
	font-weight: bold;
}
#blogEntryTagCategory a
{
	color: #444;
}
#blogEntryBody
{
	font-size: 100%;
	padding: 20px;
}
#blogEntryAttribute
{
	background: #fff;
	border-bottom: #555 solid 3px;
	padding: 5px 5px;
	font-size: 70%;
	background: #eee;
}
#blogEntryAttribute span
{
	font-weight: bold;
}

/*-------------------- TAG CLOUD --------------------*/

#tagCloud
{
	width: 100% auto;
	border: solid 1px #ccc;
	padding: 5px;
	text-align: justify;
	background: #fff;
}
#tagCloud A
{
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
	text-transform: lowercase;
}
#tagCloud A:link
{
	text-decoration: none;
}
#tagCloud A:visited
{
	text-decoration: none;
}
#tagCloud A:hover
{
	color: #b22222;
	text-decoration: underline;
}
#tagCloud A:active
{
	text-decoration: none;
}
#tagCloud A.weight1
{
	color: #cc0000;
	font-size: 1.9em;
	font-weight: bolder;
}
#tagCloud A.weight2
{
	color: #cc3300;
	font-size: 1.5em;
	font-weight: bolder;
}
#tagCloud A.weight3
{
	color: #ff6600;
	font-size: 1.4em;
	font-weight: bolder;
}
#tagCloud A.weight4
{
	color: #ff9900;
	font-size: 1.2em;
}
#tagCloud A.weight5
{
	color: #ffcc66;
	font-size: 1.0em;
}