/*  
Theme Name: yellowhite3c
Theme URI: http://www.megatazimjamil.com/yellowhite3c/
Description: The <a href="http://www.megatazimjamil.com/yellowhite3c/">yellowhite three column</a> theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0.0modMS
Author: Megat Azim Jamil
Author URI: http://www.megatazimjamil.com/

	yellowhite3c v1.0.0
	http://www.megatazimjamil.com/

	This theme was originally designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	This theme was re-designed by Robin Hastings into a three column,
	whose blog you will find at http://www.rhasting.net/

	This theme was re-designed and re-built by Megat Azim Jamil,
	whose blog you will find at http://www.megatazimjamil.com/blog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

	*** REGARDING IMAGES ***
	All CSS that involves the use of images, can be found in the 'index.php' file.
	This is to ease installation inside subdirectories of a server.

	Have fun, and don't be afraid to contact me if you have questions.
*/

body {
font-size:small;
font-family:'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', 'Verdana', 'Geneva', Sans-Serif;
background-color:#FFF;
color:#333;
text-align:center;
margin:0;
padding:0;
}

#page {
text-align:left;
background-color:#FFF;
width:100%;
margin:20px auto;
padding:0;
}

#header {
height:35px;
width:100%;
background-color:#FFF;
margin:0 auto;
padding:0;
}

#content {
width:54%;
font-size:small;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}

.widecolumn .entry p {
font-size:1.05em;
}

.narrowcolumn .entry,.widecolumn .entry {
line-height:1.4em;
}

.widecolumn {
line-height:1.6em;
width:550px;
margin:5px 0 0 100px;
padding:10px 0 20px;
}

.narrowcolumn .postmetadata {
text-align:center;
font-size:x-small;
padding-top:5px;
margin:30px 0;
}

.alt {
background-color:#f8f8f8;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
margin:0;
padding:10px;
}

#footer {
background-color:#FFF;
width:90%;
clear:both;
margin:0 auto;
padding:0 0 0 1px;
}

small {
font-size:0.9em;
line-height:1.5em;
}

h1,h2,h3 {
font-weight:700;
}

h1 {
font-size:small;
text-align:center;
text-transform:lowercase;
margin:0;
}

.description {
font-size:small;
text-align:center;
letter-spacing:.07em;
}

h2 {
font-size:small;
margin:30px 0 0;
}

h2.pagetitle {
font-size:small;
margin-top:30px;
text-align:center;
}

#sidebar {
font-size:1em;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
width:16%;
min-width:4em;
float:left;
padding:1.5em 1em 1em;
}

#sidebar h2 {
font-size:small;
text-transform:lowercase;
margin:5px 0 0;
padding:0;
}

#sidebar2 {
font-size:1em;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
width:12%;
min-width:5em;
float:left;
padding:2em 1.5em 1em 0;
}

#sidebar2 h2 {
font-size:small;
margin:5px 0 0;
padding:0;
}

h3 {
font-size:small;
margin:30px 0 0;
padding:0;
}

h1,h1 a,h1 a:hover,h1 a:visited,.description {
text-decoration:none;
color:#FFF;
}

h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited {
color:#333;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite {
text-decoration:none;
}

p {
text-indent:0;
margin-top:0.6em;
margin-bottom:0;
}

p + p,div + p {
text-indent:1.4em;
}

.entry p a:visited {
color:#951;
}

.commentlist li,#commentform input,#commentform textarea {
font-size:0.9em;
}

.commentlist li {
font-weight:700;
list-style:none;
margin:15px 0 3px;
padding:5px 10px 3px;
}

.commentlist cite,.commentlist cite a {
font-weight:700;
font-style:normal;
font-size:small;
}

.commentlist p {
font-weight:400;
line-height:1.5em;
text-transform:none;
margin:10px 5px 10px 0;
}

.commentmetadata {
font-weight:400;
display:block;
margin:0;
}

small,#sidebar div ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike {
color:#666;
}

pre,code {
font:medium monospace;
white-space:pre-wrap;
text-indent:0;
}

acronym,abbr,span.caps {
font-size:0.9em;
letter-spacing:.07em;
cursor:help;
}

a,h2 a:hover,h3 a:hover {
color:#951;
text-decoration:none;
}

a:hover {
color:#951;
text-decoration:underline;
}

#wp-calendar #prev a {
font-size:small;
padding-left:10px;
text-align:left;
}

#wp-calendar a {
text-decoration:none;
display:block;
}

#wp-calendar caption {
font-size:1.3em;
font-weight:700;
text-align:center;
width:100%;
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize;
}

.narrowcolumn {
float:left;
margin:0;
padding:0 2em 1.5em;
}

.pagepost {
border-top:1px solid #DDD;
margin:0 0 40px;
}

.post {
text-align:left;
border-top:1px solid #DDD;
clear:both;
margin:0 0 15px;
}

.widecolumn .postmetadata {
margin:30px 0;
}

#footer p {
text-align:center;
font-size:xx-small;
margin:0;
padding:20px 0;
}

h3.comments {
margin:40px auto 20px;
padding:0;
}

html>body .entry ul {
margin-left:0;
list-style:none;
text-indent:-10px;
padding:0 0 0 10px;
}

html>body .entry li {
margin:7px 0 8px 10px;
}

.entry ul > li:before, #sidebar div.widget ul li:before, li.collapsing.item:before {
  content:"\00BB\0020";
}

.entry ol {
margin:0;
padding:0 0 0 35px;
}

.postmetadata ul,.postmetadata li {
display:inline;
list-style-type:none;
list-style-image:none;
}

#sidebar ul li {
list-style-type:none;
list-style-image:none;
margin-bottom:15px;
}

#sidebar ul p,#sidebar ul select {
margin:5px 0 8px;
}

#sidebar div ul,#sidebar ul ol {
margin:5px 0 0 10px;
}

#sidebar div ul ul,#sidebar ul ol {
margin:0 0 0 10px;
}

ol li,#sidebar ul ol li {
list-style:decimal outside;
}

#sidebar div ul li,#sidebar ul ol li {
margin:3px 0 0;
padding:0;
}

#searchform {
text-align:center;
margin:10px auto;
padding:5px 3px;
}

#sidebar #searchform #s {
width:115px;
background-color:#FFF;
border-style:ridge;
padding:2px;
}

#sidebar #searchsubmit {
background-color:#FFF;
color:#FFF;
border-style:hidden;
padding:1px;
}

select {
width:130px;
}

#commentform input {
width:170px;
background-color:#FFF;
border-style:ridge;
margin:5px 5px 1px 0;
padding:2px;
}

#commentform textarea {
width:100%;
background-color:#FFF;
border-style:ridge;
padding:2px;
}

#commentform #submit {
float:right;
margin:0;
}

.commentlist {
text-align:justify;
padding:0;
}

#commentform p {
margin:5px 0;
}

.nocomments {
text-align:center;
margin:0;
padding:0;
}

.linkbar {
text-align:right;
}

#wp-calendar {
empty-cells:show;
width:155px;
margin:10px auto 0;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar td {
text-align:center;
padding:3px 0;
}

#wp-calendar td.pad:hover {
background-color:#FFF;
}

acronym,abbr {
border-bottom:1px dashed #999;
}

blockquote {
padding-left:20px;
border-left:5px solid #DDD;
margin:15px 30px 0 10px;
}

blockquote cite {
display:block;
margin:5px 0 0;
}

hr {
display:none;
}

.alignright {
text-align:right;
float:right;
}

.alignleft {
text-align:left;
float:left;
}

.aligncenter {
text-align:center;
float:none;
}

a img {
border:none;
}

.navigation {
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px;
}

.entry img,.entrytext img {
margin:1ex;
padding:1ex;
}

.theme {
font-size:80%;
text-align:left;
}

a:active {
position:relative;
top:1px;
}

p.wp-caption-text {
font-size:xx-small;
margin-bottom:10px;
}

img.flattr_btn {
vertical-align:sub;
margin:0;
padding:0 0 0 1em;
}

.widecolumn .post,#sidebar form,#sidebar2 form {
margin:0;
}

.entry ol li,#sidebar ul,#sidebar ul ol {
margin:0;
padding:0;
}

.entry form,.center {
text-align:center;
}

.sym { font-size:small; }

/* for plugins */
#sidebar > div.widget > ul.collapsLinkList            > li.collapsLink:before { content: ''; }
#sidebar > div.widget > ul.collapsing.categories.list > li.collapsing.categories:before { content:''; } 
#sidebar > div.widget > ul.collapsing.categories.list > li.collapsing.categories.item:before { content:"\00BB\0020"; } 
#sidebar > div.widget ul > li.collapsing.archives:before { content:''; } 
#sidebar > div.widget ul > li.collapsing.archives.item:before { content:"\00BB\0020" !important; }