/*
Theme Name: Bulol
Theme URI: http://www.bulawanonline.com/
Description: WordPress theme design for Bulawan Online.
Author: Sophia Lucero
Author URI: http://stellify.net/
Version: 1.0
*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	background: #fff9cb url(images/bg.png);
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 120%;
	color: #555;
	text-align: center;
}
a, #right h3, #left h3 {
	text-decoration: none;
	color: #a50;
	color: #050;
}
#middle a {
	color: #070;
}
a:hover {
	color: #0a0;
}
a img {
	border: none;
}
ul, ol {
	list-style: none;
}
em, #category .post .meta {
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0;
	font-style: italic;
}
#main li em, #mulasapatnugot em, #issue em, #category .post .meta {
	color: #aa6;
}
#category .post .meta {
	margin: 5px 0;
}
#issue {
	margin: 0 0 40px;
}
#issue em {
	font-size: 0.9em;
}
#main .post .content em {
	color: #555;
}
.bio h4, #toc li a:hover strong, #right strong, #copyright, .archive h2 {
	color: #A73;
}
h2, h3, #toc li a {
	font-family: Palatino, "Palatino Linotype", "Hoefler Text", Georgia, Times, "Times New Roman", serif;
}
h1 {
	margin: 0 0 20px;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.25em;
	line-height: 1.3em;
}
#home #main, #left, #right h3, #right #archives, #prevnext, .archive h2 {
	text-align: center;
}
#wrap {
	margin: 20px auto;
	text-align: left;
	width: 980px;
	background: url(images/border.gif) repeat-y 220px 0;
}
#bordertop, #borderbottom {
	width: 540px;
	height: 20px;
	clear: both;
	margin: 0 0 0 220px;
}
#left, #right {
	width: 220px;
}
#right {
	margin: 20px 0 0;
}
#bordertop {
	background: url(images/border-top.gif) no-repeat 0 0;
}
#borderbottom {
	background: url(images/border-bottom.gif) no-repeat 0 0;
}
#left, #middle, #right {
	float: left;
}
#left h1, #left h1 a {
	display: block;
	width: 220px;
	height: 224px;
	margin: 0 auto 20px;
}
#left h1 a {
	outline: none;
	background: url(images/bulawanonline-inside.png) no-repeat 0 0;
	text-indent: -9999px;
}
#middle h2, #middle h3 {
	font-weight: normal;
}
#middle h1, #middle h1 a {
	display: block;
	width: 440px;
	height: 430px;
	margin: 0 auto;
}
#middle h1 a {
	outline: none;
	background: url(images/bulawanonline-splash.png) no-repeat 0 0;
	text-indent: -9999px;
}
#middle {
	width: 540px;
}
#main {
	width: 460px;
	margin: 0 auto;
}
#toc {
	width: 400px;
	margin: 20px auto;
}
#toc li, #toc li a {
	display: block;
	zoom: 1;
}
#toc li a {
	font-size: 1.22em;
	text-transform: uppercase;
	letter-spacing: 3px;
	border-bottom: 2px dotted #dc8;
	padding: 20px 0;
	background: url(images/splash-menu-hover.png) no-repeat 0 -9999px;
}
#toc li a:hover {
	background: #ffd url(images/splash-menu-hover.png) no-repeat 50% 50%;
	color: #292;
}
#toc li a em {
	display: block;
	padding: 5px 0 0;
	font-size: 0.7em;
}
#toc li.about a {
	border: none;
}
#home #toc {
	margin: 0 auto;
}
#mulasapatnugot {
	font-size: 0.85em;
}
#mulasapatnugot .more-link {
	font-size: 0.9em;
}
#month #mulasapatnugot .more-link {
	display: block;
	text-align: right;
}
#akda {
	margin: 20px 0;
	border-top: 2px dotted #dc8;
}
#akda li {
	display: block;
	border-bottom: 2px dotted #dc8;
	padding: 20px 0;
	zoom: 1;
}
#akda li a.pamagat {
	display: block;
	font-size: 1.1em;
	line-height: 110%;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#akda li a:hover.pamagat, #main .post h2 a:hover, #category .post h3 a:hover {
	color: #292;
}
#akda li em {
	font-size: 0.9em;
	display: block;
	text-align: right;
}
#akda li em a {
	font-weight: normal;
}
#main .post h2 {
	margin: 20px 0 10px;
	font-size: 1.8em;
}
#main .post h2 a {
	display: block;
	line-height: 120%;
}
#main .post .content {
	font-size: 0.95em;
	line-height: 140%;
}
#main .post .content p {
	margin: 20px 0;
}
#main .post .content ul, #main .post .content ol {
	margin: 20px;
}
#main .post .content ul ul, #main .post .content ol ol {
	margin: 20px;
}
#main .post .content ul {
	list-style: square outside;
}
#main .post .content ol {
	list-style: decimal outside;
}
#main .post .content h3 {
}
#main .post .content blockquote {
	padding-left: 30px;
}
#main .post .content pre {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.archive h2 {
	margin: 0 0 20px;
	font-size: 1.2em;
	letter-spacing: 2px;
	font-style: italic;
}
#category .post {
	margin: 40px 0 20px;
}
.bio {
	text-align: right;
	font-size: 0.85em;
	margin: 0 20px 0 0;
	padding: 20px 0;
	border-top: 1px dotted #ec9;
}
.bio h4 {
	margin-bottom: 20px;
}
#left .bio p {
	margin: 20px 0;
}
#bionote {
	margin-top: 40px;
}
#bionotekritiko {
	border-bottom: 1px dotted #ec9;
}
#right h3, #left h3 {
	font-size: 1.1em;
	font-variant: small-caps;
	font-style: italic;	
	padding: 0 0 20px;
	margin: 20px 0 0;
	background: url(images/sidebar-item-bg.gif) no-repeat 50% 50%;
}
#right p, #right ul, #left p, #left ul {
	margin: 0 20px 30px;
}
#right #archives {
	font-size: 1em;
}
#right p, #right #sideblog {
	font-size: 0.7em;
}
#sideblog li, #right ul li, #left ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #ec9;
	zoom: 1;
}
#right .more, #mulasapatnugot .more-link {
	text-transform: uppercase;
}
#copyright {
	font-size: 0.7em;
	text-align: center;
	width: 540px;
	padding-top: 40px;
	clear: both;
	margin: 0 0 0 220px;
}
.aligncenter {
	margin: 0 auto;
	display: block;
	text-align: center;
}
.alignleft {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	text-align: left;
}
.alignright {
	float: right;
	display: inline;
	margin: 0 0 0 20px;
	text-align: right;
}
.clear {
	clear: both;
}