/*

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 STRUCTURE
#################### */

body{
background-image: url('/wp-content/themes/custom/bg.JPG');
background-repeat: repeat-x;
background-attachment: scroll;
background-color:#ffffff;
margin:0;
color:#000000;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
/*background-color:#000000;*/
}

#outside_container {	
width:1000px;
margin:0px auto 0px;
text-align:left;
font: normal normal 100% Trebuchet, Trebuchet MS, Arial, sans-serif;
/*border:20px solid #666666;
border-style:none solid;*/
}

#header_title {		
float:center;
clear:both;
text-align:center;
margin:00px;
padding-top:20px;
}

#header_subtitle_area {
clear:both;
float:center;
text-align:center;
margin:00px;
padding:5px;
font-size:1.0em;
color:#000000;
font-family: Verdana, Arial, sans serif;
text-transform:uppercase;
}

#main_content_area {	
width: 620px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
margin:10px;

}

#navigation {	
font-size:2em;
text-align:center;
padding-left : 50px;
padding-right : 50px;
padding-top : 5px;
padding-bottom : 5px;
clear:both;
height:60px;
border-top: 1px solid #cccccc;
}


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

#left_sidebar_supemi {		/*  1.  Left sidebar positioning div.  */
float:left;
}

#right_sidebar_supemi {		/*  2.  Right sidebar positioning div.  */
float:right;
}

#left_sidebar_supemi, #right_sidebar_supemi {
width:350px;
color:#666666;
padding-top:10px;
text-align:justify;
}


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

.go_up_supemi {			/*  Makes sure post titles align to top with dates.  */ /*h2*/
margin-top:0;
/*Formatting for post titles*/
font-family:Verdana, Arial, sans serif/*84% Georgia, Times, serif*/;
font-weight:100;
text-align:left;
color:#000000;
}

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

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

.date_supemi {			/*  Date typography.  */
font-weight:bold;
font-size:.8em;
font-family: Verdana, Arial, sans serif;
}

#single_post_meta_info {		/*  "single.php" meta info typography.  */
font-size:.8em;
font-family: Verdana, Arial, sans serif;
text-transform:uppercase;
}

.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;
}

/* ####################
TITLE
#################### */	

a:link {
color:#666666;
text-decoration:none;
}
a:visited {
color:#666666;
text-decoration:none;
}
a:hover {
color:#666666;
text-decoration:underline;
}
a img {
border-width:0;
}

a:link#blog_title_link, a:visited#blog_title_link, a:active#blog_title_link, a:hover#blog_title_link{	

}


a:link.subtitle_link {	
text-decoration:none;
color:#ffffff; 
}
a:visited.subtitle_link {
text-decoration:none;
color:#ffffff; 
}
a:active.subtitle_link {
text-decoration:none;
color:#ffffff; 
}
a:hover.subtitle_link {
color:#cccccc; 
text-decoration:none; 
}

#outside_container, #subheadernav_supemi, #subheaderforms_supemi, #footer_supemi, #navigation {	
font-family: Verdana, Arial, sans serif;
}

.comment_text_supemi {			/*  Pretties up comment-to-avatar spacing by justifying.  */
text-align:justify;
}

/* ####################
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;
}

/* ####################
FONTS
#################### */

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

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

.date_supemi {			/*  1.  Date positioning div.  */
float:right;
text-align:right;
display:none;

}

.post_title{ font-size: 1em;}
.post {
width:610px;
padding:5px;
margin-bottom:30px;
/*background-color:#ffffff;
border-style:solid;
border-color:#cccccc;*/
}


small {font-size:.8em;}

li {list-style-type: none;}
.inline {display:inline;}
.bulleted {list-style-type: disc; margin-left:20px;}

h1{ padding:0px; margin:0px; }
ul{  padding:0px; margin:0px; }
#searchsubmit{ display:none }

.widgettitle{
font-size:.8em;
font-family: Verdana, Arial, sans serif;
text-transform:uppercase;
color:#000000;
text-align:left;
margin-top:0px;
}

.widget{ margin-bottom:20px; 
/*
background-color:#ffffff;
padding:10px;
border-style:solid;
border-color:#cccccc;*/
}

a.header_subtitle_button {
background-image: url('button.png');
background-repeat:no-repeat;
}

#header_left{float:left; width:480px;}
#header_right{float:right; padding-top:10px; width:500px; text-align:left;}

.capsule{
padding:3px;
margin:2px; /*
border-style:solid;
border-color:#cccccc;
background-color:#ffffff;*/
}

.single_post_interaction_panel{padding:10px 0px 20px 40px;}

.post_widget_box {background-color:#f1f1f1;border:dotted 1px;height:35px;color:#000000;margin:5px;}
.post_widget_box:hover {background-color:#ffffff;border-color:#ffffff;}

.post_widget_link {color:#000000;}
.post_widget_link:hover {text-decoration:none;}

a.htrack {color:#000000;}
a.htrack:hover {color:#000000; text-decoration:none;}

.blogroll_box {background-color:#f1f1f1;border:dotted 1px;color:#000000;margin:2px;}
.blogroll_box:hover {background-color:#ffffff;border-color:#ffffff;}

/* BUTTONS */

ul#minitabs{
list-style: none;
margin: 0;
padding: 7px 0;
border-bottom: 1px solid #cccccc;
font-weight: bold;
text-align: center;
white-space: nowrap;
font-size:1.8em;
}
ul#minitabs li{
display: inline;
margin: 0 2px;
}
ul#minitabs a{
text-decoration: none;
padding: 0 0 3px;
border-bottom: 4px solid #666666;
color: #666666;
}
ul#minitabs a#current{
border-color: #cccccc;
color: #cccccc;
}
ul#minitabs a:hover{
border-color: #cccccc;
color: #cccccc;
}

	/* Yahoo! Media Player: */
	/* Remove block with relevant information */
	#ymp-relevance { display:none !important; }
	.ymp-player-max #ymp-body { width:570px !important; }
	.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
	.ymp-player-max #ymp-body #ymp-body-base  { width:560px !important; }
	#ymp-yahoo-logo{display: none !important;}
	/* Yahoo! Media Player: Set background color */
	#ymp-player .ymp-color-main,
	#ymp-tray .ymp-color-tray { background-color:#666666 !important; }