/*  
Theme Name: Mumrikari
Theme URI: http://hikariusa.com
Description: Theme for Hikari USA
Version: 1.11.12.23
Author: Patrick Gonzales Rafanan for Hikari USA (based on Mumrik 1 by Mattias Hising)
Updated: 2011-12-23
*/
/************************************* COLOR KEY ******************************************** 
MAIN TEXT = #373B55 [old navy]
LOGO #1755A6;
FEATURED #2DACE3 (azul white)
PNG WHITE (#FBFDFB)
BABY BLUE #ACE4FF
AZUL deepskyblue;
HIKARI ROYAL BLUE #00238C;
*/

/***** BODY FONT SIZE %, ALL FONTS SET IN EM *****/
body { background: #FBFDFB url(/wp-content/themes/mumrik-hikari/img/hikariwebbgw.jpg) repeat fixed; padding:0; margin: 0px auto; font: 120% Helvetica, Arial, sans-serif, "Lucida Grande"; }
#Wrapper { background: #FBFDFB; margin: 0px auto; padding: 0; width: 980px; text-shadow:1px 1px 0px white; }
/* MASTER PADDING */ #NavigationContent, #MainContent, #ContextualContent, #Footer { }
/********************* TOP NAVIGATION BAR *********************/
#toplogo { float:left; width: 126px; height: 90px; position: relative; padding: 0.6em 0.6em 0em; }
#toplogotext { float:left; width: 90px; height: 55px; color: white; vertical-align: middle; padding-top: 4.5em; font: italic 0.5em Georgia, "Times New Roman", Times, serif; text-shadow:1px 1px 0px #163D92;}

#MainNavigation { text-align: center; float: left; width: auto;}
#MainNavigation ul { list-style:none; padding:5px; text-decoration: none; }
/*NAVIGATION TEXT*/
#MainNavigation li { display:inline; white-space:nowrap; font-size: .8em; }
#MainNavigation li { font: /*'VagRoundedBlackRegular','Arial Rounded MT Bold',*/ Helvetica:700, Arial:700, sans-serif;  }
#MainNavigation li a { color: #ACE4FF; margin: 0; padding: 0.5em; /* Space around text links */ text-shadow:1px 1px 0px black; }
#MainNavigation li a:hover { text-decoration:none; color: white; }
#MainNavigation li:first-child a { border: 0; }

/********************* CONTENT *********************/
/*#Content { padding: 50px 100px 50px 100px; } */
#Content { background: #2DACE3 url(/wp-content/themes/mumrik-hikari/img/hikari-bgholytech.jpg) center top; } 

/********************* Featured Image *********************/
/*#FeaturedImage img { 
//SKEW/ROTATE 
behavior:url(-ms-transform.htc);
-moz-transform:rotate(-7deg);
-webkit-transform:rotate(-7deg);
-o-transform:rotate(-7deg);
-ms-transform:rotate(-7deg);
}*/
.chop {height: 520px; }
.chopbig {height: auto; }
#FeaturedImage { clear: both; overflow: hidden;  /* AZUL WHITE SPOTLIGHT JPEG */  }
.wp-post-image { }
#FeaturedImage img { display:block; overflow: hidden; margin: 0px auto; float: none; padding: 0px; }
#FeaturedImage h1, #FeaturedImage p { padding: 0em 0.5em 0.5em; text-align: center; width:auto; margin: 0px auto; /*color: #036; */z-index: 10; }
#FeaturedImage h2 { padding: 1em; text-align: center; margin: auto; width:auto; position: absolute; z-index: 50; bottom: 1em; /*line-height: 0.1em; font-size: 2em; */}
#FeaturedImage .sharing_label { visibility: hidden; }

/********************* dimox_breadcrumbs *********************/
#crumbs { background: white; padding: 0.5em; font-size:0.6em; margin: 0px auto; color: deepskyblue; /*clear: both; */z-index: 100; top: -1em; }
#crumbs a { color: deepskyblue; text-decoration:underline; }
#crumbs a:hover { color:#0CF; }

/********************* SEARCH? *********************/
#Search { position:absolute; right:15px; top:12px; }
#Search input[type='text'] { padding:2px; /* optional rounded corners for browsers that support it */ border:1px solid #006FAA; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* COMMON ELEMENTS WITH 12px BEZEL */
.info2c, .widget, fieldset, input[type="submit"] { /* ROUND CORNERS */ border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; /* SPACING */ padding: 6px; margin-bottom: 3px; }
/* COMMON ELEMENTS WITH 6px BEZEL */
button, form, input, textarea, #Tabs { /* optional rounded corners for browsers that support it */ border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; }
a { color: #00238C; text-decoration:none; }
a:hover { color:deepskyblue; text-decoration:none;/*underline;*/ }
a img { border:0px; }
/********************* MAIN CONTENT *********************/
#MainContent { background: white; padding: 2em; width:auto; clear: both; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { font-family: /*'VagRoundedBlackRegular','Arial Rounded MT Bold':400, "Vagabond",*/  Helvetica:700, Arial:700, sans-serif; letter-spacing: -0.05em; font-size: 2.5em; text-align: center; line-height: 2.5em; padding:0; margin:0; }
h1 sup { font-size: 1em; }
h2 { font-size: 2em; font-weight: bold; line-height: 1em; }
h3 { font-weight: bold; display: inline; }
h3 a { }
h6 { font-size: 1em; font-weight: normal; line-height: 1.33em; }
img { border-width: 0px; font-size: .8em; }
hr { background-color: gainsboro; clear: both; float:none; height:1px; margin:1em 0em; border:none; }
.Post { margin:10px 0; }
.Post h3 { margin:0; padding:0; }
.PostImage { border:1px solid #000; }
.comments { float:right; }
.LeftImage { float:left; margin:0 20px 15px 0; }
.RightImage { float:right; margin:0 0 20px 20px; }
.PostInfo { display: block; padding:4px 0; margin:0; font-size:2em; color:#B3B3B3; }
.PostInfo { display:none; }
.PostContent { clear: both; font-size:1em; padding-bottom: 1em; }
p { line-height:1.3em; }
a.more-link { background: url(/wp-content/themes/mumrik-hikari/img/listimg_link.gif) no-repeat right center; padding-right: 20px; color: #C00; -moz-opacity:.66; filter:alpha(opacity=66); opacity:.66; }
a.more-link:hover { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }

/********************* FAQ ANSWERS *********************/
.faq-title, .faq-answer { font-size:1.5em; line-height:1.25em; padding-bottom: 8px; }
/* TWEET TIMESTAMP */.timesince { visibility:hidden; }
span.date { color:#B3B3B3; }
span.title a { }
span.author_and_tags { display:block; color:#B3B3B3; }
/* WP Theme Requirements Classes */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 10px 10px 0;/*border: 1px solid #333;*/ }
.alignright { float: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }  /* for IE/Mac */
#SubscriptionChooser { display: none; padding:4px 12px 4px 6px; -moz-border-radius: 25px; -khtml-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
#SubscriptionChooser ul { margin: 0; padding: 0; list-style: none; }
#SubscriptionChooser ul li { padding:2px 4px; margin:0; }
.SearchResult { list-style: none; margin:0; padding:0; }
.SearchResult li { border-bottom: 1px solid #eee; margin-bottom: 10px; }
.gravatar { width:96px; float:left; padding:0 10px 0 0; }
#contextual_ads { list-style: none; margin:0; padding: 0; }
#contextual_ads li { display: block; float:left; width:125px; height:125px; border:1px solid #ccc; margin-bottom: 6px; text-align: center; }
#contextual_ads li.alt { margin-right:6px; }
/* jQuery UI Tabs */
/* #Tabs { background-color: #EFF9FE; padding: 12px; } */
ul.links { clear: both; margin-left: -40px; }
ul.links li { padding: .3em 0 .3em .8em; list-style: none; background: transparent url("img/icon_list_arrow.gif") no-repeat 3px 7px; }
.ui-tabs-nav { /*resets*/ margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; position: relative; z-index: 1; border-right: 1px solid #bed7f1; bottom: -1px; }
.ui-tabs-nav-item { /*resets*/ margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; float: left; border: /*1px solid #bed7f1; */ border-right: none;
}
.ui-tabs-nav-item a { /*resets*/ margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; float: left; text-decoration: none; padding: .5em .9em; color: #373B55;  background-color: #EFF9FE; }
.ui-tabs-selected { border-bottom-color: white; }
.ui-tabs-selected a, .ui-tabs-selected a:hover { color: #222222; }
.ui-tabs-panel { /*resets*/ margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; clear:left; border: 1px solid #bed7f1; color: #222222; padding: .5em .7em; margin-bottom: 15px; }
.ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/ ; }
/* WP Core Classes */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption.alignright { padding: 0 0 2em 2em;}
.wp-caption p.wp-caption-text { font-size: .7em; line-height: 1.25em; padding: 3px 0 0 0; margin: 0; }
/* CommentLuv support */
abbr em img { float: left !important; margin: 2px !important }
/* FORM, INPUT & BUTTONS */
form { font-size: 0.8em; }
.required { color: #F09; }
form.sunny { background-color: #ffff66/*#fff76b*/; color: #373B55;  padding:20px; }
/* FIELDSET */
div fieldset { }
fieldset fieldset { padding: 20px 50px 0px 0px; }
legend { position: relative; padding: 15px 0px 10px 0px; font-weight: bold; }
div fieldset legend { top: 12px; }
wi div fieldset fieldset legend { top: 20px; }
/* INPUT ELEMENTS */
input, input:hover, select, textarea, .widget form input { background-color: #fcfdfe; padding: 8px; }
input[type="submit"] { background-color: #90cdff; color: #0049a1; padding: 5px 9px; }
input, textarea, select, button { border: thin solid #00ccff; //#C6E4F7;
}
input, textarea, {
background-color:#EFF9FE;
}
input, textarea { font-size:1.5em; }
input:hover, textarea:hover, .widget input:hover, {
border: thin solid #5BC0E7;
}
input:focus, textarea:focus, .widget input:focus { }
input[type="text"] { background-color: #fcfdfe; }
/* BUTTON */
button { cursor: pointer; }
button:hover { background-color: lightyellow; border: 1px solid #FFCC00; }
button:active { background-color:#FFFF00; }
button.search { background-color: lightyellow; border: 1px solid #FFCC00; }
button.search img { vertical-align: middle; }
button.blue { background-color: #00ccff/*90cdff*/; color: #0049a1; padding: 5px 9px; }
//button.blue:hover {
background-color: #0049a1;
color: #90cdff;
border: thin solid #5BC0E7;
}
button#verbose {  color: #373B55; border:none; padding: 12px; text-align: left; }
button#verbose:hover { text-shadow: 1px 1px #373B55; color: #EFF9FE; }
button.gold { background-color:goldenrod; }
button#verbose.gold:hover { background: gold; }
button.pink { background: pink; }
button#verbose.pink:hover { background-color:#F69; }
button.sunny { background-color: /*#ffff66*/#fff76b; color: #373B55; }
button#verbose.sunny:hover { background-color: yellow; color: black; }
button.teal, button#verbose.teal:hover { background-color: powderblue; color: #373B55; }
//button#verbose.teal:hover {
background-color:#2CB4AF;
}
/* INFO TABLES CELLS */
table { border-collapse: separate; border-style: none; border-width: 1px; width: 100%; }
table th, table td { border-width: 1px; padding: 5px; border-style: none; background-color: rgb(198, 228, 247); }
/********************* WIDGETS, TABS & CONTEXTUAL CONTENT *********************/
#ContextualContent { font-size: .8em; }
#ContextualContent .widget { margin-top:3px; float: left; }
#ContextualContent .widget p { width: 220px; }
#ContextualContent .widget ul { width: 220px; }
#ContextualContent .widget button { width: 220px; }
/* WIDGET TITLE */
.widget h4 { margin: 0 0 6px 0; padding: 0; }
/* FORM IN WIDGET */
.widget form { padding: 0; margin-bottom: 10px; border:none; text-align: center; }
/* INPUT FIELD IN FORM IN WIDGET */
.widget form input { padding: 0px; }
/* Contextual Content */
.widget ul, .widget ul li { list-style:none; margin:0; padding:0; }
.widget ul li { padding:4px 0 4px 12px; background:transparent url("img/icon_list_arrow.gif") no-repeat 4px 7px; }
.widget ul li ul { /*display:none;*/ }

/********************* CONSUMER QUOTES *********************/
#mega-praise-widget h3 { width: 320px; float: left; word-wrap: break-word; clear: both; padding-right: 50px; }
#mega-praise-widget li { width: 320px; list-style: none; float: left; padding-bottom: 50px; padding-right: 50px; color:#666; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; /*line-height: 1.5em;*/ }
#mega-praise-widget ul li { }
#mega-praise-widget ol li { font-size: .8em; }
#mega-praise-widget .wp-caption.alignnone { width: 320px; list-style: none; float: left; padding-bottom: 50px; padding-right: 50px; }
/*blockquote { margin:0; color:#666; line-height:1.3em; font-style:italic; font-size: 1.2em; }

/********************* COLUMNS &  LISTS ******************* (top menu affected, footer not really?) */
/*ul{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
}
li{
  line-height:1.5em;
  float:left;
  display:inline;
}*/
#double li	{ width:50%; } /* 2 col */
#triple li	{ width:320px; //33.333%;} /* 3 col */
.columns	{ width:300px; float: left; }
#quad li,	{ width:245px;//25%;} /* 4 col */
#five li	{ width:186px; //20%;} /* 5 col */
#six li		{ width:160px; //16.666%;} /* 6 col */

/* Multi-Column Layout Creator - Parallel Design - http://www.pagecolumn.com/2_column_div_generator.htm */
.left { position: relative; float: left; left: 0%; width: 29%; padding: 1em; /* border: 1px dotted #CCC; */}
.left4c { position: relative; float: left; left: 0%; width: 20%; padding: 1em; /* border: 1px dotted #CCC; */}
.left4c h3 { font-size: .8em; font-weight: normal; text-align: center; width: 100%; }
.right { position: relative; float: right; right: 0%; width: 29%; }

/* LEGACY INFO BOXES */
.info1c { float: left; width: 180px; padding: 15px; clear: none; }
.info1c img { float: left; padding: 0px; text-align: center; }
.info1_5c { float: left; width: 260px; padding: 15px; overflow: hidden; }
.info1_5c div ul { list-style: none; text-indent: 10px; padding:0; margin:0; margin-top:-5px; line-height: 105%; }
.info2c { float: left; width: 432px; }
.info2c .Product_Image { text-decoration: none; height: 150px; width: 100px; float: right; border-style: none; text-align: center; }
.info3c { }
.infohalf { width: 420px; float: left; padding: 1em; border-top: thin none #CCC; border-right: thin dotted #CCC; border-bottom: thin dotted #CCC; border-left: thin none #CCC; clear: none; }
.infowide { width: 800px; clear: both; padding: 15px 0 5px 0; }
.infowide .info li { text-indent: -1em; list-style: inside; padding: 0 .5em 0 2em; }

/********************* FOOTER MENU *********************/
.menu-foot-index-container { padding-bottom:12em; }
/********************* FOOTER MENU ITEM *********************/
#menu-foot-index li a { font-size: 0.7em; }
#menu-foot-index li.menu-item { margin: .1em 0 0.1em; float:left; list-style-image: none; list-style-type: none; line-height: .7em; }
#menu-foot-index li.menu-item a { margin: .1em 0 0.1em; font-weight: bold; }
#menu-foot-index li ul.sub-menu { margin: .1em 0 0.1em; padding:0;  /*display:inline;*/ }
#menu-foot-index li ul.sub-menu a { font-weight: normal; }
#menu-foot-index li li a { }
/********************* FOOTER *********************/
.center { text-align: center; }
#FooterLinks { text-align: center; }
#Footer { clear: both; padding: 1em 3em 6em 3em; }
.tt, .fineprint, .info, .PostInfo, div.PostInfo, .author, #sidebar_menu, .wp-caption-text.gallery-caption { font-size: .6em; font-style: normal; font-weight: normal; line-height: 1.3em; }