/*

Theme Name: Walleve Theme 1.0

Theme URI: http://www.walleve.com/

Description: A basic, yet flexible minimalistic two column theme for WordPress

Version: 1.0

Author: JECCY

Author URI: http://walleve.com/

Tags: white, two-column, basic, minimalistic, elastic-width, custom-page-templates, right-sidebar

*/



/*general layout*/
/* Loading */
#awloading		{z-index:1;left:0;top:0;position:fixed}


#awloading div	{position:absolute}
#awlfull, #awlpercent {-moz-border-radius-bottomright:5px;height:28px;-webkit-border-bottom-right-radius:5px;opacity:.6}
#awlfull		{background:#ECC779;width:100px}
#awlpercent 	{background:#c44;width:6px;}
#awlt			{font-size:16px;z-index:2;width:100px;color:#fff;padding:5px 0 5px 9px}


body {

	font-size: 12px; /* Resets 1em to 10px */

	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;

	color: #333;

	text-align: center;

	margin:0;

	padding:0;

}



hr {

border: 1px solid #777777;

} 



/*font styles*/

p {

	font-size : 12px; 

	font-style : normal; 

	padding: 0px;

} 

h2 {

	font-size : 14px; 

}

h3 {

	font-size:13px;

}

h4, h5, h6 {

	font-size:12px;

}

h2, h3,h4, h5, h6 {

font-family :"Lucida Grande",Verdana,"Bitstream Vera Sans",Georgia,Times,"Times New Roman",Arial,sans-serif;

color : #333; 

margin: 10px 0px;

padding:2px 0px;

clear: both;

}

blockquote, code {

	font-style: italic;

	margin-left:2em;

	margin-right:2em;

	border-left: 2pt solid #808080;

	padding:5px;

	clear:both;

}



code {

font-family :"Lucida Grande",Verdana,Georgia,Times,"Times New Roman",Arial,sans-serif;

}

h1 {

font-family :"Lucida Grande",Verdana,Georgia,Times,"Times New Roman",Arial,sans-serif;

color : #333;

}



/*linkcolor*/

a:link {

font-weight:normal;

color : #009DEE;

text-decoration : none; 

}

a:visited {

font-weight:normal;

color:#111;

text-decoration : none; 

}

a:hover, a:active {

color : #FF4E00; 

text-decoration : none;

border:none;

}

#content h2 {

	padding-top:3px;

	font-size : 18px;

	width:100%;

	text-decoration:none;

}



#content h2 a:link, #content h2 a:visited, #content h3 a:link, #content h3 a:visited  {

color:#000000;

font-weight:bold;

text-decoration:none;

border:none;

}

#content h2 a:hover, #content h2 a:active, #content h3 a:hover, #content h3 a:active {

color:#FF4E00;

text-decoration:none;

}





/*classes - these are also located in classes.css so child themes don't loose them*/

.center, .aligncenter, .centered {

text-align: center;

}

.right, .alignright {

float: right;

}

.left, .alignleft {

float: left;

}

.none {

display: none;

}

.righttxt {

text-align:right;

}

.credits {

clear:both;

font-style:italic;

}





/*images these are also located in classes.css so child themes don't loose them*/

img {

border: none;

margin: 2px;

}

img.center, img.aligncenter, img.centered {

display:block;

margin:5px auto;

}

img.alignright, img.right {

margin-left: 5px;

}

img.alignleft, img.left  {

margin-right: 5px;

}

img.rssimg {

margin:0px;

position:0,center;

}

.postcontent img {

max-width:100%;

overflow: hidden;

}

.wp-smiley {

border:none;

margin:0px;

}





/*border-colors*/

.postcontent img {

border:1pt solid #f3f3f3;

padding:2px;

}



.border {

border: 1px solid #ccc;

}

/*postcontent pages*/

#postpages {

	font-size:14px;

	background : #eee;

	padding-left:10px;

	font-weight:bold;

}



/*wrap and header*/



#wrap {

background-color: white;

text-align: left;

padding: 0;



}



/*header*/



#header {

	background-color: #464646;

	padding:0;

	margin:0 auto;

}



#blog_header {

	width:1000px;

	margin: 0 auto;

	padding-left:30px;

	padding-bottom: 10px;

	padding-top:5px;

}

#blog_header h1 a:link{

	color:#fff;

}

#blog_header h1 a:hover{

	color:#fbe601;

}

#blog_header h1 a:actived{

	color:#fbe601;

}

#blog_header h1 a:visited{

	color:#fff;

}

#blog_header .header_rss{

	font-size:12px;

	color:#fff;

}



.description {

	color:#ffffff;

}



.head_menu {font-size: 12px;margin-bottom:-15px;float:right;}

.head_menu li{list-style:none;float:left;padding-bottom: 5px;margin-right:8px;color:#999;}

.head_menu a:link{

	float:left;

	text-decoration:none;

	color:#999;

}

.head_menu a:visited{

	color:#fff;

}



.current_page_item {

	color:#000;

	background-color: #fff;

	padding: 3px 10px 0px 10px;

	border-radius: 4px;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

}

.current_page_item a:link {

	color:#000;

}

.current_page_item a:hover {

	color:#000;

}



.current_page_item a:visited {

	color:#000;

}



/*end header*/



#content_wrap {

	background : transparent;

	margin:0 auto;

	width:1000px;

	padding:0;

	text-align:left;

	padding-bottom: 10px;

}



/*content and post settings*/



#content{

	background : transparent;

	padding: 5px 0px 0px 3px;

	margin:0 auto;

	margin-left:3px;

	width: 750px;

	float: left;

	font-size:12px;

	overflow:hidden;

}



/*.post h2, .archives h3, .search h3 {



}*/

/*

.posttitle,.archives h3, .search h3 {

padding-left:22px;

background:url(img/posttitle.png) no-repeat;

background-position: 0 center;

}

*/



.post {

margin: 5px 0px 0px 10px;

}



.postdate {

margin:-5px 0px 10px 0px;

color:#777777;

clear:both;

}

.postdate a:link {

font-weight:normal;

color : #777777;

text-decoration : none; 

}

.postdate a:visited {

font-weight:normal;

color : #777777;

text-decoration : none; 

}

.postdate a:hover {

font-weight:normal;

color : #FF4E00;

text-decoration : none; 

}



.postmeta {

background : #F3F3F3;

padding: 3px;

font-size:12px;

clear:both;

margin-bottom:20px;

}

div.postmeta p {

margin: 2px 0px;

padding:0px;

}

.postcontent {

line-height:22px;

}



.postmore{

font-weight:bold;

font-size:12px;

color:#688B9A;

padding-top:10px;

}





.pagecomments li {

	font-size:12px;

	line-height:15px;

	padding-bottom:5px;

}



/*postnav*/

#postnav {

clear:both;

margin:0px;

}

#postnav li {

display:inline;

margin: 2px 0px;

}



/*comments*/

#comments{

	margin-left:10px;

	font-size:14px;

}

.commentlist  {

	margin:2px 0px 0px 10px;

	padding:0px 0px 0px 0px;

	text-align: justify;

}

.commentlist li{

	margin: 5px 0px 5px;

	padding: 5px 5px 10px 10px;

	list-style: none;

}

.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

}

.children { padding: 0; }



.commentlist li ul li{

	margin-right: -30px;

	margin-left: -25px;

}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	display:none;

}



.commentmetadata {

	margin: 0;

	display: block;

}

.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	padding-top:5px;

	color:#656565;

	padding-bottom:3px;

}



.commentlist cite,#commentlist cite a {

	font-style:normal;

	color:#000000;

}

.comment-author {

	font-weight:bold;

}

.comment-author a:link {

	font-weight:bold;

	color:#333333;

}

.comment-author a:visited {

	font-weight:bold;

	color:#464646;

}



.avatar {

	float:right;

	border: 1pt solid #eee;

	padding:2px;

}





#commentform fieldset {

	padding:0;

	margin:0;

}

#commentform legend {

	font-family :"Lucida Grande",Verdana,Georgia,Times,"Times New Roman",Arial,sans-serif;

	color : #464646;

	font-weight:bold;

	margin: 10px 0px 5px;

	padding:2px 0px;

}



#commentform p {

	font-weight: normal;

	text-transform: none;

	margin-bottom:1px;

}

#commentform textarea {

	width:60%;

}

#commentform label, #commentform textarea {

	display:block;

}

#commentform label {

	padding-left:5px;

}

#commentform input[type=text] {

	width:200px;

	height:15px;

	padding-top:5px;

	vertical-align:middle;

}

#commentform input[type=submit] {

	background : #f3f3f3;

	color:#464646;

	width:80px;

	CURSOR:hand;

	height:25px;

	font-weight:bold;

}

#commentform span {

	color:#464646;

	font-weight:bold;

}

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 30px;

	background:#fff6ee;

}

.thread-alt {

	background-color: #f8f8f8;

}

.thread-even {

	background-color: white;

}

.depth-1 {

	border: 1px solid #ddd;

}

.even, .alt {

	border-left: 1px solid #ddd;

}

.reply {

	text-align:left;

	margin:-3px 0;

}



.reply a {

	background : #f3f3f3;

	color:#464646;

	height:25px;

}



.reply a:hover {

	background : #fff;

	color:#464646;

	height:25px;

}

#cancel-comment-reply small {

	font-size:12px;

	color:#464646;

}

/*sidebar*/

#sidebar {

	background : transparent;

	padding: 5px 0px;

	margin: 5px 0px;

	width: 230px;

	float:right;

}

#sidebar ul, #sidebar li{

	list-style-type: none;

	margin: 2px;

	padding:0px;

}

#sidebar li{

	margin:0px;

	padding: 2px 2px 0px 0px;

	color:#656565;

	/*自动换行*/

	white-space:normal;

	word-break:break-all;

	word-wrap:break-word;

	overflow:hidden;

}

#sidebar div {

margin: 0px;

padding:0px;

}

#sidebar h2 {

margin: 5px 0px 5px;

padding-bottom:0px;

}

#sidebar li a:link {

	color:#777777;

	border:none;

}

#sidebar li a:hover {

	color:#FF4E00;

	border:none;

}

#sidebar li a:visited {

	color:#777777;

	border:none;

}



#sidebar li li {

	border-bottom: 1pt solid #eee;

}

#sidebar li li li {

	border:0px;

}



/*searchform*/

#searchform{

	margin-bottom:3px;

}

#searchform label {

	font-weight:bold;

}

#searchform input#s {

	height:16px;

	width:55%;

}

#searchform input.submit {

	background : #eee;

	width:30%;

}



/*google search*/

#cse-search-box{

	margin-bottom:3px;

}

#cse-search-box input {

	height:16px;

	width:55%;

}

#cse-search-box input.submit {

	background : #eee;

	height:22px;

	width:30%;

}



/*Widgets fixing*/

.widget_rss h2 a {

	color:#333;

	font-weight:bold;

}

.widget_rss img {

	margin:0px;

}



/*Callendar*/

#wp-calendar a {

	font-weight:bold;

}

#today {

	background:#eee;

}





/*footer*/

#pagenav {

	padding:10px 10px 10px 10px;

	float:right;

}



/****new footer***/

#footer {

	position: relative;

	padding: 0;

	clear: both;

	background-color:#464646;

	color:#666;

	margin-bottom: -20px;

}



#footer a{color:#666; text-decoration:none;}

#footer p {

	margin: 0 auto;

	padding: 10px 0 10px 30px;

	width:1000px;

	text-align: left;

	font-size:11px;

}

#recommend{

	padding: 0;

	margin: 10px auto 0 auto;

	clear: both;

	background-color:#41433F;

	display:none;

}



#recommend ul{margin:0; padding:0; width:25%; float:left; margin:0 5px 0 0; padding:5px 0; line-height:20px;}

#recommend li{list-style:none;}

#recommend h2{font-size:1.2em; margin:0 0 5px 0; padding:0;  color:#FF4E00;}

.innerrecommend{width:1000px; margin:0 auto; font-size:1.2em; padding:10px 0; color:#ccc;}

.innerrecommend a{color:#ccc; text-decoration:none;}

.innerrecommend a:hover{color:#ffffff; text-decoration:underline;}



.clearfix:after { content: "."; display: block;font-size:0;line-height:0; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-table;zoom:1;}

/* Hides from IE-mac \*/

.clearfix {_height: 1%;display: block;}

/****new footer***/



/*forms*/

input , textarea, select, option {

font-family: "Lucida Grande",Verdana,Georgia,Times,"Times New Roman",Arial,sans-serif;

font-size:100%;

padding: 2px;

background : #fff;

color : #111; 

border: 1px solid #ccc;

margin: 2px;

}

fieldset, legend {

background:transparent;

color : #111; 

border: none;

padding: 5px;

}

label, legend {

font-weight:normal;

}





/*lists*/

ul {

list-style-type: disc;

list-style-position: outside;

margin: 5px 2em;

padding:2px;

}

ol { 

list-style-position: outside;

margin: 5px 2em;

padding:2px;

}



/*tables*/

table {

color : #111; 

width: 90%;

margin: 5px auto;

padding: 0px;

font-size:12px;

}

caption {

color: #333;

font-weight: normal;

padding: 5px;

}

td, th, tr {

padding: 5px;

text-align:left;

}

/*page_commentlist*/



#page_commentlist {

	list-style: none;

	margin:3px 0px 0px 0px;

	padding:0px;

}

#page_commentlist li{

	margin: 10px 0px 0px 5px;

	border-bottom: 1pt solid #eee;

	padding:10px;

}

.page_comment_h{

	font-weight:normal;

}

.comment_text {

	color:#777777;

}

#page_commentlist a{

	font-weight:normal;

	color:#464646;

}

#page_commentlist a:hover{

	color:#000000;

}



/* 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;

}

/* End Images */



/* Captions */

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */

#respond{

	margin-left:10px;

}