/*
Theme Name: skyey theme
Theme URI: http://www.wheatv.com/wp-theme/
Description: A simple light blue color theme.
Version: 1.0
update:2009-10-06
Author: BadJohnny
Author URI: http://www.wheatv.com/
Author email: wheatv@gmail.com
Tags:three columns,blue,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 Tahoma;
  color:#000;
}
a{text-decoration:none;}

/*Layers common property*/
#page,#content,.sidebar,.side,#footer{
  height:auto;
  overflow:hidden;
}

/*Detail*/
#page{
  width:1050px;
  margin:0 auto;
  text-align:left;
}
#header{
  height:180px;
  position:relative;
  z-index:1;
  /*margin-bottom:25px;*/
  background:url(http://wei.si/blog/wp-content/uploads/banner1.gif) top right no-repeat;
  border-bottom:1px solid #658593;
}
/*TOP MENU*/
#header #topmenu{
  float:right;
  height:20px;
  margin:10px 10px 0 0;
}
#topmenu ul{
  margin:0;
  padding:0;
}
#topmenu ul li{
  float:left;
  margin-left:20px;
}
#topmenu,#topmenu a{
  color:#eee;
}
#topmenu,#topmenu a:hover{color:#aaa}

#header h1,#header h1 a{
  font:normal 30px Impact;
  margin:0;
  color:#658593;
  margin-left:0px;
}
#header h1 span{
  font:bold 12px Tahoma;
  display:block;
}
#top{margin:0 auto;width:800px;}

#nav{
  height:35px;
  margin-top:10px;
  background:none;
  position: absolute;
  bottom:0px;
}
#nav ul{
  margin:0;
  padding:0;
  list-style-type: none;
}
#nav ul li{
  width:100px;
  height:35px;
  line-height:25px;
  float:left;
  padding-top:1px;
}
#nav ul li a{
  padding:4px 20px;
  color:#658593;
  display:block;
  font-weight:bold;
  border-top:1px solid #658593;
}
#nav ul li a:hover{  background:#658593;color:#fff;}

/*child menu*/
#menu ul{
  POSITION: absolute;
  background:#83c2fa;
  opacity:0;
  display:none;
  border-bottom:1px solid #77abda;
}
#menu  ul li{
  float:none;
  border:1px solid #77abda;
  margin-bottom:-2px;
  border-bottom:none;
}
#menu  ul li a{color:#fff}
#menu  ul li a:hover{background:#74b9f0}
#menu ul ul{
  TOP: 0px;
  left:89px;
  -left:95px;
}

#content{
  width:590px;
  float:left;
  margin-left:0px;
  -margin-left:10px;
  padding:15px 0 0 15px;
}
#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:#658593;
  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 blockquote{
  border-left:4px solid #aaa;
  padding-left:15px;
  color:#333;
}
#content .post .entry img{
  max-width:480px;
  width:expression(this.width>480?"480px":this.width='auto'); 
  display:block;
  padding:3px;
  border:1px solid #aaa;
}
#content .post .entry a{
  color:#0099CC;
}
#content .post .entry a:hover{
  color:#0099CC;
  text-decoration:underline;
}
#content .post .entry a img{
  border:1px solid #aaa;
}
#content .post .entry a:hover img{
  border:1px solid #333;
}
#content .post .entry .thumb{
  float:left;
  width:100px;
  margin-right:10px;
}
#content .post .postInfo{
  text-align:right;
  clear:both;
}
#content .post .postInfo a,#content .post .postInfo{
  color:#999
}
.sidebar{
  color:#666;
  overflow:hidden;
  /*background:#eaf1f4;*/
  float:right;
}
#sidebar1{
  width:200px;
  border-left:1px dotted #ccc;
}
#sidebar2{
  width:200px;
  border-left:1px solid #ccc;
  padding-right:5px;
}
.sidebar .side{
  margin:5px 5px 5px 10px;
  border-bottom:1px dotted #ccc;
  padding-bottom:10px;
  clear:both;
}
.sidebar .side a img{
  border:0 solid #333;
}
.sidebar .side .textwidget{
  line-height:18px;
  padding-left:5px;
}
.sidebar .side .textwidget img{
  padding:2px;
  border:0 solid #333
}
.sidebar .side h5{
  color:#658593;
  margin-bottom:10px;
  font-size:12px;
  background:none;
  padding:5px 0;
  border-bottom:2px solid #658593;
}
.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:#f00;
}
.side_ad,.side_ad img{
  margin-bottom:10px;
  border:0;
}

#footer{
  color:#6d6d6d;
  clear:both;
  margin-top:10px;
  padding-bottom:20px;
}
#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:495px;
        height:100px;
        border: 1px solid #ccc;
}
#respond a,.commentlist a{ 
        color:#0099CC;
}
.navigation a{
  color:#856593;
}
.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 */

/* Begin WP-Calendar */
#wp-calendar a {
        color:#008aff;
}
#wp-calendar #next a {
	padding-right: 0;
	padding-left: 10px;
        color:#008aff;
}
#wp-calendar #prev a {
	padding-left: 0;
	padding-right: 10px;
        color:#008aff;
}
/* End WP-Calendar */