/* Adapted CSS file from the original ObsidianX design by Vit Dlouhy (vit.dlouhy@nuvio.cz) */

* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#f8f8f8 url("css/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; 
color:#3f3f3f;}

a {color:#3f3f3f;}
a:hover {color:#939393;}
a, span {border:0; margin:0; padding:0;}
p {border:0; margin:15px 0; padding:0;}
.link {font-weight: bold; text-align: center; text-decoration: underline;}
div {display:block; border:0; margin:0; padding:0;}
h1, h3 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
ul{display:block; border:0; margin:15px 0 15px 40px; padding:0;}
li {display:list-item; border:0; margin:0; padding:0;}


.box {min-height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

#main {width:770px; margin:50px auto 0 auto;}

/* Header */
#header {position:relative; width:770px; height:100px; margin:0; padding:0; background:#f5f5f5 url("css/header.jpg") 0 0 no-repeat; color:#FFF;}
#header #logo {position:absolute; top:35px; left:35px; margin:0;}

/* Main menu (tabs) */
#tabs {background:#3f3f3f; margin:0 5px; padding:10px 0 0 0;}

    #tabs ul {margin:0 10px; padding:0; list-style:none;}
    #tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("css/tab_link.gif") 0 0 repeat-x; color:#cccccc; 
	font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - link) */
    #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; 
	background:url("css/tab_link_l.gif") 0 0 no-repeat;}
    #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; 
	background:url("css/tab_link_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("css/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
    #tabs ul li a:hover span.tab-l {background:url("css/tab_hover_l.gif") 0 0 no-repeat;}
    #tabs ul li a:hover span.tab-r {background:url("css/tab_hover_r.gif") 100% 0 no-repeat;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#tabs-active a {background:#FFF; color:#7F7F7F; }
    #tabs ul li#tabs-active a span.tab-l {position:absolute; top:0; left:0; width:8px; height:8px; 
	background:url("css/tab_active_l.gif") 0 0 no-repeat;}
    #tabs ul li#tabs-active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; 
	background:url("css/tab_active_r.gif") 100% 0 no-repeat;}

/* Page (2 columns) */
#page {width:770px; min-height:1px; background:#FFF url("css/bg_page.gif") 0 0 repeat-y;}
#page-in {min-height:1px; padding:10px 0; background:url("css/bg_page_in.jpg") 0 0 no-repeat;}

/* Content */
#left {float:left; width:530px; margin:0; padding:0 0 0 20px;}
#left .article {clear:both; margin:0; padding:20px; background:url("css/content_article_bg.jpg") 0 0 no-repeat;}
#left .article p {text-align:justify;}

/* Right column */
#right {float:left; width:200px; margin:0; padding:0; background:#e3e3e3 url("css/col_bg.gif") 0 0 repeat-y;}
#projects {padding:20px 10px; background:url("css/col_top.gif") 0 0 no-repeat;}
#right h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#c9c9c9 url("css/col_title_bg.gif") 0 0 repeat-y; color:#3f3f3f;}

#right ul#proj{margin:15px 0; padding:0; list-style:none;}
#right ul#proj li {margin:0; padding:0; border-bottom:1px solid #ededed;}
#right ul#proj li a {display:block; padding:3px 0 3px 22px; background:url("css/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
#right ul#proj li a:hover {background-color:#e5e5e5; color:#3f3f3f;}
#right ul#proj li#proj-active a {background:#ededed url("css/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}

/* Footer */
#footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("css/footer.jpg") 0 0 no-repeat; 
color:#999999;}
#footer a {color:#999999;}
#footer a:hover {color:#3f3f3f;}
#footer p#copyright {position:absolute; top:10px; left:40px; margin:0; font-size: 9px;}