/*  
Theme Name: Journal
Description: hello. i'm a designer + simplicity addict.
Version: 2.0
Author: Mokokoma Mokhonoana
Author URI: http://www.mokokoma.co.za/

*/


/* Resetting of element defaults to avoid cross-browser incompatibilities */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*text-align: left;*/
}

img{
	border: 0;
}

/*.entry img a{
	background-color: #fff;
}

.entry img a:visted{
	background-color: #fff;
}

.entry img a:hover{
	background-color: #fff;
}

.entry img a:active{
	background-color: #fff;
}*/

.grey{
	color: #D5D5D5;
}

object {
	outline: none; /* fix for FF3 */
}

body{
	font-family: "Verdana", Lucida Grande, Lucida, sans-serif;
	font-size: 12px;
	background: url(images/back.gif) repeat-y;
        line-height: 17px;
}


small{
	font-family: "Courier New", Courier, mono;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;

}


blockquote{
	padding: 0 15px;
	margin: 12px 0 0 20px;
	height: auto;
	border-left: 3px solid #efefef;
}

.divider{
	border-top: 1px dotted #000;
	margin: 15px 0 0 0;
}

/* IMAGES */

img{
	margin: 0 0 10px 0;
	background-color: #fff;
}

.entry img{
	margin: 10px 0 10px 0;
	background: #fff;
}

.entry img a{
	background-color: #fff;
}

.entry img a:visted{
	background-color: #fff;
}

.entry img a:hover{
	background-color: #fff;
}

.entry img a:active{
	background-color: #fff;
}

/* POST LIST */


ul{
	list-style-type: square;
	list-style-position: inside;
	font-size: 12px;
	line-height: 9px;
	margin: 10px 0 0 0;
}

ul a{
	/*line-height: 11px;*/
}

ul.related_post{ 
	line-height: 17px;
	margin: 0 0 0 10px;
}

ul.related_post a{
	background-color: #fff;
}

ul.related_post a:visted{
	background-color: #fff;
}

ul.related_post a:hover{
	background-color: #fff;
	text-decoration: underline;
}

ul.related_post a:active{
	background-color: #fff;
}

/* Related post */


.single_post{
	/*background-color: #cb59ff;*/
}

.single_post post ul{
	list-style-type: circle;
	list-style-position: inside;
	font-size: 12px;
	line-height: 11px;
	margin: 0 0 0 15px;
}









ol{
	list-style-position: inside;
	line-height: 5px;
	margin: 10px 0 0 15px;

}

ol a{
	background-color: #fff;

}


.postpermonth ul li{
	list-style-type: square;
	list-style-position: inside;
	font-size: 12px;
	line-height: 11px;
}

.postpermonth ul a li{
	line-height: 12px;
	background-color: #fff;

}

.white_bg{
	font-size: 1.3em;
}

/*	TYPOGRAPHY	*/

h1 {
	font-size: 1.1em;
	font-weight: bold;
	/*background-color: #FFDA00;*/

}

h2 {
	font-size: 0.9em; /* 30px */
	font-weight: bold;
}

h3 {
	font-size: 0.7em; /* 24px */
	font-weight: bold;

}

h4 {
	font-size: 0.6em; /* 21px */
	font-weight: bold;
}

h5 {
	font-size: 0.5em; /* 18px */
	font-weight: bold;
}

h6 {
	font-size: 0.4em; /* 15px */
	font-weight: bold;
}





.post_title{
	margin: 0 0 10px 0;
}

.post_title a:link{
	background-color: #FFDA00;
	/*width: 420px;*/
	font-size: 1.1em;
	margin: 0 0 10px 0;
	font-weight: bold;
}



.post_title a:visited{
	background-color: #FFDA00;
}




.post_title a:hover{
	background-color: #000;
	color: white;
	width: 420px;
	margin: 0 0 10px 0;
}



.post_title a:active{
	background-color: #FFDA00;
	width: 420px;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}
/*	LINKS	*/


a{
	background-color: #FFDA00;
	text-decoration: none;
	color: #000;
}

a:visited{
	background-color: #FFDA00;
}

a:hover{
	background-color: #FFF2A6;

}

a:active{
	
}

/*Navigation writing links*/

.navigation{
	list-style-type: none;
	line-height: 15px;
	/*list-style-position: inside;*/
}

.navigation a:link{
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

.navigation a:visited{
	text-decoration: none;
	background-color: #fff;
}

.navigation a:hover{
	text-decoration: none;
	color: #D5D5D5;
}

.navigation a:active{
	color: #000;
}

/*Share writing links*/

.share a:link{
	text-decoration: underline;
	background-color: #fff;
	color: #000;
}

.share a:visited{
	text-decoration: underline;
	background-color: #fff;
}

.share a:hover{
	text-decoration: none;
}

.share a:active{
	color: #000;
}

/*Related writing links*/

/*.related_post ul{
	list-style-type: circle;
	list-style-position: inside;
	padding: 0 0 0 10px;
	line-height: 14px;
}

.related_post ul a:link{
	text-decoration: none;
	background-color: #fff;
	color: #000;
}

.related_post ul a:visited{
	text-decoration: none;
}

.related_post ul a:hover{
	text-decoration: underline;
}

.related_post ul a:active{
	color: #000;
}*/

/*Postmetadata writing links*/



.postmetadata a:link{
	text-decoration: underline;
	background-color: #000;
	color: #fff;
}

.postmetadata a:visited{
	text-decoration: underline;
	background-color: #000;
	color: #fff;
}

.postmetadata a:hover{
	text-decoration: none;
}

.postmetadata a:active{
	color: #000;
}


/*	LAYOUT	*/


#page {
	width: 860px;
	height: auto;
	margin: 0 0 0 98px;
	background-color: white;
	background-image: none;
}

#header{
	width: 858px;
	height: 200px;
	margin: 0 0 48px 0;
	padding: 72px 0 0 0;
	/*background-color: #6bfd25;*/
}


#identity{
	width: 515px;
	height: 150px;
	/*background-color: #61fdea;*/
	float: left;
}

#navigation{
	width: 255px;
	height: 150px;
	margin: 0 30px 0 0;
	/*background-color: #6657fe;*/
	float: right;
}

#story{
	width: 515px;
	height: auto;
	/*background-color: wheat;*/
	float: left;
	/*clear: both;*/
}


#sidebar{
	width: 255px;
	height: 800px;
	margin: 0 30px 0 0;
	/*background-color: #faff62;*/
	float: right;
}

#block{
	width: 255px;
	height: 214px;
	margin: 0 0 25px 0;
	background: url(images/blank.gif) no-repeat;
}

#footer{
	width: 830px;
	height: auto;
	float: left;
	clear: left;
	margin: 300px 0 0 0;
	padding: 30px 0;
	border-top: 4px solid #000;
	font-size: 0.8em;
}

/*	POST	*/

#postmetadata{
	width: 485px;
	height: auto;
	margin: 20px 0 0 0;
	padding: 15px;
	color: white;
	font-size: 0.8em;
	background-color: #000;
}


#commentform{
	
}

#comments_heading{
	width: 515px;
	height: 45px;
	margin: 0 0 20px 0;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	background: url(images/comments.gif) no-repeat;
}

/*.comments-template{
	background-color: #f00;
}*/

.comments-template ul{
	
	list-style-type: none;
	line-height: 18px;

}

.comments-template ul li{
	width: 515px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 5px 0 25px 0;
	border-bottom: 1px dotted #000;
	/*background-color: lime;*/
}



.comment-author{
	width: 490px;
	height: auto;
	padding: 20px 15px 25px 0;
	background-color: #ebeaeb;
	border-bottom: 1px dotted #000;
}


/*COMMENT FORM*/

<style type="text/css">



.comment_form p{
width: 300px;
/*clear: left;
margin: 0;*/
padding: 5px 0 8px 0;
/*padding-left: 155px; width of left column containing the label elements*/
/*border-top: 1px dashed gray;*/
/*height: 1%;*/
}

.comment_form label{
/*font-weight: bold;*/
float: left;
/*margin-left: -155px; width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.comment_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.comment_form textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/*.comment_form p{
	line-height: 18px;
}*/

#comment-date{
	width: 515px;
	font-size: 10px;
	font-style: normal;
	padding: 15px 0 0 0;
	/*background-color: #fb9a4d;*/
}

#comment-date a{
	color: #ccc;
	background-color: #fff;
}

#comment-date a:visited{
	color: #ccc;
}

#comment-date a:hover{
	color: #ccc;
	text-decoration: underline;
}

#comment-date a{
	color: #ccc;
}

/* Lists */

.latest_posts{
	list-style-type: none;
	display: block;
}


#sidebar ul li a{
	display: block;
	color: #000;
	background-color: white;
	font-size: 12px;
	text-decoration: none;
	line-height:18px;
	margin: 0;
	padding: 2px 0px 2px 0px;		
	border-top: 1px solid #000; /* CATERGORIES OVER-LINE */

}

#sidebar ul li a:visited{
	background-color: white;
}

#sidebar ul li a:hover{
	background-color: #000;
	color: white;
	display: block;
	
}

#sidebar ul li a:active{
	background-color: white;
}

#search_form {
	width: 180px;
	height: auto;
}

#search_form input {
	color: #000;
}

#searchbox {
	width: 180px;
	background-color: #000;
	padding: 5px 0 4px 5px;
	font-size: 0.75em;
	color: #fff;
	float: left;
}


/* COMMENTS */

.comment-body{
	background-color: #60fd5f;
	margin: 0 0 15px 0;
}


/* SOCIABLE PLUGIN -- DEACTIVATE SOCIABLE'S CSS */

.sociable {
	color: #ccc;
	background-color: #f16cf7;
	padding: 3px;
	margin-bottom: 25px;
	}

.sociable ul{
 width: 400px;
	background-color: #8bfd3d;
}

.sociable ul li{
	
	list-style: none;
	/*display: inline;*/
}

/*.sociable ul a:link{
	text-decoration: underline;
	background-color: #fff;
	color: #000;
	display: inline;
}

.sociable ul a:visited{
	text-decoration: underline;
	background-color: #fff;
	display: inline;
}

.sociable ul a:hover{
	text-decoration: none;
}

.sociable ul a:active{
	color: #000;
}*/

.url{
	line-height: 18px;
}

.red{
	color: #f00;
}

.related_post_title{
	font-size: 1em;
	margin: 25px 0 10px 0;
	font-weight: bold;
}

.notice{
	background-color: #F2F2EB;
	padding: 20px;
}