/*---:[ 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: #000; 
	color: #ccc;   
	font-family:Andale Mono, monospace;
	}

/*---:[ 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 #footer { 
	background: #000; 
	border-top: 3px double #333333;
	color: #fff; 
	}

/*---:[ 3 column modification by Taras Mankovski from http://www.oscandy.com/ ]:---*/

.custom #container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.custom #container {zoom:1;}

.custom #header {
	width: 76.8em;
	margin: 0px auto;
	border: 1px solid #333333;
	margin-top: 2em;
	margin-bottom: 3em;

}

.custom #inner_header {
	border: 1px solid #333333;
	margin: 5px;
}

.custom #header h1 {
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 0.2em;	
	line-height:normal;
	text-transform:uppercase;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
}

.custom #header p {
	color:#777777;
	font-size-adjust:none;
	letter-spacing:0.1em;
	line-height:normal;
	text-align: center;
	text-transform:uppercase;
	padding: 0em 4em 2em 4em;
}

.custom #header h1 a, .custom #header h1 a:hover {
	color: white;
	text-decoration: none;
}

.custom #container { width: 96.8em; margin: 0 auto; }

	.custom #content_box { float: right; } 
	
	.custom #left { width: 20em; float: left; } 

	.custom #left h2 { font-size: 1.5em; line-height: 1.5556em; margin: 0 0 0.5em 0; border-bottom: 0.166667em double #ccc; color: #777; }

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

.custom a { color: #99AADD; text-decoration: none; }

.custom a:visited { color: #AA77AA; text-decoration: none; }

.custom a:hover { color: #AADD99; text-decoration: underline; }

	/*---:[ site title (logo) in the header ]:---*/
	
	.custom #logo a { color: #fff; font-family: "American Typewriter", "Trebuchet MS", Verdana, sans-serif; }
	
	/*---:[ navigation links in the header ]:---*/

	.custom #nav ul li a, .custom #nav ul li a:visited { color: #fff; }

	.custom #nav ul li a:hover, .custom #nav ul li a.current:hover { 
		color: #99AADD !important; 
		background: #000;
		} /* leave the !important declaration */

	.custom #nav ul li a.current, .custom #nav ul li a.current:visited { color: #99AADD; }

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

	.custom h2 {
		font-size: 1.7em;
	}

	.custom h2 a, .custom h2 a:visited { color: #AADD99; }

	.custom h2 a:hover { color: #ccc; text-decoration:none; }
	
	/*---:[ category links located underneath headlines ]:---*/
	
	.custom .post_date a, .custom .post_date a:visited { color: #99AADD; }
	
	.custom .post_date a:hover { color: #AADD99;  background:none; }
	
	/*---:[ link behavior within posts ]:---*/
	
	.custom .entry a, .custom .entry a:visited { border-color: #bbb; }
	
	.custom .entry a:hover { 
		color: #AADD99; 
		background: none; 
		border-bottom: 1px solid #AADD99;
		text-decoration: none;
	}
	
	/*---:[ link to comments that follows posts on the main page, archive pages, and search pages ]:---*/
	
	.custom .post_meta a:hover { color: #AADD99; text-decoration: underline; }
	
	/*---:[ inter-post navigation (found at the bottom of main pages or at the top of single post pages) ]:---*/
	
	.custom .navigation a, .custom .navigation a:visited  { color: #99AADD; text-decoration: none; }
		
	.custom .navigation a:hover { color: #AADD99; text-decoration:none;}
	
	/*---:[ sidebar link colors ]:---*/
	
	.custom li.widget li a:hover, .custom li.linkcat li a:hover { color: #AADD99; }
	
	 .custom li.widget li a:hover {text-decoration:none;}
	
	/*---:[ calendar widget link colors ]:---*/
	
	.custom table#wp-calendar td a, .custom table#wp-calendar td a:visited { color: #a90000; }
	
	.custom table#wp-calendar td a:hover { color: #a90000; }
	
	/*---:[ 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: #c0f0b0; border-color: #999; }
	
	.custom dl#comment_list dt strong a:hover { color: #c0f0b0; border-color: #a90000; }
	
	/*---:[ footer link colors ]:---*/
	
	.custom #footer a, .custom #footer a:visited { color: #fff; border-color: #a90000; }

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


/*---:[ 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: #ccc; }


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

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

	.custom h1, .custom h2, .custom h3, .custom h4 { 
		font-family: Helvetica, sans-serif;
		font-weight: normal;
		letter-spacing: 1px;
	 }

	.custom h1, .custom h2 { color: #AADD99; }
	
	.custom .archive h1 { color: #777; }
	
	.custom #sidebar h2 { color: #777; }

	.custom h3, .custom h4 { color: #777; }

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

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

	.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: #aaa; }

	.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 dl#comment_list dt { color: #999; }

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

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

	.custom #comment_form .text_input { color: #777; 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: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* This is the submit button on the comment form */
	
	.custom #comment_form .form_submit:hover { 
		color: #000;
	 	background: #fff;
	 }
	
	/*---:[ 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; }
	
	.custom #search_form .search_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }
	
	/*---:[ subscribe form ]:---*/
	
.emailaddress {
	font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; 
	border: 0.083333em solid #999; 
	border-right-color: #eee; 
	border-bottom-color: #eee;
	border-color:#999999 rgb(238, 238, 238) rgb(238, 238, 238) rgb(153, 153, 153);
	border:solid 0.083333em;
	color:#777777;
	padding:0.25em;
}

.subscribe_widget {
	margin-left: 0px;
}

.subscribe {
	background:transparent url(images/submit_bg.gif) repeat-x scroll 0%;
	border: #999999 double 0.21429em;
	color:#FFFFFF;
	cursor:pointer;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1em;
	line-height:1em;
	padding:0.5em;
}

.subscribe:hover {
	background: #fff;
	color: #000;
}

.custom .entry img {
	max-width: 460px;
	border:1px solid #333333;
	padding:4px;
}

br.webkit-block-placeholder {
	display: none;
}

#featured {
	margin-bottom: 4em;
}

#featured h3 {
	margin-top: 0px;
}

#featured h2 {
	padding-bottom: 0.25em;
	border-bottom: 3px double #CCCCCC;
	margin-bottom: 1em;
}

#featured img {
	margin-right: 1em;
	border: 0px;
	padding: 0px;	
}