/*
ATTENTION:
This CSSheet is original designed for Wordpress by Becca Wei@http://beccary.com/goodies/wordpress-themes/
Modify for blog.ysmis.cc by MIT@http://blog.ysmis.cc/mit
Some rights reserved.
*/

/*
Theme Name: Ocadia
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: A two column blue-grey theme, clean yet stylish.
Version: 1.2
Author: Becca Wei
Author URI: http://beccary.com
*/



/* Basics */

body {
margin: 0;
padding: 0;
background: #9FCDD4;
color: #333;
font-size: 78%;
font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
text-align: center
}
p {
font-size: 1em;
line-height: 1.5em;
margin: 1.2em 0;
}
ol, ul {
font-size: 1em;
line-height: 1.5em;
margin: 1.2em 0 1.2em 2em;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.2em 0;
font-family: Georgia, serif;
color: #534B48;
}
h1, h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
a:link {
color: #59708C;
}
a:visited {
color: #5C6C7D;
}
a:hover, a:active {
color: #8CA0B4;
text-decoration: none;
}
blockquote {
margin: 0 20px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: url('img/commentalt.gif') repeat-y;
font-size: 0.9em; padding-left:20px; padding-right:20px; padding-top:0.05em; padding-bottom:0.05em
}
code {
color: #666;
}
input, textarea, select {
background-color: #FFF;
color: #333;
font-size: 1em;
font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
}
form, img {
border: 0px none;
margin: 0;
padding: 0
}



/* Layout */

#wrapper {
margin-left: auto;
margin-right: auto;
width: 760px;
background: #FFF url('img/wrapper.gif') repeat-y;
text-align: left
}
#header {
width: 760px;
height: 60px;
background: url('img/headerblog.png') no-repeat;
margin-left: 20px;
}

/* Header styles */
#header h1 {
margin-left: 430px;
padding: 30px 0 0 40px !important;
padding: 0px 0 0 40px;
font-size: 2em;
line-height: 10px !important;
line-height: 0px;
}
#header h1 a {
text-decoration: none;
}
#header p {
margin: 0;
padding: 0px 0 0 40px;
}

#content {
float: left;
margin-top: -12px;
width: 520px;
min-height: 268px;
background: url('img/content.gif') no-repeat;
overflow: visible;
voice-family: "\"}\"";
voice-family: inherit;
width: 470px; padding-left:40px; padding-right:10px; padding-top:0; padding-bottom:0
}
html>body #content {
width: 470px;
}
#sidebar {
float: left;
width: 240px;
background: url('img/sidebar.gif') no-repeat top right;
font-size: 0.9em
}

/* Sidebar styles */
#sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
background: url('img/sidebar2.gif') repeat-y;
}
#sidebar ul li {
margin: 0;
background: url('img/sidebar-bottom.gif') no-repeat bottom left;
overflow: visible; padding-left:0; padding-right:0; padding-top:0; padding-bottom:1.5em
}
#sidebar h2 {
margin: 0;
font-size: 1.1em;
background: url('img/sidebar-top.gif') no-repeat;; padding-left:20px; padding-right:40px; padding-top:1.2em; padding-bottom:0
}
/* Fix our list and paragraph styles */
#sidebar p, #sidebar ul ul, #sidebar ul ol {
margin: 1em 0 0 0;
padding: 0 40px 0 20px;
}
#sidebar ul ol {
margin: 1em 0 0 20px;
}
#sidebar ul ol li {
padding: 0;
background: url('img/bullet.gif') no-repeat 2000px 0;
/* IE goes buggy with background: none; */
}
#sidebar ul ul {
background: none;
}
#sidebar ul ul ul {
margin: 0;
padding: 0 0 0 0.8em;
background: none;
}
#sidebar ul ul li {
background: url('img/bullet.gif') no-repeat 0 0.2em;; padding-left:1.5em; padding-right:0; padding-top:0; padding-bottom:0
}

* html #content, * html #sidebar {
overflow: hidden; /* For IE */
}
#footer {
clear: both;
margin: 0 20px;
background: url('img/footer.gif') no-repeat; padding-left:4px; padding-right:4px; padding-top:25px; padding-bottom:0;
}

/* Footer styles */
#footer p {
margin-top: -1px;
margin-bottom: -1px;
padding: 0.5em 20px;
background-color: #999;
font-size: 0.9em;
}
#footer a:hover, #footer a:active {
color: #5C6C7D;
text-decoration: none;
}



/* Blog */

.pagetitle {
margin: 1.2em 0 0 0;
}
.post {
padding: 4em 0 0 0;
}
.storydate {
float: left;
margin: 0 0.5em 0 0;
padding: 0 0.5em 0 0;
border-right: 1px solid #CCC;
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
font-weight: normal;
color: #999;
}
.storytitle {
float: left;
margin: 0;
}
.meta {
margin: 0;
padding: 0.5em 0 0 3em;
}
.feedback {
padding: 0 0 0 3em;
}
.meta, .feedback {
clear: both;
font-size: 0.9em;
color: #999;
background: url('img/deco.gif') no-repeat bottom left;
}
.permalink {
background: url('img/perma.gif') no-repeat center left;; margin-left:0; margin-right:1.5em; margin-top:0; margin-bottom:0; padding-left:1.2em; padding-right:0; padding-top:0; padding-bottom:0
}
.commentslink {
background: url('img/comments.gif') no-repeat center left;; padding-left:1.5em; padding-right:0; padding-top:0; padding-bottom:0
}
.storytitle a, .meta a, .feedback a, .commentauthor a, .commentmeta a, #comments a {
text-decoration: none;
}

/* Comments */

#commentlist {
margin: 1.2em 0;
padding: 0;
list-style-type: none;
}
#commentlist li {
margin: 1em 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: url('img/comment.gif') repeat-y;; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
}
.commentalt {
background: url('img/commentalt.gif') repeat-y !important;
}
.commentauthor {
margin: 1em 0 0 0;
}
.commentauthor a {
font-weight: bold;
}
.commentmeta {
margin-top: 0;
font-size: 0.9em;
}
#comment {
width: 98%;
}
.pager {
	clear:all;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pager a, .pager a:link, .pager a:href, .pager a:hover {
 text-decoration: none;
 border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
	padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
	margin-right:20px;
}
.pager .pagerLinkNextPage {
	margin-left:20px;
}

.pager .pagerCurrent {
	padding: 2px 6px; 
	border-color: #999; 
	font-weight: bold; 
	font-size: 13px; 
	vertical-align: top; 
	background: #fff; 
	color: #FF0084;	
}