body
{
  color: white;
  background-color: black;
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,sans-serif ;
}

a
{
  color: #B2BAE5;
  text-decoration: none;
}

textarea, input
{
  font-size: 12px;
  font-family: Tahoma, Arial, Verdana, mono;
}

h1, h2, h3
{
  margin-top: 0px;
}

#top
{
  width: 100%;
  text-align: center;
}

#middle
{
  width: 100%;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

#body
{
  width: 780px;
  margin:0 auto;
}

#main
{
  font-size: 11px;
}

#main h1
{
  font-size: 15px;
}

.topicDate
{
  float: right;
  margin: 0 4px;
  border:1px solid #222222;
  background-color: #121212;
}

.topicDate .topicDate_Month
{
  text-align: center;
  padding: 5px;
  font-size: 11px;
  background-color: #2C2C2C;
  color: #9E9E9E;
}

.topicDate .topicDate_Date
{
  text-align: center;
  padding:6px 6px 2px 6px;
  font-size: 30px;
  font-weight:bold;
  font-family: Verdana,Arial,Tahoma;
  color: #515151;
  background-color: #121212;
}

.topicTitle
{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

.topicInfo
{
  color: gray;
}

.topicWriterIcon
{
  float:left;
  margin-right: 3px;
  padding: 0 4px;
}

.topicWriter, .topicDatetime
{
  font-size: 10.5px;
  font-family: Verdana, Tahoma, Arial ;
}

.topicEditorIcon
{
  float: right;
}

.commentAction
{
  font-size: 11px;
}

.topicAction A, .commentAction A
{
  color: red;
}

.topicContent
{
  line-height: 1.6;
  margin: 10px 0 0 0;
}

.topicContent, .topicContent *
{
	color: silver;
}

.topicTag
{
  margin-top: 8px;
  line-height: 20px;
  font-size: 11px;
}

.topicComments *
{
  font-size:11px;
}

.topicComments .topicCommentIndex
{
  font-size: 40px;
  color: white;
  font-style: italic;
  font-weight:bold;
  float: right;
  margin: 0 8px 8px 8px;
}

.topicComments .topicCommentContent
{
  line-height: 1.5;
  font-size: 12px;
	color: silver;
}

.topicComments .topicComment
{
  margin: 0px 2px 0 2px;
  list-style-type: none;
  padding: 6px;
}

.topicComments #validateCodeHint
{
  line-height: 30px;
  font-size: 16px;
}

.topicComments form
{
  line-height: 28px;
}

.topicComments form textarea 
{
  width: 300px;
  font-size: 12px;
}

.topicComments form input
{
  width: 140px;
}

.topicComment .topicCommentItem
{
  position: relative;
  line-height: auto;
}

#pagerinfo
{
  float: left;
  font-size: 11px;
}

#pagernav
{
  float: right;
  font-family:  mono;
  font-size: 11px;
}

#pagernav SELECT
{
  font-size: 11px;
}

#prevTopic
{
  float: left;
}

#nextTopic
{
  float: right;
}

#prevTopic A, #nextTopic A
{
  font-size: 12px;
}

#bottom
{
  clear: both;
  text-align: center;
  padding-top: 10px;
  margin: 10px;
}

#header
{
  width: 780px;
  margin: 0 auto;
}

#footer
{
  background-color: #060606;
  width: 780px;
  margin:10px auto 10px auto;
  clear: both;
  display: block;
}

#left
{
  width: 560px;
  float: left;
  display: block;
  position: relative;
}

#right
{
  float: right;
  width: 200px;
}

#search,#calendar,#export,#recentupdate,#links,#tags,#theme,#bgmusic
{
  padding: 0px;
  margin:0;
  font-size: 11px;
}

#search *,#calendar *,#export *,#recentupdate *,#links *,#tags *,#theme *,#bgmusic *
{
  font-size: 11px;
}

#announce
{
  float:right;
}

#recentupdate ul, #theme ul, #links ul
{
  margin-bottom: 0px;
  margin-top:0px;
  line-height: 1.5;
  width: 130px;
  overflow:hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

#recentupdate ul li a
{
  font-size: 12px;
}

#links ul, #theme ul
{
  margin-bottom: 0px;
}

#theme ul li
{
  text-transform: capitalize ;
}

#calendar table
{
  border-collapse: collapse;
  width: 160px;
}

#calendar table td
{
  text-align: center;
  padding-top: 6px;
}

#search #keyword
{
  width: 80px;
}

#search .title, #calendar .title, #export .title, #recentupdate .title, #links .title, #tags .title,#theme .title,#bgmusic  .title
{
  font-weight: bold;
  color: #ACAEB9;
  padding-left: 14px;
  background:  url(images/icon.gif) no-repeat scroll left top;
  margin-bottom:10px;
}

#export table
{
  border-collapse: collapse;
  width: 150px;
  text-align: center;
}

#nav
{
  text-align: left ;
  padding: 0px;
  padding-top: 4px;
  margin: 0 auto 16px auto;
}

#header #navItems
{
  float:left;
  font-size: 14px;
}

#header ul
{
  margin:0;
  padding:0;
  list-style: none;
  display:inline;
}

#header li
{
  list-style: none;
  display:inline;
  padding-right: 20px;
}

#header li a
{
  font-weight: bold;
  color: #0C6BCE;
  text-decoration : none;
}

.columnTop
{
  width: 100%;
  height: 16px;
  margin: 10px 0 0 0;
  background: #060606 url(images/top-middle.gif) repeat-x scroll left top;
}

.columnMiddle
{
  padding: 0 16px 0 16px;
  background: #060606 url(images/body.background.gif) repeat scroll left top;
  border-left: 1px dashed #2B2B2B ;
  border-right: 1px dashed #2B2B2B ;
  clear:both;
  *display: inline-block;
}

.columnBottom
{
  background: #060606 url(images/bottom-middle.gif) repeat-x scroll left bottom;
  width: 100%;
  height: 16px;
  margin:0px;
  clear:both;
}

.columnLeftTop
{
  background: url(images/left-top.gif) no-repeat left top;
  width: 16px;
  height: 16px;
  position: relative;
  float: left;
}

.columnRightTop
{
  background: url(images/right-top.gif) no-repeat right top;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
}

.columnLeftBottom
{
  background: url(images/left-bottom.gif) no-repeat left bottom;
  width: 16px;
  height: 16px;
  position: relative;
  float: left;
}

.columnRightBottom
{
  background: url(images/right-bottom.gif) no-repeat right bottom;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
}

.columnTop2
{
  background: #060606 url(images/top-middle2.gif) repeat-x scroll left top;
  width: 100%;
  height: 16px;
  margin: 10px 0 0 0;
}

.columnMiddle2
{
  padding: 0 10px 0 16px;
  background-color: #060606;
  border-left: 1px dashed #2B2B2B;
  border-right: 1px dashed #2B2B2B;
  clear:both;
  *display: inline-block;
}

.columnBottom2
{
  background: #060606 url(images/bottom-middle2.gif) repeat-x scroll left bottom;
  width: 100%;
  height: 16px;
  margin:0px;
}

.columnLeftTop2
{
  background: url(images/left-top2.gif) no-repeat left top;
  width: 16px;
  height: 16px;
  position: relative;
  float: left;
}

.columnRightTop2
{
  background: url(images/right-top2.gif) no-repeat right top ;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
}

.columnLeftBottom2
{
  background: url(images/left-bottom2.gif) no-repeat left bottom ;
  width: 16px;
  height: 16px;
  position: relative;
  float: left;
}

.columnRightBottom2
{
  background: url(images/right-bottom2.gif) no-repeat right bottom ;
  width: 16px;
  height: 16px;
  position: relative;
  float: right;
}

#footer .footerColumn
{
  float: left;
  width: 250px;
  border: 0px;
  color: gray;
  padding: 0 4px;
  border-top: 1px dotted gray;
  margin-bottom: 40px;
}

#footer .footerColumn li, #footer .footerColumn A
{
  font-size: 11px;
	line-height: 20px;
  color: gray;
}

#footer .footerColumn #username, #footer .footerColumn #password
{
	width: 90px;
  margin: 3px;
}

#footer .footerColumn .UserIcon
{
  float: left;
  margin: 8px;
}

#footer .footerSepator
{
  float: left;
  width: 1px;
  height: 150px;
  background-color: gray;
}

.disabled
{
  color: gray;
}

.ErrorTips
{
  margin:0px;
  font-size: 14px;
  color: red ;
  padding-bottom: 10px;
}

#LoginFailLeft
{
  float: left;
  padding: 8px;
  border-right: 1px solid gray;
}

#LoginFailRight
{
  float: left;
  padding: 8px;
}

.topicOptions
{
  cursor: pointer;
  font-size:11px;
}

.topicAttributeName
{
  width: 60px;
  text-decoration: underline;
  float: left;
  clear: left;
  padding: 4px;
}

.topicAttributeValue
{
  padding: 4px;
  float: left;
}

.topicAttributeValue #title, .topicAttributeValue #tags
{
  width: 250px;
  font-size: 12px;
  padding: 1px;
}

.hints
{
  padding:4px 4px 4px 18px;
  background: url(images/tip.gif) no-repeat left top ;
  float: right;
  color: #27509F;
}

.clear
{
  clear: both;
}

#posteditor, #posteditor div
{
  background-color: #FCFCFC;
}

#main #formSetting table
{
  width: 100%;
  border: 0;
}

#main #formSetting table tr td
{
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}

#formSetting table
{
  border: 0px;
  width: 100%;
}

#formSetting table td
{
  padding-bottom: 30px;
  padding-left: 30px;
}

#formSetting .formActionButtions
{
  padding: 20px;
  text-align: left;
}