*{margin:0;padding:0;outline:none;} html{overflow-y:scroll;} body{text-align:center;background:#e1e1e1;font:0.80em/180% Helvetica, Arial, sans-serif;color:#555;} #ueber{width:100%;background:#fff;} #wrapper{width:750px;margin:0 auto;padding:30px 0 130px 0;text-align:left;position:relative;} #header{height:200px;} #home{background:#000 url(http://assets.labuschin.com/images/sprite.png) bottom left; height:43px;width:273px;display:block;text-indent:-5000em;float:left;margin-top:7px;} #navigation{padding-top:32px;font-family:Nevis, Helvetica, Arial, sans-serif;text-transform:uppercase;font-size:13px;list-style:none;width:420px;letter-spacing:0.1em;float:right;position:relative;left:-20px;} #navigation a{text-decoration:none;color:#7f7f7f;} #navigation a:hover, #navigation a:focus{color:#85b100;} #navigation li{float:left;margin-left:20px;} h1, h2, h3, h4, h5, h6, a{color:#000;} #content a{text-decoration:underline;color:#85b100;} #content a:hover, #content a:focus{text-decoration:none;background:#85b100;color:#fff;} h1{font-size:300%;margin-bottom:15px;line-height:130%;} h2, h3, h4, h5, h6, p, li, ul, ol, img{margin-bottom:1em;line-height:130%;} strong{color:#000;} #content h2, #content h3, #content h4, #content h5, #content h6{font-family:Helvetica, Arial, sans-serif;} #content h1 a{color:#000;text-decoration:none;} .teaser{font-size:130%;font-weight:bold;color:#777;line-height:170%;} .post_body{margin-top:30px;font-family:Verdana;width:640px;} .post_body h2{font-size:180%;margin-top:24px;margin-bottom:15px;} .post_body img{border:3px solid #a1a1a1;padding:1px;background:#fff;} .post_body h3{font-size:150%;margin-top:20px;} #content .meta{border-top:1px solid #a1a1a1;padding:22px 0 15px 0;margin:20px 0 0 0;width:640px;} #content li{margin-left:25px;margin-bottom:0.5em;} .some_love{border-top:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;width:640px;margin-top:10px;padding-top:30px;margin-bottom:30px;padding-bottom:30px;} .some_love:hover{border-top:1px solid #e3007b;border-bottom:1px solid #e3007b;} .some_love h2{background:url(http://assets.labuschin.com/images/sprite.png);background-position:0 -768px;background-repeat:no-repeat;padding-left:65px;height:48px;line-height:46px;margin-bottom:0.5em;} .some_love:hover h2{background-position:0 -816px;} .some_love ul{padding-left:65px;} /* comment form */ #write_comment{width:640px;} #write_comment h2{width:140px;float:left;text-align:right;font-size:18px;} #write_comment p{border-bottom:1px solid #a1a1a1;height:29px;margin-bottom:0.5em;position:relative;} #write_comment .check_subscribe{height:auto;min-height:29px;_height:29px;} #write_comment .toc{margin-left:155px;height:auto;border:none;margin-bottom:1.8em;} #write_comment .name_input{padding-top:6px;border-top:1px solid #a1a1a1 !important;} #write_comment label{text-align:right;display:block;float:left;color:#000;width:140px;font-weight:bold;padding-top:4px;} #write_comment span{padding-left:15px;width:155px;position:absolute;top:0;right:0;font-size:90%;color:#777;line-height:1.4em;padding-top:3px;} #write_comment input, #write_comment textarea{margin-left:15px;width:300px;padding:2px;} #write_comment .body{height:auto;} #write_comment textarea{height:200px;margin-bottom:6px;} #write_comment .check label{color:#555;float:none;width:460px;margin-left:155px;text-align:left;font-weight:normal;} #write_comment .check input{color:#555;float:none;height:auto;width:auto;margin-left:130px;float:left;top:5px;position:relative;} #write_comment .submit{border-bottom:1px solid #a1a1a1 !important;background:#e1e1e1;padding-top:10px;position:relative;top:-6px;padding-bottom:7px;} #write_comment .submit input{margin-left:15px;width:auto;padding:3px 5px;text-align:center;height:auto;float:none;margin-top:4px;margin-right:15px;} #write_comment .submit a{margin-left:15px;} #write_comment .user_input{display:none;} #write_comment .subscribe_hints{font-size:90%;position:static;display:block;margin-left:140px;width:450px;padding-bottom:5px;padding-top:5px;} #write_comment #or{display:inline !important;margin:0 !important;padding:0 !important;position:static;} #wrapper #write_comment .loader{display:block !important;height:35px !important;width:600px !important;text-align:center;margin-right:16px;position:relative;top:-32px;font-size:1em;color:#444;background:#e1e1e1;padding-top:0;} #wrapper #write_comment .loader img{position:relative;top:15px;left:-5px;} /* comment */ .comment{width:640px;float:left;border-bottom:1px solid #a1a1a1;margin-bottom:20px;padding-bottom:20px;} .comment .metadata{width:140px !important;float:left;text-align:right;overflow:hidden;} .comment .metadata *{width:140px !important;} .comment .body{float:right;width:485px;position:relative;z-index:500;font-family:Verdana;} .comment h2{font-size:18px;margin-top:-3px;} /* post item */ .sup_heading{font-family:Georgia, Times, serif;color:#777;font-style:italic;margin-bottom:5px;} .item h2{font-size:200%;margin-bottom:5px;margin-top:-3px;} .item{margin-bottom:30px;} /* tag cloud */ .css1{font-size:1.0em;} .css2{font-size:1.2em;} .css3{font-size:1.4em;} .css4{font-size:1.6em;} /* contact */ .vcard_wrapper{position:relative;} .vcard{width:400px;} .for_right{position:absolute;right:-300px;top:0;} /* code */ code, pre{background:#333;color:#fff;display:block;padding:10px;margin:23px 0;font-size:10pt;} pre.full{overflow:scroll;} p code{display:inline;padding:2px;background:#cecece;color:#222;} .code_desc{margin-top:-22px;background:#bbb;padding:5px 10px;font-size:90%;} /* footer */ #footer{background:#e1e1e1;text-align:center;} #footer #connect{width:750px;margin:30px auto 30px auto;text-align:left;padding:0;height:116px;} #footer #connect .touch{display:block;height:48px;width:122px;padding-left:55px;color:#777;overflow:hidden;background-image:url(http://assets.labuschin.com/images/sprite.png);background-repeat:no-repeat;float:left;margin-right:10px;margin-bottom:20px;font-size:11px;text-decoration:none;white-space:nowrap;line-height:16px;} #footer #connect .touch:hover, #footer #connect .touch:focus{background-color:#fff;position:bottom;background-repeat:no-repeat;width:118px;border-right:4px solid #fff;} #footer #connect .touch span{color:#000;font-weight:bold;display:block;margin-top:7px;font-size:13px;} #footer #connect .touch:hover span, #footer #connect .touch:focus span{color:#85b100;} #footer #connect .twitter{background-position: 0 0 !important;} #footer #connect .delicious{background-position: 0 -96px !important;} #footer #connect .flickr{background-position: 0 -192px !important;} #footer #connect .facebook{background-position: 0 -288px !important;} #footer #connect .lastfm{background-position: 0 -384px !important;} #footer #connect .xing{background-position: 0 -480px !important;} #footer #connect .mail{background-position: 0 -576px !important;} #footer #connect .vcard{background-position: 0 -672px !important;} #footer #connect .twitter:hover{background-position: 0 -48px !important;} #footer #connect .delicious:hover{background-position: 0 -144px !important;} #footer #connect .flickr:hover{background-position: 0 -240px !important;} #footer #connect .facebook:hover{background-position: 0 -336px !important;} #footer #connect .lastfm:hover{background-position: 0 -432px !important;} #footer #connect .xing:hover{background-position: 0 -528px !important;} #footer #connect .mail:hover{background-position: 0 -624px !important;} #footer #connect .vcard:hover{background-position: 0 -720px !important;} /* tags */ .tag_link{white-space:nowrap;} #archives .tags a{margin-right:10px;} /* admin table */ table{width:100%;} table td{vertical-align:top;padding:5px 5px;border-top:1px solid #d1d1d1;} td.title{white-space:nowrap;font-weight:bold;} td.right{text-align:right;} td.center{text-align:center;} #wrapper .new_post_button{position:relative;} #wrapper .new_post_button a, #wrapper .new_post_button a:hover, #wrapper .new_post_button a:focus{background:#ddd url(http://assets.labuschin.com/images/new_button.png) 5px 6px no-repeat;padding:5px 7px 5px 25px;text-decoration:none;font-weight:bold;color:#333;margin:0 !important;font-size:110%;border:1px solid #bbb;position:absolute;right:0;top:-50px;display:block;-webkit-border-radius:4px;} #wrapper .new_post_button a:hover, #wrapper .new_post_button a:focus{background:#666 url(http://assets.labuschin.com/images/new_button.png) 5px 6px no-repeat !important;color:#fff !important;border:1px solid #666;} .subtext{font-size:90% !important;display:block;font-weight:normal;color:#777 !important;} .subtext a{color:#444 !important;} .table_title{width:550px;padding-left:5px;} .table_hits, .table_date{text-align:right;width:50px !important;} .table_action{text-align:center;} /* notification */ .notification{border:1px solid #ddd;padding:10px 10px 9px 50px;margin-bottom:30px;} .notice{background:#f1f1f1 url(http://assets.labuschin.com/images/tick.png) 12px 8px no-repeat;border:1px solid #ddd;color:#444;} .error{background:#c00;border:1px solid #c00;padding:10px 10px 9px 15px;color:#fff;font-weight:bold;} /* post form */ #post_form label{font-weight:bold;color:#000;width:180px;text-align:right;float:left;display:block;} #wrapper #post_form p{border:none !important;border-top:1px solid #a1a1a1 !important;clear:both;padding:5px 0;margin:0 !important;} #post_form .col_right{margin-left:25px;} #post_form .col_right label{color:#555;font-weight:normal;display:inline;float:none;} #post_form #post_title{font-size:150%;font-weight:bold;} #post_form input, #post_form textarea{width:538px;} #post_form textarea{height:100px;} #post_form #post_body{height:200px;} #post_form #post_discussion{width:auto !important;margin-left:165px;} #post_form #post_not_publish{width:auto !important;margin-left:165px;} #post_submit{width:auto !important;} #wrapper #post_form .form_action{border-bottom:1px solid #a1a1a1 !important;background:#e1e1e1;padding-top:10px !important;padding-bottom:10px !important;} #tag_add_bar{border-bottom:10px solid #fff !important;float:left;margin-top:4px !important;} #post_form #tag_add_bar a, #post_form #tag_add_bar a:hover, #post_form #tag_add_bar a:focus{margin:1px 1px !important;padding:0px 3px !important;-webkit-border-radius:3px;border:2px solid #cecece;white-space:nowrap;display:block;width:auto !important;float:left;text-decoration:none;} #post_form #tag_add_bar a:hover, #post_form #tag_add_bar a:focus{border:2px solid #85b100;background:#fff;color:#85b100;} #tag_add_bar .active{-webkit-border-radius:3px;border:2px solid #85b100 !important;text-decoration:none;background:#85b100;color:#fff;} #tag_add_bar{display:block;font-size:90%;line-height:140%;margin:15px 0 10px 205px;} /* archives */ #archives{position:absolute;left:0;top:100px;height:80px;width:750px;background:url(http://assets.labuschin.com/images/archives.gif) top left no-repeat;padding:15px;display:none;} #archives form{float:right;} #archives .tags{width:590px;overflow:auto;height:80px;} #archives .tags a{color:#85b100;} #archives .tags a:hover, #archives .tags a:focus{text-decoration:none;} /* search */ h1 div, h1 form{display:inline;} h1 input{font-size:100%;width:350px;} /* info */ .portrait{margin-left:20px;margin-bottom:20px;float:right;border:1px solid #cecece !important;padding:5px !important;} /* library */ #wrapper .libary_social{list-style:none;padding:0 !important;width:100%;height:2em;} #wrapper .libary_social li{float:left;margin-right:15px;margin-left:0 !important;} /* specials */ .specials{border-top:1px solid #ccc;padding:10px 0;} .specials a{color:#999;text-decoration:none;font-size:90%;} .specials span{padding-right:20px;} .specials a:hover, .specials a:focus{text-decoration:none;background:#85b100;color:#fff;margin:-2px -3px;padding:2px 3px;} .libary_social li{width:180px;} .libary_social a{padding:2px 2px 2px 20px !important;} .libary_social .delicious{background:url(http://assets.labuschin.com/images/rails/delicious.gif) left 2px no-repeat;} .libary_social .subscribe{background:url(http://assets.labuschin.com/images/rails/feed.png) left 4px no-repeat;} .libary_social .twitter{background:url(http://assets.labuschin.com/images/rails/twitter.png) left 2px no-repeat;} .suggest_a_link{margin-top:10px;float:right;height:57px;width:185px;display:block;text-indent:-5000em;background:url(http://assets.labuschin.com/images/rails/suggest.png) bottom left;} .suggest_a_link:hover, .suggest_a_link:focus{background:url(http://assets.labuschin.com/images/rails/suggest.png) top left !important;margin:0 !important;padding:0 !important;margin-top:10px !important;} /* colors */ #home:hover, #home:focus{background-color:#3b5998;} #navigation a:hover, #navigation a:focus{color:#3b5998;} #content a{color:#3b5998;} #content a:hover, #content a:focus{background:#3b5998;} #post_form #tag_add_bar a:hover, #post_form #tag_add_bar a:focus{border:2px solid #3b5998;color:#3b5998;} #tag_add_bar .active{border:2px solid #3b5998 !important;background:#3b5998;} #archives .tags a{color:#3b5998;} #footer #connect .touch:hover span, #footer #connect .touch:focus span{color:#3b5998;} #body_error h1, #body_error a{color:#3b5998;} .specials a:hover, .specials a:focus{background-color:#3b5998;}
#recommendations {
float: left;
margin-bottom: 50px;
list-style: none;
}
#recommendations li {
width: 363px;
float: left;
margin: 10px 10px 0 0 !important;
border: 1px solid #ccc;
}
#recommendations a, #recommendations a:focus, #recommendations a:hover {
text-decoration: none !important;
display: block;
padding: 15px;
margin: 0 !important;
}
#recommendations a span {
font-size: 130%;
font-weight: bold;
}
#recommendations a .nocolor {
color: #555;
font-size: 90%;
font-weight: normal;
}
#recommendations a:hover .nocolor, #recommendations a:focus .nocolor {
color: #fff;
}
#facebook {
background: url(/images/facebar.jpg) top left no-repeat;
width: 640px;
height: 74px;
position:relative;
margin-top: 10px;
}
#facebook .name, #facebook .share, #facebook .fan {
position: absolute;
display: block;
text-indent: -500em;
width: 103px;
height: 25px;
top: 29px;
}
#facebook .name:hover, #facebook .share:hover, #facebook .fan:hover, #facebook .name:focus, #facebook .share:focus, #facebook .fan:focus {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
#facebook .name {
width: 126px;
height: 16px;
top: 52px;
left: 209px;
}
#facebook .share {
left: 390px;
}
#facebook .fan {
left: 520px;
}