/*
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: #E6EEEE url(img/bg.gif) repeat-x;
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;
padding: 0.05em 20px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: url(img/commentalt.gif) repeat-y;
font-size: 0.9em;
}
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: 0;
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: 132px;
background: url(img/header.gif) no-repeat;
}

/* Header styles */
#header h1 {
margin: 0;
padding: 35px 0 0 40px;
font-size: 2em;
line-height: 40px;
}
#header h1 a {
text-decoration: none;
}
#header p {
margin: 0;
padding: 5px 0 0 40px;
}

#content {
float: left;
margin-top: -12px;
padding: 0 10px 0 40px;
width: 520px;
min-height: 268px;
background: url(img/content.gif) no-repeat;
overflow: visible;
voice-family: "\"}\"";
voice-family: inherit;
width: 470px;
}
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;
padding: 0 0 1.5em 0;
background: url(img/sidebar-bottom.gif) no-repeat bottom left;
overflow: visible;
}
#sidebar h2 {
margin: 0;
padding: 1.2em 40px 0 20px;
font-size: 1.1em;
background: url(img/sidebar-top.gif) no-repeat;
text-transform: capitalize;
}
/* 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 {
padding: 0 0 0 1.5em;
background: url(img/bullet.gif) no-repeat 0 0.2em;
}

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

/* Footer styles */
#footer p {
margin: 0;
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: 1.2em 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 {
margin: 0 1.5em 0 0;
padding: 0 0 0 1.2em;
background: url(img/perma.gif) no-repeat center left;
}
.commentslink {
padding: 0 0 0 1.5em;
background: url(img/comments.gif) no-repeat center left;
text-transform: capitalize;
}
.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;
padding: 0 20px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: url(img/comment.gif) repeat-y;
}
.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;	
}

.panelMenu {
	text-transform: capitalize;
}

.about {
	padding-left: 15px;
}
/* commentform */
#CommentForm fieldset {
	border:2px solid #d4d0cd; 
	padding-top:10px; 
	margin-top:10px; 
	padding-left:10px; 
	padding-bottom:10px;
}

#CommentForm legend {
	color:#000;
	padding:2px 4px 2px 4px;
	font-weight : bold;
}

#CommentForm label {
	width:13em;
	float:left;
	display:block;
	clear:both; 
	margin-top:8px;
	margin-bottom:0px;
}
	
#CommentForm div {
    clear:both;
	margin-top:8px;
	margin-bottom:8px;
}
#CommentForm input, textarea {
    width: 230px;
}	
