/*
Theme Name: JohnMu
Theme URI: http://johnmu.com/
Description: A simple fluid width theme with two column layout. Right hand sidebar, widgets supported. 
Version: 0.0.1
Author: Johannes Mueller
Author URI: http://johnmu.com/
*/

body {
	background:#fff;
	color:#000;
	font-size: 1.0em;
	font-family: lucida,helvetica,sans-serif;
	margin:5px;
	text-align:center;
}
body * 
{
	font-size: 100%;
}

a {
	color:#33f;
	text-decoration:underline;
}
a:hover {
	color:#f33; 
}

ul {
	list-style:square;
}

h1, h2, h3, h4, h5, h6 {
}

blockquote {
	color:#222;
	font-size:0.9em;
	padding:0.2em 2em;
	border-left: solid 1px #bba;
	border-top: solid 1px #bba;
	background-color: #f9f9f8; 
    font-style: italic;
/*	background: url(images/corner2.gif) no-repeat top left; */
}
blockquote blockquote {
	margin:0;
	font-size:1em;
}

input, textarea{
	background:transparent;
	border:1px solid #aaa;
}
input:focus, textarea:focus {
	background:#eef;
}

img {
	margin:0.2em;
	border:0;
}

img.wp-smiley {	
	margin:0;
}

/* Layout */
#page {
	min-width:760px;
	margin:0 auto;
	text-align:left;
}
#wrapper {
	clear:both;
	margin:1em 5%;
}
#content {
	width:75%; 
	float:left;
	padding-right: 10px;
	border-right: solid 1px #33f;
}

/*#content a[rel~=nofollow] 
{
	border-bottom: dashed 2px #ffa500;
	background:url('images/nofollow.gif') no-repeat center left;
	padding-left: 17px;
	padding-right: 2px;
}*/

#sidebar {
	width:22%;
	float:right;
}
#footer { 
	clear:both;
	margin:0 5em;
}

/* Header */
#header {
	height:96px;
	border-bottom: solid 1px #33f;
}

#header div {
	height:96px;
}

#header div div {
	height:96px;
}

#header div div div {
	height:auto;
	background:none;
}

.header-title {
	float:left;
	position:absolute;
	top:25px;
	left:5%;
	margin:5px;
}

.header-title h1 {
	margin:0;
	font-size:1.8em;
}
.header-title h1 a {
	background:transparent; 
	color:#000;
    text-decoration: none;
}
.header-title h1 a:hover {
	background:transparent;
	color:#00f;
	text-decoration: underline;
}

.header-title .header-h1 {
	margin:0;
	font-size:1.8em;
	font-weight: bold;
}
.header-title .header-h1 a {
	background:transparent; 
	color:#000;
    text-decoration: none;
}
.header-title .header-h1 a:hover {
	background:transparent;
	color:#00f;
	text-decoration: underline;
}

.header-title p {
	margin:0;
	background:transparent;
	color:#334;
}

#header .search {
	width:20%;
	float:right;
	padding:36px 5% 0 0;
}
#header #searchform 
{
	margin: 0;
}
#header #searchform input {
	width:100%;
	color:#777;
	padding:0 0.2em;
	margin: 0;
}

#header #searchform input:focus {
	color:#000;
}

#header #fontsizemenu 
{
	padding-top: 2px;
}

/* Header ends here */


/* Sidebar*/
#sidebar {
	color:#888;
	margin-top: -2em;
	font-size: 80%;
}

#sidebar div {
	padding:1em 1em 2em 1em;
}

#sidebar div div {
	padding:0;
	background:none;
}

#sidebar #searchform {
	text-align:center;
}


#sidebar .sidehead {
	font-size:1.2em;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:0;
}

#sidebar p {
	margin-top:0;
}

#sidebar ul {
	list-style:none;
	margin-left:0;
	margin-top: 0;
	padding-left:0;
}

#sidebar ul ul ul{
	padding-left:1em;
}

#sidebar li li a {
	color:#99f;
}

#sidebar li li a:hover {
	color:#f99;
}
/* Sidebar ends */

#content 
{
}

h2.archive-title {
	font-size:1.4em;
}
h2.pagetitle {
	font-size:2em;
}

/* Post */
.post {
	margin:0 0 3em 0;
	clear:both;
}

.post-title h1, .post-title h2, .post-title h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:1em 1em 0 0;
}

.post-title h1 a, .post-title h2 a, .post-title h3 a{
	color: #000;
	text-decoration: none;
}

.post-title h1 a:hover, .post-title h2 a:hover, .post-title h3 a:hover 
{
	color: #33f;
	text-decoration: underline;
}

.post-entry, .archives {
	line-height: 1.2em;
}

.post-meta {
	margin-top:1.6em;
	color:#999;
	font-size: 80%;
}

.post-sub {
	color:#999;
	font-size: 80%;
}
/* Post ends */


/* Comments */
#comments {
	margin:0;
}
#comments .commenthead {
	font-size:1.0em;
	font-weight: bold;
}
.commentlist {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
}

.commentlist li {
	margin:2em 0;
	overflow:auto;
}
.commentlist .commentid {
	margin:0;
	font-weight: normal;
}
.commentlist .commentdate {
	margin:0;
	font-weight: normal;
	font-size: 80%;
	color: #999;
}
.commentlist .commentdate a {
	color: #999;
	text-decoration: none;
}
.commentlist .commentdate a:hover {
	color: #f33;
	text-decoration: underline;
}
.commentlist .commenttext {
	margin:0;
	padding-left: 2em;
	font-size: 80%;
}

.pingbacklist {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
}

.pingbacklist li {
	margin:2em 0;
	overflow:auto;
}
.pingbacklist .commentid {
	margin:0;
	font-weight: normal;
}
.pingbacklist .commentdate {
	margin:0;
	font-weight: normal;
	font-size: 80%;
	color: #999;
}
.pingbacklist .commenttext {
	margin:0;
	padding-left: 2em;
    font-style: italic;
    font-size: 80%;
}
.pingbacklist .commentdate a {
	color: #999;
	text-decoration: none;
}
.pingbacklist .commentdate a:hover {
	color: #f33;
	text-decoration: underline;
}
.commenttags 
{
	font-size: 80%;
	color: #999;
}



textarea#comment {
	width:100%;
}
/* Comment ends */


/* Search results */
.searchresult {
	clear:both;
}
.searchresult h3 {
	font-size:1.2em;
	margin:0;
	padding:1em 0 0 0;
}
.searchresult p {
	margin:0;
	padding:0 0 1em 0;
}
/* Search ends */
 
/* Footer */

#footer div div div {
	padding: 0 3em 1em 3em;
	color:#888;
	text-align:center;
	font-size:80%;
}

/* Footer ends */

.alignleft {
	float:left;
}
.alignright {
	float:right;
}
	
#sidebar #reading 
{
/*	width: 100%;
	height:600px; 
	overflow: hidden; */
}

#sidebar ul #reading ul
{
	list-style:none;
	margin-left:0;
	margin-top: 0;
	padding-left: 0;
}

#reading .i /* item */
{
}

#reading .s /* source */
{
	font-size: 80%;
	padding-bottom: 0.5em;
}

#reading .f /* "read more..." */
{
	font-size: 80%;
}

#sidebar #stars 
{
/*	width: 100%;
	height:600px; 
	overflow: hidden; */
}

#sidebar ul #stars ul
{
	list-style:none;
	margin-left:0;
	margin-top: 0;
	padding-left: 0;
}

#stars .i /* item */
{
}

#stars .s /* source */
{
	font-size: 80%;
	padding-bottom: 0.5em;
}

#stars .f /* "read more..." */
{
	font-size: 80%;
}
/* Adsense */
.as300left 
{
	width: 300px;
	float: left;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}
.asnorm
{
	padding: 0.5em 0;
}
.aslist
{
	padding: 0.5em 0;
}

.asl180 
{
	width:180px;
	float:left;	
}

/* for smaller screens */

@media all and (max-width: 800px) {
  #fontsizemenu { display: none; }
  #header .search { float: none; width: 70%; padding: 0; }
  div.header-title { float: none; position: relative; top: auto; left: auto;}
  #sidebar { display: none; }
  div#content { border: 0; width: 100%; }
  div#page { min-width: 100px; }
  #footer { margin: 0; }
  div#header { border: 0; height: auto; margin: 1em; }
  div#header div { height: auto; }
  div.post { overflow: hidden; }
}