/*
Theme Name: SimpleWhite
Description: Simple wordpress theme
Version: 1.0
update:2009-12-21
Author: Pea
Author URI: http://www.pea5.com/
Author email: pea@pea5.com
Tags:two-columns,white,right-sidebar,fixed-width

        The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body{
  margin:0 auto;
  text-align:center;
  background:#fff;
  font:normal 12px 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:960px;
  margin:0 auto;
  text-align:left;
}
#header{
  height:60px;
  position:relative;
  z-index:1;
  padding:1px;
  border-bottom:2px solid #ccc;
  margin-bottom:20px;
  background:#e6e6e6;
}
#header h1,#header h1 a{
  font:normal 32px Impact;
  margin:0;
  color:#000;
  float:left;
}
#header h1 span{
  font:bold 12px Tahoma;
  display:block;
}
#top{margin:0 auto;width:960px;}

#nav{
  width:600px;
  height:20px;
  float:right;
  margin-top:30px;
}
#nav ul{
  margin:0;
  padding:0;
}
#nav ul li{
  width:auto;
  padding:0 10px;
  height:20px;
  line-height:20px;
  float:left;
  margin-right:10px;
  background-image:url(../images/nav_li.png) no-repeat left top;
}
#nav ul li a{color:#000}
#nav ul li a:hover{background:#0099CC;color:#fff}

#content{
  width:688px;
  float:left;
}
#content .post{
  margin-bottom:30px;
  padding-bottom:5px;
  border-bottom:1px dotted #ccc;
}
#content.post h2,#content .post h2 a{
  margin-top:0;
  color:#0099CC;
  font-size:24px;
  font-weight:normal;
}
#content .post .date{
  color:#8d8d8d;
  font-weight:bold;
}
#content .post .date a{
   color:#666;
}
#content .post .entry{
  line-height:20px;
  margin:-10px 0 15px;;
}
#content .post .entry img{
  max-width:670px;
  width:expression(this.width>670?"670px":this.width='auto'); 
  display:block;
  padding:3px;
  border:1px solid #ddd;
}
#content .post .entry a{
  color:#0099CC
}
#content .post .entry a img{
  border:1px solid #999;
}
#content .post .entry .thumb{
  float:left;
  width:150px;
  margin-right:10px;
}
#content .post .postInfo{
  text-align:right;
  clear:both;
}
#content .post .postInfo a,#content .post .postInfo{
  color:#999
}
#sidebar{
  width:257px;
  float:left;
  color:#666;
  margin-left:15px;
}
#sidebar .side{
  margin:5px 10px;
  border-bottom:1px dotted #ccc;
  padding-bottom:10px;
  clear:both;
}
#sidebar .side a img{
  border:1px solid #333;
}
#sidebar .side .textwidget{
  line-height:18px;
}
#sidebar .side .textwidget img{
  padding:2px;
  border:1px solid #333
}
#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;
  color:#999
}
#sidebar .side a,.side ul li a{
  color:#717171;
}
#sidebar .side ul li a:hover{
  color:#fff;
  background:#0099CC;
}

#footer{
  color:#6d6d6d;
  clear:both;
  margin-top:10px;
  padding-bottom:20px;
  border-top:2px solid #ccc;
}
#footer p{
  margin-bottom:-10px;
}
#footer a{ color:#999}

/*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;
}
#respond textarea{
        width:686px;
        height:100px;
        border: 1px solid #ccc;
}
#respond a,.commentlist a{ 
        color:#0099CC;
}
.navigation a{
  color:#0099CC;
}
.navigation .navigation-previous{
  float:left;
}
.navigation .navigation-next{
  float:right;
}

/* 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 */