/*  















Theme Name: HaoJPC















Theme URI: http://www.haojpc.com/















Description: Design Exclusivo















Version: 1.0















Author: Hao















Author URI: http://www.haojpc.com/















*/































































ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{







        color:#4785b8;







	margin:0;















	padding:0;















}







acronym {border-bottom: .1em dotted;cursor: help}







ul{















	list-style:none;















}















a{















	color:#294f6d;















	text-decoration:none;















}















a:hover{











	color:#00CCFF;



	text-decoration:none;















}















a img{















	border:0;















}















.clear{















	clear:both;















}































body{















	margin:0px;















	padding:0px;















	font-family:Verdana, Arial, Helvetica, sans-serif;















	font-size:11px;















	background-color:#0e1b24;















	color:#4785b8;















}































#page{















	width:1000px;















	margin:0px auto;















}































/* HEADER */































#header{















	width:100%;















	height:139px;















	background:url(images/header_bg.png) no-repeat;















}































#header_rss{















	float:right;















}































#header_rss {















	display:block;















	margin-right:40px;















	padding-top:43px;















}































#header_title{















	float:left;















}































#header_title h1{















	color:#ffffff;















	font-size:30px;















	font-style:italic;















	font-weight:normal;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















	margin-left:23px;















	padding-top:20px;















}































#header_title h1 a{















	color:#ffffff;















}































.description{















	font-size:14px;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















	position:relative;















	top:-5px;















	color:#4c4c4c;















	font-style:italic;















}































/* MENU */































#menu{















	width:100%;















	height:44px;















	background:url(images/menu_bg.png) no-repeat;















}































#menu_items{















	float:left;















}































#main_search{















	float:right;















}































#menu_items ul{















	padding-top:10px;















	padding-left:27px;















}































#menu_items ul li{















	float:left;















	height:33px;















	display:block;















	padding-right:20px;















	padding-left:20px;















}































#menu_items a{















	color:#4785B8;











	text-transform:uppercase;



	



	font-weight:bold;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















	font-size:15px;















	display:block;















	padding-top:3px;















}































#searchform_top{















	color:#494949;







	



	



	margin-top:7px;



	



	







	padding-top:3px;















	font-size:12px;















}































#searchform_top_text{















	width:160px;















	border:0px;















	background:none;















	color:#7f7f7f;















	font-size:11px;















	font-family:Verdana, Arial, Helvetica, sans-serif;















}































#gosearch{















	position:relative;















	margin-right:50px;



	



	



	



	margin-top:1px;















	top:7px;















}































/* BODY */































#body{















	width:100%;















	float:left;















	background:url(images/body_bg.png) repeat-y;















}































#body_top{















	width:100%;















	float:left;















	background:url(images/body_top_bg.png) no-repeat right top;















}































#body_end{















	width:100%;















	float:left;















	background:url(images/body_end_bg.png) no-repeat right bottom;















}































#body_left{















	width:691px;















	float:left;















	padding-bottom:40px;















}































#body_right{















	width:309px;















	float:right;















}































/* left contact */































#body_left_content{















	width:600px;















	padding-top:30px;















	margin-left:58px;















}































.post{















}































.post-top{















}































.post-title{















	color:#303030;















}































.post-title h2{















	font-size:23px;















	color:#6dcff6;















	font-style:italic;















	padding-bottom:2px;















	font-family:Arial, Helvetica, sans-serif;















	font-weight:normal;















}































.post-title h2 a{















	color:#6dcff6;















	font-size:20px;















}































.post-title h3{















	font-weight:normal;















	padding-bottom:5px;















	margin-bottom:1px;















	color:#b4b4b4;















	font-size:10px;















	background:url(images/dotted_grey.gif) repeat-x left bottom;















}































.post-title h3 a{















	color:294f6d;















	font-weight:bold















}































.post-title h3.tags{















	color:#b4a346;















	font-weight:bold;















	padding-top:5px;















	padding-left:5px;















	padding-bottom:9px;















	font-size:10px;















}































.post-title h3.tags span{















	color:#939393;















	font-weight:normal;















}































.post-title h3.tags a{















	color:#939393;















	font-weight:normal;















}































.entry{















	line-height:20px;















	font-family:Arial, Helvetica, sans-serif;















	font-size:12px;















	padding-top:5px;















	padding-right:0px;















	padding-bottom:10px;















}































.entry p{















	padding-bottom:15px;















}































.postmetadata{















	background:url(images/dotted_grey.gif) repeat-x left top;















	text-align:right;















	width:100%;















	padding-top:5px;















	padding-bottom:25px;















}































.alignright a{















	color:#4785B8;















	font-family:Arial, Helvetica, sans-serif;















	font-size:13px;















	font-weight:bold;















	display:block;















	margin-right:10px;















}































.post-page{















}































.post-page h2{















	font-size:23px;















	color:#6dcff6;















	font-style:italic;















	padding-bottom:5px;















	margin-bottom:5px;















	font-family:Arial, Helvetica, sans-serif;















	font-weight:normal;















	background:url(images/dotted_grey.gif) repeat-x left bottom;















}































.post-page .entry{















	padding-left:0px;















}































.post-page .entry a{















	color:#fff799;















	text-decoration:underline;















	font-weight:bold;















}































strong{















	color:#b6b6b6;















}































/* uncomment it if you want use STRONG tag like title h1,h2 ...































.post-page .entry strong{















	font-size:23px;















	font-weight:normal;















	color:#ffa600;















	font-style:italic;















	padding-bottom:2px;















	font-family:Arial, Helvetica, sans-serif;















	background:url(images/dotted_grey.gif) repeat-x left bottom;















	padding:0 0 5px 0;















	margin:0;















	display:block;















}*/































/* right content */































#body_right_content{















	padding-top:10px;















	padding-bottom:40px;















	margin-left:13px;















}































#sidebar{















	width:254px;















}































.sidebars h2{















	font-size:15px;















	color:#6dcff6;















	text-transform:capitalize;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















	background:url(images/sidebars_bg.png) no-repeat bottom;















	height:25px;















	padding-top:8px;















	padding-left:30px;















	margin-bottom:5px;















}































.sidebars ul{















	color:#38697d;















}































.sidebars ul li{















	padding-bottom:5px;















	/*margin-bottom:10px;*/















}































.sidebars ul li ul li{















	background:none;















}































.sidebars ul li ul li ul li{















}































.sidebars li ul{















	background:none;















	padding-bottom:8px;















	margin-left:5px;















}































.sidebars li ul li ul{















	padding-left:10px;















	background:none;















	padding-bottom:0px;















	margin-left:0px;















}































.sidebars li ul li ul li ul{















	padding-left:0px;















}































.sidebars li{















	margin-bottom:0px;















	background:none;















}































.sidebars li li{















	margin-bottom:0px;















	padding-bottom:0px;















	border-bottom:1px #1d1d1d solid;















	padding-top:4px;















	padding-bottom:8px;















	padding-left:5px;















}































.sidebars li.widget_archives li, .sidebars li.widget_meta li{	















	border-bottom:0px;















	background:url(images/dotted_grey2.gif) repeat-x left bottom;















}































.sidebars li li li{















	background:none;















	border:0px;















	padding-bottom:3px;















}































.sidebars li a{















	color:#4785b8;















}































.sidebars li.widget_categories ul li{















	font-weight:bold;















}































.sidebars li.widget_categories ul li a{















	font-weight:normal;















	padding-left:10px;















}































.sidebars li.widget_categories ul li ul li a{















	background:url(images/sidebar_li_cat.gif) no-repeat left 5px;















	font-weight:normal;















	padding-left:10px;















}































.sidebars li.widget_archives ul li a{















	background:url(images/sidebar_li_ar.gif) no-repeat left 3px;















	font-weight:normal;















	padding-left:10px;















}































.sidebars li.linkcat ul li a{















	background:url(images/sidebar_li_br.gif) no-repeat left 2px;















	font-weight:normal;














	padding-left:10px;















}































.sidebars li.widget_meta ul li a{















	font-weight:bold;















	padding-left:10px;















}































.sidebars .widget_tags p{















	padding:0px 10px;















}































.sidebars .widget_tags a{















	color:#818181;















}































.sidebars .textwidget{















	padding:2px;















}



















/* FOOTER */































#footer{















	width:100%;















	height:120px;















	background:url(images/footer_bg.png) no-repeat;















	clear:both;















	margin:0px auto;















	color:#ffffff;















}































#footer_text{















	padding-left:50px;















	padding-top:30px;















	float:left;















}































#footer_ask{















	float:right;















	padding-top:30px;















	padding-right:50px;















}































#footer a{















	color:#6dcff6;















	font-weight:bold;















}















































































/* Begin Typography & Colors */































#wp-calendar #prev a, #wp-calendar #next a {















	font-size: 9pt;















	}































#wp-calendar a {















	text-decoration: none;















	}































#wp-calendar caption {















	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;















	text-align: center;















	}































#wp-calendar th {















	font-style: normal;















	text-transform: capitalize;















	}















/* End Typography & Colors */















































































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































































/* Begin Calendar */















#wp-calendar {















	empty-cells: show;















	margin: 10px auto 0;















	width: 98%;















	}































#wp-calendar #next a {















	padding-right: 10px;















	text-align: right;















	}































#wp-calendar #prev a {















	padding-left: 10px;















	text-align: left;















	}































#wp-calendar a {















	display: block;















	}































#wp-calendar caption {















	text-align: center;















	width: 100%;















	}































#wp-calendar td {















	padding: 3px 0;















	text-align: center;















	}































#wp-calendar td.pad:hover { /* Doesn't work in IE */















	background-color: #fff; }















/* End Calendar */































































/* Begin Various Tags & Classes */















acronym, abbr, span.caps {















	cursor: help;















	}































acronym, abbr {















	border-bottom: 1px dashed #999;















	}































blockquote {















	margin: 15px 30px 10px 10px;















	padding-left: 65px;















	background:url(images/blockquote_bg.gif) repeat-y;















	}































blockquote blockquote{















	padding-left: 50px;















	background:url(images/blockquote_bg2.gif) repeat-y;















	}































blockquote cite {















	margin: 5px 0 0;















	display: block;















	}































.center {















	text-align: center;















	}































hr {















	display: none;















	}































a img {















	border: none;















	}































.navigation {















	display: block;















	text-align: center;















	margin-top: 10px;















	margin-bottom: 60px;















	font-weight:bold;















	clear:both;















	}















/* End Various Tags & Classes*/































/* Begin Lists































	Special stylized non-IE bullets















	Do not work in Internet Explorer, which merely default to normal bullets. */































.entry ul {















	margin: 0 10px 15px 0;















	list-style: none;















	padding:0 15px 10px 20px;















	} 































.entry li {















	padding-bottom:4px;















	padding-top:3px;















	color:#6c6c6c;















	border-bottom:1px dashed #232323;















	}































.entry ul li:before{















	content: url(images/entry_before.gif);















	}































.entry ol {















	margin: 0 10px 15px 0;















	padding:0 15px 10px 40px;















	}































.entry ol li {















	margin: 0;















	padding: 0;















	padding-bottom:4px;















	padding-top:3px;















	background:none;















	}































.postmetadata ul, .postmetadata li {















	display: inline;















	list-style-type: none;















	list-style-image: none;















	}















	















ol li{















	list-style: decimal outside;















	}















/* End Entry Lists */































































/* Begin Form Elements */















#searchform {















	margin: 10px auto;















	padding: 5px 3px; 















	text-align: center;















	}































#sidebar #searchform #s {















	width: 108px;















	padding: 2px;















	}































#sidebar #searchsubmit {















	padding: 1px;















	}































.entry form { /* This is mainly for password protected posts, makes them look better. */















	text-align:center;















	}































select {















	width: 130px;















	}































#commentform{















	width:400px;















}































#commentform input {















	width: 170px;















	padding: 2px;















	margin: 5px 5px 1px 0;















	}































#commentform textarea {















	width: 350px;















	padding: 2px;















	}































#commentform #submit {















	margin: 0;















	width:65px;















	height:25px;















	}















/* End Form Elements */































































/* Begin Comments*/































h2#comment_title{















	font-size:20px;















	color:#6dcff6;















	margin-bottom:5px;















	margin-left:35px;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















}































h3#comments{















	font-size:14px;















	color:#4785b8;















	margin-bottom:5px;















	margin-left:35px;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















	font-weight:normal;















}































h3#comments span{















	color:#294f6d;















}































.alt {















	margin: 0;















	}































.commentlist {















	padding: 0px;















	text-align: justify;















	margin-left:35px;















	color:#717171;















	font-family:Verdana, Arial, Helvetica, sans-serif;















	}































.comm_items {















	margin: 15px 0 5px;















	display:block;















	float:left;















	background:url(images/comm_items_bg.gif) repeat-y;















	width:560px;















	}































.comm_items li {















	margin: 0px;















	padding: 5px 10px 5px;















	border-bottom:0px;















	background:none;















	border:0px;















	list-style:none;















	}































.commentlist p {















	margin: 10px 5px 10px 0;















	line-height:18px;















	}































#commentform p {















	margin: 5px 0;















	}































.nocomments {















	text-align: center;















	margin: 0;















	padding: 0;















	}































.commentmetadata {















	margin: 14px 15px 0 25px;















	display: block;















	color:#fff799;















	text-transform:capitalize;















	padding-bottom:5px;















	font-size:16px;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















	background:url(images/dotted_grey2.gif) repeat-x left bottom;















	}































.commentmetadata a{















	color:#294f6d;















	}































.commentmetadata span{















	color:#c1c1c1;















	}































.commentmetadata_text{















	margin: 14px 15px 0 25px;



	color:#c0c0c0;











}































.commentmetadata_end{















	color:#294f6d;















	font-weight:bold;















	text-align:right;















	margin: 14px 15px 0 25px;















	padding:10px 0 10px;















	font-size:11px;















	background:url(images/dotted_grey2.gif) repeat-x left top;















}































.commentmetadata_end a{















	color:#c1c1c1;















	}































.commentmetadata_end span{















	color:#c1c1c1;















	}































#respond_box{















	background:url(images/respond_box.gif) no-repeat;















	margin-top:40px;















	margin-left:35px;















	padding-bottom:60px;















}































h3#respond{















	font-size:21px;















	color:#6dcff6;















	margin-bottom:30px;















	padding-left:25px;















	padding-top:13px;















	font-weight:normal;















	font-style:italic;















	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;















}































#commentform{















	margin-left:45px;















	color:#858585;















	width:80%;















}































#commentform a{















	color:#858585;















}































#commentform .comm_input_text, #commentform .comm_textarea_text{















	border:1px solid #dcdcdc;















	background:#fff url(images/comm_input_text_bg.gif) repeat-x;















	font-family:Verdana, Arial, Helvetica, sans-serif;















	font-size:11px;















	color:#727a7d;















	width:150px;















	padding:5px;















}































#commentform .comm_textarea_text{















	width:80%;















	height:100px;















}































#commentform label{















	position:relative;















	top:-5px;















}















/* End Comments */































/* Archives page */















.page_archives_div{















	padding-bottom:60px;















}































.ar_panel{















}































.ar_panel3{















}































.page_archives_div h2{















	font-size:23px;















	color:#ffa600;















	font-style:italic;















	padding-bottom:5px;















	margin-bottom:5px;















	font-family:Arial, Helvetica, sans-serif;















	font-weight:normal;















	background:url(images/dotted_grey.gif) repeat-x left bottom;















}































.ar_panel3 h2{















	padding-top:5px !important;















}































.ar_panel3 ul{















	margin-left:0px !important;















}































.page_archives_div ul h2{















}































.page_archives_div ul{















	margin:0px;















	padding:0px;















	margin-bottom:40px;















	margin-left:3px;















}































.page_archives_div ul li{















	margin:0px;















	padding:0px;















	list-style:none;















	background:none;















	border-bottom:1px solid #222222;















	padding-left:5px;















}































.page_archives_div ul li ul li{















	border:0px;















}































.page_archives_div ul li ul{















	margin:0px;















	padding:0px;















	padding-left:10px;















}































.page_archives_div ul li a{















	font-weight:normal;















	color:#858585;















	font-size:12px;















	padding-left:10px;















	background:url(images/page_archives_div_a.gif) no-repeat left center;















}































.page_archives_div ul li{















	padding-top:5px;















	padding-bottom:5px;















	background:url(images/dotted_line.gif) repeat-x bottom left;















}































.page_archives_div ul li ul li{















	background:none;















}































.inputhao {















color : #c0c0c0;















font: normal 11px Arial, Helvetica, sans-serif;















BORDER: #6c6c6c 1px solid; 















BACKGROUND: #333333;















}































.searchao {















color : #c0c0c0;















font: normal 11px Arial, Helvetica, sans-serif;















BORDER: #6c6c6c 1px solid; 















BACKGROUND: #333333;















}































/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.















	It won't be a stylish marriage, I can't afford a carriage.















	But you'll look sweet upon the seat of a bicycle built for two." */