/* $Id$ */

/**
 * @author Henri Medot
 * @version 2009-11-27
 */

:focus
{
  outline-width: 0 !important;
}

html,
body,
#side-menu
{
  height: 100%;
  overflow: hidden;
}

body
{
  font-size: 100%;
  background-color: #000;
  color: #fff;
  margin: 0;
  overflow: auto;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: lowercase;
  line-height: normal;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset
{
  font-family: Arial, Helvetica, sans-serif;
}

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

a:hover
{
  color: #E30030;
}

h1
{
  display: none;
}

.error-404 h1
{
  display: block;
}



/* side-menu */
#side-menu
{
  position: fixed;
  width: 380px;
  right: 17px;
  overflow: hidden;
}

#side-menu-inner
{
  padding: 3px 2px 6px 0;
  position: relative;
}

#side-menu h2
{
  display: none;
}

#side-menu a,
#side-menu a:hover
{
  color: #E30030;
  display: block;
  white-space: nowrap;
  text-align: right;
}

#side-menu a
{
  padding: 6px 0 5px;
}

#side-menu a
{
  font-size: 18px;
  font-weight: bold;
}

#side-menu li li a
{
  font-size: 10px;
  font-weight: normal;
}

#side-menu li li a
{
  padding: 2px 0;
}

#side-menu a span
{
  padding-left: 2px;
}

#side-menu a span span.bullet
{
  padding: 0 0 0 6px !important;
}

#side-menu li li a
{
  color: #aaa;
}

#side-menu ul,
#side-menu li
{
  list-style: none none;
  display: block;
  padding: 0;
  margin: 0;
}

#side-menu li li
{
  padding: 3px 0;
}

#side-menu .top-item-0.active ul a,
#side-menu .top-item-0.hover ul a,
#side-menu .top-item-0:hover ul a
{
  color: rgb(0, 214, 255);
}

#side-menu .top-item-1.active ul a,
#side-menu .top-item-1.hover ul a,
#side-menu .top-item-1:hover ul a
{
  color: rgb(255, 255, 0);
}

#side-menu .top-item-2.active ul a,
#side-menu .top-item-2.hover ul a,
#side-menu .top-item-2:hover ul a
{
  color: rgb(0, 168, 144);
}

#side-menu .top-item-3.active ul a,
#side-menu .top-item-3.hover ul a,
#side-menu .top-item-3:hover ul a
{
  color: rgb(255, 138, 0);
}

#side-menu .top-item-4.active ul a,
#side-menu .top-item-4.hover ul a,
#side-menu .top-item-4:hover ul a
{
  color: rgb(128, 205, 67);
}

#side-menu .top-item-5.active ul a,
#side-menu .top-item-5.hover ul a,
#side-menu .top-item-5:hover ul a
{
  color: rgb(171, 67, 168);
}

#side-menu ul ul a:hover
{
  color: #fff !important;
}

#side-menu li.active ul li.active a,
#side-menu li.active ul li.active a:hover
{
  color: #000 !important;
}

#side-menu li.active ul li.active a span
{
  padding-right: 10px;
}

#side-menu .top-item-0 li.active span
{
  background-color: rgb(0, 214, 255);
}

#side-menu .top-item-1 li.active span
{
  background-color: rgb(255, 255, 0);
}

#side-menu .top-item-2 li.active span
{
  background-color: rgb(0, 168, 144);
}

#side-menu .top-item-3 li.active span
{
  background-color: rgb(255, 138, 0);
}

#side-menu .top-item-4 li.active span
{
  background-color: rgb(128, 205, 67);
}

#side-menu .top-item-5 li.active span
{
  background-color: rgb(171, 67, 168);
}

#side-menu .top-item.active.leave ul a
{
  color: #aaa;
}

#side-menu .top-item.active.leave li.active span
{
  background-color: #aaa;
}
/*~side-menu */



#page
{
  width: 680px;
  float: right;
  margin-right: 400px;
}

#page-inner
{
}

#header
{
  padding-top: 35px;
}

#logo
{
}

#logo img
{
  display: block;
  border: 0 none;
}

#site-name
{
  display: none;
}


#footer
{
  display: none;
}



/* menu */
#menu
{
  font-size: 18px;
  font-weight: bold;
  cursor: default;
  margin-top: 8px;
}

#menu h2
{
  display: none;
}

#menu ul
{
  display: block;
  padding: 0;
  margin: 0;
}

#menu li
{
  display: inline;
  background: transparent url(images/menu-border-left.png) left 4px no-repeat;
  padding: 0 5px 0 10px;
}

#menu li.first
{
  background-image: none;
  padding-left: 0;
}

#menu a
{
  color: #E30030;
}

#menu a:hover,
#menu li.active a
{
  color: #fff;
}

#menu ul ul
{
  display: none;
}
/*~menu */



/* main */
#main
{
  padding-top: 10px;
}
/*~main */



/* content */
#content
{
  font-size: 12px;
  line-height: 20px;
  text-align: right;
}

#content-inner
{
  width: 640px;
}

#content .tab .image
{
  height: 350px;
  position: relative;
}

#content img
{
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  border: 0 none;
}

#content .caption
{
  clear: both;
  padding-top: 10px;
}

#content .caption a
{
  color: #E30030;
}

#content .caption a:hover
{
  color: #fff;
}
/*~content */



/* secondary-menu */
#secondary-menu
{
  padding-left: 100px;
  font-weight: bold;
  min-height: 100px;
  cursor: default;
}

#secondary-menu h2
{
  display: none;
}

#secondary-menu ul,
#secondary-menu li
{
  list-style: none none;
  display: block;
  padding: 0;
  margin: 0;
}

#secondary-menu li
{
  margin: 5px 0;
}

#secondary-menu ul ul
{
  padding-left: 30px;
}

#secondary-menu .bullet
{
  padding-right: 10px;
}
/*~secondary-menu */



/* pager */
div.pager
{
  clear: both;
  cursor: default;
  font-size: 13px;
  padding-top: 10px;
}

div.pager h3
{
  display: none;
}

div.pager small
{
  font-size: 9px;
  vertical-align: -5%;
}

div.pager ul,
div.pager li
{
  list-type: none none;
  display: inline;
  padding: 0;
  margin: 0;
}

div.pager li
{
  padding-left: 5px;
}

div.pager a.active
{
  color: #E30030;
}
/*~pager */



/* language-menu */
#language-menu
{
  font-size: 11px;
  font-weight: bolder;
  margin-top: 40px;
}

#language-menu h2
{
  display: none;
}

#language-menu ul
{
  display: block;
  padding: 0;
}

#language-menu li
{
  display: inline;
  background: transparent url(images/language-border-left.png) left 3px no-repeat;
  padding: 0 3px 0 9px;
}

#language-menu li.first
{
  background-image: none;
  padding-left: 0;
}

#language-menu li.active a
{
  color: #E30030;
}

#language-menu li.zh
{
  font-size: 12px;
}
/*~language-menu */



/* home */
.home #content-inner
{
  width: 100%;
}

.home #content .caption
{
  display: none;
}

.home div.pager
{
  padding-right: 100px;
}
/*~home */