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

/*  

Theme Name: Willallan

Description: for Willallan blog

Version: 0.1

Author: sunidy@gmail.com

*/

body{
  background:#FFFFFF url(images/bg.jpg) repeat-x top;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#073856;
}
h2{
  font-size:26px;
  color:#51514f;
  font-weight:600;
}
h2 a{
  color:#51514f;
  text-decoration:none;
}
h2 a:hover{
  color:#0375ca;
  text-decoration:underline;
}
h3{
  font-size:22px;
  color:#32393f;
  font-weight:600;
}

/* header */
#header{
  width:991px;
  height:305px;
  background:url(images/header.jpg) no-repeat bottom;
  margin:0 auto;
  padding:0;
}
.logo{
  width:213px;
  height:118px;
  float:left;
}
.logo img{
  border:0;
}
.headerlink{
  width:770px;
  height:118px;
  float:right;
}
.followus{
  height:61px;
  overflow:hidden;
  clear:both;
}
.followus img{
  float:right;
  border:0;
}
.menu{
  height:57px;
  overflow:hidden;
}
.menu ul{
  margin:0;
  padding:0;
  list-style:none;
  font-size:12px;
  color:#0096f5;
  font-weight:bold;
  line-height:45px;
}
.menu li.top {
	display:block;
	float:right;
	cursor:pointer;
}
.menu li a {
	display:block;
	float:left;
	height:45px;
	text-decoration:none;
	padding:0;
	text-align:center;
	color:#fffff1;
}
.menu li a.home{
  background:url(images/menu-normal.jpg) no-repeat right;
  width:53px;
  height:45px;
}
.about{
  background:url(images/menu-current.jpg) repeat-x right;
  width:53px;
  text-align:center;
}
.menu li a.about{
  background:url(images/menu-normal.jpg) no-repeat right;
  width:71px;
  height:45px;
}
.about{
  background:url(images/menu-current.jpg) repeat-x right;
  width:71px;
  text-align:center;
}
.menu li a.fqa{
  background:url(images/menu-normal.jpg) no-repeat right;
  width:49px;
  height:45px;
}
.fqa{
  background:url(images/menu-current.jpg) repeat-x right;
  width:49px;
  text-align:center;
}
.menu li a.process{
  background:url(images/menu-normal.jpg) no-repeat right;
  width:172px;
  height:45px;
}
.process{
  background:url(images/menu-current.jpg) repeat-x right;
  width:172px;
  text-align:center;
}
.menu li a.philosophy{
  background:url(images/menu-normal.jpg) no-repeat right;
  width:110px;
  height:45px;
}
.philosophy{
  background:url(images/menu-current.jpg) repeat-x right;
  width:110px;
  text-align:center;
}
.menu li a.strategy{
  background:url(images/03.jpg) no-repeat right;
  width:134px;
  height:45px;
}
.strategy{
  background:url(images/menu-current.jpg) repeat-x right;
  width:134px;
  text-align:center;
}
.menu li a.resources{
  background:url(images/menu-normal.jpg) no-repeat right;
  width:82px;
  height:45px;
}
.resources{
  background:url(images/menu-current.jpg) repeat-x right;
  width:82px;
  text-align:center;
}
.menu li a.blog,{
  background:url(images/menu-normal.jpg) no-repeat right;
  width:45px;
  height:45px;
}
.blog{
  background:url(images/menu-current.jpg) repeat-x right;
  width:45px;
  text-align:center;
}
.menu li a.home:hover, .menu li a.about:hover, .menu li a.fqa:hover, .menu li a.process:hover, .menu li a.philosophy:hover, .menu li a.resources:hover, .menu li a.blog:hover{
  background:url(images/menu-current.jpg) repeat-x right;
  color:#0096f5;
}
.menu li a.strategy:hover{
  background:url(images/04.jpg) repeat-x right;
  color:#0096f5;
}
.skype{
  clear:both;
  padding-top:155px;
  padding-right:45px;
  color:#0096f5;
  font-size:14px;
  text-align:right;
}
.skype a{
  color:#0096f5;
  text-decoration:underline;
}
.skype a:hover{
  color:#FFFFFF;
  text-decoration:none;
}
#main{
  width:991px;
  margin:25px auto 15px auto;
  overflow:hidden;
}
#leftcolumn{
  width:288px;
  float:left;
  background:url(images/leftbg.jpg) repeat-y;
  margin-right:20px;
}
.funtitle{
  height:25px;
  background-color:#e6e6e6;
  margin-left:2px;
  margin-right:2px;
  padding-left:24px;
  line-height:25px;
}
.funcontainer{
  margin-left:2px;
  margin-right:2px;
  padding-left:24px;
  font-size:12px;
  line-height:15px;
}
.funcontainer img{
  border:0;
}
.funcontainer p{
  margin:10px auto;
}
.enterbox{
  width:177px;
  border:#d4d0c7 1px solid;
}
.clickbt{
  width:71px;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.funcontainer ul{
  list-style:none;
  margin:10px 0;
  padding:0;
  line-height:20px;
}
.funcontainer ul a{
  color:#0375ca;
  text-decoration:none;
}
.funcontainer ul a:hover{
  color:#0375ca;
  text-decoration:underline;
}
.leftbartop{
  width:288px;
  height:28px;
  background:url(images/leftbartop.jpg) top;
}
.leftbarbottom{
  width:288px;
  height:28px;
  background:url(images/leftbarbottom.jpg) top;
}

#rightcolumn{
  width:650px;
  float:right;
  margin-right:24px;
}
#rightcolumn p{
  line-height:22px;
}
#rightcolumn p a{
  color:#0375ca;
  text-decoration:none;
}
#rightcolumn p a:hover{
  color:#0375ca;
  text-decoration:underline;
}
.post{
  margin-bottom:30px;
}
.post img{
  border:0;
}
.articleinfo{
  font-size:11px;
}
#pagebar{
  color:#0375ca;
  font-size:14px;
  font-weight:bold;
  margin-bottom:15px;
}
#pagebar a{
  color:#0375ca;
  text-decoration:none;
}
#pagebar a:hover{
  color:#0375ca;
  text-decoration:underline;
}
.prepage{
  float:left;
}
.nextpage{
  float:right;
}

/* footer start */
#footer{
  width:100%;
  background-color:#1a2d55;
  height:115px;
  padding:10px 0;
}
.footerbox{
  margin:0 auto;
  width:991px;
}
#footer ul{
  list-style:none;
  margin:0;
  padding:0;
  color:#FFFFFF;
  font-size:12px;
  clear:both;
}
#footer li{
  float:left;
  margin:2px;
}
#footer a{
  color:#FFFFFF;
  text-decoration:none;
}
#footer a:hover{
  color:#0096f5;
  text-decoration:underline;
}
.footerlink{
  width:520px;
  float:left;
}
.xhtmlbox, .xhtmlbox a{
  width:45px;
  height:37px;
  background:url(images/xhtml01.jpg) no-repeat;
}
.xhtmlbox a:hover{
  width:45px;
  height:37px;
  background:url(images/xhtml02.jpg) no-repeat;
}
.cssbox, .cssbox a{
  width:35px;
  height:37px;
  background:url(images/css01.jpg) no-repeat;
  float:left;
}
.cssbox a:hover{
  width:35px;
  height:37px;
  background:url(images/css02.jpg) no-repeat;
  float:left;
}
#footer img{
  border:0;
  float:left;
}
#footer p{
  padding-top:20px;
}
.footerright{
  float:right;
}
.copyright{
  clear:both;
}
.copyright{
  font-size:12px;
  color:#FFFFFF;
  text-align:right;
}

/* comments */
.comment{
  border:#FFFFFF 1px solid;
  padding:6px;
  margin-bottom:6px;
  font-size:12px;
  background:#edf2f5;
}
.fontbold{
  font-weight:bold;
}
.comment span{
  display:block;
  margin:2px auto;
}
.comment img{
  float:left;
  margin-right:5px;
}
.comment a{
  color:#0375ca;
  text-decoration:none;
}
.comment a:hover{
  color:#0375ca;
  text-decoration:underline;
}
.return{
  background:#FFFFFF;
  padding:6px;
  margin-bottom:6px;
  font-size:12px;
}
.return span{
  display:block;
  margin:2px auto;
}
.return img{
  float:left;
  margin-right:5px;
}
.return a{
  color:#0375ca;
  text-decoration:none;
}
.return a:hover{
  color:#0375ca;
  text-decoration:underline;
}
.leavereply{
  font-size:12px;
}
.leavereply p{
  margin:5px auto;
}
.leavereply textarea{
  border:#d4d0c8 1px solid;
}