@charset "utf-8";


/****** General Styles ******/

* { color:#4D4D4D; font-size:12px; font-family:Arial; line-height:15px;}

html { border:0; height:100%; background:#01A9EF; overflow-x:hidden; border-right:1px #fff solid;}
body { margin:0; height:100%;}
body>table,body>div { margin-left:auto; margin-right:auto; clear:both;}

table,form,div,img,td,ul,li,dl,dt,dd { font:12px Arial; margin:0 auto; padding:0; border:0;}
div,td,li,dt,dd,h2,h3,h4,p,a { list-style-type:none; word-break:break-all; Width:fixed;}
b,strong { font-weight:bold;}

a { color:#; text-decoration:none;}
a:hover { text-decoration:underline; color:#008AFF;}

img { vertical-align:middle; max-width:100%; height:auto;}
hr { height:1px; border:0; border-top:1px solid #f4f4f4;}

/****** Form Controls Styles ******/
form { display:inline;}
input {	font-family:Tahoma, Arial; font-size:12px; }
input.text { height:16px; padding:1px; color:#000; border:1px solid #f4f4f4; background:#F9F9F9;}
input.button { height:20px;	color:#000; border:1px solid #999; border-top:1px solid #f4f4f4; border-left:4px solid #f4f4f4; background:#fff; cursor:pointer;}
textarea { font-size:12px; font-family:Tahoma, Arial; color:#000; border:1px solid #f4f4f4; background:#F9F9F9;}
select { font-size:12px; font-family:Tahoma, Arial; color:#000; background: #fff;}

/****** Main Layout Styles ******/
#wrapper {background-image: url(images/top.jpg);
  background-repeat: no-repeat;
  background-position: left top;
 width: 100%; }
#innerWrapper {	width:100%; position:relative;}

#footer { clear:both; margin:0 240px 0 20px;}
	#innerFooter { padding:10px; padding-top:15px; color:#fff; font-size:10px; text-align:center;}
	#innerFooter a { font-size:11px; color:#fff; }
		#innerFooter a:hover { text-decoration:none;}
	#innerFooter b { font-size:11px; font-weight:lighter; color:#999;}

#header { margin:0 240px 0 20px; height:219px;}
#innerHeader {	padding:5px 0 5px 0;}
/****** Header Elements Styles ******/
	#blogLogo {}
	#logo {	float:left; margin-right:10px; display:none;}
	/* header title */
	.blog-header {}
	.blog-title { padding:5px 0 0 2px; margin:0 0 7px 0; float:left;}
		.blog-title a { font:bold 18px Tahoma, Arial, Verdana; color:#003355;}
		.blog-title a:hover { text-decoration:none; color:#00A1CF;}
	/* blog description */
	.blog-desc { color:#fff;position:relative;float:right; top:10px;}
	/* nav menu */
	#menu {	clear:both;}
		#menu ul { 	margin-left:100px;	margin-top: 170px;  padding:10;} 
		#menu li { display:inline; list-style:none; padding:0 3px 0 3px; margin:0 5px 0 0; border-right:1px solid #fff;}
		#menu a { color:#000; }
			#menu a:hover { color:#008AFF;}

/****** Content Layout ******/
#mainWrapper {}

/* sidebar */
.sidebar { float:right;width:230px;}
	.sidebar a { color:#fff; text-decoration:none;}
	.sidebar a:hover { text-decoration:underline; color:#Fc0;}
.sidebar-hide {	display:none; float:right;}
#innerSidebar {	margin-right:20px; padding-top:6px;}

/* content */
.content { float:left; width:100%; margin-left:-240px;}
.content-wide {	width:auto; margin:0 20px 0 -240px;}
.content-only {	width:auto; margin:0 20px 0 -240px;}
#innerContent {	margin-left:260px; overflow:visible; background:#fff;}

/* a style which makes mainWrapper touch the bottom of sidebar and content */
.clear{	border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden;}

/****** Sidebar Panels ******/
.panel{	margin-bottom:10px;}
.panel h5 { 
    text-indent: 5px;
	line-height: 20px;
	height: 20px;
	padding: 2px;
	margin: 0px;
	color: #003355;
	font-size: 11px;
	font-weight: bold;
    background-image: url("images/left_title.gif"); }
.panel-content { padding:5px; color:#fff!important; font-size:11px;}
	.panel-content * { font-size:11px; color:#fff;}
.panel-content ul { padding:0; margin:0; margin-left:0;}
	.panel-content li { padding:0; margin:0; color:#ccc; list-style:square inside;}
		.panel-content li img { vertical-align:text-bottom;}
			.panel-content li b { text-decoration:none}

/* user panel login form */
#loginForm { width:95%;}
	#loginForm td { color:#fff;}
	#loginForm td a { color:#008AFF!important; text-decoration:none!important; font-weight:bold;}

/* calendar panel */
#calendar { width:210px; margin-top:2px;}
	#calendar * { font-size:11px;}
.calendar-top {	color:#333; text-align:center; padding:2px;}
.calendar-year,.calendar-month { font-weight:bold; color:#fff; text-decoration:none;}

.calendar-weekdays { background:#F6F6F6;}
.calendar-weekday-cell { color:#00A1CF; font-size:10px; font-weight:bold; text-align:center; width:14%; padding:2px;}

.calendar-main { background:#fff;}
.calendar-day,.calendar-day-blank,.calendar-saturday,.calendar-sunday,.calendar-today{ color:#fff; text-align:center; width:14%; padding:2px;}
.calendar { font-weight:bold!important;}
.calendar-saturday,.calendar-sunday { color:#f90; font-weight:bold;}
.calendar-today { background:#006699; color:#ffffff;}

.calendar-day a:link,.calendar-day a:visited,.calendar-saturday a:link,.calendar-saturday a:visited,.calendar-sunday a:link,.calendar-sunday a:visited,.calendar-today a:link,.calendar-today a:visited { text-decoration:underline; font-weight:normal;}

/* stats panel */
#panelStats .panel-content{	color:black;}

/****** Search Panel ******/
.search-field { width:195px; font-size:11px; color:#ccc; }
#panelSearch {}
	#panelSearch option { color:#666;}
/****** Announcement Box ******/
.announce { }
.announce-content {	word-wrap:break-all; padding:5px 5px 4px 5px; color:#004499;}
	.announce-content a { color:#00A1CF;}
	.announce-content a:hover { text-decoration:none;}
.announce-time { float:right; font-size:11px; color:#ccc; }

/****** Defaul Page Elements ******/
.article-top,.article-bottom { padding:5px; background:#E5F5FC; height:15px;}
	.article-top a,.article-bottom a { color:#004499;}
	.article-top *,.article-bottom *{ font-size:10px; color:#999;}
.article-top { margin-bottom:0;}
.article-bottom { margin-top:15px;}

/* page links */
.pages { color:#999; float:right;}
.pagelink-current {	font-weight:bold;}

.view-mode { float:left;}

.listbox { padding:5px;}
.listbox-table { padding:5px;}
	.listbox-table { width:99%; margin:0 auto;}
	.listbox-table a { width:99%; color:#004499;}
.listbox-header { word-wrap:break-all; color:#004499; font-weight:bold; text-decoration:underline;}
.listbox-entry { word-wrap:break-all; color:#004499;}
.listbox-entry a { word-wrap:break-all; color:#004499;}

/* no entry to display box */
.no-entry {	border:1px solid #f4f4f4; margin-top:15px;}
.no-entry-message {	padding-top:25px; padding-bottom:25px; color:#004499; background:#FCFCFC; text-align:center;}

.prev-article{ float:left; }
.next-article{ float:right; }
.category-label{ text-align:center;}

/* text box */
.textbox { margin:0 0 10px 0; padding:12px 12px 0; clear:both;}
.textbox-title { 	word-wrap: break-all;
	font-size: 14px;
        color: #666;
	background: url('images/panelback.jpg') no-repeat right;

	padding-top: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
	height: auto;
	border-top:1px solid #F2F8FD;
	border-left:1px solid #F2F8FD;
	border-right:1px solid #AAD8FF;
	border-bottom:1px solid #AAD8FF;}
.textbox-title h4{
	color: #004499;
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	display: inline;
}
	.textbox-title h4 a { color:#003355; font-size:14px;}
	.textbox-title h4 a:hover { color:#008AFF;}
.textbox-label { color:#0071BD; padding:0 5px 0 0;}
	.textbox-label a { color:#0071BD; line-height:16px; vertical-align:baseline;}
	.textbox-label img { vertical-align:text-bottom;}
.textbox-fontsize { padding:0; color:#004499; text-align:right; font-size:10px;}
	.textbox-fontsize a { color:#004499; font-size:11px;}
.textbox-content { padding:5px; font-size:12px; line-height:16px;}
	.textbox-content a { color:#008FF3;}
	.textbox-content a:visited { color:#008FF3;}
	.textbox-content a:hover { color:#008FF3;}
.textbox-bottom { color:#999; font-size:11px; padding-top:5px; border-top:1px solid #e6e6e6; text-align:right; clear:both;}
	.textbox-bottom a { color:#999; font-size:11px; }
	.textbox-bottom a:hover { color:#008FF3;}
	
.editmark {	margin-top:20px; color:#999; ont-size:11px; clear:both; text-align:right;}
.textbox-urls {	margin-top:10px; padding-top:5px; color:#004499; font-size:11px; border-top:1px solid #C0C0C0; clear:both;}

/* guestbook entry box */
.gbbox{	margin-bottom:15px; border-top:1px solid #70C0F8; border-bottom:1px solid #70C0F8; }
.gbbox-title{ margin-bottom:10px; font-weight:bold;}
.gbbox-label{ display:inline; color:#999; font-size:11px; font-weight:normal;}
.gbbox-content{	word-wrap:break-word; padding:10px; background-color:#E8F9FE;}
.gbbox-reply { padding:10px; color:#0083AA; background-color:#F6FBFC;	border-top:1px solid #E6E8E9;}
.gbbox-reply-title{	font-weight:bold; margin-bottom:5px;}
.gbbox-reply-label{	color:#999; font-size:11px; font-weight:normal; display:inline;}

/* comments wrapper */
.comment-wrapper{}

/* comments top box */
.comment-top { padding:5px; text-align:right; color:#ccc; font-size:10px; font-weight:bold;}
	.comment-top a { color:#ccc; font-size:10px; font-weight:bold;}
.comment-pages{	padding:5px; margin:5px; color:#999;}

/* commnet box */
.commentbox { padding:5px;	margin:5px;}
.commentbox-title { padding:3px; border-bottom:1px solid #C0C0C0; margin-bottom:5px;}
	.commentbox-title b a { color:#008AFF;}
.commentbox-label { display:inline; color:#00A1CF;	font-size:11px;}
.commentbox-content { padding:10px;}
	.commentbox-content a { color:#008AFF;}
	.commentbox-content a:visited { color:#f30;}
	.commentbox-content a:hover { color:#008AFF;}
.no-comment-box { padding:10px; color:#004499; background:#FCFCFC; border:1px solid #E0E0E0;}

/* trackback box */
.trackbackbox { padding:5px;}
.trackbackbox-title{ padding:3px; border-bottom:1px solid #C0C0C0;}
.trackbackbox-label{ display:inline; color:#004499; font-size:11px;}
.trackbackbox-content{ padding:3px; color:#333;}
.trackbackbox a { color:#000;}

/* comment form wrapper */
#commentForm { width:99%;}

/****** normal message box ******/
.messagebox{ width:500px; border:solid 1px #ccc; text-align:center;	background:#FCFCFC;}
.messagebox-title{ padding:5px;	color:#fff;	font-weight:bold; background-color:#ccc;}
.messagebox-content{ padding:10px; padding-bottom:20px; color:#004499;	text-align:left;}
.messagebox-bottom{	padding:5px; color:#004499; background-color:#F3F3F3;}

/****** error message box ******/
.errorbox{	width:500px; text-align:center; background:#DDF2FF; border:solid 1px #c00;}
.errorbox-title{ color:#fff; font-weight:bold; background-color:#c30; padding:5px;}
.errorbox-content{	padding:10px; padding-bottom:20px;	color:#900;	text-align:left;}
.errorbox-bottom{ padding:5px; color:#fff; background-color:#DDF2FF;}

/****** Input Form Styles (table) ******/
.formbox{ background:#fff; border:solid 1px #ccc;}
.formbox-comment{}

.formbox-title,.formbox-comment-title{ padding:5px; color:#004499;	font-weight:bold; text-align:center; background:#EFEFEF;}

.formbox-rowheader,.formbox-comment-rowheader { padding:5px; color:#333; font-weight:bold; text-align:right;}

.formbox-content,.formbox-comment-content{ padding:5px;}

/* smilies list */
.panel-smilies {padding:5px;text-align: center;}
.panel-smilies-title { color:#00A1CF; text-align:left; border-bottom:1px solid #ccc;}
.panel-smilies-content { padding:5px; line-height:120%;}

/****** Upload Page ******/
.upload-page{ margin:0; padding:0; background-color:#fff; background-image:none;}
.upload-file{}

.upload-error { color:#900;}
.upload-done { color:#030;}

/****** Misc Styles ******/
.comment-text,.hidden-note{ font-size:11px; color:#ffffff;}
.comment-text b { color:#FFE400;}
.red { color:red;}
.highlight { font-weight:bold; color:#f60; background:#ff0;}
.meta-button { margin:1px;}

/****** UBB Code Custom Styles ******/
/* IE fix for ul */
* html .ubb-list { margin:5px; margin-left:25px;  margin-bottom:15px;}
.ubb-list li{ margin:1px; padding:1px;}

.code {	padding:10px; margin:20px 5px 5px; font:11px "Verdana"; color:#666; background:#F9F9F9; border-left:3px solid #E0E0E0;}

.quote { margin:20px 5px; background:#F9F9F9; border-left:5px solid #E0E0E0;}
	.quote-title { padding:5px; color:#666; font-size:11px "Verdana"; text-transform:uppercase; border-bottom:1px solid #;}	.quote-content { color:#666; padding:10px; }
.ubb-obj-div { margin:5px; padding:5px; color:#666; background:#fff; border:1px solid #f4f4f4;}