/*!
* File: screen.css
*
* @site           ritaichi.com
* @copyright      (c) hidave.de, Dave Burkhart
* @author         Dave Burkhart
* @link           http://hidave.de
* @version        1.0
*
* @lastmodified   2012-04-12 08:55
*/html,body,div,ul,ol{font-size:100%;margin:0;padding:0}img{border:0}a:link,a:visited,a:hover{color:#000;text-decoration:none}a:hover{text-decoration:underline}body{font:14px/23px Arial,sans-serif;color:#333;background:#fff url(/img/bg.jpg) no-repeat 50% 0;background-attachment:fixed}h1{font:14px Georgia,serif;font-weight:normal;font-style:italic;margin-bottom:37px}h1 span{margin-right:7px;color:#666}#default h1{font:18px/26px Arial,sans-serif;font-weight:bold;font-style:normal;margin:0 0 20px}h2{font-size:18px;margin:0 0 20px}h3,#default h2{font-size:16px;margin:0 0 10px}h4{font-size:14px;margin:0 0 10px}p{margin:0 0 20px}::selection{background:#ccc}::-moz-selection{background:#ccc}img::selection{background:transparent}img::-moz-selection{background:transparent}#wrap{position:relative;width:900px;margin:40px auto}#aside{position:fixed;width:300px}#logo a{display:block;font:21px Georgia,serif;text-align:center;text-decoration:none;text-shadow:#c0c0c0 1px 1px 2px;color:#000;margin:-20px 0 40px;padding-top:100px;background:url(/img/logo.png) no-repeat 50% 0}#logo a em{font:14px Arial,sans-serif;font-style:normal;text-shadow:none;color:#555}ul.nav,ul.nav li.subnav ul{list-style:none}ul.nav{width:216px;margin:0 0 0 41px;border-bottom:1px solid #ccc}ul.nav li{padding:5px 0;border-top:1px solid #ccc}ul.nav li:first-child{border-top:3px solid #ccc}ul.nav li a{color:#777;display:block;text-decoration:none}ul.nav li a:hover,ul.nav li a.active{color:#000}ul.nav li a.active{font-weight:bold}ul.nav li.subnav ul{margin:5px 0 5px;padding:0;border:0}ul.nav li.subnav ul li:first-child,ul.nav li.subnav ul li{border:0}ul.nav li.subnav ul li{font-size:13px;padding:0}ul.nav li.subnav ul li a.active{font-weight:normal}#content{float:right;margin-top:20px;width:540px}#content img{float:left;margin:5px 0 25px}#content ul,#content ol{margin:0 0 20px 17px}#content ol{margin-left:21px}#content iframe{margin:5px 0 0}.teaser{margin-top:30px;padding-top:20px;border-top:3px solid #ccc}.teaser p{display:inline}#footer{clear:both;margin-top:30px;font-size:12px;color:#666}#default p#footer{font:12px/23px Arial,sans-serif}* html #aside{position:relative;float:left;width:180px}#logo a{margin-top:0\9}@media only screen and (min-width:768px) and (max-width:991px){#wrap{width:710px}#aside{width:190px}#aside #logo a em{font-size:12px}#aside ul.nav{width:190px;margin:0}#content,#content img{width:480px}}@media only screen and (max-width:767px){#wrap{margin:0 auto}#wrap,#aside,#aside ul.nav,#content{clear:both;width:auto}#content img{width:100%}#aside{position:relative;margin:0 0 15px;padding:0 25px}#aside #logo a{margin:10px -10px 40px -10px}#aside ul.nav{margin:0}#content{padding:0 25px}#content .resize{max-width:100%;height:auto}}