/*  
Theme Name: yongi 08
Theme URI: http://mnf.yongi.org
Description: A minimalist theme where white space and margins can show culture and aestheticism. For WordPress 2.0+. Widgets-friendly.  Based on Barthelme by Scott Allan Wallick.
Version: 1
Author: yongi
Author URI: http://scottwallick.com/
*/

/*
"Barthelme" (C) 29ba7bb Scott Allan Wallick - http://scottwallick.com/ - and distributed under the terms of the GNU General Public License v2
*/

html, body
{
	margin: 0;
	padding: 0;
}

body
{
	background-color: #052457;
	color: #222;
	line-height: 150%;
}

/* GLOBAL ELEMENT COMBINATIONS */
h3.post-date, p.post-date-single, h3#comment-count { word-spacing: 0.2em; }

div.post-header p, p.post-date-single, div.post-footer, h3#comment-count, div#sidebar ul li h2
{
	background: #fefdff;
	color: #767674;
}

p.post-date-single
{
	background: #767674;
	color: #fefdff;
}

h3.post-date, div.post-entry h1, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6, div#sidebar ul li p
{
	background: #fefdff;
	color: #444;



}

div.post-entry blockquote
{
	background: #fefdff;
	color: #052457;
}

div.post-entry strong
{
	color: #052457;
}


p.post-date-single, div.post-footer p, h3#comment-count, h4#comment-header, div.nav-left, div.nav-right { text-align: center; }

/* HEADER STUFF */
div#header
{
	color: #fefdff;
	margin: 0 0 .6em 0;
	padding: .5em .5em .5em .5em;
	height: 66px;
	min-height: 66px;
	max-height: 66px;
	background-color: #767674;
	background-image: url(images/yhead.jpg);
	background-repeat: repeat-x;
}

h1#title
{
	font-size: 2.5em;
	font-weight: normal;
	line-height: normal;
	margin: 80px 0 0 0;
	padding-bottom: .1em;
}

p#description
{
	font-size: 1.3em;
	margin: 0;
}

/* WRAPPER - CONTAINER - CONTENT STUFF */
div#wrapper { }

div#container, div.post-container
{
	float: right;
	width: 100%;
	background: #767674;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

div#container { margin: 0 0 0 -20em; }

div.post-container
{
	margin: 0 0 0 -10.5em;
	background: #fefdff;
}

div.narrowcolumn
{
	margin: 3em 0 0 19.5em;
	padding: 0 2% 0 1%;
	background: #fefdff;
	-moz-border-radius-topleft:  6px;
	-moz-border-radius-topright:  0px;
	-moz-border-radius-bottomleft: 6px; 
	-moz-border-radius-bottomright: 0px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 0px;
}

div.widecolumn
{
	margin: 40px 0 0 19em;
	padding: 0 4% 0 2%;
	background: #767674;
}

div.post-content { margin: 0 0 4em 10.5em; }
div.post { clear: both; }

h2.post-title
{
	font-size: 1.1em;
	margin: 0;
}

h3.post-date
{
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

div.post-header
{
	float: left;
	margin: 0 0 3em 0;
	text-align: right;
	width: 9em;
}

div.post-header p
{
	line-height: 150%;
	margin: 0 0 0.25em 0;
}

p.post-date-single
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	color: #767674;
	background: transparent;
}

h2.post-title-single
{
	font-size: 1.7em;
	font-weight: normal;
	margin: 0.3em 0 0 0;
	text-align: center;
	color: #767674;
	background: transparent;
}


.widecolumn p.post-date-single
{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	color: #ffeff6;
	background: transparent;
}

.widecolumn h2.post-title-single
{
	font-size: 1.7em;
	font-weight: normal;
	margin: 0.3em 0 0 0;
	text-align: center;
	color: #ffeff6;
	background: transparent;
}






div.post-entry
{
	background: #fefdff;
}


div.post-entry p
{
	line-height: 150%;
	margin: 1em 0;
	background: #fefdff;
	padding: 0px 5px 0px 5px;
}

div.post-entry ul li { list-style: square; }
div.post-entry ul li, div.post-entry ol li { line-height: 150%; }

div.post-entry h1, div.post-entry h2, div.post-entry h3, div.post-entry h4, div.post-entry h5, div.post-entry h6
{
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.2em 0 -0.6em 0;
}

div.post-entry blockquote
{
	border-left: .3em #052457 solid;
	font-size: 0.9em;
	padding-left: 1em;
}

div.post-footer
{
	border-bottom: 1px solid #767674;
	border-top: 1px solid #767674;
	font-size: 1em;
	margin: 0 0 3em 0;
	padding: 0.7em 0.2em;
}

div.post-footer p { margin: 0 auto; }

/* COMMENTS STUFF */
h3#comment-count
{
	font-size: 0.9em;
	margin: 0;
}

h4#comment-header
{
	font-size: 1.6em;
	font-weight: normal;
	margin: 0.1em 0 1em 0;
	color: fefdff;
}

h4#respond
{
	font-size: 1.3em;
	font-weight: normal;
	margin: 2em 0 0 0;
	color: #767674;
}

div.formcontainer p { margin: 0.5em 0 1em 0; }
div#comments { background: #fefdff; }

div#comments ol li
{
	background: #f6f7f9;
	color: #111;
	margin: 1em 5%;
	padding: 0.5em 1em;
}

div#comments ol li.alt
{
	background: #e7eaed;
	color: #111;
}

div#comments ol li p { margin: 0.5em 0; }

div#comments ol li p.comment-metadata
{
	font-size: 0.9em;
	background: #fefdff;
}

/* SIDEBAR STUFF */
div#sidebar
{
	float: left;
	width: 18em;
	background: #fefdff;
	margin-top: 3em;
	-moz-border-radius-topleft:  0px;
	-moz-border-radius-topright:  6px;
	-moz-border-radius-bottomleft: 0px; 
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
}


div#sidebar .widgettitle {	background: #fefdff;} 

div#sidebar ul
{
	margin: 0 1.5em 0 3em;
	padding: 0;
}

div#sidebar ul li
{
	font-size: 1em;
	line-height: 175%;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0;
}

div#sidebar ul li h2
{
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}

div#sidebar ul li p, div#sidebar ul li ul, div#sidebar ul li ul li
{
	margin: 0;
	padding: 0;
}

div#sidebar ul li ul li ul li
{
	font-size: 0.9em;
	margin: 0 0 0 1em;
}

/* FOOTER STUFF */
div#footer
{
	background: #052457;
	clear: both;
	color: #767674;
	padding: 5em 0 1em 3em;
}

div#footer p
{
	font-size: 0.9em;
	margin: 0;
	color: #fefdff;
}

/* GLOBAL ALIGNMENT AND MISC ELEMENTS */
div.navigation
{
	clear: both;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}

div.nav-left, div.nav-right
{
	margin: 10px auto 10px auto;
	width: 49%;
	background: #fefdff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.alignleft, div.nav-left { float: left; }
.alignright, div.nav-right { float: right; }

abbr, acronym
{
	border-bottom: 1px dotted #546188;
	cursor: help;
}

code, pre { font: 1em/normal "courier new", courier, monospace; }

.clearer
{
	clear: both;
	height: 0;
}

/* IMAGE ELEMENTS, INCLUDING LINKS */
div#content img.center
{
	display: block;
	margin: 0.4em auto;
}

div#content img.alignright { margin: 0.4em 0 0.4em 1.1em; }
div#content img.alignleft { margin: 0.4em 1.1em 0.4em 0; }
li a img { border: none !important; }

/* FORMS FOR COMMENTS AND SEARCH / INCLUDES STYLES FOR THE WP-CONTACTFORM PLUGIN */
form
{
	margin: 0.3em 0 0 0;
	padding: 0;
}

input#s
{
	margin: 0 0 0.4em 0;
	padding: 0.2em;
	width: 70%;
}

textarea
{
	height: 13em;
	overflow: auto;
	width: 66%;
}

input#searchsubmit, input#submit { border: 1px outset #999; }
input#s, input#author, input#email, input#url { width: 66%; }

input#s, input#author, input#email, input#url, textarea
{
	border: 1px inset #999;
	padding: 0.2em;
}

div.formcontainer
{
	font-size: 1em;
	margin: 0 0 3em 0;
	width: 100%;
}

div.formright, div.formleft
{
	display: inline;
	float: left;
	margin: 0 0 0.5em 0;
}

div.formleft
{
	clear: both;
	text-align: right;
	width: 15%;
	margin: 0 2% 0 0;
}

div.formright { width: 80%; }

/* LINK STYLES */
div#header a, div#header a:active, div#header a:link, div#header a:visited
{
	background: transparent;
	color: #fefdff;
	text-decoration: none;
}

div#header a:hover
{
	background: transparent;
	color: #e5e5e5;
}

div#content a, div#content a:active, div#content a:link, div#content a:visited
{
	color: #052457;
	background: transparent;
}

div#content a:hover
{
	color: #38578a;
	background: transparent;
}

div.post-header a, h2.post-title a
{
	text-decoration: none;
	color: #052457;
}

div.post-footer a
{
	background: #fefdff;
	color: #052457;
}

div#sidebar a, div#sidebar a:active, div#sidebar a:link, div#sidebar a:visited
{
	background: #fefdff;
	color: #052457;
	text-decoration: none;
}

div#sidebar a:hover
{
	background: #fefdff;
	color: #052457;
	text-decoration: underline;
}

div#footer a, div#footer a:active, div#footer a:link, div#footer a:visited { color: #fefdff; }

div#footer a:hover
{
	color: #F00;
	text-decoration: none;
}

div.rssdate
{
	background: #767674;
	color: #fefdff;
	margins: 0px;
	margin-right: 6px;
	margin-left: 6px;
}

div.rssitem
{
	border: 0px;
	font-size: .9em;
}