/*
Theme Name: Korenix
Theme URI: http://www.korenix.com/
Version: 0.1
Author: SUN Chun-Yen (Hemiola SUN)
Author URI: http://hemiolasun.free.fr/

	Korenix Technology Co., Ltd.  http://www.korenix.com/
	Copyright (c) 2009 Korenix Technology Co., Ltd. All rights reserved.
*/

/* =============== Basic style ============== */
body {
  margin: 0;
  padding: 0;
  background: white;
  font-family: 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  
  text-align: center; /* IE hack */
}
* > body {
  text-align: left;
}

p, div, li, dt, dd, th, td, address {
  line-height: 180%;
}
p {
  margin-bottom: 1.5em;
}
td, th {
  line-height: 160%;
}
input {
  font-family: 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-size: 13px;
}
select {
  font-family: 'Lucida Sans', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
  font-size: 13px;
}

a {
  text-decoration: none !important;
}
a:visited {
}
a:hover {
  color: white;
  background-color: #89C4FF;
}

/* ================== Images ================= */
a img, a img:hover {
  border: 0;
}

/*
ul, ol {
  padding-left: 0;
  margin-left: 15px;
  list-style-position: inside;
}*/

/* =============== Layout ================= */

#page {
  width: 900px;
  padding-left: 30px;
  padding-right: 30px;
 
  text-align: left; /* IE hack */
}
* > #page {
  margin-right: auto;
  margin-left: auto;
}

#head {
}

#page-center {
  clear: both;
}

#main-content {
  margin: 0;
  padding: 30px 10px 10px 25px;
  float: right;
  width: 640px; /* 640 (width) + 10 (padding) + 25 (padding) = 675 (maring-left of main-menu) */
}
#main-content.large {
  padding-left: 0;
  padding-right: 0;
  border: none;
  
  float: none !important;
  width: 900px;
}

h1, h2, h3, h4 {
  font-weight: bold;
  line-height: 120%;
}

h1 {
  margin-top: 16px;
  margin-left: -12px;
  font-size: 2.4em;
}

h1 a:hover {
  background: none;
}

h2 { /* not so good */
  margin-top: 0px;
  padding-top: 0px;
}

h4 {
  font-size: 12px;
}

h4 a {
  color: #FF5229;
}
h4 a:visited {
  color: #FF5229;
}
h4 a:hover {
  color: white;
}

#head div.description {
  margin-top: -3em;
  margin-bottom: 1em;
  text-align: right;
  font-size: 15px;
  color: #4D4D4D;
}

#site-index {
  margin: 0 !important;
  height: 28px !important;
  background: url("900-blue-bar.png") navy top no-repeat;
  padding-left: 10px;
  padding-right: 10px;
  list-style-type: none;
  font-size: 13px;
}
#site-index li {
  font-size: 0.95em;
  float: left;
  height: 28px !important;
}

#site-index a {
  display: block;
  color: white;
  height: 28px !important;
  line-height: 28px;
  padding-left: 10px;
  padding-right: 10px;
}
#site-index a:visited {
  color: white;
}
#site-index a:hover {
  /*color: yellow;*/
  background: url("blue-hover.png") #89c4ff repeat-x;
}

#site-index li.current_page_item a, #site-index li.current_page_parent a , #site-index li.current_page_ancestor a {
  color: white;
  background: url("blue-dark.png") #969696;
}
#site-index li.current_page_item a:visited, #site-index li.current_page_ancestor a:visited, 
#site-index li.current_page_parent a:visited  {
  color: white;
  background: url("blue-dark.png") #969696;
}
#site-index li.current_page_item a:hover, #site-index li.current_page_ancestor a:hover, 
#site-index li.current_page_parent a:hover  {
  /*color: yellow;*/
  background: url("blue-hover.png") #89c4ff repeat-x;
}

#header-search {
  float: right !important;
  padding-left: 10px;
}

#header-search div {
  line-height: 28px;
}
#header-search #s {
  width: 90px;
  border: 1px solid #969696;
}

#header-search #searchsubmit {
  line-height: 28px !important;
  height: 28px;
  background-color: transparent;
  border: none;
  color: white;
}
#header-search #searchsubmit:hover {
  /*color: yellow;*/
  background: url("blue-hover.png") #89c4ff repeat-x;
}

h2 {
  font-size: 20px;
  color: #FF5229;
}

.news h2 {
  font-size: 16px;
}
.news table {
  font-size: 11px;
  border: none !important;
  border-collapse: collapse;
}

.news table th, .news table td {
  border: none !important;
}
.news table tr {
  border-bottom: 1px dotted #dddddd;
}


h2 a {
  color: #FF5229;
}
h2 a:visited {
  color: #FF5229;
}
h2 a:hover {
  color: white;
}

h3 {
  color: white;
  background-color: #89C4FF;
  padding: 3px;
  border: 1px solid #c0c0c0;
  font-size: 12px;
  clear: both;
}

h3.storytitle {
}

.post {
  clear: both;
}

.post-date {
  font-style: italic;
  text-align: right;
  display: none !important;
}

/* ============= Frontpage =============== */
#main-content.frontpage {
  padding-top: 2px;  
}
.frontpage #main-title {
  height: 260px;
}

.frontpage #main-title p {
  margin-left: 30px;
  width: 380px;
}

.frontpage #home-cover {
  float: right;
}
.frontpage #home-cover a:hover {
  background: none;
}

.frontpage h2 {
  padding-top: 15px;
  margin-left: 25px;
  font-size: 35px;
  font-weight: bold;
  font-style: italic;
}

.frontpage h3 {
  margin-bottom: 3px;
}

.frontpage #ip-products-list {
  float: left;
  width: 594px;
}
.frontpage #ip-products-list h3 {
  background: url("blue2-bar.png") no-repeat navy;
  height: 27px;
  width: 594px;
  border: none;
  padding: 0;
  line-height: 27px;
  text-align: center;
  margin-top: 2px;
}

.frontpage #applications-list {
  float: right;
  width: 288px;
}
.frontpage #applications-list h3 {
  background: url("orange-bar.png") no-repeat #FF5229;
  height: 27px;
  width: 288px;
  border: none;
  padding: 0;
  line-height: 27px;
  text-align: center;
  margin-top: 2px;
}

.frontpage .home-section div.more {
  position: relative;
  float: right;
  top: -28px;
  right: 16px;
  font-weight: bold;
}
.frontpage .home-section div.more a {
  color: white;
}
.frontpage .home-section div.more a:visited {
  color: white;
}

.frontpage .third {
  width: 288px;
  float: left;
  height: 240px !important;
  margin-top: 5px;
  margin-bottom: 5px;
}
.frontpage .third.left {
  margin-right: 18px;
}

.frontpage .third h4 {
  color: black;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0.8em 0 0 3px
}
.frontpage .third p {
  margin: 0.8em 0 1em 3px;
  /*text-align: justify;*/
}

.frontpage .third h4+p {
  margin-top: 0.2em;
}

.frontpage .third a img {
  border: 1px solid #ccc !important;
}
.frontpage .third a:hover img {
  border: 1px solid #ccc !important;
}

.frontpage .third a {
  color: black;
}
.frontpage .third a:hover {
  background: none;
  color: blue !important;
}

.row {
  clear: both;
}

.frontpage #home-news {
  float: left;
  width: 340px;
  
  width: 594px;
}
.frontpage #home-events {
  float: left;
  width: 254px;
  
  display: none;
}
.frontpage #home-news ul, .frontpage #home-events ul {
  padding-right: 10px;
  padding-left: 0;
  margin-left: 23px;
}

.frontpage #home-news h3 {
  text-align: center;
  background: url("blue2-bar.png") no-repeat navy left;
}
.frontpage #home-events h3 {
  background: url("blue2-bar.png") no-repeat navy right;
}
.frontpage #home-news h3, .frontpage #home-events h3 {
  height: 27px;
  border: none;
  padding: 0 0 0 10px;
  line-height: 27px;
}


.frontpage #where-to-buy {
  padding-top: 13px;
}
.frontpage #where-to-buy h3 {
  display: none !important;
}
.frontpage #where-to-buy a {
  margin-left: 18px;
}
.frontpage #where-to-buy a img {
  border: 1px solid #ccc;
}

.frontpage #where-to-buy a:hover {
  background: none;
}

/* =============== Sidebar ================*/
#main-menu {
  padding-top: 30px;
  margin-right: 675px;
}
#main-menu ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid #c0c0c0;
}
#main-menu ul.children {
  padding-left: 1.2em;
}

#main-menu ul a {
  padding-left: 3px;
  display: block;
}
#main-menu ul ul a {
  padding-left: 18px;
}
#main-menu ul ul ul a {
  padding-left: 33px;
}
#main-menu ul ul ul ul a { /* 4th level, it's enough */
  padding-left: 48px;
}

#main-menu ul li {
  list-style: none;
  border-bottom: 1px solid #c0c0c0;
}
#main-menu ul li li {
  border: none;
}

#main-menu li.page_item ul {
  display: none;
}
#main-menu li.current_page_item ul, #main-menu li.current_page_parent ul {
  display: block !important;
}

#main-menu li a, #main-menu li a {
  color: #0075BC;
  background-color: white;
}
#main-menu li a:visited {
  color: #0075BC;
}
#main-menu li a:hover {
  color: white !important;
  background-color: #89C4FF !important;
}

#main-menu li.current-cat a, #main-menu li.current_page_item a {
  color: white;
  background-color: #0075BC;
}
#main-menu li.current-cat a:visited, #main-menu li.current_page_item a:visited {
  color: white;
}

#main-menu li.current_page_item li a {
  color: #0075bc;
  background-color: white;
}
#main-menu li.current_page_item li a:visited {
  color: #0075BC;
  background-color: white;
}

#main-menu li.current_page_ancestor a {
  color: white;
  background-color: #969696;
}
#main-menu li.current_page_ancestor ul a {
  color: #0075BC;
  background-color: white;
}

#main-menu li.current_page_ancestor li.current_page_item a {
  color: white;
  background-color: #0075BC;
}


/* =============== Foot =================== */

#foot {
  clear: both !important;
  padding-top: 20px;
}
#foot-site-index {
  font-size: 11px;
  text-align: center;
}
#foot-site-index {
  margin: 0;
  padding: 0;
}
#foot-site-index li {
  display: inline;
  margin-right: 10px;
}
#foot-site-index li a {
  color: #009999;
  text-decoration: underline !important;
}
#foot-site-index li a:visited {
  color: #009999;
  text-decoration: underline !important;
}
#foot-site-index li a:hover {
  color: white !important;
  text-decoration: none !important;
}

#copyright {
  font-size: 0.8em;
  color: #bbb;
  text-align: center;
}

#foot-strip {
  font-size: 0.85em;
  color: white;
  background: #529AD8 url(foot-bg.png) top right no-repeat;
  height: 160%;
  min-height: 21px;
}
#foot-slogan {
  background: #529AD8 url(foot-slogan-bg.png) top right no-repeat;
  padding-left: 5px;
  padding-right: 18px;
  float: left;
  height: 21px;
}


/* =============== News & Events ============== */
.post.news {
}

.news-item {
  clear: both;
}

.news-date {
  width: 120px;
  float: left;
}

.news-title {
  margin-left: 125px;
  margin-bottom: 5px;
}

/* =============== Others ================= */

.textright {
  text-align: right;
}

img.left {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
  padding: 0 8px 8px;
  float: right;
  background: white;
}
.alignleft {
  padding: 0 8px 8px;
	float: left;
  background: white;
}
.aligncenter {
  text-align: center;
}

.clearboth {
  clear: both;
}

.hidden {
  display: none !important;
}

input.submit {
  border: 2px outset #c0c0c0;
  color: black;
  background-color: #c0c0c0;
}
input.submit:active {
  border: 2px inset #c0c0c0;
}

table.selection-table {
  font-size: 11px;
  border-collapse: collapse;
}

table.selection-table tr {
  border-bottom: 1px dotted #dddddd;
}