@charset "UTF-8";
/*
Theme Name: Hello
Theme URI: http://webdesignrecipes.com/
Description: A theme by <a href="http://webdesignrecipes.com/">Nori Takahashi</a>.
Version: 1
Author: Nori Takahashi
Author URI: http://webdesignrecipes.com/
*/


/****************************************

          1.Setting

*****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
*{ letter-spacing:0; } /* IE7用のおまじない */

ul { list-style: none; }

code { 
	color:#555; 
}


/* font-style */
small {font-size: 80%;}
strong{ font-weight: bold; color:#4d4d4d; }
em { font-weight: bold; font-style: normal; }
.itaric { font-style: italic; }
.small {font-size: 80%; }
.big {font-size: 140%; font-weight: bold; }

.clear {clear: both;}
.hidden {display: none;}
.wrapping { overflow: hidden; }

::selection { color: #555; background-color: #cbf2ff;}
::-moz-selection { color: #555; background: #cbf2ff; }  
:focus {-moz-outline-style: none;}

/* Links */
a,a:visited {
	color:#69aeb3;
	text-decoration: underline;
	-moz-transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
}
	a:hover,a:active{
		color: #3e7471;
		text-decoration: underline;
	}
	
a:active,a:focus {outline:0 none;}

/****************************************

          2. Layout

*****************************************/

#container,.wrapper {
	width : 960px;
	margin:0 auto;
}


#sidebar{
	width: 220px;
	float: left;
	padding: 0 10px;
}


/****************************************

          5. Sidebar

*****************************************/

#description{
	font-family: Georgia, Times, serif;
	font-style: italic;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

.module{
	position: relative;
	margin-bottom: 40px;
}
.assistive-text{
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}	

#sidebar .category,
article.category {
	overflow: hidden;
}
#sidebar .category li,
article.category li{
	margin-top: -1px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	border-top: 1px solid #ccc; /* IE */
	border-top: 1px solid rgba(255,255,255,0.8);
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	box-shadow: 0 -1px rgba(0, 0, 0, .2);
}
	article.category li{ text-align: left;}
	#sidebar .category li a,
	article.category li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		-moz-transition: color 0.3s linear;
		-webkit-transition: color 0.3s linear;
		-o-transition: color 0.3s linear;
	}
	
	.tagcloud a{
		background: rgba(0, 0, 0, .3);
		color: #fff;
		text-decoration: none;
		padding: 2px 5px;
		white-space: nowrap;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 -1px rgba(255, 255, 255, .8);
		-webkit-transition: background-color 0.3s linear;
		-moz-transition:background-color 0.3s linear;
		transition:background-color 0.3s linear;

	}
		.tagcloud a:hover{
			background: rgba(0, 0, 0, .5);
		}


/****************************************

		11. warning bar for IE

*****************************************/	
#warning_bar{
	text-align:center;
	background:#F5DEB3;
	color:#000;
}
	#warning_bar a,#warning_bar a:hover,#warning_bar a:visited{ color:#FF0000; }


/****************************************

	css3 いっぱい使った ;D
	まだIE対応してません ...

****************************************/