/*  
Theme Name: WordPress MI
Theme URI: http://www.minet.jp
Description: Media Integration Blog Theme.
Version: 1.0
Author: Masaomi Kobayashi

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/*
Global
*/
* {margin:0; padding:0; border:0;}
p {margin:0;}
* table {height:1%; margin:0; padding:0;}
img {border-width:0px; vertical-align:text-bottom;}


/*
Background
*/
body {
	margin:0;
	padding:0;
	background-image:url(_i/background/body.gif);
	background-repeat:repeat-y;
	background-position:center;}

#base {
	position:relative;
	margin:0 auto;
	padding:10px 0;
	background-color:transparent;}

#container {
	position:relative;
	margin:0 auto;
	padding:0;
	width:860px !important; /**/
	width:860px;
	background-image:url(_i/background/container.jpg);
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, 'MSƒSƒVƒbƒN', osaka, 'MS Gothic';
	font-size:12px;
	line-height:18px;}

#wrapper {
	background-image:url(_i/wrapper/FFFFFF.gif);
	background-repeat:repeat-y;}



/*
Header
*/
#header {
	width:860px;
	height:100px;}

h1 {
	display:block;
	position:relative;
	top:65px;
	left:5px;
	margin:0;
	padding:0;
	width:200px;
	height:71px;
	background-image:url(_i/logo/mediaintegration.png);
	background-repeat:no-repeat;
	text-decoration:none;
	text-indent:-9999px;
	line-height:0;}
	
logomi {
	background-image:url(_i/logo/mediaintegration.png);
	}
	
	

h1 a {
	display:block;
	width:255px;
	height:76px;}



/*
Navigation
*/
#navi {
	background-image:url(_i/navi/bg.gif);
	background-repeat:repeat-x;
	position:absolute;
	top:74px;
	left:210px;
	width:650px;
	height:26px;}

#navi li {
	display:block;
	float:left;
	background-repeat:no-repeat;
	list-style:none;
	text-indent:-9999px;}

#navi li a {
	display:block;
	width:127px;
	height:26px;}

#navi li#tab_home a {
	width:128px;}



/*
Navigation "Home"
*/
body.sprt #navi li#tab_home a 			{background: url(_i/navi/home.gif)		 0 -104px;}
body.sprt #navi li#tab_home a:hover		{background: url(_i/navi/home.gif)		 0 -130px;}
body.sprt #navi li#tab_product a 		{background: url(_i/navi/product.gif)	 0 -156px;}
body.sprt #navi li#tab_product a:hover	{background: url(_i/navi/product.gif)	 0 -182px;}
body.sprt #navi li#tab_store a 			{background: url(_i/navi/store.gif)	 0 -156px;}
body.sprt #navi li#tab_store a:hover 	{background: url(_i/navi/store.gif)	 0 -182px;}
body.sprt #navi li#tab_support a 		{background: url(_i/navi/support.gif)	 0 -104px;}



/*
Sidebar
*/
#leftBlock {
	float:left;
	margin:50px 0 0 0;
	width:182px;
	background-color:transparent;}

#sidebar {
	margin-left:14px;}

#sidebar .menu {
	width:182px;
	border-style:solid none solid none;
	border-width:1px 0 1px 0;
	border-color:#999999;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background-image:url(_i/sidebar/background.jpg);
	background-repeat:repeat-y;}

#sidebar h4 {
	font-size:14px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-indent:12px;
	padding:20px 0 14px 0;}

#sidebar ul {
	margin:0 auto 6px 0;
	padding:0 0 5px 0;
	background-image:url(_i/sidebar/border.gif);
	background-position:bottom;
	background-repeat:repeat-x;}

#sidebar li {
	width:180px;
	margin:0 1px;
	padding:0;
	list-style:none;
	text-indent:24px;
	background-repeat:no-repeat;}

#sidebar li a {
	display:block;
	width:180px;
	height:20px;
	list-style:none;
	text-decoration:none;}

#sidebar li a:hover {
	display:block;}

#sidebar li {
	background:url(_i/sidebar/list_green/list_hover_B.jpg) 0 -40px;
	color:#8EC450;}
#sidebar li a {
	background:url(_i/sidebar/list_green/list_hover_B.jpg) 0 0;
	color:#CCCCCC;}
#sidebar li a:hover {
	background:url(_i/sidebar/list_green/list_hover_B.jpg) 0 -20px;
	color:#8EC450;}
#sidebar li a#active_menu {
	background:url(_i/sidebar/list_green/list_hover_B.jpg) 0 -40px;
	color:#8EC450;}


/*
Support Top Menu
*/
#sidebar ul#mainlevel-nav li a {
	background:url(_i/sidebar/list_green/list_hover_A.jpg) 0 0;
	color:#CCCCCC;}
#sidebar ul#mainlevel-nav li a:hover {
	background:url(_i/sidebar/list_green/list_hover_A.jpg) 0 -20px;
	color:#8EC450;}
#sidebar ul#mainlevel-nav li a#active_menu-nav {
	background:url(_i/sidebar/list_green/list_hover_A.jpg) 0 -40px;
	color:#8EC450;}

#sidebar .bnr {
	width:182px;
	margin-top:15px;}



/*
Box
*/
#box {
	float:right;
	width:650px;
	padding-bottom:30px;}



/*
Text Navigation
*/
#txtnavi {
	width:618px;
	position:absolute;
	top:115px;
	left:225px;
	vertical-align:bottom;}
#txtnavi li {
	display:inline;
	font-size:11px;
	color:#666;}



/*
Main
*/
#main {
	margin:0 14px 0 14px;
	padding:40px 0 0 0;
	background-color:transparent;}
/*
#main .contentpagetitle {
	font-size:18px;
	font-weight:bolder;
	line-height:18px;
	color:#151515;}


#main .contentheading {
	font-size:18px;
	font-weight:bolder;
	line-height:18px;
	color:#151515;}
*/

/*
Main block / float LEFT
*/
#mainBlock {
	float:left;
	width:622px;
	color:#454545;}

#mainBlock hr {
	width:100%;
	height:1px;
	border-bottom:1px solid #CCC;}

#main p {
	color:#666666;
	margin-bottom:10px;}

#main ul {
	color:#666666;
	margin:0 auto 8px 20px;}


/*
Right Block / float RIGHT
*/
#rightBlock {
	float:right;
	width:165px;
	padding-left:5px;
	font-size:11px;
	line-height:14px;}



/*
AddOn
*/
#AddOn {
	clear:both;
	width:100%;
	height:100px;}


/*
Footer
*/
#footer {
	clear:both;
	width:648px;
	position:absolute;
	right:1px;
	bottom:0;
	margin:0;
	padding:0 0 5px 0;
	font-size:11px;
	border-bottom:solid 1px #CCC;}

#footer p {
	color:#CCC;
	padding-left:12px;}



/*
Bottom for Container background drawing.
*/
#bottom {
	clear:both;
	margin:0;
	padding:0;
	height:0px;
	font-size:0px;
	line-height:0;}



/*
H Style
*/
h2 {
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight:bold;}
/*
h3 {
	font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight:lighter;font-size:18px;
	line-height:18px;
	color:#151515;
	margin-bottom:10px;}
*/

h5 {
	font-size:10px;
	text-align:right;}



/*
Image Style
*/
img.left {
	float:left;
	margin-right:8px;}

/*
AddOn for Blog
*/
#mainImage {
	width:622px;
	height:150px;
	background-image:url(_i/support/mainImage.gif);
	background-repeat:no-repeat;
	background-position:0 50px;}

#mainImage h2 {
	display:none;}

#mainBlock .data {
	padding-bottom:8px;
	margin-bottom:12px;
	background-image:url(_i/blog/strip.gif);
	background-repeat:no-repeat;
	background-position:bottom;}

#mainBlock a {
	color:#000000;
	text-decoration:underline;}
#mainBlock a:hover {
	color:#000000;
	text-decoration:underline;}
#mainBlock a:visited {
	color:#551a8b;}
#mainBlock img {
	padding:5px;
	margin:0 8px 5px 0;
	border:solid 1px #CCC;}
#mainBlock a:hover img {
	padding:5px;
	border:solid 1px #000;
	background-color:#FFFFFF;}

#rightBlock .boxA {
	margin-bottom:30px;}

#rightBlock h4 {
	display:block;
	width:100%;
	font-size:14px;
	line-height:14px;
	padding:0 0 8px 0;
	margin-bottom:8px;
	border-bottom:solid 1px #151515;}

#rightBlock ul {
	margin:0;
	padding:0;}

#rightBlock li {
	list-style:none;
	margin:0 0 2px 0;
	padding:0 0 0 14px;
	background-image:url(_i/rightbox/list/a.gif);
	background-repeat:no-repeat;
	background-position:0 2px;}

#rightBlock li a {
	display:block;
	width:100%;
	text-decoration:none;
	color:#666;}
#rightBlock li a:hover {
	color:#FFF;
	background-color:#8EC450;}


/*
Joomla Custom Style
*/
#main h3, #main .componentheading, #main .contentheading, #main .contentheading a {
	font-family:"Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;
	font-weight:lighter;font-size:18px;
	line-height:18px;
	color:#151515;
	text-decoration:none;
	margin-bottom:10px;}
#main .contentheading a:hover {
	color:#FFF;}


#main .blog {
	margin-top:30px;}

#main .moduletable {
	margin-top:30px;}

#main img.moduletableiHeader {
	padding:10px 0 0 0;}

#main .dn-whole span.dn-section a {
	color:#151515;
	width:130px;}
#main .dn-whole span.dn-section a:hover {
	color:#F90;}
	
/*
Form Style
*/

#container #wrapper #mainBlock .contentpane select,
#container #wrapper #mainBlock .contentpane input{
	border:1px #333 solid;
}