

body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}



*{border:0;margin:0;padding:0;}

/*Global layouts*/

body {
	margin:0;
	padding:10px 0 0 0;
	text-align: center;
    /*background:#f4f3f3;*/
	background: url(images/stripe3.png) #000000;
}



div#header,

div#content {

	width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
	min-width: 900px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	padding:0 20px;
	background:#fff;
	border-left:8px solid #eee;
	border-right:8px solid #eee;	
}


div#main {
	width: 68%;
	float: left;
	padding-bottom:20px;
	padding-left: 20px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}



div#sidebar {
	width: 29%;
	float: left;
	clear: right;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	color:#0072bc;
}



h1 {
	padding:7px 0px 7px 15px;
	margin-top:15px;
	font-size: 134%;
	font-weight: bold;
	text-transform: uppercase;
	background:url(images/stripe_tile.png) repeat-y #222;
	color:#CCCCCC;
}

h2 {
	padding:7px 0px 7px 15px;
	margin-top:15px;
	font-size: 134%;
	font-weight: bold;
	text-transform: uppercase;
	background:url(images/stripe_tile.png) repeat-y #222;
	color:#CCCCCC;
}


h2 a{
	color: #FFFFFF;
}

h2 a:hover {
	color: #0072bc;
	background:url(images/blue_stripe_tile.png) repeat-y #000;
}

h3 {
	margin-top: 2em;
	font-size: 116%;
}



p {

	margin: 1em 0;

}



blockquote {

	margin: 1em 0 1em 20px;

	padding: 8px 10px 5px 20px;

	border: 1px solid #eee;

	color: #444;

	background:url(images/bg_title.png) -8px 0;

}



blockquote  p {

	margin-top: 0.5em;

	margin-bottom: 0.5em;

}



pre {

	padding: 15px 20px;

	background-color: #f5f5f5;

	overflow: auto;

	width: 90%;

}



em {

	font-weight: bold;

	font-style: normal;

}



strong {

	font-size: 109%;

	font-weight:bold;

}



/*header*/

div#top-line{
 height:7px;
 background:#000;
 width:100%;
 top:-1px;
 left:-1px;
 position:absolute;
 z-index:-2;
}

div#header {
	background:url(images/bg.png) no-repeat 20px 0 #FFFFFF;
}

div#header p.siteName {
	margin: 0;
	padding-top:20px;
	line-height: 1;
	font-size: 250%;
	float:left;
}

div#header p.siteName a{
	width:300px;
	height:70px;
	display:block;
}

div#header p.description {
	font-size: 130%;
	font-weight: bold;
	padding:85px 0 65px 610px;
	margin:0 0 1px 0;
}







/*global Navi*/

#globalNavi{
	margin: 0;
	padding:0;
	background:#222;
	overflow:hidden;
	width:100%;
	}

#globalNavi ul {
	margin: 0;
	padding: 0;
	float:left;
	overflow:hidden;
	background: #222;
}

#globalNavi ul li {
	margin-left: 0;
	float:left;
	list-style:none;
	height:45px;
	border-right: 1px solid black;
	border-left: 1px solid #555;
	float: left;
	font-weight: bold;
	font-size: 18px;

	/*

	width: 110px;

	*/

	text-align: center;

}

#globalNavi ul li.current_page_item {

	background:#5b5b5b;

}

#globalNavi ul li.current_page_item:hover {

	background:#5b5b5b;

}

#globalNavi ul li:hover{

	background:#000;

}

#globalNavi ul li a {

	color:#FFF;

	padding:12px 15px 0 15px;

	display:block;

	height:30px;

	text-decoration: none;

}

#globalNavi ul li a:hover{

	color:#fff;

}

div.myspace {
	float:right;
	text-align:right;
	font-weight:bold;
    padding: 0;
    z-index: 4;
}
div.myspace a{
background:url(images/myspace.png) no-repeat;
height:32px;
width:32px;
display:block;
margin-top:6px;
margin-right: 5px;
}
div.myspace a:hover{
color:#000;
}

div.soundcloud {
	float:right;
	text-align:right;
	font-weight:bold;
    padding: 0;
    z-index: 4;
}
div.soundcloud a{
background:url(images/soundcloud.png) no-repeat;
height:32px;
width:32px;
display:block;
margin-top:6px;
margin-right: 5px;
}
div.soundcloud a:hover{
color:#000;
}

div.facebook {
	float:right;
	text-align:right;
	font-weight:bold;
    padding: 0;
    z-index: 4;
}
div.facebook a{
background:url(images/facebook.png) no-repeat;
height:32px;
width:32px;
display:block;
margin-top:6px;
margin-right: 5px;
}
div.facebook a:hover{
color:#000;
}

div.searchbox {
    border: 0;
	float:right;
}

#searchform div input#s{
    background: url(images/search.png) no-repeat 0 0;
	width:160px;
	border: 0px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0 0px 4px;
}



.nlbox {
    border: 0;
	width: 100%;
	height: 20px;
}


#nlform div input#nl{
    background: url(images/newsletter.png) no-repeat 0 0;
	width:160px;
	border: 0px;
    margin: 10px 10px 0 5px;
    padding: 4px 0 4px 4px;
	color: #FFFFFF;
}


/*info*/



/*textbody and related*/

div#entry{
	padding:0 0px 20px 0;
}

/*div#entry h2{
	background:url(images/bg_title.png) repeat-y;
	font-weight:bold;
	padding-right:0px;
	text-transform: uppercase;	
	margin-bottom:2px;
}*/

div#entry h2{
	padding:10px 10px 10px 15px;
	margin-top:15px;
	font-size: 134%;
	font-weight: bold;
	text-transform: uppercase;
	background:url(images/stripe_tile.png) repeat-y #222;
	font-weight: bold;
}

div#entry a h2 {
	color: #FFFFFF;
}

div#entry a:hover h2 {
	color: #0072bc;
	background:url(images/blue_stripe_tile.png) repeat-y #000;
}

#entry .post{
	padding-left:10px;
}



#entry .post .entry{

	padding:0 10px 10px 5px;

}

#entry .post  h1{

	margin: 15px 0;

}



#entry .post .entry p {
	line-height:17px;
}

#entry .post .entry blockquote p,#entry .post .entry pre p{

	text-indent:0;

}



#entry .post .entry p img{
	padding:4px;
	background: #eee url(images/bg-diag.gif);
}

#entry .post .entry p img a:hover{

	background: #333;

}

#entry .post .entry p a.more-link{

	border-left:4px solid #0072bc;

	float:right;

	padding: 1px 18px 1px 1px;

	background:#eff url(images/continue.gif) no-repeat 100% 50%;

}



#entry .post .entry p a.more-link:hover {

	color:#0072bc;

	background:#eee url(images/continue.gif) no-repeat 100% 50%

}



/*entry info*/

.info {
	padding:5px;
	margin:0 0 0 5px;
	overflow:hidden;
	background: url("images/bg-diag.gif") repeat scroll 0 0;
}

.dateinfo{
	float:left;
	background: url(images/date2.png) no-repeat 3px 50%;
	padding-left:25px;	
	font-weight: bold;
	color: #000000;
}

.calendarinfo{
	background: url(images/calendar.png) no-repeat 3px 50%;
	padding-left:25px;	
}

.archiveinfo{
	background: url(images/news_icon.png) no-repeat 3px 50%;
	padding-left:25px;	
}

.catinfo{
	float:left;
	background: url(images/cat2.png) no-repeat 3px 50%;
	padding-left:25px;
	margin-left: 5px;
	font-weight: bold;
}

.catinfo a {
	color: #000000;
}

.catinfo:hover{
	background: url(images/cat1.png) no-repeat 3px 50%;
}

.cmtinfo{
	float:left;
	background: url(images/comments2.png) no-repeat;
	padding-left:25px;
	margin-left: 5px;
	font-weight: bold;
}

.cmtinfo a {
	color: #000000;
}

.cmtinfo:hover{
	background: url(images/comments1.png) no-repeat 3px 50%;
	}

.infobottom {

	font-style: italic;

}	

.infobottom .tags{

background: url(images/tag2.png) no-repeat 3px 50%;

padding-left:25px;

}


.podcast_download_link{
	background: url(images/download.png) no-repeat 3px 50%;
	padding-left:25px;	
}


#entry .related{

margin:0px;

padding-left:20px;

background: url(images/bg-diag.gif) repeat-x 0% 0%;

overflow:hidden;

}

#entry .related h4{

margin:1.33em 0px;

}

#entry .related li{

float:left;width:45%;

}



#entry .flip{

background: url(images/bg-diag.gif) repeat-x 0% 0%;

width:100%;

overflow:hidden;

padding-top:15px;

margin:10px 0px;

}

#entry .prevpost{

	padding-left: 18px;

	background-image: url(images/prev.png);

	background-repeat:no-repeat;	

	background-position: left center;

float:left;

}

#entry .nextpost{

	padding-right: 18px;

	background-image: url(images/next.png);

	background-repeat:no-repeat;	

	background-position: right center;

float:right;

}



/*page navi*/

.page_navi {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	MARGIN: 3px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
	background: url(images/bg-diag.gif);	
	border-right:8px solid #0072bc;
}

.page_navi a, .page_navi a:link {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	COLOR: #000;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;

}

.page_navi a:hover {
	color:#0072bc;
	background-color:#eee;
}

.page_navi a.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #fff;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #0072bc;
}



/*Page style*/

#entry #flip2{

	list-style-type: none;

	padding:5px;

	margin-bottom:15px;

	background-color: #f5f5f5;

}

#entry #flip2 li{

	color: #000;

	padding-bottom:15px;

	color: #999;

}

/* Newer | Older */



/*Comments*/



/*Comment form*/

 #submit{
	padding: 5px 10px;
	border: none;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #666;
}



#submit:hover {
	color:#0072bc;
	background: #eee;
}



input,

textarea {
	padding: 0.2em;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #fff;
}



input:hover,

textarea:hover {

	border-color: #999;

}

input{

	padding:5px 5px;

}

textarea {

	padding: 0.5em 10px;

}

/*comments style*/

h2#commentsx{
	overflow:hidden;
}

div.entry span.addown {
position:relative;
top:-35px;
float:right;

	background:url(images/bg_title.png) -10px 0 repeat-y;

	padding:5px 5px 0px 0px;

	font-size: 134%;

	font-weight: normal;

}

div.entry span.addown a{

	background: url(images/addown1.png) no-repeat 3px 50%;

	padding-left:25px;

}

div.entry span.addown a:hover{
	background: url(images/addown2.png) no-repeat 3px 50%;
}



.thread-alt {
	background-color: white;
}

.thread-even {
	border-top:1px solid #EEE;
	background:#FBFBFF;
}

.depth-1 {

}



ol.commentlist {
	margin:0px;
	padding:17px 0 0 0;
}

ol.commentlist #respond{
	margin: 1em 0px 0px 76px;
}

ol.commentlist li {
	list-style:none;
	padding:10px 25px 10px 10px;
}

ol.commentlist li:hover{



}

ol.commentlist li  .message_head{
	padding-left:10px;
}

ol.commentlist li span.date{
	color: #999999;
}

ol.commentlist li span.name {
	color:#0072bc;
	font-weight: bold;
	margin-right: 0.5em;
}

ol.commentlist li span.name a {
	color:#0072bc;
	margin-right: 0.5em;
}

 ol.commentlist li span.name a:hover{
	color:#333;
}



 ol.commentlist li span.reply a{
display: block;
float: right;
text-decoration:none;
margin: -15px 10px 0px 0px;
border:1px dotted #cfcfcf;
padding: 3px;
}

 ol.commentlist li span.reply a:hover{
background-color:#eee;
}

 ol.commentlist li span.date {
	color: #999999;
}



 ol.commentlist li span.avatarx {

	float:left;
	display: none;

	clear: left;

	border:1px solid #CBCBCB;

	padding:2px;

	margin-right:3px;

}

 ol.commentlist li span.cmt_text p img{
	border:none;
	padding: 0px;
}

 ol.commentlist li span.cmcount a{

	font-family:Candara;

	font-size: 170%;

	color:#0072bc;

	float:right;

}

 ol.commentlist li span.cmcount a:hover{

	color:#333;

}

/*comments children style*/



 ol.commentlist  ul.children li {

	margin-bottom:13px;

	background:#F3F3FA;

	border:1px solid #ddd;

}

 ol.commentlist  ul.children {

}

 ol.commentlist  ul.children li  .message_head{

	padding-left:0px;

}

 ol.commentlist  ul.children li span.date{

	color: #76787A;

	float:right;

	font-style: italic;

	display:none;

}



 ol.commentlist  ul.children li span.at_icon a{

background: url(images/reply.png) no-repeat;

display: block;

float: right;

height: 16px;

margin: -32px 40px 0px 0px;

padding: 0px;

text-indent: -999em;

width: 16px;

}



 ol.commentlist   ul.children li span.avatarx{

	float:right;

	background: #EEE;

	border: none;

	margin: 1px;

	padding: 2px;

}

 ol.commentlist   ul.children li span.avatarx img{

	width:32px;

	height:32px;

}

ol.commentlist ul.children li span.name{



}

 ol.commentlist ul.children  li .cmt_text{

	color:#333;

	width:90%;

}

 ol.commentlist ul.children  li .cmt_text a{

	color:#0072bc;

}

 ol.commentlist ul.children  li .cmt_text a:hover{

	color:#000;

}

 ol.commentlist ul.children  li .cmt_text p{

	margin:3px;

}

 ol.commentlist ul.children li .cmt_text p img{

	padding:1px;

	border:none;

}

 ol.commentlist ul.children li .cmcount{

	display:none;

}

div#comments {

	padding: 1px 0;

}



h2#commentsx{

}



/*sidebar*/

#sidebar ul {
	margin:0px;
	padding:0 0 0 0px;
	list-style: none;
}

#sidebar h2{
	margin:15px 0 20px 0;
}

#sidebar ul li ul li{ 
	line-height:25px;
	margin-top: 1px;
}

#sidebar ul li ul li a{ 
	color: #FFFFFF;
	background:url(images/stripe_tile.png) repeat-y #222;
	padding: 7px 5px 7px 12px;
	width: 90%;
	display: block;
}

#sidebar ul li ul li a:hover{ 
	color: #0072bc;
	background:url(images/blue_stripe_tile.png) repeat-y #000;
}

.c_avatar{
	width:35px;
	height:35px;
	border:1px solid #CBCBCB;
	padding:2px;
	margin-right:3px;
	float:left;
	display:block;
}

.wp-smiley{

	border:none;

}



/*Feeds*/



/*footer*/



div.return {
	float:right;
	margin-right:10%;
	padding-top:5px;
}

div.return a{
	background:#333 url(images/gotop.png) no-repeat 10% 50%;
	text-decoration: none;
	padding:5px 5px 5px 25px;
}

div#footer{
	margin-bottom:-20px;
	border-top: 6px solid #333;
	z-index:-2;
	margin-top:20px;
}



div#footer .support{
	width:100%;
	display:block;
	padding:10px 0 10px 0;
	color:#eee;
	background:#000;
	bottom:-10px;
	text-align:center;
	float:right;
}



/*Tag cloud*/



#sidebar ul li ul.tagCloud {

overflow:hidden;

padding-left:0px;

}

ul.tagCloud li {

	margin: 0;

	padding: 0;

	display: inline;

	font-size: 100%;

}



ul.tagCloud li a {

display: block;

line-height: normal;

padding: 5px 10px; 

background-color: #e41270;

color: #ffffff;

width: auto;

float: left;

margin-left: 3px;

margin-bottom:3px;

font-size: 11px !important; 

}



/* Tag level 1 > 6 */



ul.tagCloud li.level1 a {

	font-size: 167%;

	font-weight: bold;

	color: #000;

	background-color: #d80000;

}



ul.tagCloud li.level2 a {

	font-size: 136%;

	font-weight: bold;

	color: #444;

	background-color: #b80000;

}



ul.tagCloud li.level3 a {

	font-size: 122%;

	font-weight: bold;

	color: #999;

	background-color: #a80000;

}



ul.tagCloud li.level4 a {

	font-size: 114%;

	color: #bbb;

	background-color: #880000;

}



ul.tagCloud li.level5 a {

	font-size: 92%;

	color: #ddd;

	background-color: #580000;

}



ul.tagCloud li.level6 a {

	font-size: 77%;

	color: #fff;

	background-color: #280000;

}

ul.tagCloud li a:hover {

	background-color: #9a9a9a;

}

/*Calendar*/



table#wp-calendar {

	margin: 0 0 5px;

	border-color: #ddd;

	width: 100%;

}

table#wp-calendar th,

table#wp-calendar td {

	padding: 0;

	line-height: 1.8;

	font-size: 85%;

	text-align: center;

}



table#wp-calendar th {

	line-height: 2;

	font-weight: normal;

}



table#wp-calendar td {

	color: #888;

	padding: 0;

	width: 14%;

}



table#wp-calendar td a {

	display: block;

	font-weight: bold;

	text-decoration: none;

	color: #666;

	background-color: #eee;

}



table#wp-calendar td a:hover {

	color: #000;

	background-color: #bbb;

}



/*--------------------------------------

	dl.data

---------------------------------------*/



dl.data {

	padding: 0;

	border-left: 5px solid #ddd;

	border-right: 1px solid #eee;

	border-bottom: 1px solid #eee;

}



dl.data dt {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #eee;
	line-height:25px;
	width: 11em;
	float: left;
}

	

dl.data dd {
	margin: 0 0 0 11em;
	padding: 0.3em 1em;
	line-height:25px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}





/*IE6*/



div#main,

div#utilities dl.navi,

div#utilities dl.others {

	overflow: hidden;

}

.count {

	color: #999;

}

div#main img{
border: 1px #CCCCCC solid;
padding: 1px;
}



/* Clearfix*/

div#content {

	min-height: 1px;

}

div#content:after {

	height: 0;

	visibility: hidden;

	content: ".";

	display: block;

	clear: both;

}

/* Captions */

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



.alignleft {
	float: left;
}



.alignright {
	float: right;
}

We also recommend (but do not require) that you include the image caption CSS classes in your theme: 

.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption-dd {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */

.buttong {
	border: 1px solid #222;
	padding: 2px;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #666;
}

.select {
	border: 1px solid #222;
	padding: 2px;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

.tbl_h {
	background: #222;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
}

.tbl_c {
	background: #666;
	color: #fff;
	margin: 1px;
	padding: 2px;
}
