/*
Theme Name: Arch Blog
Theme URI: http://www.wordpress-themes-free.org/
Description: Arch Blog is a blu, gray & white Wordpress theme - widget ready.
Version: 1.0
Author: Finergo
Author URI: http://www.finergo.sk/

The CSS, XHTML and design is released under Attribution-NonCommercial-ShareAlike 3.0 Unported:
http://creativecommons.org/licenses/by-nc-sa/3.0/
*/
/* main */
html {margin:0; padding:0;}
body {line-height:1.3em; text-align:center; font-size:16px; font-family:serif;  background:url('./images/bg.gif'); background-color:#043847; color:#131313; padding:20px;}
table {font-size:100%;}
.center {text-align:center;}
.clear {font-size:1px; overflow:hidden; margin-top:-1px; height:1px; line-height:1px; clear:both;}

.display_none {display:none;}
.float_left {float:left;}
.float_right {float:right;}

img {border:none;}
acronym {border-bottom:1px dashed #BABABA;}
code {font-size:100%}
blockquote {background:url('./images/blockquote.gif') no-repeat 0 0; margin:1em 0; padding:0 0 0 40px;}

#cont {width:800px; margin:0 auto; text-align:left; background:url('./images/cont_bg.gif'); position:relative;}

#header {height:220px; background:url('./images/header.jpg'); position:relative;}
#logo_cont {position:absolute; margin:0; padding:0; top:70px; left:60px; color:#FFF; font-family:serif;}
#logo {font-size:300%; font-weight:normal; margin:0; padding:6px 0 0;}
#logo a {text-decoration:none; color:#FFF;}
#logo a:hover, #logo a:focus {text-decoration:underline;}
#slogan {margin-top:1.5em; font-size:17px;}

#content {margin:20px 0; padding:0 50px 0 20px;}
#left_bar {width:200px; float:left;}

#right_bar {width:510px; float:right; font-family:verdana, serif-sans; font-size:13px;}
#right_bar a {color:#04262E; text-decoration:underline;}
#right_bar a:hover, #right_bar a:focus {color:#5D1912; text-decoration:none;}
#right_bar h2 {font-size:30px; color:#04262E; font-weight:normal; font-family:serif; margin-bottom:0; margin-top:0px; line-height:1.3em;}
#right_bar h2.main_heading {color:#5D1912; font-weight:bold;}
#right_bar .post_info {border-bottom:2px solid #FFF; padding-bottom:1em; margin-top:10px; color:#5D1912;}
#right_bar .post_info .post_date {font-weight:bold;}
#right_bar .num_comments {margin-bottom:3em;}

/* comments style */
#comment_hr {height:5px; background:#FFF; border:none; line-height:5px; overflow:hidden; font-size:5px;}
#respond, #comments {font-size:100%; font-weight:bold; color:#5D1912;}
#comment_list ul, #comment_list ol {margin-top:1em; margin-bottom:1em;}
#comment_list li {border-bottom:1px solid #FFF; margin-bottom:1em;}
#comment_list li li {border-bottom:none; margin-bottom:0;}
span.author_name {font-weight:bold; color:#04262E;}
span.says {color:#5D1912;}
span.date_comment {color:#04262E; text-decoration:underline;}


#pages {font-size:17px; position:absolute; top:185px; left:50px;}
#pages a {color:#FFF;}
#pages a:hover, #pages a:focus {text-decoration:none;}
#pages ul, #pages li {list-style:none; margin:0; padding:0;}
#pages li {float:left; padding-right:30px;}
#pages ul ul {display:none;}

#left_bar h2 {background:url('./images/heading_sidebar.gif'); margin:0; padding:10px 15px; color:#04262E; font-size:13px; font-weight:bold; font-family:verdana, serif-sans;}
#left_bar ul, #left_bar li {margin:0; padding:0; list-style:none;}
#left_bar li {background:url('./images/li_bottom.gif') no-repeat left bottom; font-size:16px;}
#left_bar li a {display:block; _height:1%; text-decoration:none; color:#052730; padding:5px 0px 5px 28px; background:url('./images/li.gif') no-repeat 7% 50%;}
#left_bar li a:hover, #left_bar li a:focus {text-decoration:underline;}

#searchform {position:absolute; top:185px; left:480px; margin:0; padding:0;}
#s {width:190px;}

#footer {padding:0 20px 20px; background:url('./images/footer.gif') no-repeat left bottom; color:#FFF; position:relative;}
#footer a {color:#FFF; text-decoration:underline;}
#footer a:hover, #footer a:focus {text-decoration:none;}
#footer .cont_footer {background:#144D5D; padding:15px 20px;}
#footer .cont_footer p {margin:0; paddding:0; text-align:center;}

/* debug */
/* {border:1px solid red;}