/*  
Theme Name: Libai Zhuo Design Studio Theme
Theme URL: http://www.libaizhuo.com
Description: WordPress theme designed by Libai Zhuo for her own site.
Version: 0.1
Author: Libai Zhuo
Author URI: brandyzhuo@hotmail.com

	This theme was designed and built by Libai Zhuo.

*/



body{
background:#a1c28c url(images/bg-gradient.jpg) left top repeat-x;
font-size:62.5%;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
line-height:1.8em;
color:#fff;
overflow-x:hidden;
}

*{margin:0;
padding:0;
}
img{
vertical-align:middle;
}
a{
text-decoration:none;
font-weight:bold;
color:#f8f400;
font-family:Georgia, "Times New Roman", Times, serif;
}
.entry-content a{
}
a:hover{
color:#ff93e7;
}

a img{
border:none;
}



a:active, a:focus{
outline:none;
}

h2, h3, h4, h5, p, blockquote{
margin:0.5em 0;
}
p{
margin:1em 0;
}
ol, ul{
padding:0px 0px 0 20px;
}
b i{
font-family:Georgia, "Times New Roman", Times, serif;
}
/*class*/

.clear{
clear:both;
}
.italic{
font-style:italic;
}
.big{
font-size:40px;
vertical-align:middle;
}
a.more-link{
margin-top:10px;
display:block;
}
.small{
font-size:0.9em;
}

/*positioning*/
#wrapper{
width:980px;
font-size:1.2em;
line-height:1.8em;
text-align:left;
}

#header, #bottomwrapper{
padding:0px 22px;}

#header{position:relative;}

#bgtop{
background:url(images/bg-top.jpg) center top no-repeat;
}

#bgbottom{
background:#a1c28c url(images/bg-bottom.jpg) bottom center no-repeat;
height:112px;
}

h1{
padding:32px 0 0 16px;
}

h1 a{
display:block;
text-indent:-2000px;
width:221px;
height:56px;
position:relative;
left:0px;
top:0px;
background:url(images/logo.png) top left no-repeat;
}

#desc{
position:absolute;
left:270px;
top:60px;
font-size:0.85em;
color:#b6e3ff;
}

#desc .italic{
color:#f8f400;
}

#nav{
margin-top:36px;
padding:0 0 20px 12px;
}

ul.menu, ul.menu li{
float:left;
list-style:none;
background:none;
}

ul.menu li{
margin-right:5px;
}

ul.menu a{
font-family:"Myriad Pro", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:2.5em;
font-weight:normal;
color:#fff;
padding-top:18px;
padding-bottom:15px;
padding-right:30px;
float:left;
}
ul.menu a:hover{
text-decoration:none;
}
ul.menu a.current{
color:#f8f400;
}

a#navhome{
padding-left:72px;
background:url(images/homeicon.gif) left 1px no-repeat;
}
a#navhome:hover{
background:url(images/homeicon.gif) left -57px no-repeat;
}
a#navblog{
background:url(images/blogicon.gif) left 2px no-repeat;
padding-left:58px;
}
a#navblog:hover{
background:url(images/blogicon.gif) left -62px no-repeat;
padding-left:58px;
}
a#navabout{
background:url(images/abouticon.gif) left 5px no-repeat;
padding-left:72px;
}
a#navabout:hover{
background:url(images/abouticon.gif) left -60px no-repeat;
padding-left:72px;
}
a#navportfolio{
background:url(images/porticon.gif) left 3px no-repeat;
padding-left:64px;
}
a#navportfolio:hover{
background:url(images/porticon.gif) left -54px no-repeat;
padding-left:64px;
}
a#navcontact{
background:url(images/contacticon.gif) left 1px no-repeat;
padding-left:64px;
}
a#navcontact:hover{
background:url(images/contacticon.gif) left -52px no-repeat;
padding-left:64px;
}

#maincontainer{
min-height:630px;
height:auto!important;
height:630px;
}

#bottomwrapper{
padding-bottom:50px;
clear:both;
}

#bottomwrapper .box{
float:left;
width:33.3%;
color:#fff;
}

.box .padding{
padding:0px 10px;}

#bottomwrapper h3{
border-bottom:#7dccd1 1px solid;
font-family:"Trebuchet MS", "Myriad Pro", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.8em;
line-height:2em;
}

#bottomwrapper ul{
padding:10px 0px 0 20px;
}
#bottomwrapper a{
text-decoration:underline;
}
#bottomwrapper #portfolio h3, .post h3{color:#f8f400;}
#bottomwrapper #about h3{color:#ff93e7;}
#about p{padding:10px 0;}
#bottomwrapper #skills h3{color:#00b9fe;}

#bottomwrapper .small{
margin-top:10px;
display:block;
}
/*
#portfolio ul{
padding:0;
margin:0;
list-style:none;
}

#portfolio ul li{
float:left;
padding:0 10px 10px 0;
}
*/

#portfolio ul li{
margin-bottom:10px;
}

#portfolio img{
margin:0;
border:#fff 1px solid;
}
#portfolio .small a{
border:none;
}
#portfolio .small{
clear:both;
}

#portfolio ul li a{
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
text-decoration:none;
color:#fff;}
#portfolio ul li a:hover{
text-decoration:underline;
}

#contact{
text-align:center;
color:#fff;
padding:10px 0px;
border-top:#6d9a74 1px solid;
border-bottom:#6d9a74 1px solid;
background-color:#8eb475;
margin-bottom:20px;
clear:both;
}

/*content style*/

span #lightbox-overlay-text-about{
	display:none;
	}

#content{
clear:both;
padding:25px 10px 10px 10px;
}

#post, #post-page, #sidebar{
padding:20px 0px;
}

#post-page{
padding:20px 35px;
}

#skillchart{
float:right;
color:#10658c;
margin:5px 10px 10px 0px;
}

#skillchart tr.thead{
background:url(images/skillchartheadbg.png) top left no-repeat; /*transparent png bg*/
font-weight:bold;
color:#000;
}
#skillchart tr.odd{
background-color:#fff;
}
#skillchart tr.even{
background-color:#caf0f7;
}

#skillchart td{
text-align:center;
font-size:1.1em;
padding:5px 10px;
}

#skillchart td.skillname{
text-align:left;
}

#skillchart img{
border:none;
}

/*portfolio page*/

#portfoliopage .work{
float:left;
width:33.3%;
height:180px;
}

#portfoliopage ul{
margin-left:115px;
}

#portfoliopage ul li{
padding-right:10px;
}

#portfoliopage p{
margin:0;
padding:0;
margin-left:120px;
}

#portfoliopage p img{
margin-top:0.9em;
}

img.thumb{
float:left;
}


/*contact page*/
.righthalf{
float:right;
width:49%;
}
#contactpage{
padding-left:56px;
}
.lefthalf{
float:left;
width:49%;
}
.righthalf .box{
margin:0 0 10px 20px;
}
form input, form textarea{
border:#caf0f7 2px solid;
background-color:#fff;
}
form.wpcf7-form p#btn-send input{
width:62px;
height:26px;
background:url(images/btn-send.png) top left no-repeat;
border:none;
cursor:pointer;
padding-top:34px;
overflow:hidden;
display:block;
}


/*blog page*/
#post{
float:left;
width:69%;
}
#post .padding{
padding:0px 10px 20px 10px;
}
.commentmetadata a{
color:#fff;
}
.post h2 a, .post h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
line-height:1.6em;
font-weight:normal;
margin-top:0;
}

.post h2 a{
color:#fff;
}

.post h2 a:hover{
color:#00b9fe;
}
#post .post{
padding-bottom:20px;
}
#sidebar{
float:right;
width:30%;
}
label.hidden{
display:none;
}
#s{
background:url(images/sbg.png) top left no-repeat;
float:left;
border:none;
font-size:18px;
color:#10658c;
padding:8px 0px 20px 10px;
}
#s{
width:212px;
voice-family: "\"}\""; 
voice-family:inherit;
width:202px;
}
html>body #s{width:202px;}
#searchsubmit{
border:none;
padding-top:38px;
overflow:hidden;
background:url(images/searchsubmit.png) top left no-repeat;
width:52px;
height:38px;
float:left;
cursor:pointer;
}
#post .entry-meta{
font-size:0.9em;
}
#post .entry-meta a{
font-weight:normal;
text-decoration:underline;
}
#post .entry-meta a:hover{
}
.pullquote {
padding: 10px;
float: right;
margin:10px 0 10px 10px;
border-top:2px solid #f6ac02;
border-bottom:2px solid #f6ac02;
text-align: center;
line-height: 2em;
font-family: georgia, verdana, Arial, Helvetica, sans-serif;
}

blockquote{
padding: 5px 10px;
margin:10px;
border-top:2px solid #22618a;
border-bottom:2px solid #22618a;
background-color:#11829c;
font-family:Georgia, "Times New Roman", Times, serif;
}

blockquote .author{
font-size:0.9em;
}

.wp-caption-text{
font-style:italic;
font-size:0.9em;
text-align:right;
}
/*sidebar*/
#sidebar ul{
list-style:none;
}
#sidebar ul li{
padding-bottom:20px;
clear:both;}

#sidebar ul ul{
padding:0;
}
#sidebar ul ul li{
margin:0;
padding:0;
padding-left:18px;
}
#sidebar h2{
border-bottom:#4eafc3 1px solid;
padding-bottom:10px;
}
#sidebar a{
color:#fff;
}
#tag_cloud h2, #tag_cloud a:hover{
color:#00b9fe;
}

.widget_execphp h2, #sidebar ul li div ul li a.recentpostlink:hover{
color:#30e313;
}
.widget_execphp ul li{
background:url(images/article-green.png) 2px 5px no-repeat;
}

#archives h2, #archives a:hover{
color:#ff93e7;
}
#archives ul li{
background:url(images/article-pink.png) 2px 5px no-repeat;}

#recent-comments h2, #recent-comments a:hover, #recent-comments a.url{
color:#f8f400;
}

#recent-comments ul li{background:url(images/article-yellow.png) 2px 5px no-repeat;}

/* image tooltip*/
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	width:250px;
	}

/*ads*/
.ad{
width:100%;
text-align:center;
}
.nav_port{
height:40px;
padding:0 30px;
}
.menu_port ul, .menu_port li{
padding:0; margin:0; list-style:none; float:right;
}
.menu_port{background-color:#0b7394;
border-top:#126888 1px solid;
border-bottom:#126888 1px solid;
padding:3px 0;
} 
.menu_port li{
padding-left:25px;}
#icon-dw{
background:url(images/icon-dw.png) center left no-repeat;
}
#icon-wordpress{
background:url(images/icon-wordpress.gif) center left no-repeat;
}
#icon-joomla{background:url(images/icon-joomla.gif) center left no-repeat;
}
#icon-fl{
background:url(images/icon-fl.png) center left no-repeat;
}
.menu_port a{
display:block;
padding:3px 5px;
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}
.menu_port #icon-dw a:hover, .menu_port #icon-dw .current{
color:#a2c429;}
.menu_port #icon-wordpress a:hover, .menu_port #icon-wordpress .current{color:#b0dcf9;}
.menu_port #icon-joomla a:hover, .menu_port #icon-joomla .current{color:#fda700;}
.menu_port #icon-fl a:hover, .menu_port #icon-fl .current{color:#eeacb5;}

/*css 3 */
.post{
text-shadow: 0px 1px 3px #094257;
filter: dropshadow(color=#094257, offx=0, offy=1);
font-size:13px;
}

.post .righthalf{
text-shadow: none;
filter: none;
}