/**
 * Theme Name: UU 2011 
 * Theme URI: http://www.faithandweb.com/faith2012/
 * Description:    UU 2011 is a WordPress theme for Unitarian Universalist congregation websites. The Faith 2012 theme is derived from UU 2011.  You can easily adapt it for your UU congregation with custom menus, header image, and background.
 * Author: Anna Belle Leiserson
 * Author URI:     http: //www.faithandweb.com/
 * Version:        2.2.1
 * License: GNU General Public License (GPL), v3 (or newer)
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Tags:  Unitarian, Universalist, congregation, religion, faith, church
 */

/* ~Reset based on meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul {list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0; }
ins {text-decoration: none; }
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0; }

/* ~Layout 
	#content-container left margin matches sidebar width
	#main can be up to 690px wide */
.container {clear: both;margin: 0 auto;overflow: auto;width: 940px;}
#header { height: 200px;padding: 0;position: relative;}
#nav {width: 940px;margin-left: 0;}
#content-container {clear: both;float: right;margin: 0 0 0 -249px; padding-bottom:20px;width: 100%;}
#main {float: right;margin: 0; min-height: 400px;padding: 20px 0 0 0;width: 650px;}
#main #no-sidebar{float: right;margin: -20px 0 0 0;min-height: 420px;padding: 0;width: 940px;} /* Override for IE7 in ie.css.php*/
.container2 { margin: 20px;}
.sidebar { float: left;width: 249px;overflow: hidden;}

/* ~Basics */
body { background: #999; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
#wholepage { background: url(images/bkgr-top.jpg) repeat-x left top; }
/* .container controls background for main menu */
.container {background: url(images/bkgr-menu.png) repeat-x left top; text-align: center;}
a:link {color: #02498C;}
a:hover, a:active { color: #900;}
.alignleft, img.alignleft, a img.alignleft {display: inline;float: left;margin: 4px 24px 4px 0;}
.alignright, img.alignright, a img.alignright {display: inline;float: right;margin: 4px 30px 4px 15px;}
.aligncenter, img.aligncenter, a img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.rounded {border: 1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.smaller {font-size: 70%;}

/* ~Header */
#header {background: #333;color: #fff;text-align: left; overflow: hidden;}
#header h1 {margin: 0;}
#header #header-img { height: 198px;}
#header img#chalice { position:absolute; top: 121px; left: 12px; z-index: 99999;} /* Override for IE6 in ie.css.php */
#site-title {position: absolute;top: 132px;left: 0px;width: 100%;margin: 0;border-top: 1px solid #555;font-family:Georgia, "Times New Roman", Times, serif;font-size: 30px;}
#site-title a {display:block;margin: 0; padding: 15px 15px 15px 104px; background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.5);border-bottom: 1px solid #555;color: white;font-weight:normal; text-decoration: none;}
#site-title a:hover {background: #000;}
#header form#searchform {position: absolute;top: 0;right: 0px; width: 250px; margin: 0; padding: 15px 0; background: #333; /* fallback color */ background: rgba(0, 0, 0, 0.4); text-align: center; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa;-webkit-border-bottom-left-radius: 15px;-moz-border-radius-bottomleft: 15px;border-bottom-left-radius: 15px;}
#header form#searchform #s {width: 140px;margin: 0 5px 0 0;padding: 3px;background: #333;border: 1px solid #aaa;color: #fff;}
#header form#searchform #searchsubmit {margin: 0;padding: 2px 5px;background: #333;border: 1px solid #aaa;color: #ccc;}

/* ~Menu */
#nav .mainmenu-container { /*margin-left: 249px;*/ float: right;}
#nav {font-size: 17px;}
#nav ul {margin: 0;padding: 0;list-style: none;}
#nav li {float: left;position: relative;}
#nav a {display: block;padding: 0 24px; border-left: 1px solid #444; border-bottom: 1px solid #444; color: #eee;line-height: 40px;text-decoration: none;}
#nav ul ul {display: none;position: absolute;top: 41px;left: 0;float: left;width: 180px;z-index: 999;text-align: left;}
#nav ul ul li {min-width: 170px;}
#nav ul ul ul {left: 100%;top: 0;}
#nav ul ul a {height: auto;width: 160px;padding: 10px 10px 10px 20px;background: #333;line-height: 1em;}
#nav li:hover > a, #nav ul ul :hover > a {background: #333;color: #fff;}
#nav ul li:hover > ul {display: block;}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a { color: #999;}
* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover { color: #999;}

/* ~Main content area */
#content-container {background: #fff url(images/bkgr-sidebar.jpg) repeat-y left top;}
#main {background: #fff;text-align: left;}
#main #no-sidebar{background: #fff;}
#main h2 { margin: 0 30px 10px 0; font-size: 25px; font-weight: normal;}
#main h2.header-start { margin-left:-10px; margin-bottom: 15px; padding: 5px 10px; background: #eee;}
#main h2 a { color: #000; border-bottom: 1px dotted #777; text-decoration: none;}
#main h3 { font-size: 20px; font-weight: normal; margin: 30px 30px 12px 0;}
#main h2 + h3 { margin-top: 20px;}
#main p { margin: 0 30px 10px 0; line-height: 1.4;}
#main p.extras { margin-top: 30px; margin-bottom: 30px; padding: 10px 20px; font-size: .9em; background: #eee;}
#main ul {margin: 0 30px 10px 0;}
#main ul li { padding: 0 10px 10px 40px; background: url(images/dot-red.gif) no-repeat 21px 6px; line-height: 1.5;}
#main ul ul { margin: 10px 0 0 0;}
#main ol {margin: 10px 20px 0 40px;}
#main ol li { padding: 0 10px 10px 0px; background: none; line-height: 1.5; list-style:decimal;}
#main table {margin: 10px 0;}
#main table td {padding: 7px 10px;border: 1px solid #cfcfcf;}
#main table th {padding: 7px 10px;border: 1px solid #cfcfcf;background: #eee;}
#main table caption {padding:7px 10px 8px 10px;border:1px solid #333;border-bottom: none;background: #444;font-weight: bold;color: #fff;text-align: left;}
#main blockquote {background: #eee url(images/quote.gif) no-repeat 10px 14px;border: 1px solid #ddd;-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px;margin: 0 30px 5px 0;padding: 5px 10px 5px 78px;}

.post { margin: 10px 0 40px 0;}
.previous-next {margin: 30px 40px 30px 0px;text-align: center;}
#main a.post-edit-link, #main-wide  a.post-edit-link{ display: block; width: 120px; margin: 0 20px 10px 0; padding: 8px 10px; background: #eebc6d; border: 1px solid #999; color: #000; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 12px; }
#main a.post-edit-link:hover, #main-wide a.post-edit-link:hover { background: #cd6f00; color: #fff; }
#main .sticky {background: #eee; margin-right: 40px; padding: 10px 15px 10px 20px; border: 1px solid #ddd;}
#main .wp-caption {margin-bottom: 15px;padding: 6px;background: #eee;border: 1px solid #ccc;text-align: center;}
#main .wp-caption img {margin: 5px;}
#main .wp-caption p.wp-caption-text {color: #555;font-size: 13px;margin: 5px; padding:0;text-align: center;}

/* ~Comments */
#commentblock { margin: 0 30px 0 0;}
#commentblock li { margin: 0 20px 15px 0; padding: 15px 0; background: #f6f6f6; border: 1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#commentblock h4 {margin: 0 20px 0 20px; padding: 15px 10px 3px 0;}
#commentblock h4 a { font-weight: bold;}
#commentblock p {margin-left: 20px;}
#commentblock p.comments-post { margin-bottom: 20px; border-bottom: 1px solid #ddd; font-size: .8em; color: #666;}
a.comment-edit-link { float: right; margin: 10px 20px 10px 10px; padding: 5px 10px; background: #fff; border: 1px solid #aaa; font-size: .8em; text-decoration: none; text-transform: uppercase;}
#respond { background: #ddd; border: 1px solid #bbb; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#respond h3 { font-weight: bold; margin-left: 20px; padding-bottom: 0;}
#respond p.comment-notes { margin-bottom: 20px;margin-left: 20px;}
#respond  input { position: absolute; left: 550px; width: 300px; padding: 4px 5px; border: 1px solid #999;}
#respond label {line-height: 1.6em;margin-left: 20px;}
#respond .comment-form-comment label {display: block;}
#respond textarea {resize: vertical;width: 90%;line-height: 1.6;margin-left: 20px;padding: 5px 10px;}
#respond  input#submit { position:relative; width: 150px; left: 0; margin-bottom: 15px;margin-left: 20px; font-size: .9em;}
#respond  input#submit:hover { background: #000; color: #fff;}

/* ~Sidebar */
.sidebar { text-align: left;}
.sidebar li a { background: url(images/tri-red.gif) no-repeat 20px 15px; display: block; padding: 10px 10px 10px 37px; border-bottom: 1px solid #ccc; color: #000; text-decoration: none;} /* ~ Overides coded for IE 6 in ie.css.php */
.sidebar li a:hover, .sidebar li a:active { background: #111 url(images/tri-white.gif) no-repeat 20px 15px; color: #fff;}
.sidebar li h2 { background: #ccc; /* fallback color */ background: rgba(0, 0, 0, 0.06); border-left: 1px solid #ccc; font-weight: normal; font-size: 19px;padding: 14px 10px 8px 20px;}
.sidebar li ul.sub-menu {border-top: none;}
.sidebar li ul.sub-menu a, .sidebar li ul.sub-menu a:link, .sidebar li ul.sub-menu a:visited { background: #ccc  url(images/tri-red.gif) no-repeat 37px 11px; /* fallback */ background: rgba(0, 0, 0, 0.05) url(images/tri-red.gif) no-repeat 37px 11px; padding: 7px 10px 7px 53px; border-bottom: 1px solid #c0c0c0; font-size: 14px;}
.sidebar li ul.sub-menu a:hover, .sidebar li ul.sub-menu a:active { background: #111 url(images/tri-white.gif) no-repeat 37px 11px;}
form#searchform { margin: 20px 10px;}
input#s { border: 1px solid #ccc; padding: 4px 5px;}
#searchsubmit { background: #eee; border: 1px solid #ccc; padding: 3px 5px;}
#searchsubmit:hover { background: #111; color: #fff;}

/* ~Footer */
#footer {background: #111 url(images/chalice-watermark-dark.gif) no-repeat 40px -20px; border-top: 4px solid #555;color: #fff; font-size: 12px; padding: 30px 0 10px 0; text-align: right;}
#footer p { margin: 0 40px 20px 20px; padding: 0; line-height: 1.5; text-align: right;}
#footer a {color: #ccc; text-decoration: none;}
#footer .footer-widget-container { margin: 0px 40px 20px 40px; text-align: right;}
#footer .footer-widget-container p { margin: 5px 0 10px 0; }