/*////////////////////////////////////////////////////////////////////////////
// Definicion de estilo para jueju.es.
// Pagina orientada a aprender chino utilizando poemas Táng.
////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////
// Elementos básico comunes
////////////////////////////////////////////////////////////////////////////*/


*
{
  padding:               0em;
  margin:                0em;
}

body
{
  padding:               35px 0px 35px 0px;
  font-size:             10pt;
  font-family:           "Georgia", Arial, Helvetica, Simsun, Serif;
  color:                 #333333;
  background:            #202020;
  background:            #202020 url('../img/0181.999.column.jpg') repeat-y;
}
/*3456789.123456789.12345*/


b
{                        /* pin yin */
  font-family:           Arial, "Georgia", Helvetica, Simsun, Serif;
  font-weight:           normal;
  color:                 #30A030;
}

i
{                        /* chinese */
  font-family:           Simsun, "Georgia", Arial, Helvetica, Serif;
  font-style:            normal;
  font-weight:           normal;
  color:                 #C04040;
}


#outer
{
  z-index:               2;
  position:              relative;
  width:                 80%;
  border:                solid 7px #ffffff;
  background-color:      #ffffff;
  margin:                0 auto;
}


/*////////////////////////////////////////////////////////////////////////////
// Encabezamiento
////////////////////////////////////////////////////////////////////////////*/
#Hdr
{
  position:              relative;
  width:                 100%;
  height:                8.0em;
  background:            #303030;
  margin-bottom:         2px;
}

#HdrCnt
{
  position:              absolute;
  bottom:                0.0em;
  padding:               0.0em 2.0em 0.5em 2.0em;
}

#HdrCnt h1
{
  font-size:             5.0em;
  font-weight:           normal;
  color:                 #ffffff;
}


#HdrCnt h2
{
  font-size:             1.5em;
  font-weight:           normal;
  color:                 #aaaaaa;
}


#HdrPic
{
  position:              relative;
  height:                100px;
/*background:            #ffffff url('../img/0166.738.wangweiyihu.jpg') repeat top left; */
  background:            #ffffff url('../img/0210.999.wangweimengchengao.jpg') repeat top left;
  margin-bottom:         2px;
}


/*////////////////////////////////////////////////////////////////////////////
// Autor
////////////////////////////////////////////////////////////////////////////*/
#HdrAut
{
  position:              absolute;
  top:                   5.5em;
  right:                 2.0em;
  padding-right:         0.0em;
}

#HdrAut h2
{
  font-size:             1.5em;
  font-weight:           normal;
  color:                 #aaaaaa;
}

#HdrBtn
{
  background:            #ffffff url('../img/line01.gif') repeat-x;
  height:                14px;
  margin-bottom:         1.5em;
}


/*////////////////////////////////////////////////////////////////////////////
// Elementos básico comunes
////////////////////////////////////////////////////////////////////////////*/
p
{
  line-height:           1.5em;
  margin-bottom:         1.0em;
  text-align:            justify;
}

a
{
  color:                 #ff0000;
  text-decoration:       underline;
}

a:hover
{
  text-decoration:       none;
}

h3, h4
{
  display:               inline;
  font-weight:           bold;
  background-repeat:     no-repeat;
  background-position:   right;
}

h3
{
  font-size:             2.0em;
  padding-right:         34px;
  background-image:      url('../img/0166.020.wangweiyihu.jpg');
}

h4
{
  font-size:             1.2em;
  padding-right:         28px;
  background-image:      url('../img/0166.014.wangweiyihu.jpg');
}

.contentarea
{
  padding-top:           1.3em;
}

img
{
  border:                solid 1px #6F5230;
}

img.left
{
  position:              relative;
  float:                 left;
  margin:                0em 1.8em 1.4em 0em; /* ASC_ 0em 1.8em 1.4em 0em;*/
  padding:               0.25em;
}

img.right
{
  position:              relative;
  float:                 right;
  margin:                0em 0em 1.8em 1.8em;
}

.divider1
{
  position:              relative;
  background:            #ffffff url('../img/line02.gif') repeat-x;
  height:                14px;
  margin:                2.0em 0.0em 1.5em 0.0em;
  clear:                 both;
}

.divider2
{
  position:              relative;
  background:            #ffffff url('../img/line02.gif') repeat-x;
  height:                14px;
  margin:                2.0em 0.0em 1.5em 0.0em;
  clear:                 both;
}

.post .details
{
  position:              relative;
  top:                  -1.2em;
  font-size:             1.0em;
  color:                 #787878;
}

.post ul.controls
{
  clear:                 both;
}

.post ul.controls li
{
  display:               inline;
  font-size:             0.8em;
}

.post ul.controls li a
{
  background-repeat:     no-repeat;
  background-position:   left;
  padding:               0.0em 1.0em 0.0em 20.0px;
}

.post ul.controls li a.more
{
  background-image:      url('../img/pap001.gif');
}

.box
{
  position:              relative;
  background:            #FDFCF6 url('../img/boxbck.gif') repeat-x;
  left:                  -1.5em;
  top:                   -1.5em;
  padding:               1.5em;
  border-bottom:         solid 1px #E1D2BD;
  margin-bottom:         1.0em;
}

ul.text
{
  line-height:           1.5em;
  margin-bottom:         1.0em;
  margin-left:           1.1em;
  text-align:            justify;
}

ul.poem
{
  list-style:            none;
}

ul.poem li
{
  line-height:           1.5em;
  color:                 #333397;
}

ul.nobullet
{
  list-style:            none;
}

ul.nobullet li
{
  line-height:           2.0em;
}

#content
{
  padding:               0em 2.0em 0em 2.0em;
}

#primarycontainer
{
  float:                 left;
  margin-right:          -18.0em;
  width:                 100%;
}

#primarycontent
{
  margin:                1.5em 22.0em 0em 0em;
}

#secondarycontent
{
  margin-top:            1.5em;
  float:                 right;
  width:                 18.0em;
}

#footer
{
  position:              relative;
  height:                2.0em;
  clear:                 both;
  padding-top:           5.0em;
  background:            #ffffff url('../img/line02.gif') repeat-x 0em 2.5em;
  font-size:             0.8em;
}

#footer .left
{
  position:              absolute;
  left:                  2.0em;
  bottom:                1.2em;
}

#footer .right
{
  position:              absolute;
  right:                 2.0em;
  bottom:                1.2em;
}