html, body { margin: 0 0 0 0; padding: 0 0 0 0; } html { height: 100%; } body { background: #fff; background-image: url(images/bg3.jpg); color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; height: 100%; } h1 { color: #96BF55; font-size: 20px; font-weight: normal; margin: 5px 0 5px 0; text-align: left; } h1 span { color: #ffffff; font-size: 20px; font-weight: normal; margin: 5px 5px 5px 0; text-align: left; } .description { font-size: 12px; line-height: 18px; color: #000; padding: 5px 0 15px 0; } #container { margin: 10px auto; padding: 10px; width: 705px; background: #fff; } #top_container { width: 680px; height: 130px; margin: 10px auto 10px auto; } #bottom_container { clear: both; width: 700px; } .page-top { position: fixed; top: 0; left: 0; width: 100%; height: 10px; background-color: #09f; border-bottom: 5px solid #444444; } .page-sidebar { position: fixed; top: 30px; left: 20px; width: 250px; } * html .page-sidebar { top: 30px; left: 20px; width: 250px; position:absolute; } .page-title { margin: 0; padding: 0 0 10px 0; text-align: left; } .page-title h1 { margin: 0 0 5px 0; } .page-title h2 { clear: both; font-size: 100%; color: #FF9; font-weight: normal; margin: 0; } .page-body { margin: 0 10% 0 315px; width: 600px; padding: 30px 0 20px 0; text-align: left; } .page-footer { margin: 20px 0 0 0; text-align: left; font-size: 10px; } .page-body ul, .page-body ol { color: #ffffff; margin: 10px 0 30px 25px; } .page-body ul li, .page-body ol li { padding: 0; margin: 0 0 5px 0; color: #cccccc; line-height: 140%; font-size: 100%; } .page-footer p { margin: 0; color: #666; } .page-title h1 span { text-align: left; font-weight: normal; font-size: 100%; color: #ffffff; margin: 5px 0 15px 0; } a, a:link { color: #c39; } a:hover, a:active { color: #fc6;} a img{ border: solid 1px #fcf; padding: 2px;} } a img:link, visited{ color: #ccc; ; } a img:hover{ background-color: #f39; ; } h2 { text-align: left; font-weight: normal; font-size: 180%; color: #09f; margin: 5px 0 15px 0; } h2 span { clear: both; font-size: 70%; color: #FF9; } .notice { border: 3px solid #ffffbe; padding: 10px; color: #ffffff; background-color: #09f; margin: 0 0 20px 0; } .notice p, .notice p a, li a { color: #ffffff; text-decoration: none; } .navigation { list-style: none; margin: 10px 0 30px 0; width: 200px; } .navigation li { padding: 0; margin: 0; } .navigation a, .navigation a:visited { display: block; height: 25px; line-height: 25px; padding: 0 10px 0 10px; border-bottom: 3px solid #171B20; color: #ffffff; background-color: #333333; text-decoration: none; } .navigation a:hover { color: #000000; background-color: #a9d06a; } a.page-options { color: #000000; text-decoration: none; display: block; text-align: left; padding: 5px; background: #a9d06a; margin: 3px 0 0 0; border-bottom: 1px solid #333333; border-bottom: 1px solid #555555; } a.page-options:hover, a.page-options:focus { color: #fff; background: #09F; } p small, li small { color: #09F; font-size: 100%; } p em, em { color: #ffffff; } .hidden { display : none; } pre { font-size: 11px; padding: 10px; background: #ccc; overflow: auto; margin: 10px 0 10px 0; } code { color: #ffffff; background: #000000; font-family: Monaco, Courier, monotype; } /** RUBY / JAVASCRIPT **/ code span.comment { color: #BD48B3; } code span.string { color: #99FF00; } code span.brackets { } code span.symbol { color: #6BCFF7; } code span.keywords { color: #FF8400; } code span.erb { background: #333; } code span.symbol { color: #07DFFC; } /** HTML **/ code.html span.tag { color: #fff; } code.html span.attribute { color: #FFD500; } code.html span.string { color: #99FF00; } code.html span.comment { color: #999; } code.html span.doctype { color: #D7FF80; } /* Vertical Accordions */ .accordion_toggle { display: block; height: 25px; width: 680px; background: #fff; padding: 0 10px 0 10px; line-height: 25px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 19px; color: #666; border-bottom: 1px dashed #cde99f; cursor: pointer; margin: 0 0 0 0; } .accordion_toggle_active { background: #fff; color: #f9c; border-bottom: 1px dashed #f39; } .accordion_content { background-color: #fff; color: #444444; overflow: hidden; } .accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; } .accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; } .vertical_accordion_toggle { display: block; height: 25px; width: 600px; background: #fff; padding: 0 10px 0 10px; line-height: 25px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 11px; color: #000; border-bottom: 1px dashed #cde99f; cursor: pointer; margin: 0 0 0 0; } .vertical_accordion_toggle_active { background: #fff; color: #ccc; border-bottom: 1px dashed #f39; } .vertical_accordion_content { background-color: #ffffff; color: #444444; overflow: hidden; } .vertical_accordion_content h2 { margin: 15px 0 5px 10px; color: #000; } .vertical_accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; } /* Container styling*/ #vertical_nested_container { margin: 20px auto 20px auto; width: 620px; } /*sECOND STYLE*/ #vertical_nested_container2 { margin: 20px auto 20px auto; width: 620px; }/* Vertical Accordions */ .vertical_accordion_toggle2 { display: block; height: 25px; width: 600px; background: #fff; padding: 0 10px 0 10px; line-height: 25px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 11px; color: #000; border-bottom: 1px dashed #cde99f; cursor: pointer; margin: 0 0 0 0; } .vertical_accordion_toggle_active2 { background: #fff; color: #ccc; border-bottom: 1px dashed #f39; } .vertical_accordion_content2 { background-color: #ffffff; color: #444444; overflow: hidden; } .vertical_accordion_content2 h2 { margin: 15px 0 5px 10px; color: #000; } .vertical_accordion_content2 p { line-height: 150%; padding: 5px 10px 15px 10px; } .cv a img{ border: none; padding: 0px;} } a img:link, visited{ color: #fff; ; } .cv a img:hover{ background-color: #fff; ; } }


Several ways to get to me.
E-mail
Blog |
Passion | Deviantart