/* Theme Information
	
	Theme Name: Aqua Blue
	Theme URI: http://www.themespanel.com/aqua-blue-theme/
	Description: A theme with 2 columns and right sidebar. Theme options include Twitter and feed integration, advanced automatic thumbnails, custom style and more. Drop-down menu and Ad-sense ready. Tested on WP 3.0 using Firefox, IE7, IE8, Google Chrome, Safari and Opera. 
	Version: 2.01
	Author: ThemesPanel.com
	Author URI: http://www.ThemesPanel.com/
	Tags: two-columns, blue, fixed-width, right-sidebar, theme-options, threaded-comments, sticky-post
*/

@import url("includes/css/css_reset.css");

/*	[ Basic HTML ]                                                  */<!-- -->
body {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#17586D;
	background:#175E92 url('images/bg_repeat.jpg') repeat-y center top;
}

a { color:#17586D; text-decoration:none;}
a:hover { color:#EE5003; text-decoration:underline;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

hr { height:1px; border:none; border-top:1px dashed #17586D; width:95%; }
del { color:red; }
ins { color:green; }
code { font:1.1em 'Courier New', Courier, Fixed; }

blockquote {
	clear:left;
	text-align:justify;
	padding:0px 0px 0px 22px;
	margin:10px 10px 10px 10px;
	border-left:2px solid #17586D;
}
input,select,textarea {
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
}

ol { list-style:decimal; }
ul { list-style:disc; }
li { margin-left:20px; }

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
	margin-bottom:20px;
}

/*	[ Predefined Class ]                                            */<!-- -->
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignleft {
	margin:0 8px 8px 0;
	display:inline;
}

img.alignright {
	margin:0 0 8px 8px;
	display:inline;
}

img.centered {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.clear { clear:both; }
.spacer { height:30px; }
.hide-div { display:none; }
/* .indent{ display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px; } */

/*	[ Layout ]                                                      */<!-- -->
#bg_top{
	background:url('images/bg_top.jpg') no-repeat center top;
}
#bg_btm{
	background:url('images/bg_bottom.jpg') no-repeat center bottom;
}
#base {
	position:relative;
	margin:0px auto;
	width:980px;
	background:url('images/bg_center_repeat.jpg') repeat-y center top;
}
#header {
	position:relative;
	height:280px;
	background:url('images/bg_header.jpg') no-repeat center top;
}
#container {
	overflow:hidden;
	width:980px;
	background:url(images/bg_container_top.jpg) no-repeat top center;
}
#menubar {
	position:absolute;
	bottom:0px;
	left:6px;
	width:800px;
	height:36px;
}
#content {
	float:left;
	display:inline;
	overflow:hidden;
	width:655px;
	margin:4px 0 0 23px;
	padding:13px 0px 0 0px;
}

#featured {
	padding:30px 0px 0px 0px;
	margin:0;
}

#sidebar {
	float:right;
	overflow:hidden;
	display:inline;
	width:280px;
	padding:0;
	margin:0 10px 0 0px;
}

#footer {
	overflow:hidden;
	color:#FFF;
	font-size:12px;
	line-height:1.1em;
	height:42px;
	padding:390px 365px 0 35px;
	background:url('images/bg_footer.jpg') no-repeat center bottom;
}
#footer a {
	color:#FFF;
}

/*	[ Header ] Blog Title, Description                              */<!-- -->
#blog_name {
	position:relative;
	width:700px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:40px;
	font-weight:bold;
	padding:85px 0 10px 210px;
	margin:0;
	text-shadow: #523013 0px 0px 2px;
}
#blog_name a, #blog_name a:hover {
	font-family:Arial, Helvetica, Sans-Serif;
	color:#004B7C; 
	text-decoration:none;
}
#blog_desc {
	position:relative;
	width:650px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:14px; 
	color:#3B7B8C;
	font-weight:normal;
	padding:0px 0 5px 220px;
	margin:0;
	text-shadow: #523013 0px 0px 2px;
}
#header .indent {
	display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px;
}
#header .home {
	position:absolute;
	margin:0px;
	padding:0px;
	left:0px;
	top:0px;
	width:800px;
	height:240px;
}

/*		[ Container ] Search Box                                        */<!-- -->

.mainsearch {
	overflow:hidden;
	width:256px;
	height:74px;
	margin:10px 0 10px 10px;
	background:url('images/bg_search.png') no-repeat 0px 0;
}
.mainsearch .keyword {
	width:162px;
	height:20px;
	margin:26px 0 0 66px;
	font-size:14px;
	line-height:20px; /* fix ie8 */
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#293A28; 
	border:none;
	background:transparent;
}
.mainsearch .submit {
	position:absolute;
	cursor:pointer;
	border:none;
	top:20px;
	left:20px;
	height:40px;
	width:40px;
	background:transparent;
}
/*	[ RSS ]                                              */<!-- -->
.rss {
	position:absolute;
	overflow:hidden;
	display:block;
	top:207px;
	left:805px;
	width:67px;
	height:67px;
	background:url('images/bg_rss.png') no-repeat 0 0;
}
.rss:hover {
	background:url('images/bg_rss.png') no-repeat 0 -67px;
}
/*	[ Twitter ]                                          */<!-- -->
.twitter {
	position:absolute;
	top:194px;
	left:880px;
	display:block;
	width:59px;
	height:78px;
	background:url('images/bg_twitter.png') no-repeat 0 0;
	overflow:hidden;
}

.twitter:hover{
	background:url('images/bg_twitter.png') no-repeat 0 1px;
}
/*	[ Menu ]  Level 1                                               */<!-- -->
	/* if possible, give menu dynamic width */
#menu {
	position:absolute;
	list-style:none;
	top:0px;
	left:4px;
	width:800px;
	height:36px;
	margin:0;
	padding:0;
}
#menu li {
	position:relative;
	float:left;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	margin:0px;
}

#menu li a {
	display:block;
	overflow:hidden;
	/* width:100px; */
	height:28px;
	line-height:14px; /* fix ie7 */
	color:#000000;
	padding:8px 10px 0 10px;
	margin:0 0 0 0;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	background:url(images/bg_menu_item.png) no-repeat 0 0;
}
#menu li a:hover,#menu > li.current_page_item > a {
	color:#AC5C6F;
}
#menu li.hover {
}
/*		[ Menu ]  Level 2                                        */<!-- -->
#menu li ul {
	position:absolute;
	visibility:hidden; 
	list-style:none;
	margin:0;
	padding:0;
	top:95%; 
	left:0;
	border-top:1px solid #828C90;
	border-left:1px solid #828C90;
	border-right:1px solid #828C90;
}

#menu li ul li {
	float:none;
	color:#000;
	margin:0;
	padding:0;
}
#menu li ul li a {
	display:block;
	color:#000;
	padding:10px 10px 10px 10px;
	margin:0;
	width:180px;
	height:auto;
	border-bottom:1px solid #828C90;
	background:#E3F5F7;
}							
#menu li ul li a:hover {		
	color:#AC5C6F;
	height:auto;	
	background:#E3F5F7;
}

/* level 3*/
#menu ul ul { left:100%; top:-1px;}
#menu li:hover > ul { visibility:visible; }


/*	[ Content ] Post                                                */<!-- -->
.post, #content .page {
	overflow:hidden;
	width:655px;
	margin:0 0 20px 0px;
	background:url('images/bg_post_title.jpg') no-repeat;
}
.post_title {
	float:left;
	width:530px;
	height:40px;
	margin:0;
	padding:30px 0 0px 10px;
}

.post_title a {
	color: #CD581F;
	text-decoration:none;
}
.post_title a:hover {
	text-decoration:underline;
}
.post_title h1, .post_title h2 {
	font-size:22px;
	font-weight:normal;
	font-family:Times New Roman, Times, Serif;
	padding:0; /* fix ie7 */
}

.post_date {
	float:right;
	width:60px;
	height:45px;
	padding:36px 33px 0 0;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:18px;
	color:#E1DC9F;	
	text-align:center;
	text-shadow:#000 1px 1px 1px;
}
.post_date_d {
	font-size:25px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#E1DC9F;
	padding: 0 2px 0 0;
}
.post_author {
	/* float:left; */
	font-size:12px;
	padding:20px 0px 0 10px;
	text-align:left;
	height:15px;
	color:#17586d;
}
.post_author a {
	color:#17586d;
}
.page .post_date, .page .post_author{
	display:none;
}
.page .post_title{
	padding-bottom:20px;
}
.sticky {
	background:url('images/bg_post_title_sticky.jpg') no-repeat 0px 0px;
}

.sticky .post_date {
	color:#E8E1C4;
}

.sticky .post_title a {
	color:#636363;
}
.sticky .post_date_d {
}

.sticky .post_author a {
	color:#17586D;
}

/*		[ Content ] Entry                                            */<!-- -->
img.post_thumb {
	float:left;
	display:block;
	padding:5px;
	margin:6px 10px 0 0;
	/* width:142px; */ /* don't limit the width and height better */
	/* height:142px; */ 
	border:1px solid #17586D;
	background:transparent;
}

.entry {
	overflow:hidden;
	color:#17586D;
	width:620px;
	line-height:1.7em;
	padding:10px 10px 0px 10px;
	margin:0 0 0px 0;
}
.entry a {
	color:#17586D;
	text-decoration:underline;
}
.entry a:hover {
	color:#EE5003;
	text-decoration:underline;
}
/*		[ Content ] Post Info                                        */<!-- -->
.info {
	line-height:1.7em;
	font-size:11px;
	padding:5px 10px 0 10px;
	margin:0px 30px 0 0px;
	color:#17586D;
}
.info a {
	color:#17586D;
}
.info a:hover {
	color:#EE5003;
	text-decoration:underline;
}

.info_category {
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 4px 20px;
	background:url('images/icon_category.png') no-repeat top left;
}

.info_tag {
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 4px 20px;
	background:url('images/icon_tag.png') no-repeat top left;
}

.info_comment {
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 4px 20px;
	background:url('images/icon_comment.png') no-repeat top left;
}

/*		[ Content ] Archive title, Navigation, Sorry                 */<!-- -->
.archivetitle {
	color: #6699AE;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	line-height:10px;
	text-align:left;
	padding: 10px 10px 10px 10px;
	margin:0;
}
.navigation {
	clear:both;
	overflow:hidden;
	font-size:11px;
	font-weight:normal;
	margin:30px 0px 5px 0px;
	padding:5px 7px 5px 5px;
	border:1px #17586D dashed;
}
.navigation a {
	color:#17586D;
	font-weight:bold;
	text-decoration:none;
}
.navigation a:hover {
	color:#EE5003;
}
.sorry {
	font-size:11px;
	font-style:italic;
	margin:20px 20px 0px 20px;
	padding:10px 10px 10px 10px;
	border:1px dashed #17586D;
}
/*	[ Comment ] General                                             */<!-- -->
#postmetadata {
	font-size:11px;
	margin:10px 0px 20px 0px;
	padding:5px 15px 5px 10px;
	border:2px #17586D solid;
	background:none;
}
#postmetadata a {
	text-decoration:underline;
}
.nocomments { background:none; padding:10px;}

#comments {
	font-size:13px;
	text-align:left;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-variant:normal;
	border-bottom:2px solid #17586D;
}

ol.commentlist {
	position:relative;
	list-style:none;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	font-size:12px;
	background:none;
	border:none;
}
ol.commentlist .comment a {
	text-decoration:none;
	border-bottom:1px #17586D dotted;
}
ol.commentlist .comment,
ol.commentlist .trackback,
ol.commentlist .pingback {
	margin:10px 0 0 0;
	padding:0;
}

ol.commentlist .children {
	list-style:none;
	padding:0;
	margin:0 0 0 15px;
}

ol.commentlist .comment div, 
ol.commentlist .trackback div, 
ol.commentlist .pingback div {
	border:1px #17586D solid;
	border-left:3px #17586D solid;
	padding:5px;
	background:none;
}

ol.commentlist .trackback div, 
ol.commentlist .pingback div {
	border:1px #17586D dashed;
}

ol.commentlist .comment div div,
ol.commentlist .trackback div div, 
ol.commentlist .pingback div div {
	background:none;
	padding:0;
	border:none;
}

ol.commentlist .says {
	display:none;
}
ol.commentlist .avatar {
	position:relative;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0;
	border:none;
}

ol.commentlist .fn { 
	font-weight:bold;
	font-size:11px;
}
ol.commentlist .fn a {
	text-decoration:none;
	border:none;

}
ol.commentlist .fn a:hover {
	text-decoration:underline;
}

	/* can remove if set in jQuery */
	/* ie6 not support */
ol.commentlist .bypostauthor>div>div>.fn,
ol.commentlist .bypostauthor>div>div>.fn a,
ol.commentlist .bypostauthor>div>div>.fn a:hover {
	text-decoration:underline;
	border:none;
}

ol.commentlist .comment .comment-meta,
ol.commentlist .trackback .comment-meta, 
ol.commentlist .pingback .comment-meta {
	border-bottom:1px dashed #17586D;
	margin:0 0 10px 0px;
	padding:5px 0 10px 0;
	font-size:10px;
}
/* can enable if avatar is big
ol.commentlist .comment .comment-meta:after{
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/
ol.commentlist .comment .comment-meta a, 
ol.commentlist .trackback .comment-meta a, 
ol.commentlist .pingback .comment-meta a {
	text-decoration:none;
	border:none;
}
ol.commentlist .comment .reply {
	position:relative;
	clear:both;
	overflow:hidden;
	margin:5px -5px -5px 0;
	padding:0px;
	font-size:10px;
	text-align:center;
}
ol.commentlist a.comment-reply-link {
	float:right;
	display:block;
	font-size:10px;
	padding:5px;
	background:#17586D;
	color:#EFF7F9;
	text-decoration:none;
	border:0;
}
ol.commentlist .trackback a.comment-reply-link, 
ol.commentlist .pingback a.comment-reply-link {
	display:none;
}

/*		[ Comment ] Paging                                           */<!-- -->
.commentnavi {
	overflow:hidden;
	font-size:11px;
	margin:0;
	padding-right:10px;
}
.commentnavi a {
	text-decoration:underline;
}
.commentpages {
	float:right;
	padding:5px 10px;
}
.page-numbers {
	font-weight:bold;
	padding:2px 3px 2px 3px;
}
.current {
	font-weight:bold;
}
/*		[ Comment ] Form                                             */<!-- -->
#respond {
	clear:both;
	padding:5px 5px 5px 5px;
	margin:10px 0px 0px 0px;
	font-size:11px;
	border:2px #17586D solid;
	background:none;
}
.commentlist #respond { /* when click reply */
	margin-right:0;
}
#respond .cancel-comment-reply a {
	color:#17586D;
}
#respond a, #respond a:hover {
}

#commentform {
	margin:0;
	padding:10px 0 0 0;
}
#email, #author, #url {
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	border: 1px solid #17586D;
	font-family: Arial, Helvetica, Sans-Serif;
}
#comment {
	width:98%;
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	color:#17586D;
	border:1px solid #17586D;
	padding:2px 2px 2px 2px;
	margin-left:5px;
	background:none;
}
#submit {
	cursor:pointer;
	height:20px;
	color:#EFF7F9;
	font-weight:bold;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 15px 2px 15px;
	border:1px solid #17586D;
	background:#17586D;
	font-family:Arial, Helvetica, Sans-Serif;
}
/*	[ Sidebar ] General                                             */<!-- -->
#sidebar select {
	margin:10px 0px 0px 25px;
	font-size:11px;
	width:230px;
	overflow:hidden;
}

/*		[ Sidebar 1]                                                */<!-- -->
#sidebar1 {
	padding-top:10px;
}
#sidebar1 a { color:#45637C; text-decoration:none;}
#sidebar1 a:hover { color:#EE5003; text-decoration:underline;}
#sidebar1 h4 {
	width:190px;
	min-height:44px;
	color:#125990;
	font-family:Times New Roman, Times, Serif;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	letter-spacing:0px;
	font-variant:normal;
	margin:0px 0px -5px 0px;
	padding:20px 30px 0px 60px;
	background:url('images/bg_sb_head.png') no-repeat left top;
}
#sidebar1 ul li ul {
	margin:0 0 0 0;
	padding:2px 0 0 0;
}
#sidebar1 ul {
	list-style-type:none;
	margin:0 0 0 0;	
	padding:0;
}
#sidebar1 ul li {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#sidebar1 ul ul li {
	list-style-type:none;
	line-height:1.6em;
	padding:0px 15px 0px 15px;
	margin:0 0 0 25px;
	background:url('images/bg_sb_arrow.png') no-repeat 0px 5px;
}
#sidebar1 ul ul ul li{
	margin:0;
}
/*	[ Widget & MISC]                                                */<!-- -->
.wp-caption { text-align:center; color:#000000;}
.wp-caption .wp-caption-text { font-size:10px; line-height:17px; padding:5px; margin:0; }

#wp-calendar td { font-size:11px; color:#000000;}
#wp-calendar td a { color:#17586D; font-weight:bold; text-decoration:underline;}
#wp-calendar {
	width:200px;
	margin:0 0 0 35px;
	text-align:center;
	font-size:11px;
	color:#17586D;
	line-height:16px;
}

.textwidget {
	margin:0px 5px 0 5px;
}
#akismetwrap {
	margin:2px 0 2px 10px;
}
.rsswidget img {
	display:none;
}

#sidebar h4 a.rsswidget {
	margin-left:0px;
	overflow:hidden;
	text-decoration:none;
}
.wp-smiley {
	vertical-align:middle;
	border:0px;
	padding:0px;
}
/*	[ Custom Widget and options]                                                */<!-- -->
/*.widget_ads160 {
	padding:0;
	margin:0;
	text-align:center;
	overflow:hidden;
}*/
.widget_ads250 { /* |5px  5px[img=125px]5px 5px[img=125px]5px 5px| .... total 280px */
	padding:5px;
	margin:0;
	text-align:center;
	overflow:hidden;
}
.widget_ads250 img{
	padding:3px;
}
<!-- -->