*{margin:0;padding:0;list-style:none;}
html{background:url(images/html.jpg)}
body{background:url(images/body.jpg) repeat-x;font:68% Arial, Tahoma;}
a{ text-decoration:none;color:#424242}
a:hover{color:#9d0000;}
a img{border:0;}
.clear{visibility:hidden;clear:both;}





/* --------------------  Layout ---------------------*/
#page{padding:0 8%; background-repeat:no-repeat; background-position:50% 24px;}

#preamble{height:24px;}

#header{background:url(images/header.png);height:277px;min-width:978px; margin:0 0; position:relative}

#leftwrap{background:url(../images/leftwrapper.png) repeat-y;}

#rightwrap{background:repeat-y 100% 0;min-width:900px;padding:0 45px;}

#main{background:#bdbdbd url(images/main.jpg) repeat-x;}

#speedbar{background:url(images/speedbar.png) no-repeat 50% 100%; height:81px}

#wrapper{padding:44px 0 0 235px;}

#content{width:100%;float:right;}

#sidebar{width:205px;margin-left:-205px;}

#footer{background:url(images/footer.png);position:relative; width: 100%; height: 100px; text-align: center; padding : 0; color: #CCCCCC;}












/* --------------------  typo & inner layers ------------------*/
/* == Preamble ==*/
#preamble #connection{float:left;line-height:24px;margin-left:-8%;}
#connection input{border:1px solid #444;background:#111;color:#888;margin:0 5px;}
#connection input.txt{width:90px;padding:0 1px;font-size:0.9em;}
#connection input#sub1{cursor:pointer;font-size:1em;}
#connection #linksico a{color:#d13333;font-size:0.9em;}
#preamble #date{color:#aaa;line-height:24px;font-size:0.9em;position:absolute;left:50%}



/* == header ==*/
#header h1#logo{line-height:0;font-size:0;position:absolute;top:2px;right:0;}
#header #prelude{background:url(images/prelude.png);width:590px;height:220px;position:absolute;left:1.8%;top:23px;}



/* == Speedbar ==*/
#speedbar li{background:url(images/lispeed.jpg) no-repeat 100% 0;height:78px;padding:0 3px;float:left;}
#speedbar li h2{text-transform:uppercase;font-size:2.3em;padding:27px 20px 0 0; font-weight:normal;color:#9d0000;letter-spacing:1px; line-height: 90%}
#speedbar li h2 small{ display:block;font-size:0.4em; font-weight:bold;color:#000;padding:0 0 0 5px;}
#speedbar li h3{text-transform:capitalize;font-size:1.8em;padding:35px 20px 0; font-weight:normal;color:#9d0000;}
#speedbar li h3 a{display:block;}
#speedbar li h3 a:first-letter, .post h2:first-letter{color:#822827}
#speedbar li p{font-size:1.1em;color:#666666;padding:0 15px 0 20px;}





/* == content ==*/
#content #latest{padding:14px 0 40px  4%;}
#latest .box{width:45%;float:left;margin:0 1.5% 0 2%;padding:1px; position:relative;}
.box .inbox{border:1px solid #ccc; background:#dcdcdc;}
.box h3{background:url(images/boxtitle.jpg) repeat-x 0 100%;height:28px;font-size:1.25em;font-weight:normal;line-height:28px;color:#000}
.box h3 span{ display:block; position:relative; padding:0 20px;}
.box ul{padding:9px 1% 12px 5%;min-height:80px; font-size:105%;}.box ul li{padding: 0 1% 0 4%; margin-bottom:5px;background:url(images/bullet.png) no-repeat 0 4px;}
.box .tl{position:absolute;top:1px;left:1px;font-size:0;}
.box .tr{position:absolute;top:1px;right:1px;font-size:0;}
.box .bl{position:absolute;bottom:1px;left:1px;font-size:0;padding:0;margin:0; line-height:0; background:none}
.box .br{position:absolute;bottom:1px;right:1px;font-size:0;padding:0;margin:0; line-height:0; background:none}



#content .post{padding:5px 0;margin:0 5.5% 30px;}
.post h2{font-size:1.9em;padding:0 1%;margin-bottom:6px;}
.post h2 a{border-bottom:1px dashed #822827;border-left:2px solid #822827;padding:2px 0 0 5px;}
.post .postentry{padding:4px 1%;font-size:1em; line-height:15px;}
.post  pre{padding:7px 4%;font-size:1.3em; display:block;color:#666}






/* == sidedbar == */
#sidebar .sidebox{background:url(images/sidebox.png) no-repeat 0 100%; margin-bottom:15px; padding-bottom:10px;}
.sidebox .sideleft{background:url(images/sideleft.png) repeat-y}
.sidebox .sideright{background:url(images/sideright.png) repeat-y 100% 0;padding:0 4px 0 5px;}
.sidebox h2{background:url(images/sidetitle.png);height:30px;font-size:1.25em;font-weight:normal;line-height:20px;color:#000;padding:0 75px 0 0;text-align:center}
.sidebox .sidegradient{background:#bdbfbe url(images/sidegradioent.jpg) repeat-x;min-height:200px;padding:10px 5px;font-size:1.1em;line-height:20px;}
.sidegradient li{padding-left:15px;}
.sidegradient li:before{content:".::";font-size:0.7em;}
.sidegradient li a{padding-left:5px;}





/* == Footer ==*/
#footer #tl{position:absolute;left:-1px;top:0;font-size:0;}
#footer #rl{position:absolute;right:-1px;top:0;font-size:0;}
#footer span{display:block; padding:30px 2% 0;color:#afb2af; line-height:16px}
#footer span a{color:#afb2af;font-weight:bold;}