/*   
Theme Name: RiverWalkChurch
Theme URI: http://www.riverwalkchurchofchrist.org/wordpress/
Description: Theme designed for RiverWalk Church of Christ in Wichita KS.  Logo was designed by Tracy Holdeman of Insight Design in Wichita KS.
Author: Elizabeth A Burr
Author URI: http://www.LizBurrWebDesign.com
Template: thematic
Version: 1.0
Tags: Thematic, Church, River
.
Original Thematic is © Ian Stewart http://themeshaper.com/
.
sc*/

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

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

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

/* Apply basic image styles */
@import 'http://www.riverwalkchurchofchrist.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.riverwalkchurchofchrist.org/wordpress/wp-content/themes/thematic/library/styles/default.css';

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

/* changing colors to bgdMIX coordinates
ffffcc lt beige changing to efefef which is not websafe
*/

/* begin setting RW styles */

a:link {
color:#333300;
}

a:visited {
color:#336666;
}

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

.entry-content img {
    margin: 0 0 0 0;
    }

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

h2 {
color:#006699;
font-style:italic;
}

/* change color of hr tag   Does not work on my laptop but does on home pc */
hr {
color:#339933;
}

/*  bgd color to offset content */
body {
background:#003650;
}


/* body background */
body {
background:url(http://www.riverwalkchurchofchrist.org/wordpress/wp-content/themes/riverwalkBurr/images/rwBody.jpg) repeat top center;
}


/* center blog title and format heading Hiding bgd Hoping that body pic shows through
#header {
background:#336666;
}
*/

#blog-title a {
background:url(http://www.riverwalkchurchofchrist.org/wordpress/wp-content/themes/riverwalkBurr/images/title.jpg) no-repeat top center;
display:block;
text-indent:-9000px;
width:950px;
height:196px;
}
#branding {
padding:0 0 0 0;
}
#blog-description {
text-align:right;
color:#ffffff;
font-style:bold;
margin-top: 0;
margin-bottom: 0;
}
/* To affect line going across the screen, border just between menu and main. */
#access {
border-bottom:1px solid #003650;
}

/* basic structure of content section */

#main {
padding:0 0 0 0;
background:#ffffe1;
}

#content {
width:700px;
background:#ffffe1;
margin: 0 0 0 200px;
padding:0 0 0 20px;
}

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

.hentry {
width:700px;
}

.main-aside {
width:198px;
background:#ffffe1;
}

#secondary {
display:none;
}

#primary {
padding:0 0 0 0;
}
#subsidiary {
padding:10px 0 0 0;
background:#ffffcc;
}

/* 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:#003650;
width:950px;
margin:0 auto;
padding:10px 0 0 0;
}

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

/* when I changed font color it affected other links too
#footer {
color:#ffffff;
}

#footer a {
color:#ffffff;
}

#footer a:hover {
color:#ffffff;
}

#footer a:visited {
color:#ffffff;
}
*/

/* formatting tables */

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

th, td {
vertical-align:top;
}

/*Per Chris, recommendation to eliminate padding above h3 titles within content */
th,td h3 {
padding-top:0px;
color:#006699;
}


/* hiding titles from pages which are duplicated in navigational tools; also hides post titles which can be overcome by using h1 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;
}
*/

/* navigational menus */

.sf-menu {
float:right;
}

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

/* 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: 0;
}

/* the following did not change background color Should I use hover coding? Should have been background-color 
.sf-menu li li {
background:#003650;
}
.sf-menu li li li {
background:#003650;
}
*/

/* to change font color for top level nav bar only 
.sf-menu ul li {
color: #fff;
}
*/

/* fashion border around slideshow */
.slideshow {
border:1px solid #001a26;
background:#001a26;
}

#tdTeenLink {
	background-image: url(http://www.riverwalkchurchofchrist.org/wordpress/wp-content/themes/riverwalkBurr/images/teenbgd.jpg);
	background-repeat: repeat;
}

/* this changed all link colors Have put the letters on the graphic and will use the entire graphic as a link
#tdTeenLink .a:link, a:visited, a:active {
color:#ff9900;
}
*/

/* changing colors of todays and upcoming events headings in widget sidebar
.todays-events {
color:#993300;
}
.upcoming-events {
color:#993300;
}
*/

/* 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;
}