/*
Theme Name: Yigejidan
Theme URI: http://www.yigejidan.com/
Description: The theme fit in YiGeJiDan web design.
Version: 0.1
Author: Robinvane
Tags: mantle color, variable width, two columns, widgets

A theme shared by two binary.
*/

ul, ol, li { list-style:none; padding:0; margin:0; }
body {
  font-family:arial, sans-serif;
  font-size:13px;
  color: #000;
  background: #fc0;
  line-height:1.6em;
  margin:0;
  padding:0;
}
a {
  color:#603811;
}
.body-wrapper {
  text-align:center;
  padding:10px;
}
#bodyAll {
  width:960px;
  margin:auto;
  text-align:left;
}
#mainBody {
  background:#fff;
}
#navigation {
  background:#603811;
  color:#fff;
  margin:0;
  padding:0;
}
#navigation ul {
  background:red;
}
#navigation li {
  display:inline;
  font-size:180%;
}
#navigation a {
  display:block;
  height:100%;
}
.image-text {
  background:url(/static/img/text.png) no-repeat;
  text-indent:-100000px;
}
.quotes {
  background:url(/static/img/quotes.gif) no-repeat;
}
#navigation ul {
  margin:0;
  padding:0;
}
#navigation li {
  float:left;
  height:40px;
}
.site-title {
  width:615px;
}
.home {
  background-position:0 -96px;
  width:99px;
}
#navigation .home-cur {
  background-position:0 -250px;
}
.sep {
}
.about {
  background-position:-157px -96px;
  width:59px;
}
.about-cur {
  background-position:-157px -250px;
}
.news {
  background-position:-313px -96px;
  width:98px;
}
.news-cur {
  background-position:-313px -250px;
}
.initiative {
  background-position:-98px -96px;
  width:60px;
}
.initiative-cur {
  background-position:-98px -250px;
}
.operation {
  background-position:-215px -96px;
  width:98px;
}
.operation-cur {
  background-position:-215px -250px;
}
#header {
  position:relative;
}
* html #header {
  height:1%;
}
#header h1 {
  text-indent:-100000px;
  background-position:0 0;
  font-size:480%;
  overflow:hidden;
  height:55px;
  margin:0;
}
#header .google-initiate {
  text-indent:-100000px;
  background-position:0 -60px;
  font-size:200%;
  overflow:hidden;
  height:55px;
  margin:0;
  position:absolute;
  right:0;
  bottom:0;
  width:135px;
  height:29px;
}
#secondaryContent, #majorContent {
  padding-bottom:2em;
  background:#fff;
}
#secondaryContent {
  width:295px;
  float:right;
  padding:0 10px 0 15px;
  border-left:#c7c1bb solid 1px;
}
#majorContent {
  float:left;
  width:639px;
}
* html #majorContent {
  overflow:hidden;
  width:638px;
}
#majorContentHolder {
  padding:0 10px;
}
#majorContent .site-highlight {
  padding:10px;
  background:#555;
  height:350px;
  overflow:hidden;
}
#secondaryContent .site-highlight {
  background:#b3b3b3;
  margin:0 -11px 0 -15px;
  padding:30px 15px 0 20px;
  height:340px;
}
* html #secondaryContent .site-highlight {
  height:340px;
}
.quote-text {
  position:relative;
}
* html .quote-text {
  height:1%;
}
.quote-text p {
  margin:0;
  text-indent:35px;
  line-height:1.2em;
  font-size:18px;
}
.left-quote, .right-quote {
  width:26px;
  height:21px;
  position:absolute;
}
.left-quote {
  left:0;
  top:-10px;
}
.right-quote {
  background-position:-30px 0;
  right:-20px;
  bottom:-10px;
}
.promote-text {
  color:#603811;
  margin-top:30px;
  line-height:1.5em;
}
.how-to-join {
  background-position:0 -180px;
  width:187px;
  height:48px;
  cursor:pointer;
  margin-top:20px;
  margin-left:45px;
}
.left-sidebar {
  float:left;
  width:48%;
}
.right-sidebar {
  float:right;
  width:48%;
}
h2 {
  font-size:167.8%
  font-weight:normal;
  margin:20px 0 5px 0;
  padding:0;
}
.photo-text {
  background-position:-180px -140px;
  height:24px;
  width:46px;
}
.show-support-text {
  background-position:-240px -140px;
  height:24px;
  width:126px;
}
.participation-text {
  background-position:0 -140px;
  height:24px;
  width:86px;
}
.news-text {
  background-position:-90px -140px;
  height:24px;
  width:86px;
}
h3 {
  font-weight:normal;
  margin-bottom:8px;
  font-size:18px;
}
.blog-feed {
  margin-bottom:20px;
}
.blog-feed p {
  margin:0;
}
.cl {
  clear:both;
}
.post {
  border-bottom:1px solid #ccc;
}
.meta {
  color:#888;
}
.date {
  font-size:12px;
}
.wordpress-site #majorContent {
  margin-top:2em;
}
h2.storytitle {
  font-size:25px;
  margin:10px 0;
}
h2.storytitle a {
  text-decoration:none;
}
.lb-text-topic {
  line-height:2em;
  margin-bottom:2px;
}
#laibaEditor {
  margin:1em 0;
  border:3px #fc0 solid;
  padding:5px;
}
#laibaEditor iframe {
  width:280px;
  height:160px;
}
#laibaEditor strong {
  margin-bottom:1em;
  display:block;
  color:#333;
}