* { margin: 0; padding: 0; }
body { background: #2E3262; font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; }
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}

a { text-decoration: none; color: #bfc0ca; } a:hover { color: #fff; }

#content, #header, #footer, #menu {  margin: 0 auto; width: 698px; }

#content { background-color: #242c51; border: 1px solid #242c51;}

#header_bg { background: url(images/bg.jpg) repeat-x; height: 204px; }
#header, #footer { text-align: center; }

#menu { background: url(images/menu.jpg) no-repeat; height: 28px; width: 700px; }
#menu ul { list-style-type: none; position: relative; top: 3px; left: 200px; width: 340px; }
#menu li { display: inline; padding: 0 16px; }
#menu li a { color: #fff; text-decoration: underline; font-size: 0.85em; }
#menu li a:hover { color: #ffbf4b; }

hr { border-top: 1px solid #303a6b; margin: 20px; border-left: none; border-right: none; border-bottom: none; }

.blog { background: #fff; width: 660; text-align: center; height: 276px; overflow: hidden; margin: 10px 20px;}
.blog div { float: left; text-align: left; font-family: Tahoma; padding: 7px; color: #7c1000;}

.blog h2 { font-size: 1.8em; font-family: Arial, Geneva, sans-serif; height: 40px; color: #cd1802; margin: 0; }
.blog h2 span { background: url(images/title.jpg) no-repeat left; width: 24px; height: 24px; float: left; display: block; 
margin: 5px 8px 0 0; }
.blog p { color: #7c1000; font-size: 0.95em; font-family: Verdana, Geneva, sans-sefir; line-height: 1.1em; padding-bottom: 10px; margin: 0; }
.blog p.small { font-size: 0.8em; padding-bottom: 20px; }

.blog a img { border: 3px solid #fff260; } 
.blog a:hover img { border: 3px solid #ff8453; }

.blog a.more { background: #bc0902; float: right; color: #fff; text-align: center; padding: 3px 20px; text-decoration: none; font-size: 1.4em; font-family: Arial, Geneva, Tahoma, sans-serif; font-weight: bold;}
.blog a.more:hover { background: #ffd965; color: #bb0d04; }

.text_width { width: 363px; }

/* Archives */
div.archives { overflow: hidden; text-align: center; padding: 0 0 0 195px; }
.archives ul { overflow: hidden; height: 30px; margin: 10px 0;}
.archives li { display: inline; float:left; margin: 0 5px 0 0; width: 30px; }
.archives li.big_width { width: 48px; }
.archives li a { display: block; font-size: 0.85em; text-transform: uppercase; border: 1px solid #323c70;  height: 20px; text-align: center; padding: 3px 6px 0 6px; color: #fff; text-decoration: none;}
.archives li a.active, .archives li a.active:hover { background: #080b25; color: #e5e4e4; border: 1px solid #323c70; }
.archives li a:hover { color: #fff260; border: 1px solid #fff260;}

#footer { padding: 20px 0; }
#footer p { font-size: 0.8em; color: #bfc0ca; }