@charset "utf-8";
/* CSS Document */

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

*/

a img{border:0;} 
body{
  margin:0 auto;
  text-align:center;
  background:#fff;
  font:normal 12px Arial;
  color:#333;
}
*{
  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:25px;
}
/*TOP MENU*/
#header #topmenu{
  float:right;
  height:20px;
  margin-top:15px;
}
#topmenu ul{
  margin:0;
  padding:0;
}
#topmenu ul li{
  float:left;
  margin-left:20px;
}
#topmenu,#topmenu a{
  color:#7b7b7b;
}
#topmenu,#topmenu a:hover{color:#999}

#header h1,#header h1 a{
  font-size:40px; font-weight:100;  margin:0;
  color:#3f83ee;
  margin-left:0px;margin-top:15px;
}
#header h1 span{
  font:bold 12px ;
  display:block;
}
#top{margin:0 auto;width:800px;}

#nav{
  height:25px;
  margin-top:15px;
  background:#e0f1ff;
}
#nav ul{
  margin:0;
  padding:0;
}
#nav ul li{
  width:90px;
  height:25px;
  line-height:25px;
  float:left;
}
#nav ul li a{text-align:center;
  padding:0 20px;
  color:#7bb0dd;
  display:block;
}
#nav ul li a:hover{  background:#83c2fa;color:#fff;}

/*child menu*/
#menu ul{
  POSITION: absolute;
  background:#83c2fa;
  opacity:0;
  display:none;
  border-bottom:1px solid #77abda;
}
#menu  ul li{
  float:none;
  width:88px;
  -width:94px;
  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:700px;
  float:left;
  margin-left:0px;
  }
#content .post{
  margin-bottom:30px;
  padding-bottom:5px;
  border-bottom:1px dotted #ccc;
  margin-right:0px;
}
#content.post h2,#content .post h2 a{
  margin-top:-14px;margin-bottom:4px;
  color:#3478e3;
  font-size:14px; font-weight:bold;
 
}
#content .post h2 a:hover{text-decoration:none;}
#content .post .date{
  color:#8d8d8d;
  float:left;
}
#content .post .date a{
   color:#666;
}
#content .post .entry{
  line-height:20px;
  margin:-8px 0 0px;
}
#content .post .entry img{
  max-width:700px;
  width:expression(this.width>700?"700px":this.width='auto'); 
  display:block;
  margin-top:3px;margin-bottom:7px;
  border:0px ;
}
#content .post .entry a{  color:#3478e3
}
#content .post .entry a:hover{color:#fff;
  background:#3478e3
  }

#content .post .entry a img{
  border:0px solid #fff;
}
#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{font-size:11px;
  color:#999
}
.sidebar{
  float:left;
  color:#666;
  overflow:hidden;
}
#sidebar1{
  margin-left:90px;margin-top:13px;
  width:150px;
}
#sidebar2{
  margin-left:5px;
  width:175px;
}
.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:#333;
  margin-bottom:5px;margin-top:5px;
  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:#f00;
}
.side_ad,.side_ad img{
  margin-bottom:10px;
  border:0;
}

#footer{
  color:#999;
  clear:both;
  margin-top:10px;
  padding-bottom:30px;
}
#footer p{
  margin-bottom:-10px;
}
#footer a{ font-size:11px;color:#999}

/*Comment*/


.commentlist{line-height:19px;
        margin:0 0 5px 0;
        padding:0;
        color:#3478e3;
}
.commentmetadata{
	font-size:12px;color:#999!important;
}
.commentlist li{
        border-bottom:1px dotted #ccc;
        margin-bottom:5px;
}
.commentlist{
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment-author{color:#3333;
        margin-bottom:0px
}
.comment-author img {
	float: right;
}
.nocomments{
        color:#333;
}
#respond textarea{
        width:495px;
        height:100px;
        border: 1px solid #ccc;
}
#respond a,.commentlist a{ 
        color:#3478e3;
}
.navigation a{
  color:#3478e3;
}
.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;
}


.pagebar {padding: 0;float:right;margin-top:-15px;margin-bottom:10px;text-decoration: none;}
.pagebar .text,.pagebar a,.pagebar .this-page,.pagebar .inactive,.break {text-decoration: none;padding: 0.1em 0.2em;color: #2173f5}
.pagebar a,.pagebar .this-page,.pagebar a:visited {}
.pagebar .break {border: none;}
.pagebar .this-page {color: #333;font-weight: bold;}
.pagebar a:hover {}
.pagebar .inactive{color: #ccc;}
.navigation{display: none;}


/* End Images */