body{
color:#727272; /*Noelle wanted b9b9b9, but was too light.  I tried 727272 and it was darket than Noelle's, #383838 is close to black and hides footer text.*/
background:#383838 /*url(../images3/bg_body.jpg) repeat-x*/;
}

#top .post_title a{
	color:#7a7a7a;
	}

#logo a{
background:transparent url(../images3/A_creative_yellow_logo_03.png) no-repeat;
	}

/* THIS IS NOT NEEDED NOW*/
/*
#main_transition{
background:transparent url(../images3/bg_frontpage.png) no-repeat;
	}*/
	
/*#head{
background:transparent url(../images3/bg_subpage.png) no-repeat 0 45px;	
	}*/ /*Number at END sets the height. WAS 126px.*/

#box-top{ /*This section ADDED... is the top of the main content box*/
height:40px;  /*Changing alters the text content below it.  My slice was 16px*/
background:transparent url(../images3/white_box_top.png) no-repeat; /*need this?  0  45px ... sets height*/
	}

#main {
background:transparent url(../images3/white_box_middle.png) repeat-y; /*This was ADDED.  need this?  0  45px ... sets height*/
}

/*#box-bottom{
	margin: 0 auto;
	padding: 0;
	 width:940px;
height:24px;  
	background:url(../images3/web_design_box_bottom.gif) repeat-y left top; 
} *//*Changing height alters the text content below it*/ /*no-repeat need this?  0  45px ... sets height*/

#footer, #respond{
background:url(../images3/white_box_bottom.png) no-repeat left top;
/*border-top:1px solid #c4c4c4;	*/
}

/* #frontpage #head{
background:transparent url(../images3/nav_bar.gif) no-repeat;
	} */ 
	/*Adds nav bg to home page.  WAS background-image:none;*/
	
/*#transition-container{
background-color:#FFFFFF;
border-color:#FFFFFF #FFFFFF #EEEEEE;
border-style:solid;
border-width:1px;
	}*/
	
a {
color:#FFF; /*color:#494949;*/
}

a:hover {
color:#000; /*color:#111;*/
}

a:active {
color:#000; /*color:#111;*/
}

.more-link{
	color:#e28704;
	background:#fff url(../images3/bg_subnav.png) 0px 5px no-repeat;
	}
	
	
.more-link:hover{
	background:#fff url(../images3/bg_subnav.png) 0px -85px no-repeat;
	}

#top #main .button, #cancel-comment-reply-link{
	color:#fff;
	text-decoration:none;
	background: transparent url(../images3/button.jpg) top left;
	}



#top #main .button:hover, #cancel-comment-reply-link:hover{
	color:#f4f4f4;
	background: transparent url(../images3/button.jpg) bottom left;
	}

.content a {
	color:#feca28;
}

.content a:hover {
	color:#000;
}

.content img, .content a img {
	background-color:#fff;
	border:1px solid #aaa;
	}
	
.content a:hover img {
	background-color:#ed9f2f;
	border:1px solid #e28704;
	}


/* NAVIGATION */

#top {background:transparent url(../images3/nav_bar3.png) no-repeat; } /*Puts BG behind nav on the INNER pages AND on the home page!.*/

/*#top #nav{
}*/ /*THIS SECTION WAS ADDED AS TEST*/

/*#top #nav a{
color:#FFF;
}
#top #nav a:hover{
color:#FF0000;
}
#top #nav a:active{
color:#000;
}*/

#top #nav ul {
border:1px solid #c4c4c4;
border-top:1px solid #ececec;
/*background:transparent url(../images3/nav_bar.gif) no-repeat;*/
}

#top #nav li ul a{
border-top:1px solid #f4f4f4;
}

#top #head #nav ul a, #top #head #nav ul li{
background-color:#ececec;
background-image:none;
}

#top #head #nav ul a:hover, #top #head #nav ul a:focus {
background-color:#f4f4f4;
}

#top #nav li.back, #top #nav .current_page_item a, #top #nav .current_page_parent a, #top #nav .current_page_ancestor a{
background:transparent url(../images3/lava2.png) no-repeat right -32px;
}

#top #nav li.back .left, #top #nav .current_page_item, #top #nav .current_page_parent, #top #nav .current_page_ancestor  {
background:transparent url(../images3/lava2.png) no-repeat top left;
}

/*subnav*/

#subnav li{
	background:#fcce42;
	}
	
#subnav li a, #subnav .current_page_item ul a {
	color:#000;
	border-bottom:1px solid #c4c4c4;
	background:#fff url(../images3/bg_subnav.png) 9px 11px no-repeat;
	}
	
#subnav .current_page_item a, #subnav .current a{
	color:#fff;
	background:#fcce42 url(../images3/bg_subnav.png) 9px -79px no-repeat; /*This is the SIDE NAV when lit on hover*/
	}
	
	
#top #subnav li a:hover{
	background:transparent url(../images3/bg_subnav.png) 9px -79px no-repeat;
	}

/*mainpage content area*/

.box_image{
	background-color:#CCC;
	}
	
.meta, .meta a, .commentlist .commentmetadata a{
	color:#e28704;
	text-decoration:none;
	}
.meta a:hover, .commentlist .commentmetadata a:hover{
	text-decoration:underline;
	}
	
.meta_comment, .meta_cat{
	border-left:1px solid #7a7a7a;
	}
	
/*sidebar */

#wp-calendar th, #prev, #next {
background-color:#c4c4c4;
}

.widget a, .widget a:visited{
border-bottom:1px solid #c4c4c4;
}

#top .recentcomments, #top .widget_archive li, #top .widget_categories li{
border-bottom:1px solid #c4c4c4;
}
	
#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #ababab;
	color:#333;
	}


#searchsubmit, #send, #top #submit{
	border:1px solid #ababab;
	background-color:#333;
	cursor:pointer;
	color:#fff;
	}
	
#searchsubmit:hover, #send:hover, #top #submit:hover{
	background-color:#999;
	color:#333;
	}
	
/* ---------------------- Comments -------------------*/

.commentlist .avatar, .children .comment .avatar{
	border:1px solid #bbb;
	background-color:#dedede;
	}

.commentlist .commentmetadata{
	border-bottom:1px solid #bbb;
	}
	

.comment-author-admin .avatar{
	background-color:#333;
	border:1px solid #111;
	}
	
/* ---------------------- Pagination -------------------*/

.pagination span, .pagination a{
	border:1px solid #c4c4c4;
	color:#333;
	background-color:#ececec;
}

.pagination a:hover{
	border:1px solid #e28704;
	color:#e28704;
	background-color:#ececec;
}
.pagination .current{
	border:1px solid #e28704;
	background-color:#ed9f2f;
	color:#fff;
}


/*border for ajax input fields*/
.ajax_valid .text_input, .ajax_valid .text_area{border:1px solid #e28704; background-color:#ed9f2f;color:#FFFFFF;} /*#70A41B*/
.ajax_false .text_input, .ajax_false .text_area{border:1px solid #EE2A00; background-color:#FF9F9F;color:#fff;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}


/*Post style*/

blockquote{
	color:#fff;
	background:#ed9f2f url(../images3/quote_left.png) no-repeat 0 0;
	}
	
blockquote p{
	background:transparent url(../images3/quote_right.png) no-repeat bottom right !important;
	background:none; /*ie6 fix for blockquotes*/
	}
	
#top blockquote em, #top blockquote em a{
	color:#fff;
	}
	
.entry ul li{
	background:transparent url(../images3/dot.png) no-repeat scroll 12px 8px;
	}