/*
File:			custom.css
Description:	Custom styles for The Schulzke Brief

/*---:[ core layout elements ]:---*/

.custom #footer { color: #003366; border-top: 3px double #003366; text-align: center; clear: both; }

/* This line centers the footer.*/

/* These lines try to change the color of the content-separator lines:

.custom #content_box { background: url('images/dot-ddd.gif') 51.3em 0 repeat-y; }

.custom #sidebars_box { background: url('images/ddd-1x2.gif') 50% 0 repeat-y; }*/

/* This line changes the color of the links and hovers.*/

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

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

.custom a:hover { color: #d09100; text-decoration: none; }

/* Setting up the clickable logo - below*/
/* This line sets up our clickable background image based on the site title's link */

.custom #header #logo a { display: block; height: 130px; width: 960px; background: url('images/Schulzke blue gold boss tear.png') no-repeat; outline: none; }

/* This line gets rid of the site title & tagline by casting them out to far left field */

.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }

/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */

.custom #header #tagline { height: 0; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */

.custom #header { padding: 0; border-bottom: none; clear: both;}

/*---:[ nav menu styles ]:---*/

.custom ul#tabs { list-style: none; border: 1px solid #ddd; border-width: 0 0 1px 1px; }

	.custom ul#tabs li { margin-bottom: -0.1em; background: #De9A00; border: 1px solid #ddd; border-left: 0; float: left; }
	
/*---:de9600 is also a good color for tab background:---*/

	.custom ul#tabs li.current_page_item, ul#tabs li.current-cat { padding-bottom: 0.1em; background: #fff; border-bottom: 0; }
	
		.custom ul#tabs li a, ul#tabs li a:visited { display: block; line-height: 1em; color: #111; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }

		.custom ul#tabs li a:hover { color: #734d00; text-decoration: none; }
	
		.custom ul#tabs li.current_page_item a, ul#tabs li.current_page_item a:visited, ul#tabs li.current-cat a, ul#tabs li.current-cat a:visited { cursor: default; }
	
		.custom ul#tabs li.current_page_item a:hover, ul#tabs li.current-cat a:hover { text-decoration: none; }
	
	.custom ul#tabs li.rss { padding-right: 0; background: none; border: none; float: right; }
		
		.custom ul#tabs li.rss a { padding-right: 16px; background: url('images/icon-rss.gif') 100% 50% no-repeat; }
		
/*---:[ rotating image styles ]:---*/

#multimedia_box { width: 100%; }

	.custom #image_box { padding: .5em; background: #De9A00; border-bottom: 1px solid #ddd; }

		.custom #image_box img { display: block; padding: 0.1 em; background: #De9A00; border: 0.7em solid #003366; }

	/*---:[ video box styles ]:---*/

	#video_box { padding: 1em; background: #000; }

	/*---:[ custom box styles ]:---*/

	#custom_box { padding: 1.1em; background: #eee; border-bottom: 1px solid #ddd; }

/*Frame format for post images*/

.custom .format_text img.frame { background: #eee; border: 0.091em solid #De9A00; }

/*---:[ after-post elements ]:---*/

		.format_text .to_comments {
	color: #993333;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

		.format_text .to_comments span {
	color: #993333;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
}
	
		.format_text .to_comments span.bracket {
	color: #993333;
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
}
         
        .format_text .more-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #993333;
}

/*---:[ comment styles ]:---*/

#comments { margin-right: 2.2em; }

		.comments_intro p { color: #666; }

			.comments_intro span {
	color: #111;
	font-size: 1em;
}

			.comments_intro span.bracket { color: #ccc; }

	dl#comment_list { border-top: 1px dotted #bbb; }

				dl#comment_list dt .comment_author { font-weight: bold; }

					dl#comment_list dt .comment_author a, dl#comment_list dt .comment_author a:visited { text-decoration: none; }

					dl#comment_list dt .comment_author a:hover { text-decoration: underline; }

				.comment_time { color: #888; }

				.comment_num {
	padding-left: 1em;
	float: right;
	font-size: 12px;
}

				.comment_num a, .comment_num a:visited { font-weight: bold; color: #aaa; text-decoration: none; }

				.comment_num a:hover { color: #fff; background: #aaa; }

		dl#comment_list dd { border-bottom: 1px dotted #bbb; }

			a.comment_link, a.comment_link:visited { color: #111; text-decoration: none; font-variant: small-caps; border-bottom: 1px solid #bbb; }

			a.comment_link:hover { color: #111; border-bottom-color: #111; }
			
/*---:[ author comment and alternating comment colors ]:---*/
		
		.author_comment { background: #e7f8fb; }
		
		/*
		dl#comment_list dt, dl#comment_list dd { background: #f5f5f5; }
	
		dl#comment_list .alt { background: #fff !important; }
		*/
		
		/*---:[ end author comment and alternating comment colors ]:---*/
		
	dl#trackback_list { padding-left: 1.1em; border-top: 1px dotted #bbb; }
		
			dl#trackback_list dt a, dl#trackback_list dt a:visited { color: #111; text-decoration: none; }
		
			dl#trackback_list dt a:hover { color: #111; text-decoration: underline; }
		
		dl#trackback_list dd { color: #888; }
	
		.comments_closed p { font-variant: small-caps; letter-spacing: 1px; color: #888; }