/*
File:			custom.css
Description:	Custom styles for Thesis

BASIC USAGE:

If you have enabled the custom stylesheet in the Thesis options panel, the <body> tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use 
the "custom" class to override *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }				<--- This makes links blue when you mouse over them

WHY THIS WORKS:

By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/


/*===== THIS IS THE background CODE SILVERMINNOW IS USING*/
body.custom {
    background: #cfd8d3;
}

/*custom block quote color BG and top bottom border*/
.custom blockquote {
background:#e9e6ca none repeat scroll 0 0;
border-bottom:2px solid #99CC99;
border-top:1px solid #99CC99;
border-left: none
}


/* branded backgrounds use for background image & color KEEP THIS JUST IN CASE ------*/

/*body.custom { background: #660000; 
background: url('images/background.jpg') repeat;
}
body {
  background: url('images/background.jpg') repeat-x,y;
}
.custom #content_box { padding: 0.0em;background:none;border-right-style: dotted #669966 ; 
}*/

/*================SIDEBAR HEADING STYLE lester=====================*/
#sidebar_1 {
}
background: #edf0e9;
.custom .sidebar h3 {border-bottom: solid 3px #669966; color: #669966; font-size:1.35em; font-weight: bold;text-decoration: none; }

.custom .format_text blockquote.right, .format_text blockquote.left { border: none; }
.custom .format_text blockquote {content....arial&m=1 (line 50)
margin:0 0 1.571em 0.786em;
padding-left:0.786em;

}


/*===========custom teaser justifies text & sets margins==============*/
.custom .teaser { text-align: justify; }

.custom #container {
    margin-left: 2em;
    margin-right: 2em;
}


/*===========custom full page background  color========*/
.custom #page { background: #F9F9F0; }

.custom .full_width .page {
background:#F9F9F0. none repeat scroll 0 0;
}

.custom .full_width .page {background: #F9F9F0; }
   .custom #sidebar{ background: #ccc; }


/*KIT MISTAKENLY DELETED HER GREEN TABS FROM RIGHT ABOVE HERE OOOPS I thought they were commented out*/

/*----------replacement green tabs don't use  -------*/

/*.custom ul#tabs {border-bottom:none; border-left:none; background:99cc99}
	.custom ul#tabs li {margin-bottom:0; border:none; background:99cc99;}
	.custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {padding-bottom:0; background:669966;}
	.custom ul#tabs li.rss {}
		.custom ul#tabs li a {}
		.custom ul#tabs li a:hover {text-decoration:none;background: #669966  color:99cc99}
		.custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {background: cccc99; color:99cc99}*/

/*==============header background to fill out header============*/
header.custom 
.custom #header {padding:0; margin:0em -2em; background:#a0c5c7; text-align:center;}.custom #multimedia_box { width: 100%; margin-bottom: 0em; margin-top: 0em }

.custom #header {background: #a0c5c7; padding: 0em; margin:0em; height: 215px; width: 959px; border-bottom: 0px double #ddd; clear: both; }

/*====================size adjustments for image box IS THIS IN USE????===============*/
	.custom #image_box { padding: 1.1em; background:none; border-bottom: 0px solid #ddd; }

		.custom #image_box img { display: block; padding: 0.1em; background:none; border: 0.1em solid #bbb; }

		.custom #image_box img.four_by_three { width: 42em; height: 31.5em; }

		.custom #image_box img.three_by_two { width: 42em; height: 28em; }

		.custom #image_box img.sixteen_by_nine { width: 41.6em; height: 23.4em; margin: 0 auto; }

		.custom #image_box img.four_by_five { width: 42em; height: 52.5em; }

		.custom #image_box img.two_by_three { width: 42em; height: 63em; }

/*============ CUSTOM HEADER IMAGE CODE for clickable header ============== 
/* =====ACTIVATED FOR TESTING 6/30/09 for Silver Minnow =========*/
/* =====YES, IT WORKS!!! RELATIVE PATH TO IMAGE MUST HAVE SINGLE QUOTES
========= AS WELL AS NO SLASH MARK BEFORE THE FIRST FOLDER NAME =========*/
/* The next line sets up our clickable background image based on the site title's link */

.custom #header #logo a { display: block; height: 215px; width: 959px; background: url('images/banners/MinnowBanner960x215.jpg') no-repeat; outline: none; }

/* The next 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; }

/* The next line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */

.custom #header #tagline { height: 0; }

/* The next 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; }

/* =========remove border from video box===========*/
#image_box, #video_box, #custom_box {
padding:1.1em;
}
.custom #video_box {
background:#FAE8CA none repeat scroll 0 0;
}

/* ==== reduce space between widgets by changing the red value */ 
.custom li.widget {
   margin-bottom: 1.2em;
}
/*==========THIS PUTS A 2PX LINE UNDER THE ARCHIVE PAGE HEADING============*/
.custom #archive_info {
border-bottom:2px solid #a0c5c7;


