/*  
Theme Name: Aquatech
Version: 1.0
Author: Tee G. Peng
Author URI: http://www.lotusseedsdesign.com/

Tags: blue, fixed width, two columns, widgets
Aquatech
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/* <-- controls layout structure*/
/* ======================================
[common and reset elements]
======================= */



a:hover {text-decoration: none}

#blog_content h3:first-child {margin-top: 0;padding-top: 0;}

product-feed {width: 100px;}

span {font-size: 12px;}
span.date, span.post-date,
span.mcategories,
span.nocomments {color: #545454;}
span.author {color: #599CB5}
legend span.no-display {position: absolute;text-indent: -99999px;}
.bold {font-weight: bold;}

/*floated box*/
.box {float: left;width:48%!important; margin-right: 3%;}
	
	.even {float: right!important;margin-right: 0!important;}

/*breadcrumb*/
#breadcrumbs {margin:6px 0 0 15px;display: block;width:63%;text-align: left!important;}
#breadcrumbs a, #breadcrumbs{font-size: 14px;}


h2 {padding-top:15px}



/*share elements #blog_content/#blog_sidebar =========================================*/	
#blog_content {float: left;width: 62%;padding-bottom: 15px;}




h2,
h2 a,
h3, 
h3 a, 
h4,
h4 a, 
h5,
h5 a, 
#blog_content h6 a
#blog_sidebar .rssfeed ul li a{color: #005380}



/*share hover effect
=========================================*/	
h2 a:hover,
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
#blog_content h6 a:hover
#blog_sidebar .rssfeed ul li a:hover,
 #blog_content p.post-info a:hover,
   #blog_content p.continued-reading a:hover,
    #blog_sidebar li a:hover,
	.blog .archives ul li a:hover{color:  #599CB5!important}

#blog_content a:hover, #blog_content li a:hover,
 #blog_content p.category a:hover,
 #blog_content p.post-info a,
 #blog_content p a, #blog_content li a,
 p.continued-reading a,
  #blog_sidebar li a,
  .archives ul li a {color:#F77200}


.posts-info {background: transparent url(http://gator1070.hostgator.com/~fahrenhe/images/menubar.png) repeat-x left top; border-bottom: 1px dotted #EFF4F7; border-top: 1px dotted #EFF4F7;margin-bottom: 5px;}

.post-date {color: #999;font-size: .7em;}
.post-date:first-child {margin-top: -25px;}


h2.blog-home, .postcontent {margin-bottom: 20px;clear: both;display: block;}
.announce h2.homeh2 {margin: 5px 0 0 0!important;font-size: 120%;text-transform: uppercase;}

h3.blog-title  {font-size: 120%;padding-bottom: 5px;padding-left: 0;text-transform: uppercase;}


.blog-article h3.blog-title{margin-top: 15px!important;}

.postcontent {padding-bottom: 15px;}
#blog_content p.post-info {padding: 15px 15px 10px 15px;border: 1px solid #CFEBFF;background:#EFF4F7;margin-top: 15px;}
#blog_content p.post-info a{color:#599CB5 ;}



#blog_content p.post-info a:hover {text-decoration: underline;color:#005380}
.tags {display: block;margin-top: 15px;font-size: .9em;}

#blog_sidebar .h1left 	{width: 80%;border: 1px solid #B9D8EF;height: 169px;margin-left: 25px;background: #015581;display: block;overflow: hidden;}


#blog_sidebar {float: left!important;width:26%!important;padding-top: 20px}
#blog_content {float: right!important;width: 69%!important;margin-right: 4%;padding-top: 20px;}

/* ======================================
[site structure]
======================= */


#blog_content ul.disc{margin-top: 15px;}
#blog_sidebar ul, #blog_sidebar ol {width: 98%;margin: 0 auto 15px auto;}
#blog_content ul.disc li {list-style-type: disc;margin-left: 25px;}
#blog_content ul li, #blog_content ol li {font-size: .95em;}
#blog_sidebar ol li a {color: #000;line-height: 1.5;}

#blog_content ol.decimal li{list-style-type: decimal;margin-left: 35px;}

#blog_content ul.related_post li {list-style-type: disc;margin-left: 35px;}


	#blog_content h2,
	.archives ul li{  display: block;padding-bottom: 4px;}
	.archives ul li{font-size: 0.75em; color: #777;}
	.blog .archives ul li a {  float: left;display: block;padding-right: 5px;text-transform: capitalize;}
	
.archives ul {margin-left: 10px;padding-bottom: 10px;margin-top: 5px;clear: both;overflow: hidden;border-bottom: 1px dotted #CFEBFF;}
.blog .archives .homeh2 {margin-bottom: 15px;}

#blog_content h3,
#blog_content h4,
#blog_content h5,
#blog_content h6,
#blog_content dt {margin-top: 15px;padding-bottom: 5px;padding-top: 0;color: #005380;display: block;}

#blog .entries h3.blog-title{margin-top: 15px;}

	
/* ======================================
[Blog home items]
======================= */	
#blog_content .image {margin-right: 15px;margin-bottom: 5px;margin-top: 10px;padding: 3px; float: left;}


.announce {display: block;overflow: hidden; padding-bottom: 15px;clear: both;}

/*blog content*/ 

.box-full {display: block;
width: 100%;overflow: hidden;clear: both;}
.blog-article {width: 48%;float: left;}

#blog_content p {padding: 0 0 15px 0;font-size: .95em;}

#blog_content img {border: 1px solid #CFEBFF;}
#blog_content p.category a {color:#2A201A;font-size: .75em;font-weight: normal;}

#blog_content p.category {padding: 3px 0 0 4px;margin-top: 10px;background: transparent url(images/menubar.png) repeat-x left -20px; border-bottom: 1px dotted #CFEBFF; border-top: 1px dotted #CFEBFF;font-weight: normal;color: #888;}

	
	 p.category span {font-size: 10px;text-transform: capitalize;font-weight: normal;font-style: normal;}

	 p.continued-reading { padding-right: 25px!important;text-align: right;clear: both;padding-bottom: 0!important;font: 12px;}
 p.continued-reading span {position: absolute;top: -999px;}

/*==========================================
[Right Column Sidebar/widgets items] 
==========================================*/	
	/*share elements ======================= */	





/*search box*
==========================================*/
 #searchform {clear: both;margin-bottom:5px; display: block;}
 #searchform input {padding: 4px;width:160px;margin-right:5px;color: #bbb;}
 #searchform label {padding-left: 2px;color: #777;font-size: 12px;}
 #searchform fieldset {border: 0;}
#blog_sidebar  #searchform legend span{position: absolute;left: -33333;}
#blog #searchform button {margin-top: 5px;float: left;width: 76px;height: 23px;padding: 0;font-size: 10px;letter-spacing: 0;}

/*sidebar
==========================================*/

#blog_sidebar h6 {display: block;text-align: center;padding:5px 5px;margin-top: 25px;margin-left: -10px;
font:bold .75em arial, san serif;text-transform: uppercase;color: #005380;background: url(http://www.aquatechswimschool.com/images/decor-bg.png) no-repeat center bottom;}
#blog_sidebar .widget {margin-right: 15px;margin-left: 20px;display: block;}
#blog_sidebar .widget ul {text-align:center; width: 95%;}



#blog_sidebar .box li,
 #blog_sidebar .widget li {display: block;padding:4px 0;text-transform: capitalize;color: #43392F;border-bottom: 1px dotted #CFEBFF;line-height: 1.2em;  }
  
 #blog_sidebar li a{font-family: arial, san serif;font-size: .9em;} 
		

#blog_sidebar li:hover
 {text-decoration: none;display: block;}
	
/*Here we fine-tone each tab*/
	/*recent post items*/
	.widget_recent_entries{ margin-top: 10px;}

	
	 span.c-excerpt {display: block;font-size: 15px;margin-left: 15px;margin-right: 15px;color: #353535;}
		
		/*======for tag cloud
==================================================*/
	#blog_sidebar .tags-cloud {padding: 10px!important;}
	.tags-cloud a{ padding: 3px;color: #34302a;}
	.tags-cloud a:hover {text-decoration: none;color:#006000;}
	




/* ======================================
[COMMENTS SECTION]
======================= */


.postmeta-bottom {margin-top: 15px;padding: 6px 10px;color: #777;font-size: .75em;overflow: hidden;clear: both; display: block;}


.button a:hover{background-position: left top;text-decoration: none;} 


button {background: #F77200 url(http://www.aquatechswimschool.com/images/buttonbg.png) repeat-x 99% 80%;width:14em;font-weight: bold;text-transform: uppercase;padding: 6px 5px;color: #fff;letter-spacing: 1px;border: 1px solid #F77200;float: right;clear: both;margin-bottom: 5px;}
	button,
	#commentform fieldset,
	p.post-info  {-moz-border-radius:5px;
-webkit-border-radius: 5px;
	border-radius: 5px;}
	

button:hover, button:focus{text-decoration: none;background-position: left 70%;color:#000}



#searchsubmit {overflow: hidden;padding-left:5px;	}
	
#blog_content .commentlist img{padding: 0;border:0;margin: 0 auto;}

#commentform fieldset {margin-left: 0;}
	#commentform{padding-left: 0;margin-left: 0;}	
#commentform label {display: block;	width: 26%;float: left;font-size: 1em;}


#commentform input { 
	width: 53%;float: left;
	margin: 0px 5px 1px 0;
	padding: 3px ;
	}

#commentform textarea {width: 98%;
	margin-top:5px;
}
	
	/*submit comment button/ share with search button*/




	
span.user {color: #749926;}



.commentlist dl {overflow: hidden;}


.commentlist dl dt span {padding-left: 10px;font-size: .7em;font-weight: normal;} 



.commentlist li {padding: 0;margin: 0;background: url(images/bgbox-trans.png) repeat-x 0 top;}
.commentlist li.even {overflow: hidden;border-top: 1px solid #CFEBFF;
background: #EFF4F7}
.commentlist li.odd {background: url(images/bg-odd.png) repeat 0 top;overflow: hidden;}

.reply {float: right;}
.reply a {font-size: 9px;margin-right: 10px;background: url(images/hdr-bg.png) no-repeat right 90%;padding: 2px 5px!important;border: 1px dashed #dad3cb;}






.avatar{float: left;}
.guest {color: #005380;; font-size: 1.1em;line-height: 0.5;}
ol.commentlist dd  {display: block;font-size: 16px!important;clear: both;padding-left: 10px;}


dl#leave-comment dt {margin-bottom: 10px;}
dl#leave-comment dt a, p.nocomments {font-size: .85em;display: block;background: url(images/menubar.png) repeat-x left 50%;padding: 5px 10px;color: #005380;}


.nocomments a {color: #999;padding-left: 16px;background:url(images/icon-comment.gif) no-repeat right 2px;padding-right: 15px;}
.nocomments {margin-left: 5px;}
p.nocomments{margin-top: 25px}


dl#leave-comment p.allowed-tags {font-size: .9em;color: #333;padding-left: 0;}

dl#leave-comment button.close {margin-top: 15px;clear: both;}

dl#leave-comment dt a:hover {color:#313131;}
dl#leave-comment dd {padding: 5px 5px 15px 5px;}

dl#leave-comment div {float: left;width: 33%;}
dl#leave-comment label {display: block;clear: both;font-weight: normal;width: 90%;}
dl#leave-comment div input {display: block;clear: both;width: 86%;margin-bottom: 10px;}

#blog_content ul.decimal {margin: 20px 10px 10px 10px;list-style: decimal;}
#blog_content ul.decimal li {margin-left: 35px;padding-bottom: 6px;color: #777;list-style-type: decimal;}
#blog_content ul.decimal li a {color: #f0efd5;font-size: 1em;}



#blog em {color: #599CB5}
p#comment-count {padding:5px  10px;border-bottom: 1px solid #CFEBFF;}

.cancel-comment-reply {clear: both;display: block;padding: 0!important;
}



p.published-notice {font-size: .8em;color: #dedeb0;}

/*share background images*/
.wp-pagenavi,
#comment-count {background: url(http://gator1070.hostgator.com/~fahrenhe/images/menubar.png) repeat-x left 60%;}


/*page navigation - adding '.blog' class prevents the pagenav plugin style's sheet from taking over
============================================================*/
#blog .wp-pagenavi {font-size: .8em;clear: both;margin-top: 10px;display: block;width: 100%;text-align: right;}

#blog .wp-pagenavi a {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	color: #252525;
	
}
#blog .wp-pagenavi a:hover {	
	
	color: #555!important;
background: #EFF4F7
}
#blog .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
}
#blog.wp-pagenavi span.pages {
	padding: 2px 4px; 
	margin: 2px;
letter-spacing: 1px;text-transform: uppercase;
	color: #333;
	}
	



#blog .wp-pagenavi span.current {
	padding: 2px 4px 3px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #252525;
}

#blog .wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	

	color: #007000;
	
}

#blog .wp-pagenavi a{padding: 3px 5px 2px 5px;

	color: #007000;

}

#blog .wp-pagenavi a:active {

	text-decoration: none;
	color: #007000;
	
}
#blog .wp-pagenavi span, 
#blog .wp-pagenavi span.current {padding: 3px 5px;}




/* Align classes generated by WordPress
============================================================*/

.aligncenter {
	margin: 10px auto 20px auto;
	display: block;
}

.alignleft {
	margin: 10px 20px 8px 0;
	float: left;
}

.alignright {
	margin: 10px 0px 8px 20px;
	float: right;
}

.col-left {
	float: left;
}

.col-right {
	float: right;
}