/*---:[ 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 { background: #fff; color: #222; font: 12px   Helvetica, Verdana, Arial 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: #1589FF; url('custom/comment_bottom.gif') 0 100% no-repeat; }

.custom dl#comment_list dd.author { background: #1589FF; url('custom/comment_author_bottom.gif') 0 100% no-repeat; }



*/


/*---:[ to change the colors of the header and footer... ]:---*/

.custom #header { background: #000; border-bottom-color:  #306EFF; }

.custom #footer { background: #000; border-top-color: #306EFF; }





/*---:[ to change link colors and behaviors... ]:---*/

.custom a { color:&nbsp; #6633FF; }

.custom a:visited { color: #777; }

.custom a:hover { color:&nbsp; #6633FF; }

&nbsp;&nbsp;&nbsp; /*---:[ site title (logo) in the header ]:---*/



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom #logo a { color: #fff; font-family: "American Typewriter", "Trebuchet MS", Verdana, sans-serif; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ navigation links in the header ]:---*/

&nbsp;&nbsp;&nbsp; .custom #nav ul li a, .custom #nav ul li a:visited { color:&nbsp; #6633FF; }




&nbsp;&nbsp;&nbsp; .custom #nav ul li a:hover, .custom #nav ul li a.current:hover
{ color: #fff !important; background:&nbsp; #6633FF; } /* leave the
!important declaration */

&nbsp;&nbsp;&nbsp; .custom #nav ul li a.current, .custom #nav ul li a.current:visited { color:&nbsp; #6633FF; }




&nbsp;&nbsp;&nbsp; /*---:[ headline link colors on the main page, archive pages, and search pages ]:---*/

&nbsp;&nbsp;&nbsp; .custom h2 a, .custom h2 a:visited { color:&nbsp; #6633FF; }

&nbsp;&nbsp;&nbsp; .custom h2 a:hover { color: #000; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ category links located underneath headlines ]:---*/



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom .post_date a, .custom .post_date a:visited { color: #000; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom .post_date a:hover { color: #000; background: #ccc; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ link behavior within posts ]:---*/
&nbsp;&nbsp;



&nbsp;&nbsp;&nbsp; .custom .entry a, .custom .entry a:visited { border-color: #bbb; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom .entry a:hover { color: #fff; background:&nbsp; #6633FF; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ link to comments that follows posts on the main page, archive pages, and search pages ]:---*/



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom .post_meta a:hover { color: #000; border-color:&nbsp; #6633FF; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ inter-post navigation (found at the bottom of main pages or at the top of single post pages) ]:---*/
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom .navigation a:hover { color: #000; border-color:&nbsp; #6633FF; }



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ sidebar link colors ]:---*/
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom li.widget li a:hover, .custom li.linkcat li a:hover { color: #000; border-color:&nbsp; #6633FF; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ calendar widget link colors ]:---*/



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom table#wp-calendar td a, .custom table#wp-calendar td a:visited { color:&nbsp; #6633FF; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom table#wp-calendar td a:hover { color:&nbsp; #6633FF; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ comment permalink colors (precedes the commenter's name on each comment) ]:---*/



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom dl#comment_list dt .comment_num a, .custom dl#comment_list dt .comment_num a:visited { color: #999; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom dl#comment_list dt .comment_num a:hover { color:&nbsp; #6633FF; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ comment author's link colors ]:---*/



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom dl#comment_list dt strong a, .custom dl#comment_list dt strong a:visited { color: #000; border-color: #999; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom dl#comment_list dt strong a:hover { color: #000; border-color:&nbsp; #6633FF; }



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ footer link colors ]:---*/
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom #footer a, .custom #footer a:visited { color: #fff; border-color:&nbsp; #6633FF; }

&nbsp;&nbsp;&nbsp; .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... ]:---*/

&nbsp;&nbsp;&nbsp; /*---:[ headlines ]:---*/

&nbsp;&nbsp;&nbsp;
.custom h1, .custom h2, .custom h3, .custom h4 { font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }




&nbsp;&nbsp;&nbsp; .custom h1, .custom h2 { color:&nbsp; #000; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom .archive h1 { color: #000; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom #sidebar h2 { color: #000; }

&nbsp;&nbsp;&nbsp; .custom h3, .custom h4 { color: #000; }

&nbsp;&nbsp;&nbsp; /*---:[ in-post stuff ]:---*/




&nbsp;&nbsp;&nbsp; .custom blockquote { font-family: Georgia, "Times New Roman", Times, serif; color: #555; border-color:&nbsp; #6633FF; }

&nbsp;&nbsp;&nbsp; .custom blockquote.right, .custom blockquote.left { border-color: #ccc; } /* These are pullquotes */




&nbsp;&nbsp;&nbsp; .custom code { color: #090; font-family: Courier, "Courier New", monospace; }

&nbsp;&nbsp;&nbsp; .custom .post_date { color: #aaa; }

&nbsp;&nbsp;&nbsp; .custom img.frame { border-color: #ddd; }

&nbsp;&nbsp;&nbsp; /*---:[ calendar widget ]:---*/




&nbsp;&nbsp;&nbsp; .custom table#wp-calendar caption { border-color: #ccc; }

&nbsp;&nbsp;&nbsp; .custom table#wp-calendar th { color: #666; border-color: #ccc; }

&nbsp;&nbsp;&nbsp; .custom table#wp-calendar td { color: #999; }

&nbsp;&nbsp;&nbsp; /*---:[ comments ]:---*/




&nbsp;&nbsp;&nbsp; .custom dl#comment_list dt { color: #999; }

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .custom dl#comment_list dt strong { color: #000; } /* Comment author's name */

&nbsp;&nbsp;&nbsp; /*---:[ comment form elements ]:---*/

&nbsp;&nbsp;&nbsp;
.custom #comment_form .text_input { color:&nbsp; #6633FF; font-family:
Verdana, sans-serif; border-top-color: #999; border-left-color: #999;
border-right-color: #eee; border-bottom-color: #eee; }




&nbsp;&nbsp;&nbsp; .custom #comment_form .text_input:focus { border-top-color:
#666; border-left-color: #666; border-right-color: #ddd;
border-bottom-color: #ddd; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom #comment_form
.form_submit { color: #000; font-family: "Helvetica Neue", Helvetica,
Arial, sans-serif; } /* This is the submit button on the comment form */



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom #comment_form .form_submit:hover { color:&nbsp; #6633FF; }
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; /*---:[ search form ]:---*/
&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
.custom #search_form .search_input { color: #777; font-family: Verdana,
sans-serif; border-color: #999; border-right-color: #eee;
border-bottom-color: #eee; }



&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; .custom #search_form
.search_input:focus { border-top-color: #666; border-left-color: #666;
border-right-color: #ddd; border-bottom-color: #ddd; }





