/*  
Theme Name: Oreo
Theme URI: http://www.robinlu.com/
Description: The theme with big feet
Version: 0.1
Author: robin lu
Author URI: http://www.robinlu.com/

	Oreo v0.1
	The theme was builded by Robin Lu (http://www.robinlu.com/),
	whose blog you will find at http://www.robinlu.com/blog
	
	The CSS, XHTML is released under GPL
	http://www.opensource.org/licenses/gpl-license.php
*/
body {font: 0.9em/1.5 Verdana, sans-serif;margin:0;padding:0;min-width:900px;background-color:#555;}
a {text-decoration:none;}
a img{border:0;}
.clear {clear:both;}
/*header*/
#headerwrapper {background: #000 repeat-x top right;height:50px;border-bottom: 2px solid #999;}
#header {margin:auto;color: white;width:900px;}
#header-title {float:left;width:600px;}
#header-title h1{display:inline; font: 1.5em/50px Verdana, sans-serif;}
#header a{color:#fff;}
/*nav*/
#nav {margin-left:600px;width:270px;}
#nav ul {display:inline;list-style-type:none;margin:0;padding:0;}
#nav ul li {display:inline;list-style:none;margin:0;}
#nav li a {padding:4px;font: 1em/50px Verdana, sans-serif;}
#nav li a:hover {color:#98cb00;}
/*mid*/
#midwrapper {background:#efefef;padding:10px 0;}
#mid {margin:auto;width:900px;}
.post {margin-bottom:10px;}
.post blockquote,.post pre{padding:0 0 0 10px;margin:5px 0px 5px 20px; 
font-size: 1.0em; border-left: 5px solid #b0c4de; line-height: 1.2em;}
.post code {background:#b0c4de;font-size:1.0em;}
.entry {color:#555;}
.postcomment {border-top: 1px solid #999;}
.postwrapper {width:640px;margin-right: 220px;background:#fff;padding:10px;border-right: 2px solid #ddd;border-bottom: 2px solid #ddd;}
.postwrapper h2{border-bottom: 1px dotted #999;margin-top:0;}
.postwrapper h2 a{color:#444;font:1.2em serif;}
.postwrapper a:hover{background-color:#ffc;color:#000;}
.postwrapper a{color:#999;}
.postside {width:180px;float:right;margin:0px 12px;color:#888;}
.postside h2 {margin:4px 0;font-size:1.2em;}
.postside ul{margin:0;padding-left:15px;}
.postside a:hover{background-color: #ffc;color:#000;}
.postinfo {width:80px;float:left;font-size:0.8em;margin-right:8px;text-align: right;}
.postmain {width:500px;margin-left:100px;}
.postmain a{font-style: italic;}
.post-date {width:35px;margin-left:45px;;text-align: center;font-size:1.8em;border: 1px solid #999;margin-bottom:10px;}
.post-month {background:#79a1e2;color:#fff;font-size:0.7em;}
.postinfo .rsslink {float:right;margin:6px 0;}
ul.post-categories {margin:0;padding:0;list-style-type:none;border-top: 1px solid #999;border-bottom: 1px solid #999;}
ul.post-categories li{margin:0;padding:0;}
h2.pagetitle {font-size:1.2em;}
/*comments*/
h3#comments{font-size:1.0em;}
ul.commentlist{list-style-type: none;padding:0;}
.commentlink {font-size:0.5em;}
li.commentbody{background-color: #EEE;padding:0 6px;margin:6px 0;}
/*navigate*/
.navigation a{color:#999;font-size:0.8em;width:610px;margin-right: 260px;}
.alignleft {float:left;}
.alignright {float:right;}
/*footbar*/
#footbarwrapper{background:#555;border-top: 2px solid #999;}
#footbar{width:900px;margin:auto;color:white;font-size: .8em;}
#footbar a{color:white;}
#footbar a:hover{color:#98cb00;}
#footbar h2 {margin-top:20px;margin-bottom:4px;font-size:1.2em;}
#footbar li {border-bottom: 1px solid #777;}
#footbar ul {margin:0;padding:0;list-style-type: none;}
#footbar .postdate {font-size:0.7em;color:#eee;}
#leftfoot{width:268px;margin:10px;float:left;padding:6px 0;}
#midfoot{width:268px;margin:10px;float:left;}
#rightfoot{width:268px;margin:10px;float:left;}
#searchform input{font-size:0.8em;margin-top:20px;}
#searchform input#s{width:207px;}
#myphoto img{width:80px;height:80px;border: 5px solid #fff;margin:6px 20px;}
#myphoto img:hover{border: 5px solid #98cb00;}
/*foot*/
#footwrapper{background:#333;}
#footer a{color:#aab;}
#footer{width:900px;color:#777;margin:auto;font-size:0.8em;padding:10px 0;}