/*
	
Theme name: Praise Chapel Chicago
Theme URI: http://praisechapelchicago.com
Description: Template created for Praise Chapel Chicago
Author: Zack Williamson
Author URI: http://zackwilliamson.wordpress.com

*/

*					{ margin: 0; padding: 0; }
body				{ background: #ffffff url(images/bg.jpg) fixed repeat-x top left; }
a					{ text-decoration: none; }
a img				{ border: 0; }

#page-wrap			{ width: 800px; position: absolute-middle; margin: 0 auto; }

#main-content 		{ position: relative; z-index: auto; float: center; min-height: 316px; }

#sub-content 		{ position: relative; z-index: auto; float: left; min-height: 294px; background: #f4f2ef; padding: 20px; margin-bottom: 5px; margin-right: -5px; width: 560px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#sub-content p		{ font: 12px Arial, sans-serif; color: #5a5a5a; padding: 0 0 5px 0; line-height: 1.4; letter-spacing: .5px; margin-bottom: 15px; text-align: left; }
#sub-content a		{ font: 12px Arial, sans-serif; color: #00a5dc; padding: 0 0 5px 0; line-height: 1.4; letter-spacing: .5px; margin-bottom: 15px; text-align: left; }
#sub-content a.hover{ font: 12px Arial, sans-serif; color: #5a5a5a; padding: 0 0 5px 0; line-height: 1.4; letter-spacing: .5px; margin-bottom: 15px; text-align: left; }
#sub-content img	{ position: relative; display: block; margin-top: 10px; margin-bottom: 15px; }
		
#sub-content ul		

#main-graphic		{ display: block; margin-top: -50px; margin-left: -20px; margin-right: auto; }


#main-nav 			{ font: 18px Georgia, serif; text-transform: lowercase; list-style: none; margin: -56px 0 30px 0; padding: 5px 0 5px 0; text-align: center; }
#main-nav li 		{ display: inline; text-align: center; }
#main-nav a			{ color: #5a5a5a; display: inline; padding: 3px 20px 3px 20px; text-align: center; }
#main-nav a:hover	{ color: #00a5dc; }
#main-nav li.current_page_item a	{ color: #00a5dc; }

#sub-nav 			{ position: relative; font: 14px Georgia, serif; text-transform: lowercase; list-style: none; margin: 50px 0 -39px 0; padding: 3px 0 3px 0; text-align: right; letter-spacing: .5px; }
#sub-nav li 		{ display: block; text-align: right; }
#sub-nav a			{ color: #5a5a5a; display: block; padding: 5px 20px 5px 20px; text-align: right; }
#sub-nav a:hover	{ color: #00a5dc; }
#sub-nav li.current_page_item a	{ color: #ffffff; background: #00a5dc; padding: 5px 34px 5px 5px; margin-bottom: 1px; margin-right: -15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

#logo				{ display: block; margin: 0 auto; }

#menu				{ display: block; margin-top: -123px; margin-left: auto; margin-right: auto; }


/*
	SIDEBAR-LEFT
*/
#sidebar-left			{ position: relative; float: left; width: 195px; margin-top: 20px; }
#sidebar-left h4		{ text-indent: 0; text-transform: uppercase; font: 18px Georgia, serif; letter-spacing: 4px; margin: 0 0 10px 0; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; background: rgba(0,0,0,0); padding: 4px 0 4px 0; margin: 0 0 0 0; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;  }
#sidebar-left h5		{ font: italic 24px Georgia, serif; padding: 3px 0 3px 0; margin-top: 5px; }
#sidebar-left h5 a		{ color: #990000; }
#sidebar-left h5 a:hover{ color: #fefcfc; }
#sidebar-left p			{ font: 14px Georgia, serif; font-style: oblique; color: #5e5e5e; margin-top: -5px; line-height: 1.4; }
#sidebar-left p.date	{ text-transform: uppercase; font: 11px Georgia, serif; letter-spacing: 3px; color: #3e3e3e; padding: 8px 0 0 0; margin-bottom: 15px; }
#sidebar-left p.blog	{ font: 10px Georgia, serif; font-style: oblique; letter-spacing: 1px; margin-top: -13px; color: #3e3e3e; padding: 0 0 2px 0; text-align: right; }





/*
	TYPOGRAPHY
*/

h2					{ text-transform: lowercase; font-weight: bold; font: 20px Georgia, serif; color: #00a5dc; line-height: 1.4; letter-spacing: .25px; padding: 0 0 5px 0; margin-top: 5px; margin-bottom: 8px; }
h3					{ text-transform: none; font: 14px Georgia, serif; font-weight: bold; color: #00a5dc; text-align: left; padding: 0 0 5px 0; line-height: 1.4; letter-spacing: .8px; }
h4					{ font: 16px Georgia, serif; font-weight: lighter; font-style: oblique; color: #00a5dc; text-align: left; padding: 0 50px 0 20px; line-height: 1.4; letter-spacing: .5px; margin-left: 25px; margin-bottom: 30px; border-left: 2px solid #00a5dc;  }



/*
	SIDEBAR-BOTTOM
*/
#sidebar-bottom		{ width: 860px; display: block; position: absolute-middle; margin: 0 auto; padding-left: 10px; }


/*
	SUBBAR
*/	
#subbar				{ position: relative; width: 200px; float: left; display: block; margin-top: -15px; margin-left: -23px; }



/*
	FOOTER
*/
#footer h7			{ display: block; margin: 0 auto; font: 9px Georgia, serif; text-align: center; color: #5a5a5a; margin-top: 30px; margin-bottom: 25px; }