/*---:[ 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: url('images/bg_body.gif') repeat-x #9BC3D5; 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 li.widget li, .custom li.linkcat li { background: url('custom/bullet.gif') 0 0.4167em no-repeat; }
*/

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

.custom #rss2 { top: 205px; left: 1050px; position: absolute; }
.custom rss2.span { font-color: #090909;}

.custom #header { background-image: url('images/header.jpg'); background-position: bottom right; border-bottom-color: #C0C0C0; border-bottom: 0px; color: #000000; height: 24em; width: 98em; margin-left: auto; margin-right: auto; background-repeat: no-repeat; }

.custom #footer { background: #000000; border-top: 0px; color: #fff; width: 98em; margin-left: auto; margin-right: auto; height: 25em;}

.custom div.span-1 { float: left; margin-right: 10px; font-size: 1.1em; padding: 3em; width: 12em; line-height: 1.6em; font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;}
.custom div.span-2 { float: left; margin-right: 10px; font-size: 1.1em; padding: 3em; width: 17em; line-height: 1.6em; font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;}
.custom div.span-3 { float: left; margin-right: 10px; font-size: 1.1em; padding: 3em; width: 17em; line-height: 1.6em; font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;}
.custom div.span-4 { float: left; margin-right: 10px; padding: 3em; width: 17em; line-height: 1.6em; font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;}

.custom li.items {margin: 0 0 4em; background-color: #ffffff}
div.span-1, div.span-2, div.span-3, div.span-4, ul { list-style-type: none; margin-left: 1em;}

#areessess {  }

/*---: [Core elements] :---*/
#container { background: #140B07; width: 98em; margin: 0 auto; }
	
	#content_box { width: 98em;}
	
		#content { width: 55em; padding: 3em; float: left; background: #ffffff; margin-bottom: 5em; margin-left: 2.1em;  -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
		
		#sidebar { width: 30em; float: left; border-left: 0px; margin-left: 18px; background: #ffffff; padding: 1em;  -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
		#ads { width: 30em; float: left; border-left: 0px; margin-top: 5px; margin-left: 18px; background: #ffffff; padding: 1em;  -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;}
		.custom ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 16.6667em; margin: 0 0 2.5em 0; font-size: 1em; line-height: 1.6667em; float: none; text-align: left; }
		.custom #subs { top: 245px; left: 945px; position: absolute; color: #A28320; font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif;}
		.square { width: 128px; height: 128px; float: left;}
/*---:[ to change link colors and behaviors... ]:---*/

.custom a { color: #3366CC; font-family: font-family: 'Lucida Grande', Verdana, Arial; font-size: 0.9em; }

.custom a:visited { color: #777; }

.custom a:hover { color: #a90000; font-family: "Lucida Grande",Tahoma,Verdana,Arial,serif;}

	/*---:[ site title (logo) in the header ]:---*/
	
	.custom #logo a { color: #000000; font-family: 'Lucida Grande', Verdana, Arial; font-size: 0em; }
	
	/*---:[ navigation & links in the header ]:---*/
	.custom #nav { width: 72.8em; margin: 0 0 0px 0; padding-left: 1.5em; }

	.custom #nav ul li a, .custom #nav ul li a:visited { color: #3366CC; font-family: Tahoma; font-size: 0.8em; }

	.custom #nav ul li a:hover, .custom #nav ul li a.current:hover { color: #a90000 !important; background: #140B07; } /* leave the !important declaration */

	.custom #nav ul li a.current, .custom #nav ul li a.current:visited { color: #777; font-family: Arial; text-decoration: none;}

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

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

	.custom h2 a:hover { color: #000; }
	
	/*---:[ category links located underneath headlines ]:---*/
	
	.custom .post_date a, .custom .post_date a:visited { color: #3366CC; font-family: Tahoma; }
	
	.custom .post_date a:hover { color: #3399FF; background: transparent; }
	
	/*---:[ link behavior within posts ]:---*/
	
	.custom .entry a, .custom .entry a:visited {font-family: 'Lucida Grande',Tahoma,Verdana,Arial,serif; font-size: 1em; border-bottom: none;}
	
	.custom .entry a:hover { font-family: 'Lucida Grande',Tahoma,Verdana,Arial,serif; background: none;}

	/*---:[ tag styles ]:---*/
	.custom #tag { color: #000; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.1em; }
	.custom #tag a {color: #3366CC; font-weight: normal; font-size: 1em;}
	.custom #tag a:hover { color: #a90000; }
	
	/*---:[ link to comments that follows posts on the main page, archive pages, and search pages ]:---*/
	.custom .add_comment { background: none; }
	.custom .add_comment a { font-family: 'Lucida Grande',Tahoma,Verdana,Arial,serif; font-size: 1.05em; font-weight: normal; }
	.custom .post_meta a { color: #3366CC; font-family: Tahoma; font-size: 0.9em; font-weight: normal; }
	.custom .post_meta a:hover { color: #3399FF; }
	.custom .post_meta { border-top: none; }
	
	/*---:[ text style for posts ]:---*/
	.custom .entry { font-family: "Lucida Grande",Tahoma,Verdana,Arial,serif; font-size: 1.2em; border-bottom: double #ccc; }
	
	/*---:[ inter-post navigation (found at the bottom of main pages or at the top of single post pages) ]:---*/
	
	.custom .navigation a:hover { color: #a90000; border-color: #a90000; border-bottom: none;}
		
	/*---:[ sidebar link colors ]:---*/
	#technorati { width: 145px; height: 50px; margin: 0 0 0 0; text-align: center; float:right; }
	.custom li.widget li a:hover, .custom li.linkcat li a:hover { color: #a90000; border-color: #ffffff; font-family: 'Lucida Grande', Verdana, Arial; float: none;}
			
	/*---:[ calendar widget link colors ]:---*/
	
	.custom table#wp-calendar td a, .custom table#wp-calendar td a:visited { color: #3366CC; }
	
	.custom table#wp-calendar td a:hover { color: #a90000; text-decoration: none;}
	
	/*---:[ 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 text and link colors ]:---*/
	
    .custom dl#comment_list dt strong a, .custom dl#comment_list dt strong a:visited { color: #104E8B; border-color: #999; font-family: Tahoma; font-size: 0.8em;}
	
	.custom dl#comment_list dt strong a:hover { color: #3399FF; border-bottom: none; }
	.custom #comments h3.comment_intro {color: #777; border-top: none; font-size: 1.5em; }
	.custom dl#comment_list dt { background: none; height: 0.3em; }
	.custom dl#comment_list dt.author { background: none; }
	.custom dl#comment_list dd { background: #ECF1EF; padding: 2em; }
	.custom dl#comment_list dd.author { background: #f6f4c9; }
		
	/*---:[ footer link and text colors ]:---*/
	.custom #footer p { font-weight: normal; font-size: 1.0em; text-transform: uppercase; text-align: center; }
	.custom #footer a, .custom #footer a:visited { color: #3399FF; border-color: transparent; }

	.custom #footer a:hover { color: #3399FF; border-color: transparent; }



/*---:[ 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; }
.custom .post_date { border-bottom:0.2727em inset #CCCCCC; }
.custom .entry { border-bottom:0.2727em inset #CCCCCC; margin-bottom: 10px; }

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

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

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

	.custom h1, .custom h2 { color: #000; font-size: 2.2em; }
	
	.custom .archive h1 { color: #000; }
	
	.custom #sidebar h2 { color: #006699;	font-size: 1.1em; font-family: 'Lucida Grande', Verdana, Arial, sans-serif;}

	.custom h3, .custom h4 { color: #8c8c8c; font-family: tahoma,sans-serif; font-size: 85%; margin-bottom: 1em;}

	.custome h3.sub { color: #8c8c8c; font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Arial,sans-serif; font-size: 1.3em; letter-spacing: 1.5px; }
	/*---:[ 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: #000; } /* Comment author's name */

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

	.custom #comment_form .text_input { color: #a90000; 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: #a90000; }
	
	/*---:[ search form ]:---*/
	
	.custom #search_form .search_input { color: #777; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 0.8em; width: 19.5em; 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; }