/*  
Theme Name: Malleable
Description: Malleable is 3 column home-page with featured post capability, and 2 column inside-pages. <a href="admin.php?page=theme-options.php">Theme Options</a> | <a href="http://churchroot.com/support/">Support</a>
Version: 0.1.3
Author: ChurchRoot
Author URI: http://churchroot.com/

Font Sizes
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108% 
15px = 116%
16px = 123.1%
15px = 131%
16px = 138.5%

see http://developer.yahoo.com/yui/fonts/ for more details.

********************************************************************************
* IMPORTANT NOTE!                                                              *
* If you wish to make changes to the style of your site DO NOT edit this file. *
* Instead, create a new file called "custom.css" in the /css/ directory.       *
********************************************************************************
*/

/* =Structure
----------------------------------------------- */
html{ background-image:url('images/bg.png'); background-repeat:no-repeat; border-top-style:solid; border-top-width:4px; }
body{ font-family:"Lucida Grande", Tahoma, sans-serif; }
#doc2{ width:945px; }
#bd, #ft{ margin:10px 0 0; }

/* =Header
----------------------------------------------- */
#hd h1{ margin:0; }
#hd #logo, #hd #title{ margin:1.7em 0 0; }
#hd #logo a:hover{ background:none; }
#hd #title a{ font-family:"Georgia", "Times New Roman", Times, Serif; font-size:38px; font-variant:small-caps; font-weight:normal; text-decoration:none; }
#hd #title a:hover{ background:none; }

#hd #tagline{ text-align:right; }
#hd #tagline h2{ clear:both; font-size:108%; font-weight:bold; margin:0; padding:1em 0 .3em; font-weight:normal; }
#hd #tagline h3{ font-size:85%; font-weight:normal; margin:0; text-transform:none; }
#hd #tagline h3 .fn.org{ display:none; }

#ns-top-bar{ padding:0 0 5px; }
#ns-top-bar #ns-container{ margin:0 auto; width:960px; }
#ns-top-bar h1{ font-size:100%; margin:0; float:left; }
#ns-top-bar h1 a{ background-image:url('images/church-root-small.png'); background-repeat:no-repeat; display:block; height:32px; text-indent:-9999px; width:134px; }
#ns-top-bar p{ font-size:85%; padding:5px 10px; }
#ns-top-bar .first p{ float:left; }

#hidden-about{ padding: 15px 30px; }
#hidden-about h2{ margin-top:0; }
.toggler{ float:right; font-size:85%; padding:8px 10px; text-decoration:none; }

/* =Navigation
----------------------------------------------- */
#nav{ border-width:1px; border-style:solid; font-size:93%; margin:10px 0; }
#nav a{ display:block; padding:8px 15px; text-decoration:none; }
#nav li{ float:left; }
#nav li ul{ background-position:50% 50%; background-repeat:repeat-x; border-style:solid; border-width:1px; left:-999em; position:absolute; width:10em; }
#nav li ul li{ float:left; margin:0; padding:0; width:100%; }
#nav li:hover ul{ display:block; left:auto; z-index:999; }
#nav li:hover ul, #nav li.sfhover ul{ left:auto; }
	
/* =Forms
----------------------------------------------- */
form.cmxform fieldset{ margin-bottom:10px; }
form.cmxform legend{ font-weight:bold; padding:0 2px; }
form.cmxform label{ display:inline-block; line-height:1.8; vertical-align:top; }
form.cmxform fieldset ol{ margin:0; padding:0; }
form.cmxform fieldset li{ list-style:none; margin:0; padding:5px; }
form.cmxform fieldset fieldset{ border:none; margin:3px 0 0; }
form.cmxform fieldset fieldset legend{ font-weight:normal; padding:0 0 5px; }
form.cmxform fieldset fieldset label{ display:block; width:auto; }
form.cmxform em{ color:#f00; font-style:normal; font-weight:bold; }
form.cmxform label{ width:120px; }
form.cmxform fieldset fieldset label{ margin-left:123px; }
form.cmxform input[type="text"]{ padding:2px; width:98%; }

/* =Links
----------------------------------------------- */
a{ outline:none; }
a:hover{ text-decoration:none; }

.meta-info .meta-title a{ font-weight:bold; }

.section-header a{ font-weight:bold; text-decoration:underline; }
.section-header a:hover{ text-decoration:none; }

/* =Body
----------------------------------------------- */
#bd, #ft{ border-width:1px; border-style:solid; padding:10px; }

.outer{ height:355px; overflow:hidden; position:relative; width:100%; }
.outer[class]{ display:table;/*  position:static; */ }
#doc .outer{ height:220px; }
.middle[class]{ display:table-cell; vertical-align:middle; position:static; }
.inner{ margin-left:auto; margin-right:auto; max-height:355px; max-width:630px; } /* for all browsers*/
#doc .inner{ max-height:220px; max-width:390px; }

#featured{ z-index:0; }
#featured .box-container{ padding-bottom:0; }
#featured .contentslide{ width:100%; }
#featured .contentslide .opacitylayer{ height:100%; -moz-opacity:1; opacity:1; width:100%; }
#featured .pagination{ text-align:left; }
#featured .pagination a{ font-size:93%; margin:0 2px; padding:2px 6px; text-decoration:none; }
		
.box-container{ border-width:1px; border-style:solid; margin-bottom:10px; padding:10px; overflow:hidden; }
.box-container .section-header, .box-container .widgettitle{ font-size:85%; font-weight:normal; letter-spacing:1px; margin:0 0 10px; padding:5px 10px; text-transform:uppercase; }
.box-container li{ padding:5px 0; }
.box-container ul, .box-container ol{ margin-bottom:10px; }
.box-container ul ul, .box-container ol ol, .box-container ul ul ul, .box-container ol ol ol{ margin-bottom:0; }
.box-container ul li{ line-height:138.5%; list-style:disc; margin-left:20px; }
.box-container ul li li{ list-style:circle; }
.box-container ul li li li{ list-style:square; }
.box-container ol li{ line-height:138.5%; list-style:decimal; margin-left:30px; }
.box-container ol li li{ list-style:lower-alpha; }
.box-container ol li li li{ list-style:lower-roman; }

.box-container-demo{ border-width:3px; border-style:dashed; font-size:93%; margin-bottom:10px; padding:10px; overflow:hidden; }
.box-container-demo .section-header, .box-container-demo .widgettitle{ font-size:85%; font-weight:normal; letter-spacing:1px; margin:0 0 10px; padding:5px 10px; text-transform:uppercase; }
.demo-widget-link a{ display:block; font-size:85%; margin:1em 0 0; padding:.5em; text-decoration:none; }
.demo-widget-link a:hover{ text-decoration:underline; }
.box-container-demo ol, .box-container-demo ol li{ list-style:decimal; list-style-type:decimal; }
.box-container-demo ol li{ margin:2em 0 2em 2.5em; }
.box-container-demo p{ margin-bottom:.8em; }

.meta-info{ border-bottom-width:1px; border-bottom-style:dotted; clear:both; font-size:93%;  padding:5px 0; }
.meta-thumbnail img{ border-width:1px; border-style:solid; float:right; height:50px; margin:2px 5px 2px; padding:2px; width:50px }
.meta-thumbnail img:hover{ border-width:1px; border-style:solid; }
.meta-date, .meta-author, .meta-category, .meta-excerpt{ margin:.3em 0; padding-left:5px; }
.meta-date{ font-style:italic; }

#post{ margin:0 0 10px; }
.entry{ font-family:"Georgia", "Times New Roman", Times, serif; font-size:108%; line-height:160%; margin:10px 0 0; }
.entry p{ margin-bottom:1.5em; }
.entry .attachment{ text-align:center; }
.entry .attachment img{ border-width:1px; border-style:solid; padding:2px; text-align:center; }
.entry form { margin-bottom: 18px; }

.share-this{ border-width:1px; border-style:solid; margin:0 -10px -10px; padding:10px; }
.share-this a{ font-weight:bold; letter-spacing:1px; text-decoration:none; text-transform:uppercase; }

.search-result{ margin:1em 0; }
.search-title{ margin:0; }
.search-url{ color:green; }

/* Begin Calendar */
#wp-calendar{ empty-cells:show; margin:10px auto 0; width:75%; }
#wp-calendar #next a{ padding-right:10px; text-align:right; }
#wp-calendar #prev a{ padding-left:10px; text-align:left; }
#wp-calendar a{ display:block; }
#wp-calendar caption{ text-align:center; }
#wp-calendar td{ padding:3px 0; text-align:center; }
#wp-calendar td.pad:hover{ /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt;}
#wp-calendar a{ font-weight:bold; text-decoration:none; }
#wp-calendar caption{ font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center; }
#wp-calendar th{ font-style:normal; text-align:center; text-transform:capitalize; }
/* End Calendar */

/* Begin Sermon Browser 

Coming soon!

 End Sermon Browser */

/* =Footer
----------------------------------------------- */
#ft{ font-size:85%; line-height:2em; }
#ft ul{ clear:both; list-style:none; margin:0px; padding:0px; }
#ft p{ clear:both; }
#ft li{ float:left; margin:0; padding:0 1em 0 0; }
#ft .alignright li{ float:right; padding:0 0 0 1em; }

/* =Headers
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:.5em 0 .7em; }
h1{ font-size:153.9%; }
h2{ font-size:138.5%; }
h3{ font-size:123.1%; font-weight: bold; }
h4{ font-size:116%; }
h5{ font-size:108%; }
h6{ font-size:100%; }

/* =Common Classes
----------------------------------------------- */
.clear{ clear:both; }
.serif{ font-family:"Georgia", "Times New Roman", Times, Serif; }
.italic{ font-style:italic; }
strong, b{ font-weight:bold; }
em, i{ font-style:italic; }
blockquote{ border-left-width:4px; border-style:solid; margin-left:10px; padding-left:10px; }
.alignright{ text-align:right; }
.alignleft{ text-align:left; }
.hidden{ display:none; }
img.centered{ display: block; margin-left: auto; margin-right: auto; }
img.alignright{ padding: 4px; margin: 0 0 2px 7px; display: inline; float: right; }
img.alignleft{ padding: 4px; margin: 0 7px 2px 0; display: inline; float: left; }


ul.blogroll { margin: 0; }
ul.blogroll li { list-style: none; margin: 0; padding: 23px 0 0; }
.meta-info { margin: 4px 0; }