/*
Theme Name: Foggy Valley
Theme URI: http://pipian.com/
Description: A theme custom-built for pipian.com.
Version: 1.0
Author: pipian
Author URI: http://pipian.com/

	Foggy Valley v1.0

	This theme is partially based on Kubrick 1.5 by
	Michael Heilemann, whose blog you will find at
	http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	The Foggy Valley image utilized in the design is released
	under the Creative Commons Attribution ShareAlike 2.5
	License and the Derivative Works created from the use of
	this design with that image are also licensed with the
	Creative Commons Attribution ShareAlike 2.5 license, and
	all blog texts published with such an image must be
	licensed under the Creative Commons Attribution
	ShareAlike 2.5 license:
	http://creativecommons.org/licenses/by-sa/2.5/
*/



/* Begin Typography & Colors */
body {
	margin: 0;
	font-family: "Century Schoolbook", serif;
	background: url('images/bg_color.gif') repeat-y #384E77;
	color: #FFF;
}

h1, h2, h3 {
	font-weight: inherit;
	margin: 0;
}

h1 {
	font-size: 20pt;
}

.description {
	font-weight: inherit;
	font-size: 8pt;
	margin-top: 5px;
}
.post h2, h3 {
	font-family: 'Palatino Linotype', 'Book Antiqua', inherit;
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
	font-size: 14pt;
	font-style: italic;
}

#sidebar h2 {
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-size: inherit;
	margin-top: 10px;
}

#header {
	color: #384E77;
	background: #CEDCF6;
	font-style: italic;
	font-weight: normal;
	border-bottom: 2px solid #222;
	margin-left: 138px;
	padding: 5px;
	height: 50px;
}

#header a {
	color: inherit;
	background: inherit;
	text-decoration: none;
}
/* End Typography & Colors */



/* Begin Structure */
hr {
	display: none;
}

.pagetitle {
	font-weight: bold;
	margin-bottom: 10px;
}

#body {
	position: relative;
}

#content {
	/*float: left;*/
	background: #384E77;
	color: #FFF;
	margin: 0 120px 0 138px;
	padding: 10px;
}

#content a, #sidebar a, #footer a {
	color: #FFF;
	background: inherit;
}

#content a:hover, #sidebar a:hover, #footer a:hover {
	color: #CCC;
	background: inherit;
}

#content a:visited, #sidebar a:visited, #footer a:hover {
	color: #99F;
	background: inherit;
}

.date {
	font-size: 10pt;
	border-bottom: 1px dotted #FFF;
}

.entry {
	text-align: justify;
}

.postmetadata {
	border-top: 1px dotted #FFF;
	text-align: right;
	font-size: 8pt;
	padding-bottom: 5px;
}

#nav_image {
	background: url('images/bg.jpg') no-repeat bottom left #CEDCF6;
	position: fixed;
	top: 0;
	left: 0;
	padding: 10px;
	width: 100px;
	border-right: 3px solid #555;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 10pt;
	line-height: 2em;
	height: 100%;
}

#navbar {
	background: #9EB2D7;
	color: inherit;
	border: 1px dotted #000;
	padding: 5px;
}

#navbar a {
	color: #225;
	background: inherit;
}

#navbar a:hover {
	color: #FFF;
	background: inherit;
}

#navbar a:visited {
	color: #384E77;
	background: inherit;
}
/* End Structure */



/*	Begin Headers */
/* End Headers */



/* Begin Images */
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar {
/*	position: absolute;
	top: 60px;*/
	float: right;
/*	right: 0;*/
	background: #384E77;
	color: #FFF;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 9pt;
	padding: 10px 10px 10px 0;
	width: 110px;
}

#sidebar ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform img {
	position: relative;
	top: 3px;
}

#s {
	width: 85px;
}

#searchsubmit {
	width: 85px;
	margin-left: 20px;
}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
/* End Form Elements */



/* Begin Comments*/
/* End Comments */



/* Begin Sidebar */
/* End Sidebar */



/* Begin Calendar */
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
}

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

#sidebar ul ul li:before {
	content: "\00BB \0020";
}

#footer {
	clear: both;
	background: #384E77;
	color: inherit;
	margin-left: 138px;
	font-family: 'Palatino Linotype', 'Book Antiqua', inherit;
	font-size: 8pt;
	text-align: center;
	border-top: 1px dotted #FFF;
	padding: 5px;
}

.hidden {
	display: none;
	}

.navigation {
	border-bottom: 1px dotted #FFF;
	text-align: left;
	font-size: 8pt;
	padding-bottom: 5px;
}

.postmetadata.alt {
	text-align: justify;
	padding: 5px;
	border-bottom: 1px dotted #FFF;
}

#respond {
	letter-spacing: 0.5em;
	text-align: center;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

#commentform {
	font-size: 10pt;
}

#comment {
	width: 100%;
}

#content.widecolumn {
	margin-right: 0;
}

blockquote {
	background: url('images/blockquote.gif') repeat-y;
	margin: 0;
	padding-left: 30px;
}