/*  
Theme Name: Yu Shan Arts 
Theme URI: http://www.yuindustries.com/
Description: A wordpress theme by Han Yu
Author: Han Yu
Author URI: http://www.yuindustries.com/ 
*/

/* RESET */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; } 

/* TYPOGRAPHY */
html { font-size: 62.5%; font-family: Georgia, times, serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Helvetica, sans-serif;}
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
#navigation a { font-weight: bold; font-family: Helvetica, sans-serif;}

/* QUOTES */

blockquote { border-top: 1px dotted #aaa; border-bottom: 1px dotted #aaa; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* FORMS */
fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border: 2px solid #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; } 

/* BASE SIZES */
#content { font-size: 1.3em; line-height: 1.6em;}
#content h2 { font-size: 1.5em; }
#content h3 { font-size: 1.15em; }
#content h4 { font-size: 1.15em; }
#content h5 { font-size: 1.1em; }
#content h6 { font-size: 1em; }
#content blockquote { font-size: .98em; line-height: 1.35em;}
#sidebar { font-size: 1.1em; line-height: 1.45em; }
#sidebar h2 { font-size: 1.3em; }
#sidebar #navigation a { font-size: 1.2em;}

/* HR */  
#content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */
#content ul li { text-indent: -.85em; margin-left: .85em; }
#content ul li:before { content: "\2022\00a0\00a0"; }
#content ol { list-style-position: outside; list-style-type: decimal; }
#content dt { font-weight: bold; }

/* TABLES */
#content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
#content th, #content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */   
#content blockquote *:first-child { margin: .9em 0; }
#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form { margin-bottom: 1.6em; }
#content p+p { margin-top: -.9em; }
#content h2 { margin: .6em 0 .5em; }
#content h3 { margin: .2em .6em .1em 0; padding-right: .5em; border-right:1px dotted #666; }
#content h4 { margin: .2em .6em .1em; }
#content h5 { margin: .3em 0 .2em; }
#content h6 { margin: .3em 0 .2em; }
#content th, #content td { padding: .8em; }
#content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#content blockquote { padding: 0 .5em; margin: 1.9em 0; }
#content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
#content legend { padding-left: .8em; padding-right: .8em; }
#content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
#content textarea, #content input { padding: .3em .4em .15em .4em; }
#content select { padding: .1em .2em 0 .2em; }
#content option { padding: 0 .4em; }
#content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
#content dt { margin-top: .8em; margin-bottom: .4em; }
#content ul { margin-left: 1.5em; }
#content ol { margin-left: 2.35em; }
#content ol ol, #content ul ol { margin-left: 2.5em; }
#content form div { margin-bottom: .8em; }  
#sidebar p+p { margin-top: -.5em; }
#sidebar h2 { margin: 1.02em 0 .5em; }

/* COLORS */
#content h4 { color:#666; }
#content a:link { text-decoration: underline; color: #336; }
#content a:visited { text-decoration: underline; color: #333; }
#content a:hover { text-decoration: underline; color: #96f; }
#content a:active, #content a:focus { text-decoration: underline; color: #000; }
#content h2 a:link { text-decoration: none;}
#content h2 a:visited { text-decoration: none;}
#navigation a:link { text-decoration: none; color: #630; }
#navigation a:visited { text-decoration: none; color: #630; }
#navigation a:hover { text-decoration: none; color: #c93; }
#navigation a:active, #navigation a:focus { text-decoration: none; color: #000; }

/* STRUCTURE */	

body { background-color: #FFF; }

#container {  
margin: 0 auto;
width: 750px;
}

	#branding {    
	display: block;
	height:150px;
	}   
	
		#branding h1 a { 
		display:none;
		}

		#branding p.description {}

	#navigation {
	background: #FFF url(images/bg_navigation.jpg) no-repeat scroll top left;
	border-bottom: 1px solid #000;
	display: block;
	height: 30px;
	padding-top: 10px;
	width: 750px;
	}     
	
		ul.nav-main {
		display: block;
		height: 20px;
		width: 700px;
		}

		ul.nav-main li {
		float: left;
		position: relative;
		padding: 0;
		}

		ul.nav-main li a {
		display: block;
		margin: 0 10px 0 12px;
		}

		ul.nav-main li.home a {
		margin-left: 10px;
		}       
		
		ul.nav-main li.search {
		float: right;
		width: 250px;
		}
                
			form.searchform {
			text-align: right;
			margin: 0;
			width: 230px;
			}  
		
	#main {   
	display: block;
	width: 750px;		  
	}

		#content {
		float:left;
		margin: 20px 25px 25px 25px; 
		width: 700px;      
		}  
                           
			#content .metadata { }

			#content .metadata a { }

			#content .post h3 { }

			#content .entry { }   
			
			#content img {
			border: 1px solid #ccc;
			display: block;
			margin: 0 auto;
			max-width: 450px;
			padding: 10px;
			}			

	#footer {
	border-top: 1px solid #000;
	clear: both;  
	height: 40px;
	width: 750px;
	}   
		
		#footer p {
		margin: 10px 15px;
		}

/* COMMENTS */  

h3#respond {}

ol.commentlist {
margin: 10px 0;
}

#content .commentlist li.comment-item {
margin: 5px 0;
padding: 20px 15px 10px 15px;
list-style-type: none;
overflow: hidden;
}

	#content .commentlist li.alt {
	border: 1px dotted #ccc;
	margin: 15px 15px 0 15px;
	}

		.comment_author {
		font-size: 1.4em;
		}          
		
		.comment-info {
		margin-bottom: 10px;
		}

		.comment_number a {
		color: #d6d6d6;
		float: right;
		font-size: 3.2em;
		margin-top: -10px;
		padding-right: 10px;
		text-decoration: none;
		}
		
/* PAGE-SPECIFIC */
.archive_date {}
.last_20 li {}
.pagetitle {}    

/* RESUME */
div.hresume {
	position: relative;
}

ul.vcalendar li.vevent, ul.vcalendar li.experience {
	list-style: none;
	list-style-image: none;
}

h3.title, h4.org {display:block;float:left;}
p.period, p.description {display:block;clear:both;}

#overview, div.profile-header div.actions {
	display: none;
}

#summary p.skills {
	clear: both;
}

#name {
display:none;
}

#nameplate p.headline {
	margin-top: 0.4em;
	margin-bottom: 0;
}

#nameplate div.adr p.locality { display:none;}

#summary {
	margin-top: .2em;
}

#summary h2,#summary h3  {
	display: none;
}

#summary p.summary {
	width: 530px;
	font-size: .93em;
	line-height: 1.3em;
	padding: 1em;
	background: #eee;
}

#experience {
	overflow: hidden;
}

#experience ul.vcalendar {
	margin-left: 1em;
}

#experience ul.vcalendar li.experience {
	position: relative;
	margin-top: .3em;
}

a.include, .organization-details, .duration {display:none;}

/* PRINT */
@media print {
* { background: #fff; }
body { font-family: georgia, times, serif; color: #000; }
blockquote { font-style: italic; color: #000; }
a:link, a:visited { border-bottom: 1px solid #000; }
}