/*  
Theme Name: ManabiTheme - Intermediate Level
Theme URI: http://waviaei.com/2010/06/22/manabitheme-intermediatelevel-09release/
Description: ManabiTheme - Intermediate Level（学びテーマ - 中級）は、WordPressテーマを学ぶ為のテーマです。これは中級編です。
Version: 0.9
Author: Toru
Author URI: http://waviaei.com
*/

/*
1. Normalize
2. Global settings
3. Structure -- framework
4. Structure -- Header
5. Structure -- Contents
6. Structure -- Sidebar
7. Structure -- Footer
*/

/* ------------------------------------
1. Normalize
-------------------------------------*/
html, body, div, a, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre,img, 
ol, ul, li, dl, dt, dd, 
span, abbr, acronym, address, cite, code, del, dfn, em, ins, kbd, q, samp, strong, sub, sup, var, 
form, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
applet, object, iframe, embed, 
tt,strike,s,small,font, big {
	margin: 0;
	padding: 0;
	border 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:link, a:visited, a:hover, a:active {
	border: 0;
}
a img, :link img, :visited img, a:link img, a:hover img, a:visited img, a:active img {
	border: 0;
}
ul, ol, li {list-style: none;}







/* ------------------------------------
2. Global settings
-------------------------------------*/
body {
	font: 14px/1.7 Meiryo, Verdana, Candara, sans-serif;
	*font-size: small; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: x-small; /* Win IE 5-5.5､6(後方互換モード)向け */
}
body {/*color stuff*/
	background: #fff;
	color: #333;
}

/* ************ Linkage ************ */
a, a:link, a:visited, a:active {
	color: #0063DC;
	text-decoration: none;
}
a:hover {
	color: #FF0084;
	text-decoration: none;
}
a:hover img {
	border-bottom: none;
}

/* ************ Headings ************ */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	background: transparent;
}
h1, h2, h3, h4, h5, h6 {clear: both;}

h1 {font-size: 250%; line-height: 1; margin: 0 0 1em 0; }
h2 {font-size: 150.14%; line-height: 1.2486; margin-top: 1.8729em; margin-bottom: 0.6432em; }
h3 {font-size: 90.71%; line-height: 1.4903; margin-top: 2.2354em; margin-bottom: 0.7451em; }
h4,
h5,
h6 {font-size: 100%; line-height: 1.65; margin-top: 2.475em; margin-bottom: 0.825em; }


.entry-title
{
    border-left: 10px solid #ffcc00;
    padding: 5px;
	text-align: left;
	
	
}

.sidebar-title
{
    border-left: 8px solid #ffcc00;
    padding: 5px;
	
}

#recentcomments
 {font-size: 90%; }








/* ********** Common stuff ********** */
p, pre, ol, dl {
	font-size: 110%;
	margin: 0 0 1.65em 0;
}


ul li {
	font-size: 120%;
	margin: 5px 0 5px 0;
	list-style: none;
	background: url(images/bullet-orange.gif) no-repeat;
	padding-left: 20px;
}





blockquote {
	MARGIN: 8px 8px 8px 8px;
	background-color: #e7eef8;
	PADDING: 8px 8px 8px 8px;
	border: thin dotted #CCCCCC;
	BORDER: 1px 1px 1px 1px;
	BORDER-STYLE:solid;
	BORDER-COLOR: #a6bad5;
word-break:break-all;
overflo:hidden;

}


code {
	font-family: "Courier New", Courier, mono;
	font-size: 92.857%;/* 13px */
}
pre code {
	line-height: 1.4;
}

strong {font-weight: bold;}
em {font-weight: italic;}
kbd {
	font-family: "Courier New", Courier, mono;
	font-size: 107.14%;/* 15px */
	line-height: 1.54;
}
address, cite {
	font-style: normal;
}

/* ************ Lists ************ */
li p, li pre, li dt, li dd,
dd li, dd p, dd pre, dd dt,
dd dd {font-size: 100%;}

/* ************ Forms ************ */
select option { padding : 0 5px; }
form label{ cursor : pointer; }

/* ************Tables ************ */
caption {text-align: center;}

/* ************ Useful *********** */
.hide {
	display: none;
}
.clear {
	clear: both;
}

/* ********** Clearfix ************ */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* ************ For WordPress *********** */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 85.714%;
	padding: 3px 4px 5px;
	margin: 0;
}

/* ------------------------------------
3. Structure -- framework
-------------------------------------*/
#wrapper {
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	width: 924px;
	height:auto;
	padding-top: 2em;
	margin-left: 28px;
}

#contents {
	width: 640px;
	margin-left: 28px;
	margin-bottom: 50px;
	float: left;
}

#sidebar {
	width: 200px;
	margin-right: 28px;
	margin-bottom: 50px;
	float: right;
}

#footer {
	width: 904px;
	height: 30px;
	margin-left: 28px;
	clear: both;
}


/* ------------------------------------
4. Structure -- Header
-------------------------------------*/
h1#blog-title {
	margin-bottom: 0em;
}
p.description {
	font-size: 85.714%;
}

/* ------------------------------------
5. Structure -- Contents
-------------------------------------*/
h2#archive-title {
	font-weight: bold;
	border-bottom: 1px solid;
}

div.post {
	margin-bottom: 80px;
}
p.entry-meta {
	font-size: 85.714%;
}

div.navigation {
	padding-top: 10px;
	padding-bottom: 10px;
}

li.pingback, li.comment {
	margin-top: 2em;
	margin-bottom: 2em;
}
div.reply {
	text-align: right;
}

/* ------------------------------------
6. Structure -- Sidebar
-------------------------------------*/
div#sidebar ul ul li 
{list-style: none;}

/* widget area*/
#wp-calendar {
	width:82%;
}
#wp-calendar caption {
	font-weight: bold;
}
#wp-calendar tfoot #next {
	text-align: right;
}

/* ------------------------------------
7. Structure -- Footer
-------------------------------------*/
div#footer p {
	text-align: center;
	font-size: 85.714%;
}

