* {
margin: 0;
padding: 0;
border: 0;
}

body {
margin: 0;
padding: 0;
color: #333;
background: #fff;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

a:link, a:visited, a:active, a:hover {
text-decoration: none;
color: #0066cc;
}

a:hover {
color: #777;
}

blockquote {
padding: 1em 0 1em 1.5em;
color: #3d3d3d;
background: #fff url(baseimg/quote.png) top left no-repeat;
margin: 0
}

#header {
width: 100%;
height: 60px;
border-bottom: 5px solid #444;
}

#container {
margin: 0;
padding: 0;
width: 980px;
background: #fff url(baseimg/bg_container.png) top left repeat-y;
}

#content_news {
width: 560px;
float: left;
}

.div_sub {
padding: 15px;
margin: 0;
}

.divider, .dividerb {
height: 12px;
margin: 5px 0;
background: transparent url(baseimg/divider.png) center center no-repeat;
}

.dividerb {
background: transparent url(baseimg/dividerb.png) center center no-repeat;
}

/* NAVIGATION 
----------------------------------------------- */
#nav {
width: 100%;
margin: 0;
padding: 0;
background: #fff url(baseimg/bg_nav.png) bottom left repeat-x;
border-bottom: 1px solid #e5e5e5;
}

#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav li {
display: inline;
}

#nav li a {
color: #C80000;
padding: 5px 10px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
border-right: solid 1px #ededed;
float: left;
}

#nav li a:hover, #nav li a.active {
background: #efefef url(baseimg/bg_nav_hover.png) bottom left repeat-x;
color: #999;
}

/* HEADING
----------------------------------------------- */
h1.main_title {
font: 20px Georgia "Times New Roman", Times, serif;
margin: 10px 0 5px 0;
}

h1.cat_name a {
margin: 0;
padding: 2px 10px;
background:  #f5f5f5 url(baseimg/bg_h1.png) bottom right no-repeat;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
display: block;
color: #444;
}

h2.section_title {
color: #666;
background: #fff url(baseimg/bg_section_title.png) bottom left no-repeat;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
margin-bottom: 5px;
}

h2.article_title {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
margin: 5px 0 3px 0;
}

/* MAIN & FRONT NEWS
----------------------------------------------- */
#main {
width: 280px;
float: left;
}

#front_news {
padding-top: 15px;
width: 280px;
float: left;
}

#front_news ul, #articles ul {
margin: 0;
padding: 0;
list-style: none;
}

#front_news li {
margin: 0 5px 8px 5px;
}

#front_news li a {
background: #f8f8f8;
border-bottom: 1px solid #d5d5d5;
padding: 5px 10px;
color: #000;
display: block;
line-height: 138%;
}

#front_news li a:hover {
background: #f1f1f1;
border-bottom: 1px solid #999;
}

#front_news li b {
color: #0066cc;
}

#front_news img {
float: right;
width: 60px;
height: 60px;
margin-left: 10px;
}

p.spot {
line-height: 150%;
}

/* CATEGORIES & STATISTICAL & ARTICLES
----------------------------------------------- */
#cats_home {
padding: 0 5px;
margin: 0;
}

.cat_titles {
float: left;
width: 265px;
margin-left: 10px;
margin-bottom: 15px;
display: inline;
}

#statistical {
width: 200px;
float: left;
margin-left: 5px;
margin-top: 15px;
}

#articles {
width: 200px;
float: left;
margin-left: 5px;
margin-top: 0;
background: #f5f5f5;
}

#articles img {
width: 170px;
height: 70px;
border-top: 3px solid #0066cc;
}

#cats_home ul, #others_in_cat ul, #series ul {
margin: 0;
padding-bottom: 10px;
list-style: none;
}

#cats_home li a, #statistical li a, #others_in_cat li a, #articles li a, #series li a {
margin-left: 5px;
padding: 3px 15px;
display: block;
background: transparent url(baseimg/bullet_cats_home.png) left center no-repeat;
}

#others_in_cat {
margin: 15px 0;
}

#others_in_cat h1, h1#others_in_cat {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #e5e5e5;
color: #888;
}

#statistical ul, #articles ul {
margin: 0;
padding-bottom: 10px;
list-style: none;
}

#articles li a {
background: transparent url(baseimg/bullet_articles_home.png) left center no-repeat;
}

#galleries {
padding: 15px;
min-height: 400px;
}

#galleries ul {
margin: 0;
padding: 0;
list-style: none;
}

#galleries li {
margin: 5px;
}

#galleries li a {
border-bottom: 1px solid #d5d5d5;
padding: 5px 10px;
color: #000;
display: block;
line-height: 138%;
}

#galleries li a:hover {
background: #f8f8f8;
border-bottom: 1px solid #999;
}

#galleries li b {
color: #0066cc;
}

#galleries h1 {
font: 20px Georgia, Times, "Times New Roman", serif;
padding: 3px;
margin: 10px;
border-bottom: 1px solid #e5e5e5;
}

/* POSTS
----------------------------------------------- */
#post {
padding: 15px 30px;
line-height: 150%;
}

#post img.right {
float: right;
margin-left: 10px;
}

#post img.left {
float: left;
margin-right: 10px;
}

#post_image {
width: 250px;
float: right;
padding-bottom: 5px;
font-size: 10px;
color: #666;
margin-left: 5px;
}

#post_image img {
margin-bottom: 5px;
width: 250px;
}

p.p_spot {
margin: 10px 0;
font-weight: bold;
}

div.date {
border-bottom: 1px solid #e5e5e5;
}

p.ara {
margin: 0;
border-bottom: 1px solid #444;
}

#last_posts {
background: #fff url(baseimg/last_posts.png) top center no-repeat;
padding-top: 30px;
}

#popular_posts {
background: #fff url(baseimg/populars.png) top center no-repeat;
padding-top: 30px;
}

/* CONTACT & SEARCH & SERIES
----------------------------------------------- */
#contact, #search_results, #series {
padding: 15px 30px;
line-height: 150%;
}


#search {
padding: 15px;
background: #f7f7f7;
}

#contact label {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #999;
cursor: pointer;
}

#contact input, #contact textarea, #search input {
border: 1px solid #e8e8e8;
padding: 2px;
margin-bottom: 10px;
}

#search input {
width: 150px;
font-size: 11px;
margin-bottom: 0;
}

#search input.submit {
width: 10px;
border: none;
background: transparent url(baseimg/search_arrow.png) center center no-repeat;
}

#search_results h1 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
padding: 2px;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 15px;
}

#search_results a {
font-weight: bold;
}

#search_results p {
margin: 10px 0;
}

.pg {
font: .8em Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 2em;
}

.pg_no {
padding: 2px;
margin-right: 4px;
border: 1px solid #d5d5d5;
letter-spacing: 1px;
}

.pg_no_bg {
background-color: #036;
color: #fff;
font-weight: bold;
}

p.rss {
margin: 15px;
padding: 2px 2px 2px 25px;
background: #fff url(baseimg/rss.png) center left no-repeat;
}

p.rss a {
display: block;
}

/* FOOTER 
----------------------------------------------- */
#footer {
clear: both;
background: #f5f5f5;
border-top: solid 5px #ededed;
margin: 0;
color: #000;
font: normal 11px verdana, arial, geneva, helvetica, sans-serif;
text-align: center;
height: 60px;
}
	
#footer a {
text-decoration: none;
color: #036;
}
	
#footer a:hover {
text-decoration: none;
color: #444;
}

.details {
width: 750px;
margin: 0 auto;
padding: 13px 0 20px 0;
background: #f5f5f5 url(baseimg/logo_footer.png) left center no-repeat;
}

/* MESSAGES & FONT SIZE
----------------------------------------------- */
.message {
margin: 15px;
border: 1px solid #e6e6e6;
padding: 1em;
text-align: center;
}

.error {
background: #fff url(baseimg/error.png) 1em center no-repeat;
}

.done {
background: #fff url(baseimg/done.png) 1em center no-repeat;
}

.info {
background: #fff url(baseimg/info.png) 1em center no-repeat;
}

#fontsizer { line-height: 140% }
.fontsize {
float: right;
height: 18px;
}
.fontsize :link, .fontsize :visited {
background: #fff;
border: 1px solid #fff;
border-left-color: #d7d7d7;
border-top-color: #d7d7d7;
cursor: default;
display: block;
float: left;
width: 14px;
height: 14px;
}

.fontsize :link:hover, .fontsize :visited:hover {
background-color: transparent;
border: 1px solid #fb2;
}

.fontsize a#small { background: #fff url(baseimg/font_small.png) top center no-repeat; }
.fontsize a#medium { background: #fff url(baseimg/font_medium.png) top center no-repeat; }
.fontsize a#large { background: #fff url(baseimg/font_large.png) top center no-repeat; border-right-color: #d7d7d7;}

/* HACKS FOR THAT STUPID BROWSER 
----------------------------------------------- */
/* Fix IE. Hide from IE Mac \*/
* html ul li a {
height: 1%; 
}
/* End */

.clearfix:after {
content: ".";
display: block;
height: 0.1px;
clear: both;
font-size: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}


/* This would preferable go in an IE specific stylesheet */
/* \*/
* html .clearfix {
display: block;
}
/**/