/* 
  Theme Name: St. Stephen's 
  Theme URI: http://www.ststephensmo.org/ 
  Description: The main theme for the St. Stephen's website. 
  Author: Jim Salyer
  Author URI: http://www.ststephensmo.org/ 
  Version: 1.0 
*/  

/**** By Tag ****/

/* document body and global font declarations */
body, td, th
{
  font:normal normal 14px/1.3 Tahoma,sans-serif;
  color:#222;
}
body 
{
  background:#f0f0e6;
  text-align:center;
}

/* text */
h1, h2, h3, h4, h5, h6, ol, p, ul { padding-bottom:1em; }

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:2.5em; }
h2 { font-size:1.71em; }
h3 { font-size:1.57em; }
h4 { font-size:1.29em; }
h5, h6 { font-size:1.14em; }

/* subscript and superscript */
sub, sup { font-size:.75em; }
sub { vertical-align:text-bottom; }
sup { vertical-align:text-top; }
a sub, a sup { text-decoration:none; }

/* lists */
ol, ul { overflow:hidden; }
ol
{
  list-style-type:upper-roman;
  padding-left:25px;
}
ol ol { list-style-type:upper-alpha; }
ol ol ol { list-style-type:decimal; }
ol ol ol ol { list-style-type:lower-roman; }
ol ol ol ol ol { list-style-type:lower-alpha; }
ul
{
  list-style-type:disc;
  padding-left:15px;
}
ul ul { list-style-type:circle; }
ul ul ul { list-style-type:square; }

/* links */
a:link, a:visited
{
  outline:none;
  text-decoration:underline;
  color:#222;
}
a:hover { color:#808080; }

/* images */
img { border:none; }

/* buttons and form fields */
button, input, select, textarea
{
  box-sizing:border-box;
  -khtml-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font:inherit;
}

/* form fields */
input, select, textarea
{
  padding:2px;
  border:1px solid #c8c8bf;
  background:#e1d9c6;
  color:#222;
}

/* buttons */
button, input.button
{
  padding:5px 10px;
  border:1px solid #222;
  background:#222;
  color:#f0f0e6;
  cursor:hand;
  cursor:pointer;
}
button:hover, input.button:hover
{
  background:#f0f0e6;
  color:#222;
}

/* link buttons */
button.linkbutton, input.linkbutton
{
  display:block;
  padding:0;
  border:none;
  background:none;
  text-decoration:underline;
  color:#222;
}
button.linkbutton:hover, input.linkbutton:hover { color:#808080; }

/**** By Class ****/

/* floats and clears */
.float-left { float:left; }
.float-right { float:right; }
.clear, .clearfix { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-container
{
  width:100%;
  overflow:auto;
}
.clearfix
{
  height:0;
  width:0;
  overflow:hidden;
}

/* inline horizontal alignment */
.align-right, table.align-right td, tr.align-right td { text-align:right; }
.align-left, table.align-left td, tr.align-left td { text-align:left; }
.align-center, table.align-center td, tr.align-center td { text-align:center; }
.align-justify, table.align-justify td, tr.align-justify td { text-align:justify; }
.align-inherit, table.align-inherit td, tr.align-inherit td { text-align:inherit; }

/* inline vertical alignment */
.valign-top, table.valign-top td, tr.valign-top td { vertical-align:top; }
.valign-text-top, table.valign-text-top td, tr.valign-text-top td { vertical-align:text-top; }
.valign-super, table.valign-super td, tr.valign-super td { vertical-align:super; }
.valign-middle, table.valign-middle td, tr.valign-middle td { vertical-align:middle; }
.valign-baseline, table.valign-baseline td, tr.valign-baseline td { vertical-align:baseline; }
.valign-text-bottom, table.valign-text-bottom td, tr.valign-text-bottom td { vertical-align:text-bottom; }
.valign-bottom, table.valign-bottom td, tr.valign-bottom td { vertical-align:bottom; }
.valign-inherit, table.valign-inherit td, tr.valign-inherit td { vertical-align:inherit; }

/* block horizontal alignment */
.balign-right { margin-left:auto; }
.balign-center
{
  margin-right:auto;
  margin-left:auto;
}
.balign-left { margin-right:auto; }

/* easily hide or "remove" elements */
.hidden { visibility:hidden; }
.remove { display:none; }

/* text mods */
.big { font-size:1.07em; }
.small { font-size:.86em; }
.upper { text-transform:uppercase; }
.lower { text-transform:lowercase; }
.nopad { padding-bottom:0; }

/* add a little vertical spacing to elements */
.padded-top { padding-top:.5em; }
.padded-right { padding-right:1em; }
.padded-bottom { padding-bottom:.5em; }
.padded-left { padding-left:1em; }

/* dividers */
div.divider { padding-bottom:1em; }
div.divider div
{
  height:1px;
  overflow:hidden;
  background:#222;
}

/**** By ID ****/

/* page container */
#page
{
  margin:0 auto;
  width:970px;
  text-align:left;
}

/* header */
#header
{
  width:970px;
  background:url(images/header-middle.gif) repeat-y top left;
}
#header-top { background:url(images/header-top.gif) no-repeat top left; }
#header-bottom
{
  padding-bottom:5px;
  background:url(images/header-bottom.gif) no-repeat bottom left;
}

/* top menu */
#topmenu, #topmenu li { float:left; }
#topmenu, #topmenu ul
{
  list-style-type:none;
  padding:0;
  overflow:visible;
  background:#222;
}
#topmenu { margin:0 15px; }
#topmenu li { position:relative; }
#topmenu a:link, #topmenu a:visited
{
  display:block;
  padding:8px 10px;
  font-size:1.14em;
  text-decoration:none;
  text-transform:lowercase;
  color:#f0f0e6;
}
#topmenu a:hover, #topmenu li:hover > a:link, #topmenu li:hover > a:visited, #topmenu a.hover:link, #topmenu a.hover:visited
{
  background:#f0f0e6;
  color:#222;
}
#topmenu ul
{
  display:none;
  position:absolute;
  left:0;
  top:100%;
  width:180px;
  box-shadow:2px 2px 5px #ccc;
  -moz-box-shadow:2px 2px 5px #ccc;
  -webkit-box-shadow:2px 2px 5px #ccc;
}
#topmenu ul ul
{
  left:100%;
  top:0;
}
#topmenu li:hover > ul, #topmenu li.hover ul { display:block; }
#topmenu ul li a:link, #topmenu ul li a:visited { width:160px; }

/* search box */
#search
{
  position:relative;
  height:136px;
  width:970px;
  overflow:hidden;
  font-size:.86em;
  color:#f0f0e6;
}
#search input
{
  width:10em;
  background:#f0f0e6;
}
#search-top
{
  position:absolute;
  right:0;
  bottom:0;
  background:#222 url(images/search-top.gif) repeat-x top left;
}
#search-right { background:url(images/search-right.gif) repeat-y top right; }
#search-left { background:url(images/search-left.gif) repeat-y top left; }
#search-topleft { background:url(images/search-topleft.gif) no-repeat top left; }
#search-topright { background:url(images/search-topright.gif) no-repeat top right; }
#search-bottomleft
{
  padding:11px 15px 6px 15px;
  background:url(images/search-bottomleft.gif) no-repeat bottom left;
}

#searchsubmit
{
  padding:0;
  height:16px;
  width:16px;
  overflow:hidden;
  background:url(images/search.gif) no-repeat top left;
  text-indent:-1000px;
}

/* wrapper for sidebar and content area */
#wrapper { padding:8px 0 13px 0; }
#wrapper-middle { background:url(images/sidebar-middle.gif) repeat-y top left; }
#wrapper-top { background:url(images/sidebar-top.gif) no-repeat top left; }
#wrapper-bottom
{
  width:970px;
  overflow:hidden;
  background:url(images/sidebar-bottom.gif) no-repeat bottom left;
}

/* sidebar */
#sidebar, #sidebar td, #sidebar th, #sidebar a { color:#f0f0e6; }
#sidebar
{
  float:left;
  margin-right:13px;
  padding:15px;
  min-height:320px;
  height:auto !important;
  height:320px;
  width:180px;
}
#sidebar h3
{
	margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px solid #f0f0e6;
  font-size:1.14em;
  font-weight:bold;
}
#sidebar a:link, #sidebar a:visited { color:#f0f0e6; }
#sidebar a:hover { color:#fff; }

/* content container */
#content
{
  float:left;
  padding:0 5px 10px 0;
  width:737px;
}

/* breadcrumb menu */
#breadcrumbs
{
  padding:10px 0 1em 0;
  font-size:.86em;
}

/* navigation menu (back and forward) on the view post page */
#post-nav
{
  border-top:1px solid #222;
  padding:1em 0;
  width:100%;
  overflow:hidden;
}

/* comments */
#comments
{
  padding-top:1em;
  border-top:1px solid #222;
}
#comments ol
{
  list-style-type:decimal;
  padding-bottom:1em;
}
#comments li
{
  padding:1em 0;
  border-bottom:1px solid #222;
  font-size:.86em;
}

/* comment form */
#comments-form { padding-left:25px; }

/* footer */
#footer { background:#e1d9c6 url(images/footer-top.gif) repeat-x top left; }
#footer-bottom
{
  padding:15px 0;
  background:url(images/footer-bottom.gif) repeat-x bottom left;
  font-size:.86em;
  text-align:center;
}

/* contact information table */
#footer-info { margin:0 auto; }
#footer-info td
{
  padding:0 30px;
  font-size:1em;
  text-align:left;
}

/* footer divider */
#footer-divider
{
  margin:0 auto;
  padding:10px;
  width:940px;
}
#footer-divider div
{
  height:1px;
  overflow:hidden;
  background:#000;
}