body { margin: 0; padding: 0; background-color:#fff; color: #222; font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif; 
	background-image: url(images/tile.png); }
a:link, a:visited { text-decoration: none; color: #549AD8; }
a:hover, a:active { color: #49AF61; }
h1, h2, h3 { font-weight: normal; margin: 20px 0 10px; padding-left:5px; }
h1 { font-size: 32px; margin-bottom:10px; margin-top: 20px;  }
h2 { font-size: 22px; margin:20px 0 10px 0; padding-left:0 }
h3 { font-size: 20px; padding-left:0}
h4, h5, h6 { font-size: 18px; }
table { border: 1px #DFF7EA solid; margin:auto; }
th { text-align:center; background-color:#e6FFeA; padding:5px 0; }
td { padding:3px; background-color:#e6FFeA }
img { border:none; vertical-align:bottom }
form { margin:0; padding:0 }
input, select, textarea, button { font:12px "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif; background: #f8f7f6; border: 1px solid #d6d3d3; 
	margin:3px 0; padding:3px 10px; border-radius: 4px }
pre, blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; line-height: 1.8em; background-color: #f5f5f5; border: 1px solid #e0e0e0; }
pre:hover, blockquote:hover { background-color: #f0f0f0; border: 1px solid #d0d0d0; }
pre { padding-top: 10px; padding-bottom: 10px; }
code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }
ul, ol { line-height: 1.8em; }
abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }
del { text-decoration: line-through; color: #999999; }
ins { text-decoration: none; color: #009977; }
textarea #content { height:auto }
small { font-size:12px; }
button { font-size:16px;  background-color:#dd2;  padding:0px 10px; width:152px; border: 1px solid #cc2; cursor: pointer  }
.fl { float:left }
.cl { clear:both }
.r { text-align:right }

.icon { background: url(images/icons.png) no-repeat; width: 1px; height: 1px }
.notice { padding: 5px 20px; margin: 10px; color: #600; background-color: #eee; border: 1px solid #ddd; }
.warning { padding: 5px 20px; margin: 10px; color: #600; background-color: #eee; border: 1px solid #ddd; }
.success { padding: 5px 20px; margin: 10px; color: #600; background-color: #eee; border: 1px solid #ddd; }

.admin { background-color:#fff; margin:0 10px; max-width:900px; }
.admin table { width:90% }

/* Header */
.headerbg { width: 100%; background-color1: #336684; height:98px;  position:absolute; top: 0px; }
.header { width: 950px;  padding:8px 0px 0 0px;margin:auto;  height:90px;   }
.header .logo { float:left; width:200px; }
.header .logo img { width:162px; height:82px; }
.header .slogan { font-size: 13px; color: #6F6F6F; text-transform: lowercase; margin-left: 30px; margin-bottom: 2px; }
.header .center { float:left; width:480px; }
.header .topmenu { float:left; font-size:12px;  }
.header .topmenu a { padding:2px 5px; display:inline-block; color:#fff;  }
.header .topmenu a:hover { text-decoration: underline }
.header .banner { float:left; width:470px; height:60px; background-color:#fff; text-align:center; font-size:18px; border-radius: 8px;  }
.header .right { float:right; width: 250px; }
.header .rss { float:right; }
.header .rss a { color:#fff; font-size:20px }
.header .rss img { vertical-align:top }
.header .usermenu {   text-align:right;   float:right; margin-top:6px }
.header .usermenu a { float: right; display:block; color:#fff; margin:2px 0 2px 10px; }
.header .usermenu a:hover, .usermenu a.active { color: #fff;  text-decoration: underline  }
.header .usermenu a.active {   }

.sectionsbg { width: 100%; border-bottom:1px solid #777; border-top:1px solid #777; height:32px; position:absolute; top: 98px; }
.mainmenu {   width: 950px; height:32px; margin:auto; }
.sections { float:right }
.sections a { padding:5px 10px; font-size:16px;  color:#888; border-bottom:0px; display:inline-block }
.sections a:hover, .sections a.active { background-color:#ccc; color:#333; border-color:#cc3; }
.search { float:left }
.searchfield { vertical-align:middle; border:1px solid #555; width:240px; padding:3px 10px 3px 10px; border-radius: 4px; }
.searchbutton { vertical-align:middle; border:none; cursor:pointer; background:url(images/icons.png) 0px -60px no-repeat; height:24px; width:24px; margin-right:20px; }

/* Content */
.leftpanel { float:left; color:#777; width:180px; padding:10px 0 0 20px; }
.leftpanel h3 { margin-top: 5px; font-size: 16px; color: #336684; }
.leftpanel li a { color:#777; font-weight:normal }
.leftpanel ul { padding:0 0 0 10px; text-indent:0; margin:0 }
.leftpanel ul.children { padding:0 0 0 7px; text-indent:0px; margin:0; }

.editsections { font-size:18px; padding:0 50px; display:inline; }
.editsections a { padding:0 8px; font-size:18px; margin:0 5px; white-space:nowrap }
.editsections a:hover, .editsections a.active { background-color:#eee; color:#333; }

.main { width: 950px; color: #555555; background: #ddd; margin:140px auto 0 auto; border-radius: 8px; }
.wide-content { width:870px; padding:20px 40px; }
.wide { width:870px; padding:10px 15px; }

#content-wrapper { width: 690px; float:left; padding-right:0px; }
h2.home { border-bottom: 0px solid #999; background-color: #ded; border-radius: 8px; padding: 5px 10px }
.list { padding: 10px 8px;  float:right;  width:458px; font-size:13px; background-color:#fff}
.content { padding: 10px 15px; width:650px; font-size:14px; background-color:#fff; border-right: 1px solid #ccc; border-radius: 8px 0 0 8px;}
.content .post { width:640px; background-color:#fff; border: 0px solid #E6E6E6; padding:10px 10px 0 5px; border-radius: 8px; }
a.more-link { color:#0000B3}
.content .post p { margin-top:3px; text-align: justify }
.content .post-title a { color:#33aa00; font-weight:normal }
.content .post p.img { float: left; margin: 0 15px 0 0; }
.content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }
.content .post-footer { font-size: 90%; color: #888888; margin: 5px 0; padding:5px 10px;  width:630px; background-color: #fff; border: 1px solid #e6e6e6; }
.content .post-footer a { color:#0000FD }
.titles { font-weight: normal; padding-left:5px;  font-size: 18px;  }
.titles a { color:#00f; text-decoration: none;}
.titles a:hover { text-decoration:underline }
.titles a:link, .titles a:visited, .titles a:active {  font-size: 16px; font-weight: normal; border-bottom-width: 0; }

.smalltable { text-align:right; width:400px;  margin:50px auto; padding:10px 100px 10px 10px; }
.smalltable input { padding:3px 10px; vertical-align:middle; width:132px}
.edit { width:100% }
.prod { width:350px; margin:10px 0 }

.svejo { float:right }
.bookmark { margin-top:10px; border-top:1px solid #ccc; padding:10px 0 }

/* Comments */
.date { background: url(images/date.gif) no-repeat; height: 34px; margin-bottom: 0px; width: 54px; text-align: center; float: left; margin-top: 15px; }
.date .month { display: block; color: #E1F6BC; padding: 2px 0px; text-align: center; text-transform: uppercase; font-size: 10px; margin-top: 2px; font-weight: bold; margin-bottom: 3px; }
.date .day { display: block; color: #FFFFFF; font: 2.3em Georgia; padding-top: 0px; text-align: center; margin-top: -8px; }
#left { width: 60px; float: left; }
.commentlist { list-style:none; text-indent:0; padding:0; font-size:13px;  }
.commentlist li { width:630px; margin:10px 0; border: 1px solid #e6e6e6; background-color:#fff; padding:2px 10px; }
.commentlist li cite { font-weight: bold }
.commentlist li p { border-top: 1px solid #ccc; margin-top:5px; padding-top:5px; }
#commentform textarea { width: 630px;  }
#commentform textarea, #commentform input { background: #f8f7f6; border: 1px solid #d6d3d3; margin:0; }
#commentform input { margin-bottom: 3px; }

/* Sidebar */
#sidebar { padding: 10px 5px; width: 250px; float: right; background-color: #ddd;  border-radius: 0 8px 0 0; }
#sidebar h3 { margin-top: 5px; font-size: 14px; color: #336684;  }
.sideblock { padding: 5px 5px; margin-bottom: 20px;  width: 250px;  }
.right-banner { width:250px; background-color:#fff; padding: 40px 0; border-radius: 8px; text-align:center; font-size: 18px }

.footerbg { width:100%; }
.footer { text-align:center; color: #fff; padding:10px 0 30px 0; margin:auto; font-weight:normal; width:950px }
.footer a { color: #fff; font-size: 11px; }
.footer a:hover { border-bottom: 1px dashed #E18A77; }

.icon-rss				{ background-position:    0px -100px; width: 32px; height: 32px }
.icon-warning			{ background-position:    0px   -0px; width: 16px; height: 16px }
.icon-info				{ background-position:  -20px   -0px; width: 16px; height: 16px }
.icon-success			{ background-position:  -40px  	-0px; width: 16px; height: 16px }
.icon-publish			{ background-position:  -80px  	-0px; width: 16px; height: 16px }
.icon-edit-article		{ background-position: -120px  	-0px; width: 16px; height: 16px }
.icon-comment			{ background-position: -100px  	-0px; width: 16px; height: 16px }
.icon-categories		{ background-position: -140px  	-0px; width: 16px; height: 16px }