/*  
Theme Name: Xplosive Reloaded
Theme URI: http://www.blogohblog.com
Description: A Web 2.0 Wordpress Theme - Widget Enabled, 3 Columns, Blue/Orange/Green/Blue
Version: 1.0
Author: Jai Nischal Verma
Author URI: http://www.blogohblog.com
*/

/**************** Body *********************/
*{margin:0;padding:0;}

/*background: #001C00←デフォルト*/
	body{background-color:#333333;color:#333;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;margin-bottom:20px; line-height:1.4em;}

ol,ul,li {
	margin:0px;
	padding:0px;
}








/**************** Layout *********************/
div#wrapper{ 
	background:url(images/wrapperBg.jpg) repeat-x;
	background-color:#fff;
	margin:20px auto;padding:10px;
	width:900px;
	 }


div#header {
	margin:0;
	padding:0;
	width:900px;
	display:block;
	background:url(images/header_default.png) no-repeat left;height:160px;
	}


div#logo h1{
	font-size:84%;
	padding:88px 0 0 282px;
	font-family: "sans-serif", "Helvetica", "Arial", "Verdana";
	font-weight:normal;
	}


#logo h1 a {
	color:#ffffff;
	font-family: "sans-serif", "Helvetica", "Arial", "Verdana";
	font-weight:normal;
	font-size:10px;
	}


#logo h1 a:hover{color: #696969; text-decoration:none;font-family: "sans-serif", "Helvetica", "Arial", "Verdana";font-weight:normal;font-size:10px;}




/**************** Entry *********************/
#wrapper div.entry{ 
	float:left;
	margin:0 0 22px;
	padding:0 0 46px;
	width:540px;
	background:#fff;
}



#wrapper div.entry h3 { 
	margin:6px 14px 6px;
	display:block;
	padding:4px 3px;
	background-color:#F3F3F3;
	font-weight:normal;
	font-size:108%;
	color:#1684C4;
}





#wrapper div.entry p {
	padding:0 10px 0 12px;
	margin:0 0 16px;
	color:#333333;
	line-height:1.8em;
	font-size:108%;
	}


div#wrapper div.entry p a:link {color:#0677A6; text-decoration:none;border-bottom:1px dotted #0677A6;}
div#wrapper div.entry p a:visited {color:#0677A6; text-decoration:none;:none;border-bottom:1px dotted #0677A6;}
div#wrapper div.entry p a:hover {color:#55ABCF; text-decoration:none;:none;border-bottom:1px dotted #55ABCF;}



/*
div.entry small {
	display:block;
	background:url(images/dateBg.gif) no-repeat;
	background-color:#1E1E1E;
	height:21px; 
	padding:1px;
	margin:0px;
	color:#ffffff;
}
*/




.entry div ul li{list-style:none;}


h4.excerptheadline {
	margin:6px 8px 0px;
	width:516px;
	padding:0px;
	border-bottom:3px solid #1BA0BD;
}

h4.excerptheadlineComment {
	margin:6px 8px 6px;
	width:516px;
	padding:0px;
}


div.excerpt {
	padding:10px 2px 12px;
	width:510px;
	margin:0px 8px 12px;
	background:url(images/stripe.png); 
	border:1px solid #cdcdcd;
	overflow:hidden;
	}


div.excerpt ul li {
	margin:0 0 6px;
	border-bottom:1px solid #cdcdcd;
}


div.excerpt h2 {
	line-height:0.9em;
	font-weight:normal;
	font-size:144%;
	}



div.entry div.excerpt small, {
	background-image:none;
	background-color:none;	
	color:#666;
	}
	
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
div.entry ol { 
	padding: 0 2px 0;
	margin: 0;
	list-style:none;
	}
	
div.entry ol li { 
	font-size:94%;
	color:#000;
	background-color:#E9E9E9;
	margin:10px 3px;
	display:block;	
	padding:3px 6px 8px;
	border:1px solid #ccc;
	}


div.entry dl {
	margin:10px;
	border:1px solid #ccc;
}

div.entry dl dt{
	font-size:114%;
	padding:4px;
	color:#fff;
	background-color:#484848;
}

div.entry dl dd {
	padding:6px;
}


div.entry dl dd ul {
	margin:6px 10px;
	font-size:94%;
}

div.entry dl dd ul li{
	background-image:none;
	list-style:none;
	margin:2px 0;
}



/*Line */
div.line {
	margin:0 0 6px;
	padding:0 0 4px 2px; 
	border-bottom:
	#dedede 1px solid;
	}



.left {float:left; width:220px; padding-right:10px;padding-left:20px; color: #333; font:11px;}
.left a:link, .left a:visited {font:14px Arial, Helvetica, sans-serif; color:#333333;}
.left a:hover {background-color:#333333; color:#FFFFFF;}
.right {float:left;padding-right:20px;width:220px; color:#333; font:11px;}
.right a:link, .right a:visited {font:14px Arial, Helvetica, sans-serif;color:#333333;}
.right a:hover {background-color:#333333; color:#FFFFFF;}


div.entry a:link {
	color:#333333;}

div.entry a:visited {
	color:#333333;}

div.entry a:hover {
	color:#1D9AB5;}





/**************** Links *********************/
a:link, a:visited{color: #000000;text-decoration:none;}
a:hover{color:#116382;text-decoration:none;}

/**************** CSS Style Switches *********************/

#switches li{display:inline;list-style-type:none;}
#rss {
	padding:5px;
	background-color:#333333;
	border-top:1px solid #333333;
	}

/**************** Navigation *********************/
#navigation	{
	height:40px;
	background:url(images/menuBg.jpg) repeat-x;
}


#menu{
	padding:4px 18px 0;
	}

#menu li{display:inline;list-style:none;}
.page_item a:link, .page_item a:visited{color: #FFFFFF; padding:10px;}
.page_item a:hover {text-decoration:none;color:#a9aaaa;}
.current_page_item a:link, .current_page_item a:visited{color:#ffffff;text-decoration:none;padding:10px;}
.current_page_item a:hover {color:#a9aaaa;text-decoration:none;}


* html #navigation #menu li.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}


/**************** Sidebars *********************/
div#topbar {
	background:#FFFFFF url(images/sidee.gif) top repeat-x;
	float:right; width:358px;
	margin:0 0 24px;
	padding:0 0 24px;
	
}

div#topbar a:link{color:#696969;text-decoration:none;}
div#topbar a:visited{color:#696969;text-decoration:none;}
div#topbar a:hover{color:#cdcdcd;text-decoration:underline;}



#sidebar1{ 
	width:160px; 
	float:left; 
	border-right:1px solid #CCCCCC; 
	padding:0 6px 0 0;
	}

div#sidebar1 h2{
	font-weight:normal;
	height:26px;
	padding:3px 0;
	/*background:url(/blog/wp-content/themes/xplosivereloaded/images/category/categoryBg.jpg) no-repeat;*/
	font-size:14px;
	}


div#sidebar2 h2{
	font-weight:normal;
	color:#696969;
	height:26px;
	padding:3px 0 0 32px;
	background:url(/blog/wp-content/themes/xplosivereloaded/images/category/categoryBg.jpg) no-repeat;
	font-size:14px;
	}

#sidebar1 ul{width:160px;list-style-type:none; font-size:12px;}
#sidebar1 ul li{margin:4px 0 0px 0px}
#sidebar1 ul li ul{font-style:normal;margin-top:2px;}
#sidebar1 ul li ul li{border:0;border-bottom:1px dotted #333;list-style:none;padding:5px; padding-left:6px; margin-left:0;}
#sidebar1 p{padding:0 5px;}


#sidebar2{ width:160px; float:left;margin:0 0 0 10px;}
#sidebar2 h2{font-weight:bold; color:#666600;font-size:14px;}
#sidebar2 ul{list-style-type:none;font-size:12px;}
#sidebar2 ul li{margin:4px 0 2px 0px}
#sidebar2 ul li ul{font-style:normal;list-style-type:none;}
#sidebar2 ul li ul li{border-bottom:1px dotted #333;list-style:none;padding:5px; padding-left:6px; margin-left:0;}
#sidebar2 p{padding:0 5px;}

/**************** Search *********************/
#topsearch{ background-color: #404040; padding:8px;
	border:2px solid #404040;
	/*background:url(images/search.jpg);*/
	}
/*#topsearch input[type="text"]{ border:1px solid  #ccc;color: #333333;font:1em Trebuchet MS, Arial, sans-serif;padding:2px;}*/


#topsearch input.searchBoxArea {
	width:232px;
	padding:2px;
	color:#333;
}



h4.searchResults {
	font-size:1.5em;
	font-weight:normal;
	color:#0D69A4;
	padding:20px;
	display:block;
}




/**************** Comments *********************/
#comments {font-weight:lighter; padding:10px; border-top:1px solid #cdcdcd; margin-top:10px;}
.commentlist{padding:20px;}
#author, #email, #url {color:#666;width:40%;border:1px solid #999999;margin-bottom:0.6em;background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:70%;border:1px solid #999999;}
.smallies a:link, .smallies a:visited{font-size:11px;}
.smallies a:hover {background-color:#333333; color:#FFFFFF; text-decoration:none; padding:0 3px 0 3px;}




/**************** Footer *********************/
#footer {
	color:#696969;
	background:url(images/postee.gif) repeat-x left;
	padding:6px;
	height32px;
	}
	

#footer a:link, #footer a:visited{color: #696969;}

	 
	 
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 1px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:30px;}
.alignleft{float:left; padding:0 20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}






/**************** Kwicks *********************/
#kwicks_container ul li {list-style-type:none;}
#kwicks {position: relative;}
#kwicks .kwick {float: left;display: block;width: 84px;height: 20px; padding-right:1px; border:1px solid #000;}

#kwick_red {background:url(images/btColorChange.gif) repeat-x;}
#kwick_orange {background:url(images/btColorChange.gif) repeat-x;}
#kwick_blue {background:url(images/btColorChange.gif) repeat-x;}
#kwick_green {background:url(images/btColorChange.gif) repeat-x; border-right:1px solid #696969;}





/*デフォルト設定値
#kwick_red {background:url(images/red.gif) repeat-x;}
#kwick_orange {background:url(images/orange.gif) repeat-x;}
#kwick_blue {background:url(images/blue.gif) repeat-x;}
#kwick_green {background:url(images/green.gif) repeat-x; border-right:1px solid #696969;}
*/




/**************** 追記 *********************/
h2.archivesTitle {
	background-color:#333333;
	padding:8px;
	color:#ffffff;
}

li#archives h2 {
	background:url(images/icon/ArciveTitleBk.jpg) no-repeat;
	text-indent:-9999px;
	}


li#categories-212801311 h2 {
	background:url(images/icon/categoryTitleBk.jpg) no-repeat;
	text-indent:-9999px;

}


li#recent-posts h2 {
	background:url(images/icon/entryTitleBk.jpg) no-repeat;
	text-indent:-9999px;

}


li#tag_cloud h2 {
	background:url(images/icon/TagTitleBk.jpg) no-repeat;
	text-indent:-9999px;

}



li#linkcat-2 h2 {
	background:url(images/icon/linkTitleBk.jpg) no-repeat;
	text-indent:-9999px;

}






/**************** entryHeadLine *********************/

div.entry div.post div.entryHeadLine {

}

div.entry div.post div.entryHeadLine h2 {
	padding:18px 52px 12px;
	font-size:118%;
	height:32px;
	font-weight:normal;
	background:url(images/headlineBg.gif) no-repeat;
	
}

div.entry div.post div.entryHeadLine h2 a:link {color:#ffffff;text-decoration:none;}

div.entry div.post div.entryHeadLine h2 a:visited {color:#ffffff;text-decoration:none;}

div.entry div.post div.entryHeadLine h2 a:hover {color:#5E8C9B;text-decoration:none;border-bottom:1px dotted #ccc;}




div.entryHeadLine img.articleImg {
	vertical-align: bottom;
	margin:4px 8px;
	float:left;
}

/**************** Date *********************/

small.headDate {
	background:url(images/dateBg.gif) no-repeat;
	height:20px;
	display:block;
	padding:0 24px;
	text-align:right;
	color:#0B6A8D;
	font-size:84%;	
}
/**************** Misc *********************/
/*acronym, abbr, span.caps { cursor: help; }*/
acronym, abbr {

	display:block;
	border:none;
	 }


/**************** CategoryIcon *********************/
div#wrapper div.post p.CategoryIcon {
	background:url(images/categoryIcon.gif) no-repeat left center;
	padding:3px 14px;
	display:block;
	font-size:84%;

}

div#wrapper div.post p.CategoryIcon a:link {font-weight:bold;color:#1681B2;text-decoration:none;border-bottom:1px dotted #1681B2;}
div#wrapper div.post p.CategoryIcon a:visited {font-weight:bold;color:#1681B2;text-decoration:none;border-bottom:1px dotted #1681B2;}
div#wrapper div.post p.CategoryIcon a:hover {font-weight:bold;color:#1AA0DE;text-decoration:none;border-bottom:1px dotted #1AA0DE;}






/*---------------------------------------------------------------------
CmsNewsArea 
----------------------------------------------------------------------*/

div#CmsNewsArea {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentCms/cmsAreaBg.gif) no-repeat;
	padding:12px 0 0;
	background-color:#A5B458;
	position:relative;
	width:540px;
}

div#CmsNewsArea ul {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentCms/cmsBg.gif) no-repeat;
	margin:0px 6px 0px;
	width:385px;
	height:157px;
	padding:32px 0 0;
}



div#CmsNewsArea ul li{
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentNews/iconNewsList.gif) no-repeat center left;
	padding:0 24px 0px;
	margin:0 12px 12px;
	border-bottom:1px dotted #696969;
	list-style:none;
}


div#CmsNewsArea ul li a{color:#000;font-size:94%;}
div#CmsNewsArea ul li a:hover{color:#00ccff;font-size:94%;}



div.entryHeadLine h4.CmsNewsAreaHeadline {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentCms/cmsAreaBar.gif) no-repeat top left;
	font-size:118%;
	font-weight:normal;
	height:56px;
	padding:24px 68px 6px;
	margin:0px;
}













/*---------------------------------------------------------------------
NewsArea 
----------------------------------------------------------------------*/

div#NewsArea {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentNews/newsAreaBg.gif) no-repeat;
	margin:0;
	padding:12px 0 0;
	background-color:#333;
}

div#NewsArea ul {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentNews/newsBg.gif) no-repeat;
	margin:0px 6px 0px;
	width:385px;
	height:157px;
	display:block;
	padding:32px 0 0;
}



div#NewsArea ul li{
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentNews/iconNewsList.gif) no-repeat center left;
	padding:0 24px 0px;
	margin:0 12px 12px;
	border-bottom:1px dotted #696969;
}


div#NewsArea ul li a{color:#fff;font-size:94%;}
div#NewsArea ul li a:hover{color:#00ccff;font-size:94%;}



div.entryHeadLine h4.wordPressTipsHeadline {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentNews/newsAreaBar.gif) no-repeat top left;
	font-size:118%;
	font-weight:normal;
	height:56px;
	padding:24px 68px 6px;
	margin:0px;
}





/*---------------------------------------------------------------------
aboutArea 
----------------------------------------------------------------------*/

div.entryHeadLine h4.aboutHeadline {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/contentAbout/barBg.gif) no-repeat top left;
	font-size:118%;
	font-weight:normal;
	height:56px;
	padding:24px 68px 6px;
	margin:0px;
}












/*---------------------------------------------------------------------
titleBar
----------------------------------------------------------------------*/

h2.ArcivesTitle {
	background:url(/blog/wp-content/themes/xplosivereloaded/images/icon/arciveBar.jpg) no-repeat;
	display:block;
	padding:20px 22px 12px;
	color:#fff;
	font-weight:liter;
	font-size:124%;
	height:32px;
	margin:0px;
	}






/*---------------------------------------------------------------------
general-purpose Font-color-
----------------------------------------------------------------------*/

.black {color:#000;}

.red {color:#ff0000;}

.yellow {color:#E9E72B;}

.green {color:#adcf33;}

.orange {color:#C99422;}
span.sourceCodeText {
	color:#2381C9;
	font-size:90%;
	display:block;
	padding:6px;
	background-color:#E3E3E3;
	border:1px solid #ccc;
}

#wrapper div.entry p span.coution {
	color:#888;
	font-size:80%;
}