/* === LBS^2 StyleSheet File ==================================== Style Name: 
MoSo Version: 1.04 Author: Moso Last Update: 2005-08-25 21:05 Website:http://blog.imoso.net 
============================================================== */ /****** General 
Styles ******/ body { font-size: 12px; font-family: "Tahoma", "verdana", "arial", 
"sans-serif"; background-color: #393C5A; margin: 0px; padding: 0px; } table { 
font-family: Tahoma, Arial; color: #000000; font-size: 12px; } td { word-break: 
break-all; } a:link, a:visited { text-decoration: none; color: #20375F; } a:hover 
{ text-decoration: none; color:#f90; } img{ vertical-align: middle; border: 0px 
none; max-width:100%; height:auto; } hr { height: 1px; border: 0; border-top: 
1px solid #CCCCCC; } /****** Form Controls Styles ******/ form { display: inline; 
} input { font-family: Tahoma, Arial; font-size: 12px; } input.text { height: 
16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: 
#F9F9F9; } input.button { height: 20px; color: #000000; border: 1px solid #CCCCCC; 
background-color: #FFFFFF; } textarea { font-size: 12px; font-family: Tahoma, 
Arial; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; } 
select { font-size: 12px; font-family: Tahoma, Arial; color: #000000; background-color: 
#FFFFFF; } /****** Main Layout Styles ******/ #wrapper {} #innerWrapper { } #header 
{ background: #393C5A; margin-top: 0px; padding: 20px 10px 5px 10px; border-bottom: 
4px solid #9CCF00; } #innerHeader { } #footer { clear: both; } #innerFooter { 
color: #eee; font-size: 11px; text-align: center; } #innerFooter a{ color: #fff; 
} /****** Header Elements Styles ******/ #blogLogo {} #logo { float: right; margin-top: 
-21px;margin-right: -10px; } /* header title */ .blog-header { padding: 0px; } 
h1 { padding: 0px; margin: 0px; color: black; font-size: 25px; font-weight: bold; 
} h1 a:link, h1 a:visited { color: #9CCF00; text-decoration: none; } h1 a:hover 
{ color: #FFF; text-decoration: none; } /* blog description */ .blog-desc { PADDING-RIGHT: 
5px; PADDING-LEFT: 5px; FONT-SIZE: 16px; PADDING-BOTTOM: 1px; COLOR: #838383; 
PADDING-TOP: 1px; FONT-FAMILY: "Courier New"; } /* nav menu */ #menu { margin-top: 
2px; color: #fff; text-align: right; } #menu ul{ margin: 0px; padding: 0px; } 
#menu li{ display: inline; list-style: none; } #menu li a:hover { color: #000; 
text-decoration: none; background: #9CCF00; } #menu a{ padding: 4px; color: #9CCF00; 
} /****** Content Layout ******/ #mainWrapper { margin: 0px 0px 3px 0px; padding: 
0px; background: #fff; border-bottom: 3px solid #84829C; } /* sidebar */ .sidebar 
{ float: right; width: 24%; background: #EFEFEF; border-left: 1px solid #84829C; 
border-bottom: 1px solid #84829C; } .sidebar-hide { display: none; float: left; 
} #innerSidebar { padding: 3px; } /* content */ .content { float: left; padding: 
6px 0px 0px 0px; width: 75%; background: #fff; } .content-wide { padding: 6px 
0px 0px 0px; background: #fff; } .content-only { width: auto; margin: 10px; } 
#innerContent { margin-left: 2px; overflow: visible; } /* 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{ padding:1px; 
margin-bottom: 10px; } .panel h5 { padding: 2px; margin: 0px; color: #333; font-size: 
12px; font-weight: bold; text-indent: 24px; border-bottom: solid 1px #84829C; 
} #panel_user h5 { background: url(images/user.gif) no-repeat 4px top; } #panelCategory 
h5 { background: url(images/category.gif) no-repeat 4px top; } #panelCalendar 
h5 { background: url(images/calendar.gif) no-repeat 4px top; } #panelArticle h5 
{ background: url(images/article.gif) no-repeat 4px top; } #panelComment h5 { 
background: url(images/comment.gif) no-repeat 4px top; } #panelStats h5 { background: 
url(images/stat.gif) no-repeat 4px top; } #panelSearch h5 { background: url(images/search.gif) 
no-repeat 4px top; } #panelTags h5 { background: url(images/hot.gif) no-repeat 
4px top; } #panelLinks h5 { background: url(images/friend.gif) no-repeat 4px top; 
} .panel-content{ padding:5px; color:#333; line-height: 120%; } .panel-content 
ul{ padding: 0px; margin: 0px; margin-left: 0px; } .panel-content li{ border: 
1px solid #F1F1F1; padding: 1px; margin: 1px 0px 0px 0px; color: #333; list-style: 
circle inside; } .panel-content li:hover { border: 1px solid #999; padding: 1px; 
margin: 1px 0px 0px 0px; background: #FFF; } /* user panel login form */ #loginForm 
{ width: 95%; } /* calendar panel */ #calendar { margin-top: 5px; } .calendar-top 
{ color: #333333; text-align: center; padding: 2px; } .calendar-year, .calendar-month 
{ font-weight: bold; } .calendar-weekdays { } .calendar-weekday-cell { color: 
#666666; font-size:10px; font-weight:bold; text-align: center; width: 14%; padding: 
2px; } .calendar-main { background: #FFFFFF; } .calendar-day, .calendar-day-blank, 
.calendar-saturday, .calendar-sunday, .calendar-today{ color: #333; text-align: 
center; width: 14%; padding: 2px; } .calendar-saturday, .calendar-sunday { color: 
#333; font-weight:bold; } .calendar-today { border: dashed 1px #CCCCCC; background-color: 
#F6F6F6; } .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; } /****** Search Panel ******/ .search-field { width: 155px; 
} /****** Announcement Box ******/ .announce{ margin: 10px; border: solid 1px 
#CCCCCC; border-top: solid 4px #CCCCCC; background-color: #F8F8F5; background-image: 
url("images/article-title-bg.gif"); background-position: top left; background-repeat: 
repeat-x; } .announce-content{ word-wrap: break-all; padding: 10px; color: #666666; 
} .announce-time{ float: right; font-size: 11px; color: #999999; } /****** Defaul 
Page Elements ******/ .article-top, .article-bottom { padding: 5px; } /* page 
links */ .pages { PADDING-LEFT: 15px; COLOR: #fff; font: 80% Arial, Helvetica, 
sans-serif; padding-top: 3px; padding-bottom: 3px; margin: 8px 0px 0px 0px; text-align: 
left; } .pages a:link { padding: 2px 2px 2px 5px; border: solid 1px #ddd; background: 
#fff; text-decoration: none; font-weight: lighter; } .pages a:visited { padding: 
2px 2px 2px 5px; border: solid 1px #ddd; background: #fff; text-decoration: none; 
font-weight: lighter; } .pages .pagelink-current { COLOR: #999999; padding: 2px 
2px; border-color: #999; font-weight: bold; font-size: 120%; vertical-align: top; 
background: #fff; } .pages a:hover { color: #fff; background: #f90; border-color: 
#036; text-decoration: none; } .view-mode { text-align: right; color: #999999; 
} .listbox { padding-top: 5px; padding-bottom: 5px; border-top: 1px dashed #CCCCCC; 
border-bottom: 1px dashed #CCCCCC; } .listbox-table { background: #fff; } .listbox-header 
{ word-wrap: break-all; color: #666666; font-weight: bold; text-decoration: underline; 
} .listbox-entry { word-wrap: break-all; color: #666666; } .listbox-entry a{ word-wrap: 
break-all; } /* no entry to display box */ .no-entry { border: 1px solid #CCCCCC; 
margin-top: 15px; } .no-entry-message { padding-top: 25px; padding-bottom: 25px; 
color: #666666; background: #FCFCFC; text-align: center; } .prev-article{ float: 
left; } .next-article{ float: right; } .category-label{ text-align: center;} /* 
text box */ .textbox{ margin: 10px 8px 8px 8px; background: #fff; } .textbox-title{ 
border: 1px dotted #9CCF00; padding:5px; background-image: url('images/title_bg.gif'); 
} .textbox-title h4{ word-wrap: break-word; padding-left: 5px; font-size: 16px; 
font-weight: bold; display: inline; } .textbox-label{ padding-left: 5px; color: 
#666666; font-size: 11px; } .textbox-fontsize{ padding: 5px; color: #666666; text-align: 
right; } .textbox-content{ word-wrap: break-word; padding: 10px; margin-bottom: 
3px; } .textbox-bottom { padding: 5px 5px 8px 5px; color: #666666; font-size: 
12px; text-align: right; border-top: 1px dashed #C0C0C0; } .editmark { margin-top: 
20px; color: #999999; font-size: 11px; } .textbox-urls { margin-top: 10px; padding-top: 
5px; color: #666666; font-size: 11px; border-top: 1px dashed #C0C0C0; } .textbox-tags{ 
word-wrap: break-word; padding: 3px 6px 6px 6px; font-weight: bold; } .textbox-tag{ 
word-wrap: break-word; padding: 10px 0px 15px 0px; margin-bottom: 10px; line-height: 
2em; } .textbox-relate{ margin: 0px; margin-top: 10px; background: #f2f2f2; padding: 
4px; } .textbox-relate ul{ margin: 0px; margin-left: 20px; padding: 0px; list-style: 
cycle inside; } /* Tags */ .textbox-tag a{width: 140px; padding-left: 6px; display: 
block; float: left;} .textbox-tag a:hover{background: #f2f2f2;} .tagHot1{ font-size: 
12px; } .tagHot2{ font-size: 14px; } .tagHot3{ font-size: 16px; } .tagHot4{ font-size: 
18px; } .tagHot5{ font-size: 20px; } /* guestbook entry box */ .gbbox{ margin-bottom: 
15px; border-top: 1px dashed #C0C0C0; border-bottom: 1px dashed #C0C0C0; } .gbbox-title{ 
margin-bottom: 10px; font-weight: bold; } .gbbox-label{ display: inline; color: 
#999999; font-size: 11px; font-weight: normal; } .gbbox-content{ word-wrap: break-word; 
padding: 10px; background-color: #FBFBF8; } .gbbox-reply { padding: 10px; color: 
#333333; background-color: #F8F8F6; border-top: 1px dashed #E0E0E0; } .gbbox-reply-title{ 
font-weight: bold; margin-bottom: 5px; } .gbbox-reply-label{ color: #999999; font-size: 
11px; font-weight: normal; display: inline; } /* comments wrapper */ .comment-wrapper{} 
/* comments top box */ .comment-top{ padding: 5px; margin: 8px; color: #666666; 
background: #F6F6F6; text-align: right; border: 1px solid #ccc; } .comment-pages{ 
padding: 5px; margin: 8px; color: #999999; } /* commnet box */ .commentbox{ word-wrap: 
break-word; padding: 5px; margin: 8px; background: #fff; border: 1px solid #ccc; 
} .commentbox-title{ padding: 3px; margin: 0px 0px 0px 3px; border-bottom: 1px 
dashed #C0C0C0; } .commentbox-label{ display: inline; color: #666666; font-size: 
11px; } .commentbox-content{ padding: 3px; margin: 0px 0px 0px 3px; } .no-comment-box{ 
padding:10px; margin: 0px 0px 0px 3px; color: #666666; background: #FCFCFC; border: 
1px solid #E0E0E0; } /* trackback box */ .trackbackbox{ padding: 5px; margin: 
5px; } .trackbackbox-title{ padding: 3px; border-bottom: 1px dashed #C0C0C0; } 
.trackbackbox-label{ display: inline; color: #666666; font-size: 11px; } .trackbackbox-content{ 
padding: 3px; color: #333333; } .trackbackbox a{ color: #000000; } /* comment 
form wrapper */ #commentForm { width: 99%; } /****** normal message box ******/ 
.messagebox{ margin: 100px; width: 500px; border: solid 1px #CCCCCC; text-align: 
center; background: #FCFCFC; } .messagebox-title{ padding: 5px; color: #FFFFFF; 
font-weight: bold; background-color: #393C5A; } .messagebox-content{ padding: 
10px; padding-bottom: 20px; color: #666666; text-align: left; } .messagebox-bottom{ 
padding: 5px; color: #FFFFFF; background-color: #F3F3F3; } /****** error message 
box ******/ .errorbox{ margin: 100px; width: 500px; text-align: center; background: 
#FFEEDD; border: solid 1px #CC0000; } .errorbox-title{ color: #FFFFFF; font-weight: 
bold; background-color: #CC3300; padding: 5px; } .errorbox-content{ padding: 10px; 
padding-bottom: 20px; color: #990000; text-align: left; } .errorbox-bottom{ padding: 
5px; color: #FFFFFF; background-color: #FFE3D0; } /****** Input Form Styles (table) 
******/ .formbox{ background: #FFFFFF; border: solid 1px #CCCCCC; } .formbox-comment{} 
.formbox-title, .formbox-comment-title{ padding: 5px; color: #666666; font-weight: 
bold; text-align: center; background-color: #F2F2F2; } .formbox-rowheader, .formbox-comment-rowheader 
{ padding: 5px; color: #333333; 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: #666666; text-align: 
left; border-bottom: 1px solid #CCCCCC; } .panel-smilies-content { padding: 5px; 
line-height: 120%; } /****** Upload Page ******/ .upload-page{ margin: 0px; padding: 
0px; background-color: #E7E7EF; background-image: none; } .upload-file{} .upload-error 
{ color: #990000;} .upload-done { color: #003300;} /****** Misc Styles ******/ 
.comment-text, .hidden-note{ font-size: 11px; color: gray; } .red { color: red; 
} .highlight { font-weight: bold; color: #FF6600; background: #FFFF00; } .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 { word-wrap: break-all; padding: 10px; 
margin: 5px; font-family: "Courier New"; color: #000000; background-color: #F9F9F9; 
border: 1px solid #E0E0E0; } .quote { padding: 10px; margin: 5px; background-color: 
#F9F9F9; border-left: 3px solid #E0E0E0; } .quote-title { padding: 5px; color: 
#666666; font-weight: bold; border-bottom: 1px dashed #E0E0E0; } .quote-content 
{ word-wrap: break-all; color: #666666; padding: 5px; } .ubb-obj-div { word-wrap: 
break-all; margin: 5px; padding: 5px; color: #666666; background-color: #FFFFFF; 
border: 1px dashed #CCCCCC; } .syntaxComment{ font-style: italic; color: #000080; 
} .syntaxKey{ font-weight: bold; } /*============SkinMenu=========================================*/ 
#SkinMenu { position: absolute; background: #ffffff; font: 11px Tahoma; z-index: 
10; border: 1px solid #999999; padding: 2px; text-align: left; } #SkinMenu a {	
display: block; cursor: default; padding: 3px 10px 3px 20px; color: #000000; background: 
#ffffff; width: 150px; } #SkinMenu a:hover { color: #ffffff; text-decoration: 
none; background: #004E98; font-weight: bold; width: 150px; } #SkinMenu .Separator 
{ border-left: 20px solid #999999; border-top: 1px solid #BBBBBB; overflow: hidden; 
margin: 2px; } .textbox-relate{ margin: 0px; margin-top: 10px; background: #f2f2f2; 
padding: 4px; } .textbox-relate ul{ margin: 0px; margin-left: 20px; padding: 0px; 
ist-style: cycle inside; } .textbox-tags{ word-wrap: break-word; padding: 3px 
6px 6px 6px; font-weight: bold; } .textbox-tag{ word-wrap: break-word; padding: 
10px 0px 15px 0px; margin-bottom: 10px; line-height: 2em; } .textbox-tag a{width: 
110px; padding-left: 6px; display: block; float: left;} .textbox-tag a:hover{background: 
#f2f2f2;}