/*
Theme Name: Ringforth
Theme URI: http://ringforth.com/wordpress_themes/
Description: Ring Forth homesite theme by <a href="http://ringforth.com/">Jim Fitzsimons</a>
Version: 1 (WP2.8.6)
Author: Jim Fitzsimons
Author URI: http://ringforth.com/
Date: November 2009
Tags: ringforth, web design, web development
*/

body {color: #333; margin: 0 0 10px 0; padding: 0; font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
#bglight {background: #FFF url('images/bg-page-fade.jpg') top left no-repeat;}
#bgdark {background: #FFF url('images/bg-page.jpg') top left no-repeat;}

/* Site heading (title / logo) ***************************************************************/
h1 {margin: 70px 0 0 120px; padding: 0;}
h1 a, h1 span {display: block; width: 300px; height: 80px; background: transparent url('images/title.gif') no-repeat; text-decoration: none; margin: 0;}
h1 a:hover {background: transparent url('images/title-over.gif') no-repeat;}

/* Main navigation ***************************************************************************/
#menu-main {list-style-type: none; margin: 20px 0 100px 5px; padding: 0; width: 100px; float: left;}
#menu-main li {margin: 0 0 30px 0; padding: 0; font-size: 75%; font-weight: bold; color: #655D5D; letter-spacing: 2px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
#menu-main li a {display: block; width: 80px; text-align: center; padding: 2px 0;}
#menu-main li a {color: #A4A1A1; text-decoration: none; border-bottom: 1px solid #F5F4F4;}
#menu-main li a:hover, #menu-main li.current_page_item a, #menu-main li.current_page_parent a
	{color: #655D5D; text-decoration: none; border-bottom: 1px solid #655D5D;}

/* Sub-navigation ****************************************************************************/
#menu-sub {position: absolute; left: 485px; top: 10px; background: #DCDCDC url('images/bg-submenu_top.gif') top no-repeat; width: 270px;}
#menu-sub h2 {color: #FFF; font-size: 160%; margin: 10px 0 12px 20px;}
#menu-sub ul {list-style-type: none; margin: 0 0 0 10px; padding: 0; font-size: 90%;}
#menu-sub ul li {margin: 5px 0 5px 10px; padding: 0;}
#menu-sub ul li a {color: #000; text-decoration: none;}
#menu-sub ul li a:hover, #menu-sub li.current_page_item a {color: #BA1D1D; text-decoration: underline;}
#menu-sub-bottom {background: #DCDCDC url('images/bg-submenu_bottom.gif') bottom no-repeat; width: 270px; margin: 0; padding: 0;}

/* Main site content *************************************************************************/
#main-content {width: 630px; float: left; margin: 80px 0 40px 10px; font-size: 80%;}
#main-content h2 {color: #FFF; background-color: #A4A1A1; width: 620px; padding: 2px 10px;}
#main-content .storycontent {background-color: #FFF;}
#main-content .alignright {float: right; border: 1px solid #655D5D; margin: 0 0 20px 10px;}
#main-content .alignleft {float: left; border: 1px solid #655D5D; margin: 0 10px 20px 0;}
#main-content ul li {margin: 8px 0;}
#main-content-narrow {width: 340px; float: left; margin: 80px 0 0 310px; font-size: 80%;}
#main-content-narrow h2 {color: #FFF; background-color: #A4A1A1; width: 320px; padding: 2px 10px;}

.storycontent {padding: 0 0 60px 0;}
.storycontent a {color: #000; text-decoration: underline;}
.storycontent a:hover {color: #BA1D1D;}
.storycontent h3 {font-size: 110%; text-transform: uppercase; width: 80%; border-bottom: 1px solid #655D5D; margin: 25px 0 5px 0;}
.storycontent .wpcf7 {font-size: 90%; margin: 5px 0 20px 0;}
.storycontent .wpcf7 #button-send {margin: 0 0 0 280px; font-weight: bold;}
.storycontent .badges {text-align: right; margin: 0; padding: 0;}
.storycontent .badges img {border: none; margin: 10px 5px 10px 10px;}

/* Image replacement styles, hidden elements and other miscellaneous *************************/
.img-rep span, .img-rep a {display: block; text-indent: -6000px;}
.img-rep a {text-decoration: none;}

.clear {clear: both; height: 1px; font-size: 1px; color: #FFF; border-color: #FFF; border: none; margin: 0; padding: 0;}
.hide {display: none;}

.screen-reader-text {position: absolute; left: -1000em;}