/*

Theme Name: Supemi
Theme URI: http://onethousandseas.org/you/supemi
Author: Zhong-I Ma
Author URI: http://onethousandseas.org
Version: 0.92
License Statement: Public domain (GPL-compatible)

Tags: one-column, fixed-width, custom-colors, custom-header, sticky-post, rtl-language-support

Description: Stands for SUPEr MInimalist.  <i>Very</i> easy customization.  A simple, clean, quick-loading, text-only minimalist design with widget-ready bottom sidebar, breadcrumb navigation, full validation, no extraneous repetition of content or navigation, a minimum of files, and heavily commented for beginners.  Started from <a href="http://binarybonsai.com/wordpress/kubrick/">Kubrick</a> and <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>.  <a href="http://mtekk.weblogs.us/code/breadcrumb-navxt/">Breadcrumb NavXT</a> plugin required, theme instructions & further resources at <a href="http://onethousandseas.org/you/supemi">theme website</a>.

*/

/* ####################
GENERAL
#################### */

body
{
background-image: url("/m/sys/bg-hairline.jpg");
background-repeat: repeat;
margin:0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link,a:visited,a:active {
color: #1000FF;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

img {
border: solid 2px transparent;
vertical-align:bottom;
}
a:link img {
border: solid 2px transparent;
}
a:visited img {
border: solid 2px transparent;
}
a:active img {
border: solid 2px #1000FF;
}
a:hover img {
border: solid 2px #1000FF;
}
#fixed img {
border: none;
vertical-align:bottom;
}

blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 15px;
padding-left: 5px;
line-height: 1.5;
font-weight: bold;
color: #00536A;
border-left: 4px solid #00536A;
} 

h1 {
font-size: 20px;
}

#fourohfour_supemi {		/*  Body of 404.  */
font-size: xx-large; 
text-align:center;
margin-bottom:25px;
}

#fourohfour_nav_supemi {	/*  Header nav of 404.  */
text-align:center;
margin-top:10px;
margin-bottom:10px;
font-family:Arial,serif;
}

/* ####################
EVERYTHING INSIDE
#################### */

#everything_inside_supemi {	/*  Everything inside, all the content between header and footer.  */
padding-bottom:60px;
margin:0px 0px 0px 174px;
overflow:hidden;
width:839px;
}

/* ####################
TOP (POSTS)
#################### */

#top_container_supemi {		/*  Div containing 1.  Date positioning div, 2.  Blog post positioning div.  */
overflow:hidden;
line-height: 1.3;
}

.date_supemi {			/*  1.  Date positioning div.  */
width:130px;
float:left;
text-align:right;
}

/*  Nothing here.  */		/*  2.  Blog post positioning div is actually an inline style.  Why?  See: http://wordpress.org/support/topic/270619  */

/* ####################
BOTTOM (SIDEBARS)
#################### */

#bottom_container_supemi {	/*  Div containing 1.  Left sidebar positioning div, 2.  Right sidebar positioning div.  */
margin-right:150px;
margin-left:100px;
}

#right_sidebar_supemi {		/*  2.  Right sidebar positioning div.  */
width:99%;
margin-right:40px;
}

/* ####################
HEADER/FOOTER
#################### */

#header_supemi {		/*  Positions header.  */
text-align:left;
margin:0px 0px 20px 279px;
font-family:'Times New Roman',Times,serif;
}

#subheader_supemi {		/*  Positions extra-title bits of the header.  */
overflow: hidden;
width: 100%;
}

#subheadernav_supemi {		/*  Positions breadcrumb.  */
width: 48%;
float: left;
text-align: left;
padding:5px;
}

#subheaderforms_supemi {	/*  Positions forms (search, etc.)  */
width: 100%;
float: left;
text-align: left;
padding:5px;
}

#footer_supemi {		/*  Positions footer.  */
clear:both;
text-align:left;
line-height:1.2;
padding-top:15px;
padding-bottom:1px;
margin: 0px 0px 0px 279px;
}

/* ####################
FIXES (CORRECTIONS FOR GLITCHES)
#################### */

.go_up_supemi {			/*  Makes sure post titles align to top with dates.  */
margin-top:0;
}

.navigation {			/*  Positions navigation.  */
text-align: left;
line-height: 1.2;
width: 600px;
margin-left: 119px;
margin-right: 150px;
padding-bottom: 60px;
}

#comment {			/*  Adjusts width of comment box.  */
width:550px;
}

/* ####################
READABILITY
#################### */

.date_supemi {			/*  Date typography.  */
font-weight:bold;
font-size:1.2em;
}

#meta_info_supemi {		/*  "single.php" meta info typography.  */
font-size:x-small;
font-weight:bold;
}

#top_container_supemi {		/*  Justifies text around pics.  */
text-align:left;
}

.go_bold_supemi {		/*  Bolds things and spaces them apart when needed.  */
font-weight:bold;
margin-top:60px;
margin-bottom:15px;
}

.avatar {			/*  Spaces avatars in relation to comments.  */
float:right;
padding-left:5px;
}

.each_comment_supemi {		/*  Spaces comments apart.  */
border-top:1px solid;
margin-bottom:15px;
padding-top:15px;
}

#respond_supemi {		/*  Spaces response fields down from rest of the page.  */
margin-top:60px;
}

.sticky {			/*  Sticky post typography.  */
font-size:x-large;
}

/* ####################
OPTIONAL
#################### */

#blog_title_supemi {			/*  Typography and spacing of blog title to stand out.  */
font-size:30pt;
margin-top:10px;
}		

a:link#blog_title_text_supemi {		/*  Styles link if blog title is text.  Comment this entire section out if your title isn't text, such as a graphic.  */
color:#AA0000;
text-decoration:none; 
}
a:visited#blog_title_text_supemi {
color:#AA0000;
text-decoration:none;
}
a:active#blog_title_text_supemi {
color:white; 
text-decoration:none; 
background-color: #FFCCCC;
}
a:hover#blog_title_text_supemi {
color:white; 
text-decoration:none; 
background-color: #FFCCCC;
}

#everything_inside_supemi {		/*  Typography everything inside.  Distinguishes it from header/footer.  */

}

#subheadernav_supemi, #subheaderforms_supemi, #footer_supemi, .navigation {	/* Typography of header/footer div. Distinguishes it from everything inside.  */

}

.comment_text_supemi {			/*  Pretties up comment-to-avatar spacing by justifying.  */
text-align:left;
font-size: small;
}

#left_sidebar_supemi,#right_sidebar_supemi {		/*  Sidebar typography.  */
font-size: small;
color: #333333;
}

/* ####################
CSS CLASSES REQUIRED BY WORDPRESS
#################### */

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

.alignleft {
float: left;
margin-right:5px;
}

.alignright {
float: right;
margin-left:5px;
}

.rss-box {
	 padding: 4px 8px;
	 background-color: #ffffff;
	 border: 2px dashed #7485CA;
}
.rss-items {
	font-size: 75%;
	color: #DF7F7F;
}
.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	text-decoration : none;
	font-weight: bold;
	font-size: 120%;
	color: #1B2E73;
}
.rss-item a:hover { 
	text-decoration : underline;
	font-weight: bold;
	font-size: 120%;
	color: #1B2E73;
}

#topmenu {
	margin-left: 240px;
	font-size: 70%;
}
img#menuicon {
	margin: 0 0 0 8px;
}
a#menu {
	text-decoration : underline;
	font-weight: bold;
	color: #333;
}

.rightsideb, .leftsideb {
	color: #333;
	font-size:80%;
	line-height:1.2;
	list-style-type: none;
}
.rightsideb ul, .leftsideb ul {
	margin: 0 0 0 0;
	padding: 0 3px 0 0;
	list-style-type: none;
}
.rightsideb ul li {
	margin: 0 0px 5px 0;
	padding: 1px;
	background: url("/m/sys/bg-rlist.png") repeat-y;
}
.leftsideb ul li {
	margin: 0 0px 5px 0;
	padding: 1px;
	background: url("/m/sys/bg-llist.png") repeat-y;
}
h2.widgettitle {
	margin-bottom: 0;
}