/*
Theme Name: YeinJee dot Com
Theme URI: http://yeinjee.com/
Description: A very simple template
Version: 3.3
Author: YeinJee
Author URI: http://yeinjee.com/
*/

/* Layout */

body {
	font-size: 85%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #F5F5E7;
	text-align: center;
	}

#wrapper {
	margin: 0 auto;
	width: 980px;
	background-color: #FFF;
	text-align: left;
        border: 1px solid #008000;
}

#header {
	padding: 5px 32px 5px 32px;
	background-color: #008000;
	height: 80px;
}

#nav {
	padding: 5px 0 5px 0;
	text-align: center;
        font-size: 0.9em;
        line-height: 1.8em;
	background-color: #FAFAD2;
        border-bottom: 1px solid #008000;
}

#content {
	float: left;
	padding: 0 25px 10px 32px;
	width: 550px;
        line-height: 1.8em;
}

#side  {
        float: right;
	padding: 0 32px 0 0;
	width: 336px;
} 

#adbar {
	float: left;
	padding: 0 10px 0 0;
	width: 105px;
        line-height: 2.0em;
        font-size: 0.85em;
} 

#midbar {
        float: right;
	padding: 0 10px 0 0;
        width: 106px;
        line-height: 2.0em;
        font-size: 0.85em;
} 

#sidebar {
        float: right;
        padding: 0 0 0 0;
        width: 105px;
        line-height: 2.0em;
        font-size: 0.85em;
} 

#lbar {
        float: left;
        padding: 0 15px 0 0;
        width: 120px;
        line-height: 2.0em;
        font-size: 0.85em;
} 

#rbar {
        float: right;
        padding: 0 0 0 0;
        width: 201px;
        line-height: 2.0em;
        font-size: 0.85em;
}

#abar {
        float: left;
        padding: 0 10px 0 0;
        width: 163px;
        line-height: 2.0em;
        font-size: 0.85em;
} 

#bbar {
        float: right;
        padding: 0 0 0 0;
        width: 163px;
        line-height: 2.0em;
        font-size: 0.85em;
} 

#footer {
	padding: 15px 0 15px 0;
	clear: both;
	text-align: center;
	font-size: 0.85em;
        line-height: 2.0em;
	border-top: 1px solid #008000;
}


/* Fonts size and colors */

h1, h2, h3, h4, h5 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0;
}

h1 {
        font-size: 3.2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1.0em;
}

small {
	font-size: 0.85em;
}

strong {
	font-size: 1.0em;
}

a:link {
	color: #0000FF;
	text-decoration: none;
}

a:visited {
	color: #0000FF;
	text-decoration: none;
}

a[icon ^="out"] {
   padding-right: 15px;
   background: transparent url(http://www.yeinjee.com/external.png) no-repeat center right;
}

#header a {
	color: #fff;
} 

#header h3 {
	color: #fff;
} 

#nav a {
	color: #008000;
} 

.comment1 a:link {
	color: #0000FF;
	text-decoration: none;
}

.comment1 a:visited {
	color: #0000FF;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* image */

img {
        margin: 0;
        padding: 0 0 5px 0;
        border: 0;
}

img.right { 
        padding: 0; 
        margin: 5px 0 5px 15px; 
        display: inline;
}

img.left { 
        padding: 0; 
        margin: 5px 15px 5px 0; 
        display: inline;
}

img.centered { 
        display: block;
        margin-left: auto; 
        margin-right: auto;
}

.right { 
        float: right; 
        margin: 5px 0 5px 15px;  }

.left { 
        float: left; 
        margin: 5px 15px 5px 0; }

.video { 
        padding: 4px 0 8px 0; }

.caption { 
        padding: 15px 10px 10px 10px; 
        border: 0; 
        background: #FAFAD2; 
        font-size: 0.85em;
        text-align: center; }

.caption1 { 
        padding: 0; 
        border: 0; 
        background: #008000; 
        font-size: 0.85em;
        text-align: center; }

.caption2 { 
        padding: 2px 0 0 0; 
        border: 0; 
        background: #fff; 
        text-align: center; }

.caption3 { 
        padding: 0; 
        border: 0; 
        background: #008000; 
        text-align: center; }

.synopsis {
	margin: 0;
	padding: 5px 0 0 15px;
	border-left: 4px solid #FAFAD2;
}

/* class */

.post {
	margin: 0 0 0 0;
	text-align: justify;
}

.posttitle {
	margin: 20px 0 0 0;
	width: 100%;
	color: #008000;
	overflow: auto;
        line-height: 2.0em;
}

.posttitle a {
	float: left;
}

.posttitle a:link, .posttitle a:visited {
	color: #008000;	
}

.postmeta {
	margin: 5px 0 0 0;
	text-align: justify;
	font-size: 0.75em;
	color: #999;
}

.postentry {
	margin: 0 0 40px 0;
}

.postfeedback {
	font-size: 0.85em;
}

.nextpost {
	font-size: 0.85em;
}

.sidesub {
	margin: 20px 0 20px 0;
}

.sidead {
	margin: 20px 0 20px 0;
	background-color: #FAFAD2;
}

.adsense {
	margin: 15px 0;
	font-size: 0.8em;
	color: #999;
}

.adsense1 {
	margin: 20px 0 20px 0;
	font-size: 0.8em;
	color: #999;
	text-align: right;
}

.adsense2 {
	margin: 15px 0 0 0;
	text-align: center;
}

.adsense3 {
	margin: 0 0 40px 0;
	font-size: 0.8em;
	color: #999;
	text-align: center;
}

.adsense4 {
	padding: 5px 0 5px 0;
        border: 1px solid #008000;
	text-align: center;
}

.adsense5 {
	margin: 25px 0 10px 0;
	font-size: 0.8em;
	color: #999;
}

.adsensel {
	margin: 0 15px 5px 0;
	font-size: 0.8em;
	color: #999;
	text-align: left;
}

.adsenser {
	margin: 0 0 5px 15px;
	font-size: 0.8em;
	color: #999;
	text-align: right;
}

.adsensecb { 
	margin: 20px 0 0 0;
        padding: 15px 0 10px 0; 
        border: 0; 
        background: #FAFAD2; 
        font-size: 0.8em;
        text-align: center; }

.adsenset {
	padding: 10px 0 5px 0;
        text-align: center; }

.search { 
	padding: 5px;
        border: 1px solid #E8E7D0; 
        background: #E6E6E6; 
        text-align: center; }

/* Adbar */

#adbar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#adbar ul {
	margin: 1.2em 0;
	padding: 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAD2;
	list-style-type: none;
}

#adbar ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#adbar ul li a {
        display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px 0 10px;
	width: 110px;
	width: 95px;
	color: #008000;
} 

html>body #adbar ul li a {
	width: 95px;
	color: #008000;
}

#adbar ul li a:hover {
	background-color: #FFF;
}

#adbar ul ul {
	margin: 0;
	border: none;
}

#adbar ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 20px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#adbar ul ul li a {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 20px;
	width: 110px;
	width: 85px;
} 

html>body #adbar ul ul li a {
	width: 85px;
}

/* Sidebar */

#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#sidebar ul {
	margin: 1.2em 0;
	padding: 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAD2;
	list-style-type: none;
}

#sidebar ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#sidebar ul li a {
        display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px 0 10px;
	width: 110px;
	width: 95px;
	color: #008000;
} 

html>body #sidebar ul li a {
	width: 95px;
	color: #008000;
}

#sidebar ul li a:hover {
	background-color: #FFF;
}

#sidebar ul ul {
	margin: 0;
	border: none;
}

#sidebar ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 20px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#sidebar ul ul li a {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 20px;
	width: 110px;
	width: 85px;
} 

html>body #sidebar ul ul li a {
	width: 85px;
}


/* Midbar */

#midbar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#midbar ul {
	margin: 1.2em 0;
	padding: 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAD2;
	list-style-type: none;
}

#midbar ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#midbar ul li a {
        display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px 0 10px;
	width: 110px;
	width: 95px;
	color: #008000;
} 

html>body #midbar ul li a {
	width: 95px;
	color: #008000;
}

#midbar ul li a:hover {
	background-color: #FFF;
}

#midbar ul ul {
	margin: 0;
	border: none;
}

#midbar ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 20px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#midbar ul ul li a {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 20px;
	width: 110px;
	width: 85px;
} 

html>body #midbar ul ul li a {
	width: 85px;
}

/* Lbar */

#lbar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#lbar ul {
	margin: 1.2em 0;
	padding: 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAD2;
	list-style-type: none;
}

#lbar ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#lbar ul li a {
        display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px 0 10px;
	width: 115px;
	width: 100px;
	color: #008000;
} 

html>body #lbar ul li a {
	width: 105px;
	color: #008000;
}

#lbar ul li a:hover {
	background-color: #FFF;
}

#lbar ul ul {
	margin: 0;
	border: none;
}

#lbar ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 20px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#lbar ul ul li a {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 20px;
	width: 115px;
	width: 90px;
} 

html>body #lbar ul ul li a {
	width: 90px;
}

/* Rbar */

#rbar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#rbar ul {
	margin: 1.2em 0;
	padding: 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAD2;
	list-style-type: none;
}

#rbar ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#rbar ul li a {
        display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px 0 10px;
	width: 206px;
	width: 191px;
	color: #008000;
} 

html>body #rbar ul li a {
	width: 191px;
	color: #008000;
}

#rbar ul li a:hover {
	background-color: #FFF;
}

#rbar ul ul {
	margin: 0;
	border: none;
}

#rbar ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 20px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#rbar ul ul li a {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 20px;
	width: 206px;
	width: 181px;
} 

html>body #rbar ul ul li a {
	width: 181px;
}

/* abar */

#abar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#abar ul {
	margin: 1.2em 0;
	padding: 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAD2;
	list-style-type: none;
}

#abar ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#abar ul li a {
        display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px 0 10px;
	width: 163px;
	width: 148px;
	color: #008000;
} 

html>body #abar ul li a {
	width: 148px;
	color: #008000;
}

#abar ul li a:hover {
	background-color: #FFF;
}

#abar ul ul {
	margin: 0;
	border: none;
}

#abar ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 20px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#abar ul ul li a {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 20px;
	width: 163px;
	width: 138px;
} 

html>body #abar ul ul li a {
	width: 138px;
}

/* bbar */

#bbar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
}

#bbar ul {
	margin: 1.2em 0;
	padding: 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAD2;
	list-style-type: none;
}

#bbar ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#bbar ul li a {
        display: block;
	margin: 0 0 0 -10px;
	padding: 0 5px 0 10px;
	width: 163px;
	width: 148px;
	color: #008000;
} 

html>body #bbar ul li a {
	width: 148px;
	color: #008000;
}

#bbar ul li a:hover {
	background-color: #FFF;
}

#bbar ul ul {
	margin: 0;
	border: none;
}

#bbar ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 20px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#bbar ul ul li a {
	margin: 0 0 0 -20px;
	padding: 0 5px 0 20px;
	width: 163px;
	width: 138px;
} 

html>body #bbar ul ul li a {
	width: 138px;
}

/* Comments */

#commentlist {
	margin: 1.2em;
	list-style-type: none;
}

#commentlist li {
	padding: 1px;
	background-color: #008000;
}

.alt {
	background-color: #FAFAD2;
}

.commenttitle {
	margin-bottom: 0;
	font-size: 5.0em;
}

.commentmeta {
	margin-top: 0;
}

#comment {
	width: 100%;
}

/* Others */

input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FAFAD2;
	color: #333;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
} 

blockquote {
	margin: 0;
	padding: 5px 0 0 15px;
	border-left: 4px solid #F5F5E7;
}

code {
	font-family: monospace;
	color: #666;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}