/*---:[ custom styles for the Copyblogger theme that YOU define ]:---*/
/*---:[ ------------------------------------------------------- ]:---*/

/*---:[ to change the body background, the default font, and the default font color... ]:---*/
/*---:[ NOTE: if you change the body background color, you will need to update your image files also ]:---*/
/*---:[ Download the image template (.psd) with the Organic theme package at http://www.copyblogger.com/downloads/organic.zip ]:---*/

body.custom { background: #5d81b4 url(images/body_bg.jpg) repeat-x; color: #222; font-family: Verdana, sans-serif; }

/*---:[ uncomment the following lines only if you've uploaded updated image files to the a folder called "custom" within your copyblogger theme directory ]:---*/

/* 
.custom .add_comment { background: url('custom/icon_comment.gif') 0 50% no-repeat; }

.custom #rss { background: url('custom/rss.gif') 50% 0 no-repeat; }

.custom li.widget li, .custom li.linkcat li { background: url('custom/bullet.gif') 0 0.4167em no-repeat; }

.custom dl#comment_list dt { background: url('custom/comment_top.gif') 0 100% no-repeat; }

.custom dl#comment_list dt.author { background: url('custom/comment_author_top.gif') 0 100% no-repeat; }

.custom dl#comment_list dd { background: #dfdfdf url('custom/comment_bottom.gif') 0 100% no-repeat; }

.custom dl#comment_list dd.author { background: #f6f4c9 url('custom/comment_author_bottom.gif') 0 100% no-repeat; }
*/


/*---:[ to change the colors of the header and footer... ]:---*/

.custom #header { color: #fff; background: none; border: none; width: 932px; }

.custom #footer { background: url(images/footer_bg.jpg) repeat-x; border: none; color: #fff; height: 65px; }


/*---:[ box elements ]:---*/

.custom #container { width: 932px; margin: 0 auto; }
	
.custom	#content_box { width: 932px; background: #fefefe url(images/wrap_bg.jpg) repeat-x; padding: 0; margin: 0;}
	
.custom #content { width: 600px; padding: 0 8px; margin: 20px 10px 0 8px; float: left; background: url(images/translucent_bg.png) repeat; }
		
.custom	#sidebar { width: 270px; padding: 0 4px; margin: 20px 0 0 0; float: left; background: url(images/translucent_bg.png) repeat; }



/*---:[ to change link colors and behaviors... ]:---*/

.custom a { color: #3c5273; }

.custom a:visited { color: #3c5273; }

.custom a:hover { color: #333; border-color: none; }

.custom :focus { outline: none;}

	/*---:[ site title (logo) in the header ]:---*/
	
	.custom #logo { background: url(images/header_bg.jpg) no-repeat; height: 122px; width: 932px; border: none; overflow: hidden;}
	
	.custom #logo a { color: #fff; font-family: "American Typewriter", "Trebuchet MS", Verdana, sans-serif; }
	
	/*---:[ navigation links in the header ]:---*/
	
	.custom #nav {background: #5c80b4; width: 932px; margin: 0; }

	.custom #nav ul li a, .custom #nav ul li a:visited { color: #fff; font-size: 14px; font-family: arial, verdana, sans-serif; font-weight: bolder; text-transform: capitalize; }

	.custom #nav ul li a:hover, .custom #nav ul li a.current:hover { color: #5c80b4 !important; background: #fff; } /* leave the !important declaration */

	.custom #nav ul li a.current, .custom #nav ul li a.current:visited { color: #1a2f36; }

	/*---:[ headline link colors on the main page, archive pages, and search pages ]:---*/

	.custom h2 a, .custom h2 a:visited { color: #3c5273; line-height: 110%;}

	.custom h2 a:hover { color: #333; }
	
	/*---:[ category links located underneath headlines ]:---*/
	
	.custom .post_date a, .custom .post_date a:visited { color: #3c5273; }
	
	.custom .post_date a:hover { color: #333; background: none; }
	
	/*---:[ link behavior within posts ]:---*/
	
	.custom .entry a, .custom .entry a:visited { border-color: #bbb; }
	
	.custom .entry a:hover { color: #333; background: none; }
	
	/*---:[ link to comments that follows posts on the main page, archive pages, and search pages ]:---*/

	.custom .post_meta_top { margin: 5px 0 0 0; padding: 5px 0 0 0; border-top: 0.23077em double #3c5273; font-size: 1.3em; clear: both; width: 615px !important; display: block; height: 3px; }
		
	.custom .post_meta {border: none; width: 380px; float: left !important; margin: 0; padding: 0; font-size: 12px;}

	.custom .post_meta a {border-bottom: 1px solid #3c5273;}

	.custom .post_meta a:hover { color: #333; border: none; }
	
	/*---:[ inter-post navigation (found at the bottom of main pages or at the top of single post pages) ]:---*/
	
	.custom .navigation a:hover { color: #333; border: none; }
	
	/*---:[ sidebar link colors ]:---*/
	
	.custom li.widget li a:hover, .custom li.linkcat li a:hover { color: #333; border-color: #333; }
	
	/*---:[ calendar widget link colors ]:---*/
	
	.custom table#wp-calendar td a, .custom table#wp-calendar td a:visited { color: #333; }
	
	.custom table#wp-calendar td a:hover { color: #333; }
	
	/*---:[ comment permalink colors (precedes the commenter's name on each comment) ]:---*/
	
	.custom dl#comment_list dt .comment_num a, .custom dl#comment_list dt .comment_num a:visited { color: #999; }
	
	.custom dl#comment_list dt .comment_num a:hover { color: #a90000; }
	
	/*---:[ comment author's link colors ]:---*/
	
	.custom dl#comment_list dt strong a, .custom dl#comment_list dt strong a:visited { color: #000; border-color: #999; }
	
	.custom dl#comment_list dt strong a:hover { color: #333; border: none; }
	
	/*---:[ footer link colors ]:---*/
	
	.custom #footer p { margin: 35px 0 0 0;}
	
	.custom #footer a, .custom #footer a:visited { color: #fff; border-color: #fff; }

	.custom #footer a:hover { color: #fff; border: none; }


/*---:[ to change all of the gray double-borders in one fell swoop... ]:---*/

.custom .page h1, .custom #sidebar h2, #comments h3.comment_intro, .custom .post_date, .custom .post_meta, .custom .page .entry { border-color: #3c5273;}


/*---:[ other stuff you may want to change... ]:---*/

	/*---:[ headlines ]:---*/

	.custom h1, .custom h2, .custom h3, .custom h4 { font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.custom h1, .custom h2 { color: #3c5273; }
	
	.custom .archive h1 { color: #3c5273; }
	
	.custom #sidebar h2 { color: #3c5273; margin: 0; padding: 0;}

	.custom h3, .custom h4 { color: #3c5273; }

	/*---:[ in-post stuff ]:---*/

	.custom blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; border-color: #3c5273; }

	.custom blockquote.right, .custom blockquote.left { border-color: #ccc; } /* These are pullquotes */

	.custom code { color: #090; font-family: Courier, "Courier New", monospace; }

	.custom .post_date { color: #222; }

	.custom img.frame { border-color: #ddd; }

	/*---:[ calendar widget ]:---*/

	.custom table#wp-calendar caption { border-color: #ccc; }

	.custom table#wp-calendar th { color: #666; border-color: #ccc; }

	.custom table#wp-calendar td { color: #999; }

	/*---:[ comments ]:---*/
	
	.custom .add_comment { float: right !important; width: 120px; margin: 0; font-size: 12px; text-decoration: none; color: #3c5273;}

	.custom .add_comment a { color: #3c5273; border-bottom: 1px solid #3c5273;}
	
	.custom .add_comment a:hover { color: #333; border: none;}

	.custom dl#comment_list dt { color: #999; }

		.custom dl#comment_list dt strong { color: #000; } /* Comment author's name */

	/*---:[ comment form elements ]:---*/

	.custom #comment_form .text_input { color: #3c5273; font-family: Verdana, sans-serif; border-top-color: #999; border-left-color: #999; border-right-color: #eee; border-bottom-color: #eee; }

	.custom #comment_form .text_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
	
	.custom #comment_form .form_submit { color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* This is the submit button on the comment form */
	
	.custom #comment_form .form_submit:hover { color: #3c5273; }
	
	/*---:[ search form ]:---*/
	
	.custom #search_form .search_input { color: #777; font-family: Verdana, sans-serif; border-color: #999; border-right-color: #eee; border-bottom-color: #eee; width: 200px;}
	
	.custom #search_form .search_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
	
	/*---:[ Sidebar RSS stuff ]:---*/
	
	.custom .rssh2 {
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666;
	margin: 10px 0 0 0;
	width:  140px;
	padding: 10px 0 0 0;
	border-bottom: 0.23077em double #3c5273 !important;
	}
	
.custom .rss_icon {
	height: 122px;
	width: 119px;
	position: absolute;
	z-index: 99;
	margin: 0 0 0 140px;
	background: url(images/rss_icon.png) no-repeat top right;
	}	

.custom .rss {
	height: 122px;
	width: 250px;
	clear: both;
	padding: 10px 0 10px 0;
	}
	
.custom .rss_text {
	font-size: 11px;
	width: 245px;
	height: 45px;
	padding: 15px;
	background: url(images/rss_bg.png) no-repeat top left;
	}
	
.custom .rss_text p {
	width: 125px;
	}
	
.custom .rss_email {
	margin: 0 0 0 5px;
	float: left;
	clear:both;
	}
	
.custom .hotspot {
	width: 110px;
	height: 110px;
	background: none;
	z-index: 101;
	position: absolute;
	margin: 5px 0 0 145px;
	}
	
.custom .alignleft {
	float: left;
	padding: 4px;
	border: 1px solid #777;
	margin: 5px 5px 0 0;
	background: #dedede;
	}
	
.custom .alignright {
	float: right;
	padding: 4px;
	border: 1px solid #777;
	margin: 5px 0 5px 5px;
	background: #dedede;
	}
	
.custom .aligncenter {
	padding: 4px;
	border: 1px solid #777;
	margin: 5px auto 10px auto;
	background: #dedede;
	text-align: center;
	clear:both;
	}
	
.custom .aligncenter,
.custom div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.custom .textwidget img {
	padding: 0 5px 0 0;
	
}