/*
Theme Name:		MMOGP
Version: 		1.0
Description: 	A custom theme developed for Mary Mother of God Parish, Oakville, ON
Author: 		Bev Stofko
Author URI:		http://stofko.ca
Tags:			custom

Copyright 2009 Bev Stofko <http://stofko.ca> All rights reserved.
*/

/********** COMMON */
body { font-family: arial, serif; font-size: 14px; background: #e8e7dd; /*#e2e3e4*/ padding: 0; margin: 0; color: #757769; }
.alignright { float: right; display: block; }
.alignleft { float: left; display: block; }
img a { border: none; }
a, a:visited { color: #757769;}
a:hover { color: #555749; }
ul { padding: 0; margin: 0; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }

/********** MAIN BODY */
.container { width: 950px; margin: 0 auto; background: #fff url("./images/churchbg.jpg") top center no-repeat; padding-top: 190px; }

/********** HEADER */
.header {background: /*#809677;*/ #466682; margin: 0; color: white; font-size: 1.4em; padding: 20px;}

/********** TOP MENU */
#sidebar-top { float: right; line-height: 1; background-color: #999889; width: 100%; padding: 0; margin: 0; }
ul#sidebar-top { padding: 0; margin: 0; list-style-type: none; }
#sidebar-top h2 { display: none; }
.widget_pages ul { float:right; }
.widget_pages ul, .widget_pages ul * { list-style: none; margin-left: 0; }
.widget_pages ul li { float: left; padding: 0; position: relative; }
.widget_pages ul ul li { width: 100%; }
.widget_pages ul a, .widget_pages ul a:visited { font-size: .8em; color: #000; display: block; position: relative; padding: 8px 10px; text-decoration: none; text-transform: uppercase;  }
.widget_pages ul a:hover { color: #fff; }

/********** WRAPPER AROUND 3 MAIN COLUMNS */
#wrapper { display: block; clear: both; border-top: solid 4px #fff; }

/********** LEFT/RIGHT SIDEBARS */
.sidebar { background: #fff url("images/bg.jpg") top left repeat-x; padding: 10px; height: 100%; }
.sidebar h2 { color: #466f82; font-weight: bold; font-size: 1.2em; }
.sidebar li { list-style-type: none; }
.sidebar p { font-size: .8em; }

#sidebar-left { width: 180px; float: left; margin: 5px 5px 0 5px; }

#categories-3 {width: 160px; height: 100%;background: transparent; padding: 0px;}
#categories-3 h2 {display: none; }
#categories-3 ul {list-style: none; padding: 0; margin: 0; width: 100%; /* for IE */margin: 10px 0; }
#categories-3 a, #categories-3 a:visited { font: normal 1em arial, serif; display: block; margin: 0; padding: 6px 10px; line-height: 14px; text-decoration: none;}
#categories-3 a:hover { background: #fff url("images/bg.jpg") top left repeat-x;}
#categories-3 .current-cat a {font-weight: bold;}
#categories-3 li {position: relative; border-top: solid 1px #eee; }
#categories-3 ul ul {position: absolute; top: -11px; left: 100%; width: 100%; background: #fff url("images/bg.jpg") top left repeat-x;	z-index: 19999; }
#categories-3 ul ul,#categories-3 ul li:hover ul{display: none;}
#categories-3 ul li:hover ul,#categories-3 ul ul li:hover ul{ display: block; width: 15em; text-align: left;}
#categories-3 ul li:hover ul a { font-weight: normal; }

#sidebar-right { width: 200px; float: right; margin: 5px 5px 0 5px; }
#sidebar-right ul { padding: 0; }
#sidebar-right li ul li { list-style-type: none; }
#sidebar-right a, #sidebar-right a:visited { text-decoration: underline; }

/* Search Box */
#searchform .screen-reader-text {display:none;}

/********** POST/PAGE CONTENT */
#posts { margin: 5px 235px 0 215px; background: #fff url("images/bg.jpg") top left repeat-x; padding:10px; color: #000; }
#posts h2 { color: #466f82; font-weight: bold; font-size: 1.2em; }
#posts h3 {color: #466f82; font-weight: normal; font-size: 1.1em; }
#posts h4 {color: #466f82; font-weight: bold; font-size: 1em; }
#posts h5 {color: #466f82; font-weight: normal; font-size: 1em; }
#posts p { font-size: .9em; color: #000; }
#posts img {padding: 3px; }
#posts ul { font-size: .9em; padding: 4px 4px 4px 20px; }

.wpcf7-form { font-size: .9em; color: #000; background: #e8e7dd; border: solid 1px #c8c7bd; padding: 5px; }

/********** BOTTOM SIDEBAR & FOOTER */
.footer { text-align: center; font-size: .8em; clear: both; }
.footer a { }
#sidebar-bottom { clear: both; width: 100%; }