/*==================================================================================================*/
/* @group universal */
/*-----body general-----*/
body {
	background: url('/images/body_background.png') repeat;
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: "Century Gothic", "Helvetica Neue", "Lucida Grande", Verdana, Helvetica, Arial, Sans-serif;
	}	
	
body a {
	text-decoration: none;
	color: #db8d32;
	font-weight: normal;
	}

body a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #7362a1;	
	}

/*.....NOTES.....
	#db8d32;	orange
	#7362a1;	purpal
	#684b22;	brown (background)
	#848485; 	standard gray
	#d5d7d7;	middle gray
	#727272;	dark gray
	#adadad;	light gray
	#eef1f1;	super light gray 1
	#ececec;	super light gray 2
.....NOTES.....*/
/* @end */



/*==================================================================================================*/
/* @group body components */
#wrapper {
	width: 1000px;
	border: 0;
	margin: 0 auto 0 auto;
	padding: 0;
	}

/*-----Top-----*/
#top {
	width: 730px;	
	height: 280px;
	border: 0;
	margin: 0;
	padding: 10px;
	background: url('/images/top_background.png') no-repeat top left;
	}
	
	
#top_inner {
	width: 730px;
	height: 280px;
	border: 0;
	padding: 80px 0 0 0;
	margin: 0;
	background: url('/images/navmenu/rotate.php') no-repeat top left;  
	}

/*-----Sidebar-----*/
#sidebarwrapper {			/*the "wrapper" that contains both the sidebar and the sidebar bottom and floats it to the right*/
	width: 250px;
	border: 0;
	margin: 0 0 0 0px;
	padding: 0;
	float: right;
	}
	
#sidebar {
	width: 220px;
	min-height: 750px;
	border: 0;
	padding: 35px 15px 15px 15px;
	margin: 0;
	background: url('/images/sidebar_background.png') repeat-y top left;
	}

#sidebar_bottom {
	width: 250px;
	height: 50px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url('/images/sidebar_bottom_background.png') no-repeat top left;
	}
	
/*-----Middle-----*/	
#middle {
	width: 750px;
	min-height: 1500px;
	border: 0;
	margin: 0;
	background: #fff;
	}

#middle_inner {
	width: 720px;
	min-height: 700px;
	border: 0;
	padding: 20px 15px 15px 15px;
	margin: 0;
	background: url('/images/middle_inner_background.jpg') no-repeat top left;
	}
	
	
/*-----Bottom-----*/	
#bottom {
	width: 750px;
	height: 75px;
	border: 0;
	padding: 15px 0 0 0;
	margin: 0;
	background: url('/images/bottom_background.png') no-repeat bottom left;
	}	

#reflection {
	width: 750px;
	height: 110px;
	border: 0;
	padding: 0;
	margin: 5px 0 0 0;
	background: url('/images/reflection_background.png') no-repeat top left;
	}

/*-----Vanity Tags-----*/
#vanity_tags {				/*the vanity tags at the bottom of the page*/
	width: 690px;			
	min-height: 55px;
	border: 0;
	padding: 15px 20px 15px 20px;
	margin: 0 auto 0 auto;
	background: url('/images/vanity_tags_background.png') no-repeat top left;
	font-size: 12px;		/*state fixed height since we want the reflection to match */
	color: #7362a1;	
	}
	
#vanity_tags ul{ 
	border: 0;
	margin: 0;
	padding: 0;
	}

#vanity_tags ul li {
	display: inline;	
	padding: 0 17px 0 0;
	}
/* @end */



/*==================================================================================================*/
/* @group navmenu components */

/*-----Menu Structure-----*/	
#nav_menu {						/*the ul that contains the nav menu items*/
	width: 730px;
	height: 200px;
	border: 0;
	margin: 0;
	padding: 0;
	background: url('/images/nav_menu_background.png') no-repeat top left;
	list-style-type: none;
	position: relative;			/*need to position the ul so the li will adjust position according to it */
	}

#nav_menu li {
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: -9000px;		/*get rid of blue underline and hide the text*/
	position: absolute;					
	display: inline;
	}

#nav_menu a {
	width: 183px;
	height: 200px;
	display: block;
	text-decoration: none;
	}


/*-----Menu Standard-----*/			
#menu1 {				/*shift the li s over or else they'll stack on top of each other*/
	left: 0px;
	width: 183px;
	height: 200px;	
	}

#menu2 {
	left: 183px;
	width: 183px;
	height: 200px;
	}

#menu3 {
	left: 366px;	
	width: 183px;
	height: 200px;
	}
	
#menu4 {
	left: 549px;
	width: 181px;
	height: 200px;	
	}
	
	
/*-----Menu Active-----*/	
#menu1_active {
	left: 0px;
	width: 183px;
	height: 200px;
	background: url('/images/nav_menu_background.png') no-repeat 0px -200px;
	}

#menu2_active {
	left: 183px;
	width: 183px;
	height: 200px;
	background: url('/images/nav_menu_background.png') no-repeat -183px -200px;
	}
	
#menu3_active {
	left: 366px;
	width: 183px;
	height: 200px;
	background: url('/images/nav_menu_background.png') no-repeat -366px -200px;
	}
	
#menu4_active {
	left: 549px;
	width: 181px;
	height: 200px;
	background: url('/images/nav_menu_background.png') no-repeat -549px -200px;
	}


/*-----Menu Hover-----*/					
#menu1 a:hover {
	background: transparent url('/images/nav_menu_background.png') no-repeat 0px -200px;
	}
#menu2 a:hover {
	background: transparent url('/images/nav_menu_background.png') no-repeat -183px -200px;
	}
#menu3 a:hover {
	background: transparent url('/images/nav_menu_background.png') no-repeat -366px -200px;
	}
#menu4 a:hover {
	background: transparent url('/images/nav_menu_background.png') no-repeat -549px -200px;
	}	
/* @end */



/*==================================================================================================*/
/* @group sidebar components*/

/*-----component structure-----*/
.sidebar_content {							/*the rounded box that denotes each "content section" inside the sidebar*/
	width: 200px;						
	min-height: 200px;
	border: 0;
	margin: 0;
	padding: 10px 10px 0 10px;
	background: url('/images/sidebar_content_background.png') repeat-y top left;
	}

.sidebar_content_bottom {
	width: 220px;
	height: 20px;
	border: 0;
	margin: 0 0 30px 0;
	padding: 0;
	background: url('/images/sidebar_content_bottom_background.png') no-repeat bottom left;
	}
.sidebar_content_box {						/* the white box that contains the actual content inside each sidebar content */
	width: 190px;							
	border: 1px solid #848485;			
	margin: 0;
	padding: 4px;
	background: white;
	font-size: .9em;
	color: #848485;						
	font-weight: lighter;
	text-align: justify;
	}

.sidebar_content_footer {					/*contains the footer links at the botom of each content section*/
	width: 185px;								
	border: 0;
	padding: 5px 5px 10px 10px;
	margin: 20px 0 0 0;
	background: url('/images/sidebar_content_footer_background.png') no-repeat top left;
	font-size: 1.2em;
	color: #db8d32;						
	}
	
		
/*-----sidebar titles-----*/	
.sidebar_content_title {				/*the h2 that is the title of each sidebar content section */
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 2em;
	color: #7362a1;					
	font-weight: lighter;
	text-align: center;
	}
	
.sidebar_content_subtitle {				/*titles of sub sections within the sidebar content box*/
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 2em;
	color: #434343;
	font-weight: lighter;
	}

.sidebar_content_subtitle_small {		/*captions of sub sections under the titles within the sidebar content box*/
	border: 0;
	padding: 0;
	margin: 0 0 5px 0;
	font-size: .6em;
	color: #848485;						
	text-align: right;
	font-weight: lighter;	
	}
	
/*-----sidebar content links-----*/	
.help_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/help.png') no-repeat bottom left;	
	}
	
#rss_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/rss.png') no-repeat bottom left;	
	}
	
#mail_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/mail.png') no-repeat bottom left;	
	}
	
#styleswitcher_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/styleswitcher.png') no-repeat bottom left;	
	}
	
	
#sitefaq_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/sitefaq.png') no-repeat bottom left;	
	}
	
#about_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/colophon.png') no-repeat bottom left;	
	}
	
#articles_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/articles.png') no-repeat bottom left;	
	}
	
#links_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/links.png') no-repeat bottom left;	
	}
	
#taglist_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/tag_list.png') no-repeat bottom left;	
	}
	
#tagfrequency_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/tag_list.png') no-repeat bottom left;	
	}
	
#tagcloud_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/tag.png') no-repeat bottom left;	
	}
		
#blogroll_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/blogroll.png') no-repeat bottom left;	
	}
	
#search_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/search.png') no-repeat bottom left;	
	}

#imagesearch_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/image_search.png') no-repeat bottom left;	
	}
		
#sitemap_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/sitemap.png') no-repeat bottom left;	
	}
	
#stalkme_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/contact.png') no-repeat bottom left;	
	}
	
#entries_by_date_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/entries_by_date.png') no-repeat bottom left;	
	}
	
#comments_by_person_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/comments_by_person.png') no-repeat bottom left;	
	}
			
#entry_previous_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/prev.png') no-repeat bottom left;	
	}

#entry_next_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/next.png') no-repeat bottom left;
	}
	
#entry_comment_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/comment.png') no-repeat bottom left;	
	}	
	
#entry_mail_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/contact.png') no-repeat bottom left;	
	}
			
#category_archive_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/category_archive.png') no-repeat bottom left;	
	}
	
#blog_home_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/home.png') no-repeat bottom left;	
	}	
	
#comment_search_link {
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/search.png') no-repeat bottom left;	
	}
	
#all_comments_link{
	overflow: visible;
	min-height: 15px;
	border: 0;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	font-size: 1.1em;
	font-weight: normal;
	display: block;
	background: url('/images/sidebar/all_comments.png') no-repeat bottom left;	
	}
	

/*-----sidebar footer links-----*/
#colophon_main_link {
	min-height: 30px;
	padding: 5px 0 0 40px;				/*push down link text near the middle vertical baseline of background image*/
	display: block;
	background: url('/images/sidebar_footer/colophon.png') no-repeat center left;
	}
	
#archives_main_link {
	min-height: 24px;
	padding: 2px 0 0 40px;
	display: block;
	background: url('/images/sidebar_footer/archives.png') no-repeat center left;	
	}	
	
#search_main_link {
	min-height: 28px;
	padding: 2px 0 0 40px;
	display: block;
	background: url('/images/sidebar_footer/sitemap.png') no-repeat center left;	
	}		
	
#randomly_main_link {
	min-height: 28px;
	padding: 2px 0 0 40px;				
	display: block;
	background: url('/images/sidebar_footer/links.png') no-repeat center left;	
	}		

#blogroll_main_link {
	min-height: 28px;
	padding: 2px 0 0 40px;				
	display: block;
	background: url('/images/sidebar_footer/blogroll.png') no-repeat center left;	
	}		

#other_main_link {
	min-height: 30px;
	padding: 4px 0 0 42px;				
	display: block;
	background: url('/images/sidebar_footer/other.png') no-repeat center left;	
	}			

#technical_main_link {
	min-height: 30px;
	padding: 5px 0 0 40px;				
	display: block;
	background: url('/images/sidebar_footer/sitefaq.png') no-repeat center left;	
	}

#home_main_link {
	min-height: 30px;
	padding: 5px 0 0 40px;				
	display: block;
	background: url('/images/sidebar_footer/home.png') no-repeat center left;	
	}


/*-----sidebar links list-----*/
.linkslist {							/*uls that contain lists of links in the sidebar*/
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	color: #848485;				
	font-size: .8em;
	font-weight: lighter;
	}
	
.linkslist li {
	border-bottom: 1px solid #848485;		
	padding: 1px 0 1px 0;
	margin: 0 0 5px 0;
	display: block;
	}
	
.linkslist a:link {
	min-height: 13px;
	display: block;
	background: url('/images/linkslist/link_icon.png') no-repeat center right;
	}

.linkslist a:visited {
	min-height: 13px;
	display: block;
	background: url('/images/linkslist/link_visited_icon.png') no-repeat center right;
	}

.linkslist a:hover {
	min-height: 13px;
	display: block;
	background: url('/images/linkslist/link_hover_icon.png') no-repeat center right;
	}


/*-----sitesearch field-----*/
#sitesearch_field {								/*the site search search field where the user types in the terms*/
	width: 150px;								/*the actual search code is below in the livesearch section*/
	height: 30px;
	border: 1px solid #2b2b2b;					
	margin: 0 0 10px 0;
	padding: 0 2px 0 2px;
	font-size: 1em;
	font-weight: lighter;
	color: #848485;								
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}

#sitesearch_icon {								/*the icon to the right of the google search input box*/
	width: 30px;
	height: 30px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url('/images/sitesearch_icon.png') no-repeat top left;
	}		
/* @end */



/*==================================================================================================*/
/* @group AJAX components */

/*-----component structure-----*/
#ajax_outer {
	width: 680px;
	border: 0;
	margin: 0;
	padding: 10px;
	}
	
#ajax_header {
	border: 0;
	margin: 0;
	padding: 0;
	}

#ajax_inner {	
	border: 1px solid #848484;				
	border-top: none;
	margin: 0;
	padding: 5px;
	background: white;
	clear: left;								/* clear the float set on the ajax_nav ul */
	min-height: 500px;
	}	
	
#ajax_content {
	border: 0;
	margin: 0;
	padding: 10px 10px 0 10px;
	background: url('/images/ajax_content_background.png') repeat-x top left;
	}

#ajax_content h1, #ajax_content h3 {			/*title of stuff in the ajax_content div, such as potd image title*/
	padding: 5px;
	margin: 0;
	font-size: 2.2em;
	font-weight: normal;
	text-align: center;
	color: #7362a1;											
	}

#ajax_footer {					
	border: 0;
	min-height: 30px;
	margin: 0;
	padding: 0;
	width: 650px;
	}


/*-----AJAX tab menu navigation-----*/	
#ajax_nav {
	float: left;
	width: 650px;
	margin: 0;
	padding: 10px 0 0 30px;
	list-style: none;
	background: url('/images/ajax_menu_background.gif') repeat-x bottom left;
	}
	
#ajax_nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	}

#ajax_nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color: #333;
	text-decoration: none;
	border: 1px solid #848484;									
	border-bottom: none;
	background: #f5f5f5 url('/images/ajax_tab_off_background.gif') repeat-x top left; 
	}
	
#ajax_nav a:hover {
	color: #db8d32;				
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff; 
	}


/*-----AJAX tab menu active-----*/
#ajax_menu1_active a {					
	color: #db8d32;		
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff; 
	}	

#ajax_menu2_active a {					
	color: #db8d32;		
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff; 
	}	
	
#ajax_menu3_active a {
	color: #db8d32;		
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff; 
	}	
	
#ajax_menu4_active a  {					
	color: #db8d32;		
	padding-bottom: 5px;
	border-color: #727377;
	background: #fff; 
	}		
	
/*-----AJAX footer navigation-----*/	
#ajax_footer_nav {				/*table that contains ajax PREV, ARCHIVE, NEXT navigation links within each section*/
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	}

#ajax_footer_nav td {
	text-align: center;
	width: 33%;
	}
	
span.ajax_footer_nav_inactive	{
	color: #848485;					
	}
	
/*.....NOTES.....
<content_box>
	<ajax_outer>
		<ajax_header>
			<ajax_nav>
			</ajax_nav>
		</ajax_header>
		<ajax_inner>
			<ajax_content>
			</ajax_content>
			<ajax_footer>
				<ajax_footer_nav>
				</ajax_footer_nav>
			</ajax_footer>
		</ajax_inner>
	</ajax_outer>
</content_box>
.....NOTES.....*/

/* @end */



/*==================================================================================================*/
/* @group AJAX featurettes */

/*-----AJAX featurettes general-----*/
#ajax_content_header {						/*the table that contains the title and date of the featurette*/
	width: 100%;
	padding: 5px;
	border-collapse: collapse;	
	}

#ajax_content_header td:first-child {		/*this is the td that contains the entry  */
	width: 70%;
	text-align: left;
	}

#ajax_content_title {						/*the h3 that is the ajax content title*/
	float: left;
	}

#ajax_content_date {						/*the h4 that is the ajax content date;*/
	float: right;
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: large;
	background: url('/images/tumbleblog_date_background.png') no-repeat 50% 50%;
	color: #2b2b2b;							
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	}	
	

/*-----AJAX potd-----*/
p.potd_description {
	font-size: .8em;
	text-align: center;
	}
	
#potd_more {							/*slide down div with further info about current picture*/							
	margin: 10px auto 10px auto;
	}
	

/*-----AJAX tumbleblog-----*/
#tumbleblog_header {					/*the table that contains the title and date of the tumbleblog*/
	width: 100%;
	padding: 5px;
	border-collapse: collapse;	
	}

#tumbleblog_header td:first-child {		/*td that contains the tumbleblog entry title */
	border-bottom: 1px solid gray;
	width: 75%
	}

#tumbleblog_date {						/*h4 that is the tumbleblog date;*/
	float: right;
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: large;
	color: #2b2b2b;											
	background: url('/images/tumbleblog_date_background.png') repeat-x top left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	}
	
#tumbleblog_content  {
	background: white;
	border: 1px solid #ececec;			/*super light gray matched to background hatch*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	padding: 5px;
	color: gray;
	font-size: medium;	
	}

#tumbleblog_more {						/*contains extended entry contents of the tumbleblog entry. */
	display: none;						/*toggle visibility with js toggleDiv();*/
	}
	
p.tumbleblog_more_link {
	font-size: .8em;
	text-align: center;
	margin: 10px auto 10px auto;
	}	
	
	
/*-----AJAX moblog-----*/	
.moblog_title {
	padding-left: 5px;
	margin: 0;
	font-size: 2.5em;
	font-weight: normal;
	color: #7362a1;		
	text-align: left;
	}
	
.moblog_date {
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: large;
	color: #2b2b2b;											
	background: url('/images/tumbleblog_date_background.png') repeat-x top left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;			
	}	
	
.moblog_body {
	margin: 20px 0 0 0;
	padding-left: 15px;
	font-size: 2em;
	color: #727272;	
	}	

.moblog_footer {
	margin: 0;
	padding: 5px 0 0 5px;
	/*border-top: 3px dotted #adadad;*/
	}



/*-----AJAX twitter-----*/
#twitter_content  {
	background: white;
	border: 1px solid #ececec;						
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	padding: 5px;
	color: gray;
	font-size: medium;	
	}
	
#twitter_table {
	width: 100%;
	padding: 5px;
	border-collapse: collapse;
	}
	
.twitter_entry {							/*the span that displays the tweet itself*/
	color: gray;
	font-size: small;	
	}

.twitter_date {							/*the date of the tweet*/
	width: 120px;						/*give every date a uniform size*/
	display: block;
	margin: 0 15px 0 0;
	padding: 5px;
	font-size: xx-small;
	color: #2b2b2b;												/*dark gray*/
	background: url('/images/tumbleblog_date_background.png') no-repeat 50% 50%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	}	

/*-----AJAX moblog-----*/

/* @end */



/*==================================================================================================*/
/* @group blog index  */

/*-----index entries general-----*/
.entry_comment_footer_wrapper {		/*footer at bottom of index page entries showing "KEEP READING" & "# OF COMMENTS" links*/
	width: 610px;						
	border-top: 1px solid #343434;		
	margin: 0 0 30px 0;
	padding: 10px 20px 15px 0;
	}
	
.fullentry {						/*the link that says "Full Entry >>"*/
	color: #db8d32;					
	background: url('/images/icon_fullentry.png') no-repeat center left;
	padding: 0 0 0 35px;
	font-size: 2em;
	display: block;
	}
	
.comments {							/*the link w/ the number of comments*/
	color: #db8d32;				
	background: url('/images/icon_comments.png') no-repeat center left;
	padding: 0 0 0 35px;
	font-size: 2em;
	display: block;
	}

.entry_comment_footer_inner {		/*contains "entry tagged as/filed under" and other entry info*/
	margin-left: 20px;
	border-top: 1px dotted #7362a1;
	padding: 10px 10px 10px 25px;
	color: #7362a1; 
	font-size: .8em;
	}	
	
.comment_caption_a {				/*CHANGE THESE TO GENERIC CAPTIONS!*/
	color: #727272;		
	font-weight: bold;
	}
.comment_caption_b {
	color: #adadad;			
	font-weight: bold;
	}
	

/*-----sub entries general-----*/ 	
#sub_entries {						/*contain the Featured/Recent Entries colums*/
	width: 660px;					/*the wrapper that contains featured & recent entries columns*/		
	min-height: 600px;
	border: 0;
	margin: 30px 0 0 0;
	padding: 30px 30px 0 30px;
	background: url('/images/sub_entries_background.png') repeat-y top left;
	}
	
#sub_entries_bottom {
	width: 720px;
	height: 50px;
	border: 0;
	margin: 0;
	padding: 0;
	background: url('/images/sub_entries_bottom_background.png') no-repeat top left;
	clear: right;
	}

#sub_entries_header, .sub_entries_header { 			/*table containing title & archive/rss links at the top of featured/recent entries columns */
	width: 300px;
	border: 0;
	padding: 0;
	margin: 0 0 20px 0;
	}

.sub_entries_title {
	display: block;
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 2em;
	text-align: center;
	font-weight: normal;
	color: #7362a1;				
	background: url('/images/hatchline_thin.png') repeat-x bottom left;
	}
	
.sub_entries_archives {
	color: #db8d32;					
	text-align: left;
	text-transform: uppercase;
	font-weight: lighter;
}

.sub_entries_rss {
	color: #db8d32;				
	text-align: right;
	text-transform: uppercase;
	font-weight: lighter;
}
	

/*-----featured entries column-----*/
#featured_entries_wrapper {
	width: 300px;
	min-height: 200px;
	border: 0;
	margin: 0;
	padding: 0;
	}

.featured_entry { 						/*the box containing one featured entry summary*/
	width: 290px;
	border: 1px solid gray;
	padding: 4px;
	margin: 0 0 30px 0;
	background: white;
	color: #848485;					
	line-height: 1.5;
	font-weight: lighter;
	}
	
.featured_entry_title {					/*the title at the top of each featured entry summary */
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #db8d32;					
	font-size: 2em;
	font-weight: lighter;
	}

.featured_entry_footer {
	border: 0;
	margin: 0;
	padding: 0;
	color: #db8d32;					
	}

.featured_entry_footer hr {				/*line that "divides"  footer contents from the entry summary above */
	width: 270px;
	color: gray;
	}

.featured_entry_footer ul {				/* ul containing featured entry date, keep reading link and comments */
	border: 0;
	margin: 0;
	padding: 0;
	}

.featured_entry_footer ul li {		
	display: inline;	
	font-size: .8em;
	padding: 0 20px 0 0;
	}

.featured_entry_date {					/*the span that contains the date of the featured entry */
	color: #7362a1;					
	font-size: 1.5em;
	font-weight: normal;
	}

.featured_entry img.excerpt_image {		/*allows normally invisible excerpt "splash image" to show up only in these boxes*/
	display: block;
	}

	
	
	
/*-----recent entries column-----*/	
#recent_entries_wrapper {
	width: 300px;
	min-height: 800px;
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
	}
	
.recent_entry {							/*div containing each "recent entry" */
	width: 290px; 						
	min-height: 100px;
	border: 0;
	border-bottom: 1px solid #434343;
	margin: 0 0 20px 0;
	padding: 5px;
	background: url('/images/recent_entry_background.png') repeat-y top left;
	}
	
.recent_entry_title {				
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.5em;
	color: #db8d32;				
	display: block;
	font-weight: lighter;
	}
	
.recent_entry_content {					/*div inside recent_entry containing title and content (entry summary) */
	width: 245px;
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
	color: #848485;				
	font-size: .9em;
	font-weight: lighter;
	}

.recent_entry_date {
	width: 42px;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: .5em;
	color: #7362a1;				
	clear: right;
	}
	
.recent_entry a {						/*highlights entire paragraph showing excerpt upon rollover*/
	color: #848485;
	display: block;
	}
	
.recent_entry a:hover {
	display: block;
	background: url('/images/silver_hatch.gif') repeat-y top left;
	color: #7362a1;	
	}
		
/* @end */



/*==================================================================================================*/
/* @group blog entries */
/*-----entries general-----*/
.entry_header {						/*the table that contains the header and date*/
	width: 720px;
	border: 0;
	padding: 0 0 10px 0;
	margin: 20px 0 0 0;
	background: url('/images/entry_header_background.png') repeat-x bottom left;
	}
	
.entry_header tr td {				/*the cells containing the title and date of each entry */
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	}
	
.entry_title {						/*the h1 containing the entry title*/
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 3.5em;
	color: #db8d32;				
	font-weight: normal;
	}

.entry_date {						/*the h3 containing the entry date*/
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 2em;
	color: #7362a1;				
	font-weight: normal;
	text-align: right;
	}

.entry_body {						/*the main div containing the body of an entry*/
	width: 650px; 					
	border: 0;
	margin: 0;
	padding: 20px 0 0 70px;
	font-size: 1.1em;
	color: #2b2b2b;	
	line-height: 1.5;
	font-weight: normal;
	}
	
/*-----styling for entry items-----*/
.featuredentryimage	{
	background-color: black;
	padding: 11px;
	}
	
.entry_body a:link {
	/*modify to add styling to links in blog entries*/
	}
	
.entry_body ul {
	border-left: 1px dotted #727272;
	font-size: small;
	color: #727272;
	margin: 25px 0 25px 15px;
	}	

.entry_body ul li {
	list-style-type: square;
	}	

.entry_body dl {
	border-left: 1px dotted #727272;
	padding-left: 15px;
	font-size: small;
	color: #727272;
	margin: 25px 0 25px 15px;
	}	

.entry_body dl dt {
	color: #333333;
	font-size: medium;
	font-weight: bold;
	}		

.entry_body dl dt a {
	font-weight: bold;
}	

.entry_body dl dd ol {		/*nested ol inside of dl*/
	color: #999999;
	}
	
.quote {
	color: #adadad;
	border-left: 3px dotted #eef1f1; 
	font-size: small;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	}
	
	
/*-----postscript-----*/
.postscript {
	color: #727272;
	border-left: 3px dotted #eef1f1; 
	font-size: medium;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	}

/* @end */



/*==================================================================================================*/
/* @group blog comments */
/*-----comment footer-----*/
#entry_archives_comments_footer {			/*the comment footer at the bottom of each individiual entry archive*/
	margin: 10px 0 30px 0;
	padding: 20px;
	border-top: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	background: white;
	text-align: center;
	vertical-align: middle;
	}
	
#comments_title {
	font-size: xx-large;
	color: #7362a1;															
	font-weight: lighter;
	margin: 0;
	padding: 0;
	}

#comments_tagline {
	font-size: medium;
	color: #db8d32;											
	font-weight: lighter;
	margin: 0;
	padding: 0;
	}

.entry_comment_footer_inner {
	margin-left: 20px;
	border-top: 1px dotted #7362a1; 
	padding: 10px 10px 10px 25px;
	color: #7362a1; 
	font-size: .8em;
	}


/*-----comment wrapper-----*/
#comment_wrapper {							/*wraps the displayed comments and the comment submission form*/
	width: 100%;
	}

/*-----comment submit form-----*/
#comment_submit {
	width: 320px;
	margin-right: 10px;
	float: right;
	font-size: x-small;
	position: relative;
	top: -15px;
	color: #565656;
	}
	
#comment_submit h2 {
	color: #565656;
	margin-bottom: 40px;
	}

.comment_submit_text {
	width: 170px;
	height: 25px;
	border: 1px solid #565656;
	}

#comment_submit textarea {
	width: 270px;
	height: 145px;
	border: 1px solid #565656;
	}
	
	
/*-----general comment items-----*/
#comment_display {								/*wraps the all the comments*/
	width: 350px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
span.comment_number {
	font-size: 4em;
	color: #fff;															
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	}

.comment_author, .comment_author a {
	font-size: 1.7em;
	font-size: xx-large;
	color: #7362a1;	
	font-weight: lighter;
	margin: 0;
	padding: 0;
	}

.comment_date, .comment_date a {
	font-size: medium;
	color: #db8d32;															
	font-weight: lighter;
	margin: 0;
	padding: 0;
	}

#comments_display_navigation {
	text-align: center;
	display: block;
	font-size: x-small;
	color: #848485;
	clear: both;						/*keeps comments entry form/sidebar from breaking through bottom if no comments*/
	}
	
/*-----odd/even comments-----*/
.comment_odd {
	border: 1px solid #d5d7d7;												
	background: #eef1f1;													
	margin-bottom: 25px;
	width: 340px;														
	padding: 2px;
	}

.comment_odd .comment_body {
	background: url('/images/comment_body_odd_background.png') repeat-y top center;
	font-size: x-small;
	color: #848485;																	
	padding: 30px 5px 5px 5px;
	border-left: 1px solid #d5d7d7;											
	border-right: 1px solid #d5d7d7;										
	border-bottom: 1px solid #d5d7d7;										
	}
		
.comment_even {
	border: 1px solid #a1a1a1;													
	background: #d5d7d7;														
	margin-bottom: 25px;
	width: 340px;																		
	padding: 2px;
}

.comment_even .comment_body {
	background: url('/images/comment_body_even_background.png') repeat-y top center;
	font-size: x-small;
	color: #848485;		
	padding: 30px 5px 5px 5px;
	border-left: 1px solid #a1a1a1;
	border-right: 1px solid #a1a1a1;					
	border-bottom: 1px solid #a1a1a1;					
}		
		
		
/*-----Input Fields-----*/
#comment-email, #comment-url, #comment-author {
	width: 310px;
}
textarea#comment-text {
	width: 310px;
}
		
		
		
/* @end */



/*==================================================================================================*/
/* @group print boilerplate */
/*-----boilerplate-----*/
#print_boilerplate {					/*shows entry info when the entry is printed. (print stylesheet visibles this)*/
	display: none;
	}

/* @end */



/*==================================================================================================*/

/* @group category archives */
/*-----archives general-----*/
.category_archives_box {				/*div containing each item (entry) listed in the category archives page*/
	width: 650px; 						
	min-height: 100px;		
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
	border-right: 1px solid #434343;
	margin: 0 0 20px 0;
	padding: 5px;
	background: url('/images/category_archives_box_background.png') repeat-y top left;
	background-color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;			
	}
	
.category_archives_box_content {		/*the box that contains the title and content (summary of the entry) */
	border: 0;
	margin: 0 0 0 60px;
	padding: 0;
	color: #848485;				
	font-size: .9em;
	font-weight: lighter;
	}
	
.category_archives_box_content .excerpt_image {
	display: block;
	}		
	
.category_archives_box_footer {
	font-size: x-small;
	margin: 10px 0 0 60px;
	border-top: 1px solid #e6e6e6;
	padding: 5px 0 0 0;
	}

.category_archives_box_footer table {
	width: 100%;
	}

.category_archives_box_title {
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.5em;
	color: #db8d32;					
	display: block;
	font-weight: lighter;
	}

.category_archives_box_date {
	width: 42px;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: .5em;
	color: #7362a1;				
	}
	
.category_archives a {						
	color: #848485;				
	display: block;
	}
	
.category_archives a:hover {						/*highlights entire paragraph showing excerpt upon rollover*/
	display: block;
	background: url('/images/silver_hatch.gif') repeat-y top left;
	color: #7362a1;					
	}
		
/* @end */



/*==================================================================================================*/
/* @group master archives script */

/*-----master archives general-----*/
.master_archive_box {
	margin: 40px 10px 0px 20px;
	border: 1px solid gray; 
	padding: 10px;
	background: white; 
	min-height: 100px;
	}

.box_title {
	margin: 0 auto 0 auto;
	font-size: xx-large;
	color: #db8d32;			
	font-weight: normal;
	}

.box_subtitle {
	font-size: small;
	color: #808080; 			
	}
	

/*-----AJAX category list-----*/
#categorylist_ajax {
	}	

#categorylist table {
	font-size: x-small;
	}


#categorylist table a:link, #categorylist table a:visited {
	text-decoration: none;
	color: #db8d32;				
	height: 15px;
	}

#categorylist table a:hover {
	text-decoration: none;
	color: #7362a1;					
	font-weight: bold;
	}
	

/*-----AJAX Entries List-----*/
.entryarchives_table {
	font-size: x-small;
	color: #7362a1;						
	width: 100%;
	}

.entrylist {								/*ul*/
	padding: 0px;
	}

.entrylist li {
	list-style-type: none;
	}
	
.entrylength_table {
	font-size: x-small;
	color: #7362a1;							
	width: 100%;
	}
	
	
/*-----sort box-----*/
.sort_box {									/*contains the radio buttons to control ajax features in archives*/
	padding: 5px 5px 5px 110px;
	font-size: x-small;
	text-transform: uppercase;
	color: gray;
}	
/* @end */



/*==================================================================================================*/
/* @group comment search script */

/*.....NOTES.....
	empty for now.
	uses the category_archives_box etc. styles from the category archives section
	maybe integrate this with general static page styles later?
.....NOTES.....*/	

/* @end */



/*==================================================================================================*/
/* @group live search script */

/*-----livesearch form-----*/
#blog_livesearch_field {						/*live search search field (in sidebar) where the user types in the terms*/
	width: 150px;							
	height: 30px;
	border: 1px solid #2b2b2b;					
	margin: 0 0 10px 0;
	padding: 0 2px 0 2px;
	font-size: 1em;
	font-weight: lighter;
	color: #848485;								
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

#blog_livesearch_icon {							/*icon indicating status of the livesearch ajax results*/
	width: 30px;
	height: 30px;
	border: 0;
	padding: 0;
	margin: 0;
	background: url('/images/ajax_inactive.gif') no-repeat top left;
	}
	
#blog_livesearch_caption {
	clear: right;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: xx-small;
	}
	
/*-----livesearch results-----*/	
.blog_livesearch_field1 {					/*fieldset containing results*/
	background: #D9D9D9;
	border: 1px solid gray;
	padding: 2px;
	margin: 0 2px 10px 2px;
	font-size: xx-small;
	}
	
.blog_livesearch_field1 legend {
	background: #D9D9D9;
	font-weight: bold;
	border: 1px solid gray;
	}

.blog_livesearch_field2 {
	background: #fff;
	border: 1px solid gray;
	padding: 2px;
	margin: 0 2px 10px 2px;
	font-size: xx-small;
	}
	
.blog_livesearch_field2 legend {
	background: #fff;
	font-weight: bold;
	border: 1px solid gray;
	}
/* @end */



/*==================================================================================================*/
/* @group image search script */
/*-----search form-----*/	
#search form {								/*UNUSED AT THIS TIME*/
	font-size: xx-small;
	}
	
#search form input {
	border: 1px solid #6c4105;
	}
	
#search form a {
	text-decoration: none;
	}

/*-----image livesearch form-----*/	
#image_livesearch_field {
	border: 1px solid gray;
	padding: 2px;
	font-size: large;
	color: gray;
	min-height: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}
	
#image_livesearch_icon {					/*div containing ajax loader gif*/
	min-height: 25px;						/*prevent div from "collapsing" while loader gif is being loaded during xhttp requests*/
	}
	
/*-----image results-----*/			
#photos_results {							/*from search.php*/
	border: 0;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: .8em;
	color: gray;
	}

#image_livesearch_results {					/*div that is actually populated via ajax script with results from search.php*/
	padding-left: 60px;						/*"center" the results*/
	}

.galleryimage {								/*the div that contains each image and its caption from search.php*/
	border: 2px solid gray;				
	margin: 5px 8px 5px 0; 
	padding: 1px;
	float: left;
	font-family: "lucida grande", "helvetica neue", arial, sans-serif;
	font-size: xx-small;
	width: 110px;						
	min-height: 235px;
	color: gray;
	height: 250px; 
	overflow: hidden;
	background: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}

.galleryimage a {
	text-decoration: none;
	}
	
.galleryimage p {
	font-size: xx-small;
	color: gray;
	}

#queryinfo {
	margin: 0;
	font-family: "lucida grande", "helvetica neue", arial, sans-serif;
	font-size: xx-small;
	color: gray;
	}

#backtotop a {
	text-decoration: none;
	}
		

/*-----image tags-----*/
#toptagsbox {								/* div containing the top 15 tags at the top of the screen */
	margin-bottom: 20px;
	color: gray;
	}

#tagsummary {								/*the summary saying "showing top 15 tags out of XXX tags total..."*/			
	padding-top: 5px;
	font-size: xx-small;
	}

#tagsummary a {
	font-size: xx-small;
	}

body #toptagsbox p a:link {					/*the links in the top tags box */			
	font-size: 1em;							/*UNUSED?*/
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
	}

body #toptagsbox p a:hover {				/*UNUSED?*/
	color: #7362a1;				
	}
			
#tagcloudbox {								/*div containing tag cloud*/
	border-top: 1px solid gray;	
	color: gray;
	display: none;
	}

#tagcloudsummary {							/*summary of tag statistics*/
	clear: left;
	font-size: .8em;
	}
		
			
/*-----advanced search-----*/
#advancedsearch {							/*advanced_search.php*/
	margin: 5px;
	padding: 5px;
	font-family: "lucida grande", "helvetica neue", arial, sans-serif;
	font-size: xx-small;
	}

#advancedsearch table {
	border: 1px solid gray;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	background: #e7e7e7;
	}
	
#advancedsearch table select {
	width: 100%;
	border: 1px solid gray;
	font-size: x-small;
	}
	
	
/*-----WICK autocomplete----*/	
.floater {
	position: absolute;						/*floating tag autocomplete box in the imagesearch */
	bottom: 0;
	/*right: 0;*/
	left: 150px;
	z-index:2;
	display:none;
	padding:0;
	}

.floater td {
	font-family: Gill, Helvetica, sans-serif;
	background-color:white;
	border:1px inset #979797;
	color:black;
	}

.matchedSmartInputItem {
	font-size:0.8em;
	padding: 5px 10px 1px 5px;
	margin:0;
	cursor:pointer;
	}

.selectedSmartInputItem {
	color:white;
	background-color:#3875D7;
	}

#smartInputResults {
	padding:0;
	margin:0;
	}

.siwCredit {
	margin:0;
	padding:0;
	margin-top:10px;
	font-size:0.7em;
	color:black;
	}
/*.....NOTES.....
	WICK: Web Input Completion Kit by Christopher Holland http://wick.sourceforge.net/ 
.....NOTES.....*/
/* @end */



/*==================================================================================================*/
/* @group site search script */
.sitesearch_table {					/*table containing site livesearch results for the /search/ page*/
	font-size: x-small;
	color: gray;
	width: 100%;
	}

.sitesearch_table tr:first-child {				
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	background: #f1f4d1;
	}

#site_livesearch_field {					/*input field where user types in terms to search across site*/
	width: 550px;
	padding: 5px;
	margin-left: 40px;
	float: none;
	font-size: medium;
	text-align: center;
	color: gray;
	border: 1px solid #2b2b2b;	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	}
	
#site_livesearch_icon {	
	width: 30px;
	padding: 0;
	float: left;
	display: inline;
	}
	
#sitesearch_caption {
	font-size: x-small;
	text-transform: uppercase;
	color: gray;
	text-align: center;
	}		

.sitesearch_list dt {					/*dt in the dl that contains each set of sitesearch results (blog/subblogs/imgs etc.)*/
	font-weight: bold;
	font-size: medium;
	}	

.sitesearch_list dd {					/*contains excerpts or keywords for sitesearch results*/
	padding: 0;
	margin-left: 10px;
	font-size: xx-small;
	}	

.sitesearch_list_date {					/*dd in sitesearch results dl that contains a date*/
	color: #7362a1;
	font-weight: bold;
	}	


/* @end */



/*==================================================================================================*/
/* @group links script */

/*-----links page general----*/
.linkpagebox {								/*contains category and its sub links*/
	border: 1px solid #848485;			
	padding: 10px;
	background: white;
	margin: 10px 0 20px 0;
	color: #848485;						
	}

/*-----categories-----*/
.categorytable h1 {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 2.5em;
	color: #db8d32;				
	font-weight: normal;
	}

.categorytable img {						/*thumbnail image for each category */
	border: 1px solid gray;
	}

.categorydescription {						/*p that contains the description of the category*/
	font-size: .9em;
	color: #848485;							
	font-weight: lighter;
	}


/*-----links-----*/
.linktable {								/*UNUSED*/
	}
	
.linkdescription {							/*span containing blurb describing each link*/
	font-size: x-small;
	color: #848485;
	font-style: italic;
	position: relative;
	left: 20px;
	}
	
	
/*-----URL links-----*/
a:link.link {
	font-size: 1.2em;
	color: #848485;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 0 20px;
	background: url('/images/linkspage_link.gif') no-repeat top left;
	}
	
a:visited.link {
	font-size: 1.2em;
	color: #848485;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 0 20px;
	background: url('/images/linkspage_link_visited.gif') no-repeat top left;
	}

a:hover.link {
	font-size: 1.2em;
	color: #848485;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 0 20px;
	background: url('/images/linkspage_link_hover.gif') no-repeat top left;
	}


/*-----admin page-----*/
h1.admin {
	border: 0;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 2.5em;
	color: #db8d32;				
	font-weight: normal;
	}

/* @end */



/*==================================================================================================*/
/* @group site map */
/*-----sitemap table-----*/
.sitemap {
	border: 0;
	line-height: 1.5em;
	font-size: x-small;
	}
	
.sitemap td {
	border-bottom: 1px dotted #e6e6e6;
	padding-bottom: 5px;
	vertical-align: top;
	}

.sitemap tr:first-child {						/*the "header row" of cells at the top of the table*/
	background: url('/images/table_background.gif') repeat-x top left;
	}

.sitemap tr:first-child td {					/*the "header row" of cells at the top of the table*/
	padding-bottom: 2px;
	padding-top: 5px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: medium;
	}
	
	
/*-----sitemap links-----*/	
.sitemap a {
	padding-left: 15px;
	background: url('/images/linkslist/link_icon_medium.png') no-repeat center left;	
	}

.sitemap a:visited {
	background: url('/images/linkslist/link_visited_icon_medium.png') no-repeat center left;
	}
	
.sitemap a:hover {
	background: url('/images/linkslist/link_hover_icon_medium.png') no-repeat center left;	
	}
/* @end */



/*==================================================================================================*/
/* @group tagcloud components */

/*-----Imagesearch new cloud-----*/
p.tagcloud {							/*p containing tags*/
	text-align: center;
	}

p.tagcloud a {						/*all links in the tagcloud*/
	line-height: 1em;
	vertical-align: middle;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;	
	}

.tag_01 {font-size: 1em;}
.tag_02 {font-size: 1.5em;}
.tag_03 {font-size: 2em;}
.tag_04 {font-size: 2.5em;}
.tag_05 {font-size: 3em;}
.tag_06 {font-size: 3.5em;}
.tag_07 {font-size: 4em;}

.tag_01 a:hover {color: #7362a1;}
.tag_02 a:hover {color: #7362a1;}
.tag_03 a:hover {color: #7362a1;}
.tag_04 a:hover {color: #7362a1;}
.tag_05 a:hover {color: #7362a1;}
.tag_06 a:hover {color: #7362a1;}
.tag_06 a:hover {color: #7362a1;}

/* @end */



/*==================================================================================================*/
/* @group generic page components */

/*-----generic page headers-----*/
#page_header {								/*at the top of categories, commentsearch etc.*/
	margin: 10px 0 30px 0;
	padding: 20px;
	border-top: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	background: white;
	text-align: center;
	vertical-align: middle;
	}
	
#page_header_title {
	font-size: xx-large;
	color: #7362a1;														
	font-weight: lighter;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	}

#page_header_tagline {
	font-size: medium;
	color: #db8d32;	
	font-weight: lighter;
	margin: 0;
	padding: 0;
	}

.page_header_inner {
	margin-left: 20px;
	border-top: 1px dotted #7362a1; 
	padding: 10px 10px 10px 25px;
	color: #848485; 							
	font-size: .8em;
	}


/*-----page header captions-----*/
.page_header_caption_a {
	color: #727272;		
	font-weight: bold;
	}
	
.page_header_caption_b {
	color: #adadad;		
	font-weight: bold;
	}
			
	
/*-----generic page structure-----*/	
.generic_box {
	padding: 10px 10px 10px 44px;
	border: 1px solid #848485;		
	background: white;
	margin: 10px 0 20px 0;
	color: #848485;					
	font-size: small;	
	}
	
.generic_box_header {
	position: relative;
	left: -35px;
	color: #f04ebd;
	color: #db8d32;				
	padding-bottom: 15px;
}

.generic_box_header img {
	position: relative;
	top: 6px;
	margin-right: 5px;
}

.generic_box_header span {
	color: #db8d32;					
	font-size: x-large;
}


/*-----generic data box-----*/
.generic_caption_box {
	border-left: 1px dotted gray; 
	font-size: x-small;
	text-align: justify;
	margin-left: 10px;
	margin-right: 20px;
	padding: 10px;
}


/*----generic bicolour caption-----*/
.generic_caption {
	font-weight: lighter;
	text-transform: uppercase;
	font-size: xx-small;
	}

.generic_caption_a {
	color: #727272;		
	font-weight: bold;
	}
	
.generic_caption_b {
	color: #adadad;		
	font-weight: bold;
	}


/*-----generic list-----*/
.generic_list {
	margin-left: 20px;
	margin-right: 30px;
	font-size: x-small;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	padding-top: 10px;
	padding-bottom: 10px;
}

.generic_list li {
	padding-bottom: 5px;
	list-style-image: url('/images/list/list_open.gif');
}

.generic_list li.in_progress { list-style-image: url('/images/list/list_in_progress.gif'); }
.generic_list li.in_progress_1 { list-style-image: url('/images/list/list_in_progress_static.gif'); }	
.generic_list li.in_progress_2 { list-style-image: url('/images/list/list_in_progress_green.gif'); }
.generic_list li.cancelled { list-style-image: url('/images/list/list_cancelled.gif'); }
.generic_list li.completed { list-style-image: url('/images/list/list_completed.gif'); }
/* @end */

	

/*==================================================================================================*/
/* @group static page components */

/*-----splash image-----*/
.splash_image {								/*the generic splash image at the top of static/other pages*/
	}


/*-----generic page subnav----*/
.generic_page_subnav {						/*the subnavigation under splash image of any of the non-blog pages*/
	margin: 10px 0 20px 0;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 5px 20px 5px 20px;
	background: white;
	font-size: .8em;
	}

.generic_page_subnav table {
	width: 100%;
	border-collapse: collapse;
	}

.generic_page_subnav table a {
	display: block;
	margin: 0 5px 5px 0;
	padding-left: 15px;
	background: url('/images/subnav_link_open.gif') no-repeat center left;
	}

.generic_page_subnav table a:hover {
	background: url('/images/subnav_link.gif') no-repeat center left;
	}
/* @end */



/*==================================================================================================*/
/* @group often used general components */

/*-----clearing/shim divs-----*/
#clear, .clear {								
	clear: right;
	color: white;
	min-height: 1px;
	}

/*-----back to top/menu-----*/
.back {
	font-size: x-small;
	text-transform: uppercase;
	text-align: center;
	color: gray;
	}

/*-----drop caps/style flair-----*/	
p.dropcap:first-letter {								/*add dropcase lettering to any marked paragraphs*/
	 float: left;
	 font-size: 300%;
	 line-height: 0.85em;
	 margin-right: 0.03em;
	 margin-bottom:-0.25em;
	 padding-right: 2px;
	}			

/*-----zebra tables-----*/
.zebratable {
	width: 100%;
	border: 1px solid gray;
	border-collapse: collapse;							/*gets rid of annoying gaps between table cells*/
	padding: 0;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	}

.zebratable td {
	padding:  0 5px 0 5px;
	}	
		
.zebratable  h4 {										/*titles within the table*/
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	color: #2b2b2b;							
	vertical-align: middle;
	}
	
.zebratable tbody tr.odd td {
	background: white;
	}

.zebratable tbody tr.even td {
	background: #daedff;								/*super light blue*/
	background: #eef1f1;
	}

/* @end */


/*==================================================================================================*/
/* @group site comments AJAX script */
/*-----input form-----*/
#sc_form table {										/*comment input form table*/
	/*width: 400px;*/
	width: 100%;
	font-size: medium;
	color: gray;
	font-family: "century gothic";
	/*border-left: 3px dotted gray;*/
	/*padding-left: 20px;*/
	}
	
/*-----input elements-----*/
#sc_form input, #sc_form textarea {
	font-size: medium;
	color: #db8d32;
	padding: 0 5px 0 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	}	
	
#sc_form input.box {											/*any text input*/
	border: 1px solid gray;
	min-height: 25px;
	width: 100%;
	}
	
#sc_form textarea {
	border: 1px solid gray;
	min-height: 100px;
	width: 100%;
	}	
	
#sc_form input.button {
	width: 100px;
	min-height: 50px;
	border: 1px solid gray;	
	font-size: large;
	color: gray;
	margin-right: 15px;
	}
	
#sc_form input:focus, #sc_form textarea:focus, #sc_form input:hover, #sc_form textarea:hover {
	border: 1px solid #db8d32;
	}

#sc_form input.button:hover {
	border: 1px solid #db8d32;
	color: #db8d32;
	}


/*-----comments themselves-----*/
.sc_comment_odd {
	color: gray;
	border-left: 1px dotted orange;
	padding-left: 10px;
	/*width: 500px;*/
	margin-bottom: 20px;
	}
	
.sc_comment_even {
	color: gray;
	border-left: 1px dotted gray;
	padding-left: 10px;
	/*width: 500px;*/
	margin-left: 20px;
	margin-bottom: 20px;	
	}
	
.sc_comment_odd h2, .sc_comment_even h2 {			/*commenter name*/
	font-size: x-large;
	color: #db8d32;
	font-weight: normal;	
	display: inline;
	margin-right: 15px;
	}
	
.sc_comment_odd h3, .sc_comment_even h3 {			/*comment date*/
	font-size: large;
	color: #7362a1;
	font-weight: normal;	
	display: inline;
	}	
	
.sc_comment_odd p, .sc_comment_even p {				/*comment body*/
	font-size: small;
	}
	
.sc_comment_odd ul, .sc_comment_even ul {			/*comment tagline*/
	font-size: x-small;
	color: #727272;
	padding-top: 5px;
	margin-top: 5px;
	padding-left: 0;
	}
	
.sc_comment_odd ul li, .sc_comment_even ul li {
	display: inline;
	list-style-type: none;
	margin-right: 15px;
	}
	
	
/*-----debugging console-----*/
.sc_console {
	font-family: monaco;
	color: #db8d32;
	font-size: xx-small;
}			

.sc_console .null {
	color: gray;
}
.sc_console .success {
	color: green;
}

.sc_console .failure {
	color: red;
}

/*-----recaptcha widget-----*/
#recaptcha_table {				/*this styles the recaptcha div directly from the recaptcha site*/
	padding: 0 !important;
	/*border: none !important;*/
	width: 400px !important;
}

#recaptcha_table td {
	padding: 0 !important;
}

/* @end */	


/*==================================================================================================*/
/* @group potd components */
/*-----these are used in the picture of the day entry/index pages-----*/

/*-----clearing/shim divs-----*/
#clear, .clear {								
	clear: right;
	color: white;
	min-height: 1px;
	}

/*-----zebra tables-----*/
.zebratable_alt {
	width: 100%;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;	
	border-collapse: collapse;							/*gets rid of annoying gaps between table cells*/
	padding: 0;
	margin: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;		
	font-size: medium;
	}

.zebratable_alt td {
	padding:  10px;
	text-align: center;
	}	
		
.zebratable_alt  h4 {										/*titles within the table*/
	border: 0;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	color: #2b2b2b;							
	vertical-align: middle;
	}
	
.zebratable_alt tbody tr.odd td {
	background: white;
	}

.zebratable_alt tbody tr.even td {
	background: #eef1f1;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;	
	}


/*the paragraphs that contain the text body on potd entry pages*/
.potd_entry {
	font-size: 1.4em; 
	color: #2b2b2b; 
	line-height: 1.5; 
	font-weight: normal; 
	text-align: center;
	}


/*the fieldset on the potd entry pages that contains the exif image info*/
.potd_image_info {
	border: 1px solid gray;
	width: 650px; 
	margin-left: auto; 
	margin-right: auto;
	}	

/* @end */