/*  
Theme Name: Blank Slate
Theme URI: http://kuwamoto.org/
Description: A boring theme.
Author: Sho Kuwamoto
Author URI: http://kuwamoto.org/
*/


/* ~~~~~Tags~~~~~ */

	html {
		background-image: url(images/bg_green2.jpg);
		background-attachment: fixed;
	}
	
	body {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: Georgia, "Times New Roman", Times, serif;
	}

	code {
		font-family: "Lucida Console", "Courier New", "Courier", monospace;
		font-size: 1.0em;
	}
	
	pre {
		font-family: "Lucida Console", "Courier New", "Courier", monospace;
		font-size: .8em;
		border: 1px dotted #ccc;
		overflow: scroll;
	}
	
	.narrowcolumn pre {
		width: 450px;
	}
	
	img { border: none }

	a {
		text-decoration: none;
	}
	
	a:link {
		color: #0069C0;
	}

	a:visited {
		color: #666666;
	}

	a:hover {
		background: #E9DECD;
	}
	
	a:active {
		background: #D9CDA8;
	}
	
	/* Headers which are links should be black, not colored. */
	h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
		color: #000000;
	}
	
	/* Needed because Netscape and IE have different ways of defining
	   the default stylesheet */
	h1, h2, h3, h4, h5, h6, p {
		margin-top: 0px;
	}

	h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2.4em;
		font-weight: normal;
		line-height: 1.2em;
	}
	
	h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.4em;
		font-weight: normal;
		font-style: italic;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
	
	#sidebar ul {
		list-style: none;
		margin: 0;
		padding-top: 0;
		padding-left: 0;
	}
	
	#sidebar li {
		margin-top: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		line-height: 1.2em;
	}

	/* An h2 inside a list should have a lot of space. */	
	ul h2 {
		margin-top: 1.5em;
	}
	
	ul li {
		margin-top: 0.5em;
	}

	/* h2s inside the content area should nave no margin on bottom, so
	   that the list of tags underneath is snug. */
	#content h2
	{
		margin-bottom: 0px;
	}
	
	/* Meanwhile, h2s inside the sidebar need a little room. */
	#sidebar h2
	{
		margin-bottom: 10px;
	}
	
    #content h3, #content p {
		padding: 0;
    }
	
    #sidebar h3, #sidebar p {
		padding:0 10px 0 0;
    }
	
	/* List items inside linkcat-3 need to have a slightly different
	   visual treatment, because they tend to be multi-line */	
	#linkcat-3 ul li:before {
		content: "\00BB \0020";
	}
	
	#linkcat-3 li {
		margin-bottom: .75em;
	}
	
/* ~~~~~Classes~~~~~ */

	.alignleft {
		float: left
	}
	
	.alignright {
		float: right;
	}
		
	.articleContent {
		padding-left:80px;
	}
	
	.calendarPage {
		width: 65px;
		height: 100px;
		border: solid 1px #c8c8c8;
		float: left;
		clear: both;
	}
	
	.pagetitle {
		text-align: center;
	}
	
	.commentlist {
		font-size: 1.4em;
	}
	
	.figure {
		text-align: center;
	}
	
	.figure img {
		padding-bottom: 20px;
	}
	
	.correction {
		text-decoration: line-through;
	}
	
	.navigation {
		font-size: 1.4em;
		padding-bottom: 20px;
	}
		
	.date {
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 4.8em;
		margin: 0;
	}
	
	.month {
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.6em;
		margin: 0;
	}
	
	.leftquote {
		display: block;
		font-style: italic;
		font-size: 1.2em;
		width: 100px;
		float: left;
		padding-right: 10px;
		margin-left: -30px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-right: 10px;
		border-right: solid 1px #ccc;
	}
	
	.bigBox {
		padding-top: 200px;
		padding-bottom: 200px;
		text-align: center;
		font-size: 4.8em;
	}
	
	.entry, .entrytext {
		font-size: 1.4em;
	}

	.innerquote {
		display: block;
		font-style: italic;
		font-size: 1.2em;
		margin-right: 20px;
		margin-left: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px !important;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
	
	.smallnote {
		color: #777777;
		font-style: italic;
	}
	
	.subhead, .postmetadata { 
		font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	.subhead, .subhead p {
		margin-top: 0;
	}
	
	.postmetadata {
		margin-bottom: 30px;
	}
	
	.topLink, .topLink li, .topLink h2 {
		margin-top: 0px;
		padding-top: 0px;
	}
		
	#content .separator {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.post h2 a { 
		color: #000000; 
	}
	
	.floatright {
		float: right;
	}

/* ~~~~~IDs~~~~~ */

	#footer {
		padding-bottom: 30px;
	}
	
	#searchDiv {
		vertical-align: bottom;
		margin: 0;
	}
	
	#searchform {
		margin: 0;
	}
	
	#headerimg {
		float: left;
	}

	#content {
		padding-top: 20px;
		margin-top: 0px;
		padding-left: 25px;
		clear: right;
	}

	.description, #search {
		font-size: 1.6em;
	}
	
	#header #search {
		float: right;
		padding-top: 47px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 25px;
		text-align: right;
	}
	



	/* Two column layout courtesy of http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ */
	body,
	html {
		margin:0;
		padding:0;
		color:#000;
	}
	
	#header {
		height: 110px;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #c8c8c8;
	}
	
	.narrowcolumn {
		border-right-width: 1px;
		border-right-style: dashed;
		border-right-color: #c8c8c8;
		padding-right: 30px;
	}
	
	body {
		min-width:850px;
	}
	#page {
/*		background:#99c; */
		background:#fff;
		background-image: url(images/topFade.png);
		background-repeat: repeat-x;
		margin:0 auto;
		width:850px;
		border: 1px solid #888888;
		border-top: none;
	}
	#header h1 {
    	padding-left: 25px;
		padding-top: 35px;
	    margin:0;
    }
	
	#header .description {
    	padding-left: 25px;
	    margin:0;
		margin-bottom:10px;
	}
	
	#nav {
/*		background:#c99; */
		padding:5px;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}
	.narrowcolumn {
/*		background:#9c9; */
		float:left;
		width:550px;
	}
	
	.widecolumn {
		padding-right: 80px;
	}
	
	#sidebar {
/*		background:#f8e; */
		background-attachment:fixed;
		background-repeat:repeat-y;
		float:right;
		width:200px;
		padding-right: 30px;
		margin-top: 0px;
		padding-top: 20px;
	}
	
	#footer {
/*		background:#cc9; */
/*		background:#fff; */
		clear:both;
	}
	#footer p {
		padding:5px;
		margin:0;
    }

	.warning {
		font-weight: bold;
		background-color: #FFFF66;
	}

	table.data {
		font-family: 'Lucida Grande', 'Verdana', sans-serif;
		font-size: 0.8em;
		border-collapse: collapse;
		border: 1px #666 solid;
		margin-bottom: 1em;
	}

	.data th {
		margin: 0;
		padding: 3px;
		border: 1px #666 solid;
	}

	.data .even {
		background: #eee;
	}

	.data td {
		border-left: 1px #999 solid;
		border-right: 1px #999 solid;
		margin: 0;
		padding: 3px;
	}