/*
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 line sets up our clickable background image based on the site title's link */

    /* Adjust the height & width below to reflect the actual size of your image */

    /* Change the filename of your image to reflect the actual header's file name */

    .custom #header #logo a { display: block; height: 128px; width: 880px;
    background: url('http://wethepeopleareready.com/blog/wp-content/uploads/2010/04/WTPlogoheader.gif') no-repeat; outline:
    none; }

    /* This line gets rid of the site title & tagline by casting them out to the far left */

    .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 */

    .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; }
/*sidebar thumbnails

    .custom #sidebar <?php $myposts = get_posts(’meta_key=post_thumbnail’);

orderby=date (to display thumbnails in order by post date)

foreach($myposts as $post) :? >
<?php $thumbnail = get_post_meta($post->ID, ‘post_thumbnail’, true); ?>

<a href=”<?php the_permalink(); ?>”>
<img src=”<?php echo $thumbnail; ?>” border=0 bordercolor="black" alt=”<?php the_title(); ?>” />
</a>

<?php endforeach; ?>

.custom .archive h3 {margin-top: 0;}
.custom .archive ul {font-size: .85em; }
.custom .archivel { float: left; width: 40%;}
.custom .archiver { float: right; width: 60%;}

/*---------------------------------*/
/* WIDGETIZED FOOTER               */
/* Mike Nichols - October 17, 2009 */
/*---------------------------------*/

/* footer widget area setup */
#footer_setup {
	/* widgetized footer background (not footer background) */
	background: #FFFFFF;
	/* widget padding */
	padding: 16px;
	/* margin at bottom of widgets */
	margin-bottom: 25px;
	/* do not change this! */
	overflow: hidden;
}

/* widget item setup */
#footer_setup .footer_items {
	/* contents alignment */
	text-align: left;
	/* widget width */
	width: 210px;
	/* space between widgets */
	padding-right: 10px;
	/* text color - was #2361a1*/

	color: #F00000;
	/* do not change these! */
	display: inline-block;
	float: left;
	height: 100%;
}

/* widget item headers*/
#footer_setup .footer_items h3 {
        font-family: rockwell; 
	/* font size */
	font-size: 1.5em;
	/* bold or not */
	font-weight: bold;
	/* uppercase or not */
	text-transform: uppercase;
	/* space out the letters*/
	letter-spacing: 0px;
	/* font color*/
	color: #000000;
	/* padding under header text */
	padding-bottom: 3px;
	/* border under header text */
	border-bottom: 1px solid #DD0000;
	/* distance between border and widget text */
	margin-bottom: 5px;
}

/* do not change these! */
#footer_setup .footer_items ul li { list-style: none; }
#footer_setup .footer_items ul { margin: 0px; padding: 0px; }

/* Footer colour to match above footer background */
.custom #footer {

	background: #FFFFFF;
}

/* footer font styles */
.custom #footer a {
	font-size: 1.2em;
	border-bottom: none;
	/* default Thesis link color */
	color: #ADADAD;
}
.custom #footer a:visited {
	text-decoration: none;
	/* default Thesis link color was #ADADAD*/
	color: #ADADAD;
}
.custom #footer a:link {
	text-decoration: none;
	/* default Thesis link color */
	color: #ADADAD;
}
.custom #footer a:hover {
	text-decoration: none;
	/* default Thesis link color */
	color: #F00000;
}

/* changes submit comment button colour from green to red */
.custom .format_text input.form_submit:hover, #commentform .form_submit:hover, {
color:#DD0000;
}

.custom #gallerystyle ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
.custom #gallerystyle li {display: inline; padding: 5px 20px 5px 20px}

.custom #inlinethumb li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

/* IMAGE BORDERS */

.custom .img {
border:#cc9 1px solid;
padding:3px;
}
a img {
border-bottom: #b8860b 0px solid;
}
.custom .format_text img.frame, .format_text .wp-caption {border-width: 0; padding: 0 ; background-color:#fcf4cf ;}
.custom image_border {
background:#fcf4cf;
border-color: fcf4cf;
border-style:solid;
}
.custom .format_text .post_image {
padding: 0.714em;
border-width: 0.071em;
background:#fcf4cf none repeat scroll 0 0;
border-color:#fcf4cf;
border-style:solid;
}





/* Clear Floated Elements
----------------------------------------------------------------------------------------------------

*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



.custom .thumb {
	width:100px;
	height:100px;
	border:5px solid #efefef;
	float:left;
}

.custom .comments_closed p {
  display: none;
}

custom .page-author {display:none;}

/* Featured Post Formatting */

.custom #feature_box {  padding:0em; }

.custom #my-feature-box1 { width:95%; ; padding-left:1em; }
.custom #my-feature-box,#my-feature-box1  {float:left;  font:Georgia; color: #000000; background: #ffffff; padding:40px 0px 22px 0px; }
.custom #my-feature-box h2 { font-size: 2.5em; margin: 0 0 0 0; }
.custom #my-feature-box h2 a,#my-feature-box a  { color: #000000; text-decoration: none; }
.custom #my-feature-box h2 a:hover { color: #FF0000; }
.custom #my-feature-box p {color:#000000;  font-size: 9pt; line-height:1.3em; text-align: left;}
.custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; }
.custom #my-feature-box a:hover { color: #DD0000; }
.custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none;}

#recent-posts li {
        margin-left: 6px;
        float: left;
        font-weight: bold;
       background: #f9fdfd;
       font-family: Times, "Times New Roman", serif;
    line-height: 1.4em;
        overflow: hidden;
}
#recent-posts img { float: left; border: 0px solid #222; margin-top:4px; }
#recent-posts h1 {
clear:left;
font-size:13px;
font-weight:bold;
height:auto;
line-height:17px;
margin:0;
overflow:hidden;
text-transform:capitalize;
width:126px
}

/* custom list */
.custom li {
list-style-type: none;
}

