/*  
Theme Name: Aqua2run
Author: Jimmy Fang
Author URI: http://Aqua2run.com
*/



/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:'Segoe UI',Verdana, sans-serif;
	color:#6d6d6d;
	margin: 0;
	padding: 0;
}
#content {font-size: 1.1em;}
a { color: #07548e; text-decoration: none;}
a:hover { color: #ef8100;  text-decoration: none;}	
a img { border: none;}	
/*-----------------------------------------------------------------------------------------------
 Head style
-----------------------------------------------------------------------------------------------*/
#headbg {
	position:relative;
	background:url(images/headbg.jpg) top  left no-repeat;
	height: 478px;
	width: 1035px;
}
#headlogo{
	position:absolute;
	top:282px;
	left:596px;
}
#headlogo1{
	width:256px;
	height: 102px;
	float:left;
}
#headlogo2{
	float:left;
	width:112px;
	height:96px;
}
#headlogo1 .left{
	padding-right:0px;
	float:right;
}
#aquamenu{
	width: 256px;
	height: 15px;
	float: right;
}
#aquamenu ul{	
	list-style:none;
	margin:0px;
	padding:0;
}
#aquamenu ul li{
	height: 15px;
	float:right;
	padding: 0px 4px;
}
/*----------------------------------------------------------------*/

hr {
	display: none;
}
.aqua-menuDiv {
	width:1px;
	height:14px;
	background:url(images/menu-line.gif) no-repeat; 
}

/*-----------------------------------------------------------------------------------------------
indexbody style
-----------------------------------------------------------------------------------------------*/
#wrapper{ 
	font-size: 1.2em;
	width:1004px; 
	text-align:left; 
	margin-left: 0; 
	margin-right:auto; 
	position:relative;
	background:url(images/page_bg.jpg) top  left no-repeat;	
}
#outer{
	margin-right:270px;
	padding-left:50px;
}
* html #outer{/* 3px jog*/
	margin-right:267px;
	padding-left:50px;
}
#clearheader{ 
	height:20px;
}/*needed to make room for header*/ 
#aquacontent { 
	float:right; 
	width:99%; 
	position:relative;
}
html>body #aquacontent { 
	margin:0 -0.5%
}/*moz needs this*/
.outerwrap { 
	float:left; 
	width:98%;
}
.clearer{
	height:1px; 
	overflow:hidden; 
	margin-top:-1px; 
	clear:both;
}

* html #outer, * html #wrapper,* html #aquacontent { height:1%}
/* end hide */
/*================================================================================*/
#aquacontent h2, .post h2{
	font-size: 1.6em;
	font-family:'Segoe UI', Verdana, Arial, sans-serif;
	color:#032a47;
}

#main{
	margin: 40px 0 5px 0;
}

.aquadate{
	float:left;
	height:47px;
	width:47px;
	background-image:url(images/date.gif);
	font-size:10px;
	font-family:'Segoe UI', Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	color:#fff;
	line-height:30px;
	margin:0 8px 0 0;
}

.aquadate span {
	display:block;
	line-height:11px;
	color:#fff;
	font-size:11px;
}	

.title{
	min-width:150px;
	max-width:690px;
	text-align: justify;
}

.post {
	line-height:29px;
	height:25px;
	margin: 0;
	padding: 0;
	text-align: justify;
	}
	
.post a {
	color: #032a47;
	text-decoration: none;
}

	
.entry{
	font-size:1.1em;
}

/*.entry p a:visited {
	color: #abb03a;
}*/
	
.postout {
	font-size: 0.9em;
	text-align:left;
	padding-bottom: 0;
	line-height:30px;
	height:30px;
	margin: 0 0 25px 0;
	border-bottom:1px dotted #d8d8d8;
}
.postout span{
	padding-bottom: 4px;
}
.postout .p_comments, .postout .p_edit{
	background-position:1px center;
	background-repeat:no-repeat;
	margin:0 12px 0 0;
	padding:0 0 0 19px;
}

.postout .p_comments {
	background-image:url(images/comments.gif);
}

/*.postout .p_edit {
	background-image:url(images/pencil.png);
}*/

.postin{
	line-height:29px;
	height:25px;
	margin: 0;
	padding: 0;
	text-align: justify;
}
.postin span {
	font-size: 0.9em;
	line-height:23px;
	color: #07548e;
	height:23px;
}
.postin .p_author,.postin .p_category,.postin .p_read,.postin .p_tags {
	background-position:1px center;
	background-repeat:no-repeat;
	margin:0 4px 2px 0;
	padding:2px 0 2px 20px;
}

.postin .p_author {
	background-image:url(images/author.gif);
}

.postin .p_category {
	background-image:url(images/category.gif);
}

.postin .p_tags {
	background-image:url(images/tags.gif);
}

.postin .p_read {
	background-image:url(images/fulltext.gif);
}
p img {
	padding: 0;
	max-width: 95%;
}

/*	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) */
	
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
.navigation {
	font-size: 0.9em;
	text-align:right;
	padding: 25 0 15 0;
	margin: 0;
}
.navigation a{
	color:#3f3c4f;
}
.navigation a:hover {
	color: #ef8100;
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------
Sidebar style
-----------------------------------------------------------------------------------------------*/
#sidebar {
	position:relative;/*ie needs this to show float */
	width:270px; 
	float:right; 
	left:20px;
	border-left:1px solid #d8d8d8;
	margin-right:-289px;/*must be 1px less than width otherwise won't push footer down */
	padding-left: 20px;
}
* html #sidebar{ 
	margin-right:-290px; 
	margin-left:-3px
}/* stop float drop in ie + 3px jog */
/* mac hide\*/

#aqua_head{
	width:230px;
	height:70px;
	background:url(images/category-bg.jpg) bottom repeat-x;
}
#aqua_title{
	float:left;
	font-size: 18px;
	line-height: 34px;
	width:130px;
	margin:37px 0 0 6px;
}

#rsslogo{
	float:right;
	width:80px;
	height:30px;
	margin:37px 6px 0 6px;
}
#sidebar_content .date{
	/*background-color:#999900*/;
}

#sidebar ul{
	list-style:none;
	margin: 0;
	padding:0;
}
#sidebar form {
	margin: 0;
}
	
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
}

#sidebar_content{
	clear:both;
	width:230px;
	min-height:76px;
	font-size:9px;
	margin:0;
	padding: 0;
	background:url(images/category-bg2.jpg) top left no-repeat;
}

#sidebar_content a{
	font-size: 1.2em;
}

#sidebar_content ul{
	list-style-type:none;
	font-size: 1.0em;	
	margin: 0;
}
#sidebar_content ul li{
	list-style-type:none;
	line-height: 28px;
	padding-left:6px;
	border-bottom:1px dotted #e4e4e4;
}

#sidebar_newwork{
	width:230px;
	height:212px;
	background:url(images/newwork.jpg) top left no-repeat;
}

#powerby{
	margin: 30px 0 5px 0;
	font-size:1.0em;
}
/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	width: 231px;
	margin: 0;
	/*-moz-opacity:0.4;*/
	text-align:left;
}
#search:hover{
	-moz-opacity:1.0;
}

#search input{ 
	width:200px; 
	font-size: 1.4em;
	height:16px;
	padding: 5px 0 5px 27px;
	margin-top:2px;
	border-color: #2c2831;
	border-style: double;
	background:url(images/search.jpg) left no-repeat;
/*	background:url(images/searchbg.gif) bottom;*/
}
#search input:focus{
	/*background:#FFF;*/
	background:url(images/search.jpg) left no-repeat;
}

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#222;
	border:none;
	border-bottom:1px solid #333;
	width:30em;
	color:#666666;
	padding:0.25em;
}

#searchform #searchsubmit{
	background:#000;
	color:#666;
	border:none;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:0.25em;
}

/* Legacy Typo CSS */

#search-results{
	width:30%;
	background:#333;
	padding:0 0 0 0;
	float:right;
	-moz-opacity:0.9;
	border-top:1em solid #000;
}
#search-results h3{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000;
	
}
#search-results small{
	display:block;
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555;
}
#search-results small a{
	color:#CCC;
}

#aquacontent ul{
	list-style-type:none;
	font-size:1.1em;
	line-height:1.8em;
	padding:0;
	margin:0.2em 0
}
#aquacontent ul li{
	list-style-type:none;
	padding:0.3em 0 0.1em 0;
	margin:0.2em 0;
	border-bottom:1px solid #d8d8d8;
}
#aquacontent ul li:hover{
	background:#b6dafd;
}

#aquacontent ul li a{
	text-decoration:none;
/*	border-bottom:1px dotted #CCC;*/
}

#search img.archives-icon{
	margin:0 7px 0 0;
	top:1px;
}
/*-----------------------------------------------------------------------------------------------
	single page
-----------------------------------------------------------------------------------------------*/
#single{ 
	font-size: 1.2em;

	text-align:left; 
	margin-left: 0; 
	margin-right:auto;
	padding: 0 50px;
	background:url(images/page_bg.jpg) top  left no-repeat;	
}
.sinpostout {
	font-size: 0.9em;
	text-align:left;
	line-height:30px;
	width: 739px;
	height:50px;
	padding: 20px 10px 2px 0px;
	margin:0;
}
.sinpostout span {
	margin:0 4px 2px 0;
}

.wp-notable {
	padding:2px;
	-moz-opacity:0.6;
}


.wp-notable:hover {
        -moz-opacity:1.0;
}
/*-----------------------------------------------------------------------------------------------
	comments
-----------------------------------------------------------------------------------------------*/
#aquacomm{
	background-color:#878787;
	float:left;
	color: #ffffff;
	width:100%;
	padding:5px 0 30px;
	border-top:1px solid #9d9d9d;
}

.comment-head{
	padding:10px 0 10px 50px;
	text-align:left;
	border-bottom:1px solid #9d9d9d;
}
.comment-head h2, #comment-form h2{
	line-height:29px;
	height:25px;
	font-family:'Segoe UI', Verdana, Arial, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	margin:0;
}
.comment-head a{
	text-decoration:none;
	color:#ffffff;
}
.comment-head .details, #comment-form .remind{
	margin-top:1.5em;
	padding:0;
	font-size:1.1em;
}

ol#comments{
	clear:both;
	float:left;
	list-style-type:none;
	background-color:#696969;
	color: #ffffff;
	width:100%;
	margin:0;
	padding:0;
	border-bottom:1px solid #9d9d9d;
}
ol#comments li{
	list-style-type:none;
	margin:2.7em 0;
	padding:8px 0;
}

#comments cite{
	float:left;
	width:140px;
	font-style:normal;
	text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
	display:block;
}
#comments cite .author{ 
	font-size:1.2em;
	line-height:20px;
	font-weight:bold;
}
#comments cite .author a{
	text-decoration:none
	border-bottom:1px dotted #CCC;
	color:#FFFFFF;
}
#comments cite .admin-tools{
	margin:5px 0;
}
#comments cite .admin-tools a{
	float:right;
	margin:0 5px;
	padding:0px 3px 3px;
	background:#666;
	border:1px solid #999;
	text-decoration:none;
}

#comments .pingback cite .author{
	display:block;
	padding-top:68px;
	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content{
	float:left;
	text-align:left;
	min-height:35px;
	width:60%;
	margin-left:0.9%;
	border-left:1px solid #868686;
/*	background-color:#6d6d6d;*/
	padding: 0 0 0 1%;
}
#comments .content p{
	margin:0 0 1em 0;
}
#comments .content h3{
	margin:0;
	font-size:1em;
}

#comment-form{
	float:left;
	text-align:left;
	margin:3em 0 3em 50px;
	width:36em;
}
#comment-form .comm-left{
	float:left;
	text-align:left;
	margin:3em 0 3em;
}

#comment-form .comm-right{
	float:left;
	text-align:left;
	width:250px;
	margin:3em 0 3em;
}

input.textfield{
	width: 15em;
	margin:5px 0;
}
textarea.commentbox{
	width:28em;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font-size:1.25em;
	font-family:Arial, Helvetica, sans-serif;
}
label.text{
	position:relative;
	left:0.5em;
	top:-0.5em;
}
.formactions input.submit{ 
	float:right; 
	margin:-1em 0 0 0;
	padding:0 0.5em;
}
.formactions .spinner{
	float:right;
	margin:-8px -20px 0 0;
}

#primary .secondary .admin-tools{ margin:1em 0; }

#preview{
	margin:1em 0;
	padding:0.5em;
	border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }

/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	float:left;
	color:#ffffff;
	height:10px;
	margin:0;
	padding:25px 50px;
	background-color:#878787;
}

#footer p{
	margin:0;
	font-size:1em;
}
#footer p.copyright{ float:left; }
#footer p.copyright a{
	text-decoration:none;
	color:#ffffff;
}
#footer p.attributes{ float:right; }
#footer p.attributes a{
	padding:0 0 0 1em;
	text-decoration:none;
	color:#ffffff;
}
#footer p.attributes a:hover{
	color:#FFF;
}
/*---------------other------------------------------------------------------------------------------------------------------*/

/*-------------page---------------------------*/
#links{
	width:700px;
	height:300px;
	margin: 0 15px 20px 0;
}
#links ul{
	list-style-type:none;
	margin:0;
}

#links h2{
	font-size: 1.6em;
	font-family:'Segoe UI', Verdana, Arial, sans-serif;
	color:#032a47;
	padding-bottom:5px;
	border-bottom:1px solid #CCCCCC;
}