/*
THEME NAME: Carpenter Place Theme
THEME URI: http://www.carpenterplace.org/wordpress/
DESCRIPTION: 2-column theme designed especially for Carpenter Place, a Christian home where young women can begin to restore their lives while rebuilding their families.
VERSION: 0.1
AUTHOR: Elizabeth Burr
AUTHOR URI: http://www.lizburrwebdesign.com
Template: thematic
TAGS: white, two-columns, fixed-width, theme-options, left-sidebar, threaded-comments, sticky-post, microformats
.
Original Thematic is copyrighted by Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import 'http://www.carpenterplace.org/wordpress/wp-content/themes/thematic/library/styles/typography.css';

/* Apply a basic layout */
@import 'http://www.carpenterplace.org/wordpress/wp-content/themes/thematic/library/layouts/2c-l-fixed.css';

/* Apply basic image styles */
@import 'http://www.carpenterplace.org/wordpress/wp-content/themes/thematic/library/styles/images.css';

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import 'http://www.carpenterplace.org/wordpress/wp-content/themes/thematic/library/styles/default.css';

/* Prepare theme for plugins */
@import 'http://www.carpenterplace.org/wordpress/wp-content/themes/thematic/library/styles/plugins.css';

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   

.entry-content img {
    margin: 0 0 0 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* THE BEGINNING OF STYLE CSS FOR Carpenter Place */

/* CHANGING TEXT FORMAT FROM GEORGIA, SIZE 15, SERIF line-height 22px */
body, input, textarea {
    font:12px Verdana,san-serif;
    line-height:20px;
}
/* Did not work to change padding above or below but did change font color SEE NEXT ENTRY FOR CHRIS SUGGESTION
h3 {
color:#3a261b;
padding:0px 0 0 0;
margin:0px 0 0 0;
}
*/

/*Per Chris, recommendation to eliminate padding above h3 titles within content */
.entry-content h3 {
padding-top:0px;
color:#3a261b;
}

hr {
font-color:#5e8421;
}

/* FORMAT LINK COLORS */

a:link {
color:#3a261b;
}

a:visited {
color:#000000;
}

a:active,
a:hover {
color:#993300;
}

/* FORMAT HEADER AND BRANDING */

#blog-title a {
background:url(http://www.carpenterplace.org/wordpress/wp-content/themes/carpenterplacetheme/images/WebDesignHeader2.jpg) no-repeat top center;
display:block;
text-indent:-9000px;
width:950px;
height:215px;
border-right:5px solid #3a261b;
border-bottom:5px solid #3a261b;
border-left:2px solid #3a261b;
background-color:#5e8421;
}
#branding {
width:950px;
padding:10px 0 0 0;
}
#blog-description {
width:950px;
text-align:right;
color:#3a261b;
font-style:bold;
margin-top: 0;
margin-bottom: 0;
padding:10px 0 0 0;
}

/* To eliminate horizontal line that separates nav menu from main content */
#access{
border: 0
}

/* NAVIGATIONAL MENUS */

.sf-menu {
float:right;
}

/* styles  solidbackground color for navigation bar other   Other levels to remain fff 
.sf-menu li {
background:#5e8421;
}
*/

/* the following styles background image for navigation bar Other levels to remain fff WIDTH SHOULD BE USED ONLY IF QTY OF PARENT PAGES IS KNOWN AND STATIC */
.sf-menu li {
background:url(http://www.carpenterplace.org/wordpress/wp-content/themes/carpenterplacetheme/images/menuBgd2.jpg) no-repeat top left;
width:110px;
text-align:center;
}


/* the following styles background color for navigation bar Other levels to remain fff 
.sf-menu li {
background:url(http://www.riverwalkchurchofchrist.org/wordpress/wp-content/themes/riverwalkBurr/images/gradientNav.jpg) no-repeat top left;
}
*/

/* setting separate selector for font color for top menu as described by Chris on forum 
.sf-menu li {
color: #fff;
}
*/

/* per suggestion responding to my request "Menu items are links "a" and you will probably also want to change the visited color as well." EvilEsq member  Works except when I hover over a link that has no submenu - do further testing  */
.sf-menu a {
color:#fff;
}

.sf-menu a:visited {
color:#fff;
} 

.sf-menu ul a:hover {
color:#000;
}
/* ending suggestion responding to my request */

/* copied from Chris on forum */
.sf-menu li.sfHover a {color: #000;}

.sf-menu li.sfHover ul li a {color: #000;}

.sf-menu li.sfHover ul li a:hover {color: #993300;}

.sf-menu li.current_page_item a:hover {color: #000;}

.sf-menu li.current_page_parent ul li a {color: #000;}

.sf-menu li.current_page_parent ul li a:hover {color: #993300;}

/* end of copied from Chris */


/* formatting border for menu */
.sf-menu a, .sf-menu {
border-top: 0px;
border-bottom:0px
}


/* BASIC STRUCTURE OF CONTENT SECTION */

#main {
width:950px;
padding:0 0 0 10px;
background:#ffffff;
border-top:2px solid #3a261b;
border-right:5px solid #3a261b;
border-bottom:5px solid #3a261b;
border-left:2px solid #3a261b;
}

#content {
width:720px;
background:#ffffff;
border-left:2px solid #336600;
margin: 0 0 0 200px;
padding:0 0 0 10px;
text-align:justify;
}

/* to allow content to extend to right-side edge */

.hentry {
width:710px;
}

#primary {
width:195px;
padding:10px 0 0 0;
background:#fff;
border:0px solid #cccccc;
}

/*  I HAD BEEN USING THIS CLASS IN ERROR RATHER THAN PRIMARY
.main-aside {
width:195px;
background:#ffffff;
border:6px solid #ccc;
}
*/
/* Need to keep this one active because of meta widget issues 
#secondary {
display:none;
}
*/
#secondary {
background:#fff;
width:195px;
border:0px solid #cccccc;
}


#subsidiary {
padding:10px 0 0 10px;
background:#ffffff;
border-top:2px solid #5e8421;
border-right:5px solid #336600;
border-bottom:5px solid #336600;
border-left:2px solid #5e8421;
}


/* CHANGING COLOR AND ALIGNMENT AND STYLE OF DATE WIDGET.  STYLE CHANGE DID NOT WORK */
#current-date-time {
color:#000000;
text-align:center;
font-style:bold;
}

/* TESTING TO CHANGE A FORMATTING IN SUBSIDIARY WIDGETS ONLY - THIS WORKED BUT WASN'T VIABLE AFTER CHANGING BGD COLOR


#subsidiary a:link {
color:#ffffff;
}
#subsidiary a:visited {
color:#000000;
}
#subsidiary a:hover {
color:#993300;
}
#subsidiary h1,h2,h3 {
color:#000000;
font-style:bold;
}

*/

/* FOOTER STYLING */
/* margin 0 auto (per Chris) sets to align center since I have a width setting but am trying to find a way to add separation between main and footer  Tried setting margins at 0 0 20px 0 for main but that pushed main over to the left */

#footer {
background:#5e8421;
width:950px;
margin:0 auto;
padding:0 0 0 0;
border-right:5px solid #336600;
}

/* to change font color in footer */
#siteinfo {
color:#ffffff;
}
#siteinfo a {
color:#ffffff;
}



/* FORMATTING TABLES */

table {
border-width:0 0 0 0;
border-bottom:0px 0 0;
}


th, td {
vertical-align:top;
}

tr {
border-bottom:0px solid #cccccc;
}

/* hiding titles from pages which are duplicated in navigational tools; also hides post titles which can be overcome by using h3 tags as first line of post.  Be sure to continue assigning titles because these are used in navigation tools. */

.entry-title {
display:none;
}

/* hides the author and date info above the blog  */
.entry-meta {
display:none;
}


/* FASHION BORDER AROUND SLIDESHOW */
.slideshow {
border-top:1px solid #3a261b;
border-right:3px solid #3a261b;
border-bottom:3px solid #3a261b;
border-left:1px solid #3a261b;
}