/*

Theme Name: Newspaper theme

Theme URI: http://www.wheatv.com/wp-theme/

Description: Theme is looks like newspaper style.

Version: 1.0

update:2009-10-06

Author: BadJohnny

Author URI: http://www.wheatv.com/

Author email: wheatv@gmail.com

Tags:three columns,black,widget,fixed width,personal



	This theme was designed and built by BadJohnny,

	whose blog you will find at http://www.wheatv.com/



*/



body{

  margin:0 auto;

  text-align:center;

  background:#fff;

  font:normal 12px "Microsoft YaHei",Tahoma;

  color:#000;


}
 

*{

  list-style:none;

}

a{text-decoration:none;}



/*Layers common property*/

#page,#content,.sidebar,.side,#footer{

  height:auto;

  overflow:hidden;

}



/*Detail*/

#page{

  width:950px;

  margin:0 auto;

  text-align:left;

}

#header{

  height:105px;

  position:relative;

  z-index:1;

  padding:1px;

  margin-bottom:45px;

}

/*TOP MENU*/

#header #topmenu{

  float:right;

  height:20px;

  margin-top:10px;

}

#topmenu ul{

  margin:0;

  padding:0;

}

#topmenu ul li{

  float:left;

  margin-left:20px;

  font-size:14px;

}

#topmenu,#topmenu a{

  color:#7b7b7b;

}

#topmenu,#topmenu a:hover{color:#999}



#header h1,#header h1 a{

  font:normal 45px Tahoma;

  margin:0;

  color:#000;

  margin-left:10px;

}

#header h1 span{

  font:12px Tahoma;

  display:block;

}

#top{margin:0 auto;width:800px;}



#nav{

  height:45px;

  margin-top:10px;

  border-bottom:1px solid #eaeaea;

}

#nav ul{

  margin:0;

  padding:0;

}

#nav ul li{

  width:90px;

  height:45px;

  line-height:45px;

  float:left;

}

#nav ul li a{

  padding:0 20px;

  color:#bababa;

  font-size:18px;

 font-weight: bold;

  display:block;

}

#nav ul li a:hover{  background:#666;color:#fff;font-size:18px; font-weight: bold;}

#nav .home,#nav .current_page_item,#nav .current-cat{

  background:#999;

}

#nav span {float:right; padding-top:10px;}

#nav .home a,#nav .current_page_item a,#nav .current-cat a{

  color:#fff;

}



/*child menu*/

#menu ul{

  POSITION: absolute;

  background:#666;

  opacity:0;

  display:none;

  border-bottom:1px solid #999;

}

#menu  ul li{

  float:none;

  width:88px;

  -width:94px;

  border:1px solid #999;

  margin-bottom:-2px;

  border-bottom:none;
  
  position:relative;

}

#menu  ul li a{color:#fff}

#menu  ul li a:hover{background:#999}

#menu ul ul{

  TOP: 0px;

  left:89px;

  -left:95px;

}



#content{

  width:520px;

  float:left;

}

#content .post{

  margin-bottom:30px;

  padding-bottom:5px;

  border-bottom:1px dotted #ccc;

  margin-right:20px;

}

#content.post h2,#content .post h2 a{

  margin-top:0;

  color:#333;

  font-size:25px;

  font-weight:normal;

}

#content .post h2 a:hover{text-decoration:underline}

#content .post .date{

  color:#8d8d8d;

  float:left;

}

#content .post .date a{

   color:#666;

}

#content .post .entry{

  line-height:20px;

  margin:-10px 0 15px;;

}

#content .post .entry .bd { margin:20px 10px;}

#content .post .entry img{

  max-width:480px;

  width:expression(this.width>480?"480px":this.width='auto'); 

  display:block;

  padding:3px;

  border:1px solid #ddd;

}

#content .post .entry a{

  color:#336699;

}

#content .post .entry a img{

  border:1px solid #999;

}

#content .post .entry .thumb{

  float:left;

  width:100px;

  margin-right:10px;

}

#content .post .postInfo{
  
  height:30px;

  text-align:right;

  clear:both;

}

#content .post .postInfo a,#content .post .postInfo{

  color:#999

}
#content .post .entry p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
        text-indent:2em; line-height:30px; 
        font-size:14px;
}

.sidebar{

  float:left;

  color:#666;

  overflow:hidden;

}

#sidebar1{

  margin-left:10px;

  width:240px;

}

#sidebar2{

  margin-left:5px;

  width:175px;

}

.sidebar .side{

  margin:5px 10px;

  border-bottom:1px dotted #ccc;

  padding-bottom:10px;

  clear:both;

}


.sidebar .side .textwidget{

  line-height:18px;

}


.sidebar .side h5{

  color:#000;

  margin-bottom:10px;

  font-size:12px;

}

.sidebar .side h5 span{

  color:#f00;

  font-size:11px;

}

.sidebar .side ul{

  margin:0;

  padding:0;

}

.sidebar .side ul li{

  height:auto;

  line-height:18px;
  
  margin-bottom:5px;

  color:#999

}

.sidebar .side a,.side ul li a{

  color:#717171;

}

.sidebar .side ul li a:hover{

  color:#fff;

  background:#f00;

}

.side_ad,.side_ad img{

  margin-bottom:10px;

  border:0;

}



#footer{

  color:#6d6d6d;

  clear:both;

  margin-top:10px;

  padding-top:20px;

  padding-bottom:20px;

  border-top:1px dotted #ccc;

}

#footer p{

  margin-bottom:-10px;

}

#footer a{ color:#999}

#footer #footer_l {float:left; height:80px;}
#footer #footer_r {float:right;}



/*Comment*/

.commentlist{

        margin:0 0 10px 0;

        padding:0;

        color:#666;

}

.commentlist li{

        border-bottom:1px dotted #ccc;

        margin-bottom:10px;

}

.commentlist {

	list-style: none;

	padding: 0;

	margin: 0;

}

.comment-author{

        margin-bottom:10px

}

.comment-author img {

	float: right;

}

.nocomments{

        color:#666;

}
.fn {
    
     font-size:1.5em;

}

#respond textarea{

        width:495px;

        height:100px;

        border: 1px solid #ccc;

}

#respond a,.commentlist a{ 

        color:#0099CC;

}

.navigation a{

  color:#0099CC;

}

.navigation .navigation-previous{

  float:right;

}

.navigation .navigation-next{

  float:left;

}



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



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 {

	float: right;

	}



.alignleft {

	float: left;

	}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

/* End Images */

/*other*/
.46815 {text-align:right;}
hr {height:1px; margin-bottom:10px;}