/*  
Theme Name: RiverCity
Version: 1.0
Description: river City Church
Author: Andy Potts
Author URI: http://www.rivercitychurchmemphis.org

	Copyright: (c) 2011
	License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html

*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
html, body {margin: 0;padding: 0;text-align: left;background: #FFFFFF;font: 12px Arial, Helvetica, sans-serif;color: #efefef;}



/* DEFAULTS */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-align: left; }
p { letter-spacing: -0.3px; padding-top:3px; }
a:link, a:visited {color:#8D8D8D; font-weight: bold; text-decoration: none;}
a.light:link {color:#8D8D8D;}
a:hover {color:#cccccc;}
a:focus { outline: none; }
img { border: 0; }
acronym { cursor: help; }
em { font-style: italic;}
strong { font-weight: bold;}


/* TEXT STYLES */
h1.trade {font-size: 22px;padding-top:5px;}
h2.trade {padding: 5px 0 0 0;font-size: 18px;}
h3.trade {padding: 5px 0 0 0;font-size: 16px;}
h4.trade {padding: 5px 0 0 0;font-size: 14px;}
h5.trade {padding: 5px 0 0 0;font-size: 12px;}
h6.trade {padding: 5px 0 0 0;font-size: 10px;}
p {letter-spacing: normal;line-height: 19px;}


/* CONTAINER */
#container {position: relative;width: 990px;height: auto;margin: 0px auto;}
.widthcontain {margin-left: auto;margin-right: auto;width: 960px;}	
#bottomfmbg {background: url(images/bottomblogbg.jpg) repeat-y center; margin:0px auto;width:960px;}
#splashbottom {background: url(images/bottomblogbg.jpg) repeat-y center; margin:0px auto;}
#splashcenter {margin:0px auto;width:960px;}



/* HEADER */
#header {position: relative;background: url(images/headerbg.jpg) #454545 left no-repeat;height: 172px;}
#logo a:link, #logo a:visited, #logo a:hover {position: absolute;width: 320px;height: 63px;left: 20px;top: 0;z-index: 2;background: transparent;}
#npcc {background: url(images/npcclogo.jpg) no-repeat top right; float:right; position:absolute; height:50px; width:50px;z-index:999999;left:auto;right:20px;top:105px;}
#npcc a:link, #npcc a:visited, #npcc a:hover {width: 50px;height: 50px;z-index: 999999;background: transparent;}


/* TOP-LEVEL NAVIGATION */
#navbar {height: 17px;text-align: left;margin: 0 0 0 195px;padding: 18px 0 0 0;z-index: 3000;position: relative;}
#navbar ul {text-transform: uppercase;}
#navbar li {float: left;list-style-type: none;margin-left: 90px;}
#navbar a:hover {padding: 0 0 0 0;}
a.trade:link, a.trade:visited {border-bottom:0px solid #efefef;font-size: 28px;color: #ffffff;text-decoration: none;padding: 0 0 20px 0;}
a.trade:hover {border-bottom:1px solid #606023;}


/* DROPDOWN MENU NAVIGATION */
#menus {margin-left: auto;margin-right: auto;width: 800px;position: relative;z-index: 100000;}
#menus a {font-weight: normal;color: #444444;}
#menus a:hover {color: #ff4800}
	
.dropdownmenu {background-color: #ffffff;border-left: 1px solid #858585;border-right: 1px solid #858585;border-bottom: 1px solid #858585;border-top: 1px solid #858585;height: 300px;width: 350px;z-index: 2000;opacity: .92;filter:alpha(opacity=92);padding: 2px 0 0 0;}	
.dropdownsmall {width: 170px;}
	
.leftdrop {display: block;float: left;width: 180px;}
.rightdrop {display: block;float: left;width: 170px;}
.rightdrop2 {display: block;float: left;width: 190px;}
.dropdownmenu h1:first-child {margin-top: 9px;}	
.dropdownmenu h1 {color: #292929;font-size: 12px;font-weight: bold;margin: 18px 0px 0 40px;text-align: left;text-transform: lowercase;}
.dropdownmenu ul {font-size: 11px;font-weight: normal;margin: 0 10px 0 40px;text-align: left;}
.dropdownmenu li {line-height: 18px;}
.nonav {display:none;}	
#imnew {position: absolute;float: left;left: 65px;top: 28px;display: none;}
#nextsteps {position: absolute;float: left;left: 255px;top: 28px;display: none;}
#watch {position: absolute;float: left;left: 480px;top: 28px;width: 250px;display: none;}

	


/*  IMAGE */
div#imglink a { margin: 3px }
div#imglink a:hover { border-bottom: 5px solid gray; background: #ffffff; margin: 3px;}
div#inviteimage img {margin:0px auto; max-width:430px; max-height:180px;}
#mainimage_inside {margin: 40px auto 10px auto;width: 960px;z-index: 1000;}	
#mainimage {margin: 45px auto 10px auto;width: 960px;z-index: 1000;max-height:420px}
#mainimage img, #mainimage_inside img {max-height:420px;}
#mainimage a:hover {background: transparent;padding: 0 0 0 0;}
#mainimage_inside a:hover {background: transparent;padding: 0 0 0 0;}
#mainimagenavwrap {width: 960px;position: relative;margin: 0px auto;z-index:999;}
#mainimagenav {text-align: center;z-index: 99999;margin: 8px 10px 8px 0;padding: 0;}
#mainimagenav a {margin: 0 0 0 4px;padding: 1px 4px 4px 4px;background: #FFFFFF url(images/button.png) no-repeat;text-decoration:none;color: #999999;font-size: 6px;}
#mainimagenav a:hover {background: #FFFFFF url(images/button.png) no-repeat;text-decoration:none;color: #999999;font-size: 6px;}
#mainimagenav a.activeSlide {background: #FFFFFF url(images/button_selected.png) no-repeat;text-decoration:none;color: #2D2D2D;font-size: 6px;}
#mainimagenav a:focus{outline:none}
.mystuff {position: absolute;left: 299px;width: 360px;padding-top:6px;color: #fff;z-index: 999;text-align:center;}
.mystuff h1 {padding:0px;}
.mystuff p p {padding:0px;}
#mainarray p {padding: 0 0 10px 0;}
#mainimage h1.trade {color:#ffffff; padding-top:24px; text-transform:lowercase; font-size:22px; line-height:18px; text-align:center;}




/* BOTTOMBAR */
#backgroundbar {background: url(images/basicinfobg.jpg) repeat-x #ffffff;height: 144px;margin: 0px auto;}
#backgroundbar h1.trade {color: #FFFFFF;padding-bottom: 9px;text-transform: lowercase;font-size: 20px;line-height: 18px;}
#backgroundbar p {color: #FFFFFF;font-size: 12px;margin-top: 0px;text-transform: lowercase;line-height: 18px;}
#barcontainer {width: 960px;margin: 0px auto;padding: 0 0 0 0;}
#bottomleft {float:left;width: 240px;text-align: right;padding: 13px 40px 0 0;background: url(images/bottomborderline.jpg) right 20px no-repeat;height:117px;}
#bottomleft h1.trade {text-align: right;}	
#bottomcenter {float: left;text-align: center;width: 330px;height: 117px;padding: 27px 0 0 40px;margin-left: 0px;}
#bottomcenter h1.trade {text-align: center;}
#bottomright {float: right;width: 230px;padding: 13px 0 0 45px;text-align: left;background: url(images/bottomborderline.jpg) left 20px no-repeat;height:117px;}



/* PAGE STYLES */
.staticcontent {background: url(images/bottomstaticbg.jpg) center top no-repeat;min-height: 144px;margin: 20px auto 20px auto;width: 960px;}

.staticcolumn_half1 {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 440px;}

.staticcolumn_half2 {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 440px;padding-right:10px;}

.staticcolumn_medium {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 640px;}

.staticcolumn_medium_rt {float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 210px;color: #4e4e4e;}

.staticcolumn {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 0px 10px 0px 20px;text-align: left;width: 210px;}

.staticcolumn_wide {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 900px;}

.staticcolumnlast {float: left;font-size: 12px;margin-bottom: 36px;padding: 0px 10px 0px 20px;text-align: left;width: 180px;color: #4e4e4e;}

.staticcolumnsmall {float: left;font-size: 12px;margin-bottom: 36px;padding: 0px 10px 0px 20px;text-align: left;width: 70px;color: #4e4e4e;}

.staticcolumn h2, .staticcolumnlast h2, .staticcolumn_half1 h2, .staticcolumn_half2 h2, .staticcolumn_medium h2, .staticcolumn_medium_right h2, #fminfo h2, .staticcolumn_wide h2 {font-size:13px;font-weight:bold;padding: 5px 0 0px 0;}
.staticcolumn strong, .staticcolumnlast strong, .staticcolumn_half1 strong, .staticcolumn_half2 strong, .staticcolumn_medium strong, .staticcolumn_medium_right strong, .staticcolumn_wide strong {font-weight:bold;}
.staticcolumn img {margin-bottom: -13px;padding: 24px 0 0 0;}

.staticcolumn_wide h1, .staticcolumn h1, .staticcolumnlast h1, .staticcolumnsmall h1, #faqquestion h1, #faqanswer h1,.fminfo h1, .staticcolumn_medium h1, .staticcolumn_medium_rt h1, .staticcolumn_half1 h1, .staticcolumn_half2 h1 {color: #454545;padding: 20px 0 0 0;}
.staticcolumn p, .staticcolumn_medium p, .staticcolumn_medium_right p, .staticcolumn_half1 p, .staticcolumn_half2 p, .staticcolumnlast p, .staticcolumnsmall p, #faqquestion p, #faqanswer p, #fminfo p {padding: 5px 0 10px 0;}
.staticcolumn em {font-style: italic;}
.staticcolumn ul.beginning {margin-top: 18px;padding-left: 10px;}
.staticcolumn ul li, .staticcolumn_medium ul li, .staticcolumnlast ul li, .staticcolumnsmall ul li, .staticcolumn_wide ul li {padding: 0 0 0 0;margin: 0 0 0 15px;list-style-type: disc;text-align: left;}
.staticcolumnlast ul ul, .staticcolumn ul ul, .staticcolumnsmall ul ul, .staticcolumn_medium ul ul {list-style-type: circle;padding: 0 0 0 2px;margin: 0 0 0 30px;}


#faqquestion {color: #4e4e4e;float: left;font-size: 11px;margin-bottom: 36px;padding: 0px 10px 0px 20px;text-align: left;width: 420px;}
#faqanswer {color: #4e4e4e;float: left;font-size: 11px;margin-bottom: 36px;padding: 5px 10px 0px 20px;text-align: justify;width: 420px;}
#faqanswer ul {list-style-type: disc;}
.egive img {padding: 5px 5px 5px 5px;margin: 0 0 0 0;}




/* FAMILY MINISTRY TEMPLATE PAGES */
#imagebanner {background: url(images/imagebannerbg.jpg) center top no-repeat;height: 167px;}
#imagebanner ul {margin-left: auto;margin-right: auto;padding-top: 6px;padding-bottom: 6px;width: 980px;}
#imagebanner ul li {display: inline;margin-right: 52px;}
#imagebanner ul li:first-child {margin-left: 30px;}
#imagebanner a:link, #imagebanner a:hover {background-color: #454545;padding: 0 0 0 0;color: #ffffff;}

#fmforms {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 900px;}
#fminfo {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 900px;}
#fminfo2 {color: #4e4e4e;float: left;font-size: 12px;margin-bottom: 36px;padding: 20px 10px 0px 20px;text-align: left;width: 600px;}
#fminfo p, #fminfo2 p {color: #4e4e4e;font-size: 12px; line-height:17px;}
#fminfo strong, #fminfo2 strong {font-weight:bold;}
#fminfo ul ol, #fminfo2 ul ol {color: #616061;font-size: 12px;padding: 9px 0px 9px 30px;}
#fminfo ul li, #fminfo2 ul li {list-style-type: disc;margin-left:13px;padding-left:3px;}
#fminfo ol li, #fminfo2 ol li {list-style-type: decimal}
#fmrightinfo {float: left;padding-top: 20px;margin: -14px 0 0 122px;text-align: left;width: 160px;}
#fmrightinfo p {color: #ffffff;font-size: 12px;margin: -2px 0 31px 0;line-height:17px;}
#fmrightinfo h1 {margin-bottom: 7px;margin-top: -14px;color: #858585;}
#errorbox {margin-top:10px;padding:6px; border: 1px solid #777777; background:#efefef;}	

/* WATCH MESSAGES PAGE */
.messagedrop {border-bottom: 1px solid #858585;}
.message {background: url(images/messagestopborder.jpg) no-repeat;clear: both;height: 216px;margin: 35px auto 20px auto;width: 960px;}	
.message img {float: left;margin-left: 10px;}
#message_top {height:50px;margin:0px auto;}
	
ul.weeklies {color: #4e4e4e;float: left;padding-left: 42px;padding-top: 18px;text-align: left;width: 273px;}
li.title {font-size: 18px;}
li.byline {margin-bottom: 4px;font-size: 11px;}
ul.watch {float: left;width: 80px;}
ul.watch li {color: #858585;font-size: 11px;margin-top: 25px;}
ul.watch li a {color: #4e4e4e;font-weight: normal;text-decoration: none;}
ul.watch li a:hover {background-color: #ffffff;color: #858585;}
ul.listen {float: left;width: 80px;}
ul.listen li {color: #858585;font-size: 11px;margin-top: 25px;}
ul.listen li a {color: #4e4e4e;font-weight: normal;text-decoration: none;}
ul.listen li a:hover {background-color: #ffffff;color: #858585;}
ul.discuss{float: left;width: 80px;}
ul.discuss li {color: #858585;font-size: 11px;margin-top: 25px;}	
ul.discuss li a {color: #4e4e4e;font-weight: normal;text-decoration: none;}
ul.discuss li a:hover {background-color: #ffffff;color: #858585;}
	
/* FOOTER */
#footer {background-color: #cccccc;width: 100%;margin: 0px auto;padding: 10px 0 5px 0;position: relative;height: 100px;}
#footer p {color: #000000;font-size: 9px;line-height: 14px;margin: 25px 0 9px 0;padding: 0 25px 0 0;text-align: right;}
#footer a {color: #000000;font-size: 9px;line-height: 14px;margin: 5px 0 9px 0;text-align: right;}

	

/* CLEAR FIX */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}
