/*
Theme Name: Christ Church
Theme URI: 
Description: A WordPress theme customized for Christ Church.
Version: 1.0
Author: Micah Wood
Author URI: http://www.orderofbusiness.net/micah-wood/
Tags:
*/

/* RESET */
  *{margin:0; padding:0;}
  table {border-collapse:collapse; border-spacing:0;}
  fieldset, img {border:0;}
  address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
  ol, ul, li {list-style:none;}
  caption, th {text-align:left;}
  h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
  q:before, q:after {content:'';}
  strong {font-weight:bold;}
  em {font-style:italic;}
  a img {border:none;}

/* SENSIBLE DEFAULTS */
  p{margin:10px 0;}
  ul, ol{overflow:hidden; padding-left:35px;}
  ul, ul li{list-style:disc outside;}
  ol, ol li{list-style:decimal outside;}
  blockquote{padding:10px 25px;}
  div, ul, li {position:relative;}
  br.clear{clear:both; display:block; height:1px; margin:-1px 0 0 0;}

/* WORDPRESS */
  .aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
  .alignleft {float:left;}
  .alignright {float:right;}
  .wp-caption {
	 border:1px solid #ddd;
	 text-align:center;
	 background-color:#f3f3f3;
	 padding-top:4px;
	 margin:10px;
	 /* optional rounded corners for browsers that support it */
	 -moz-border-radius:3px;
	 -khtml-border-radius:3px;
	 -webkit-border-radius:3px;
	 border-radius:3px;
  }
  .wp-caption img {margin:0; padding:0; border:0 none;}
  .wp-caption p.wp-caption-text {
	 font-size:11px;
	 line-height:17px;
	 padding:0 4px 5px;
	 margin:0;
  }

/* TYPOGRAPHY */
  body{font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:11pt;} 
  h1, h2, h3, h4, h5, h6{font-family:"Impact", Arial, "Helvetica Neue", Helvetica, sans-serif;}
  h1{font-size:28pt;}
  h2{font-size:24pt; text-shadow:#666 1px 1px 2px;}
  h3{font-size:18pt;}
  h4{font-size:16pt;}
  h5{font-size:14pt;}
  h6{font-size:12pt;}
  #header p{
	  font-family:"Impact", Arial, "Helvetica Neue", Helvetica, sans-serif;
	  text-transform:uppercase;
	  font-size:12pt;
  }
  #nav{font-size:9pt;}
  #nav a{text-transform:uppercase; font-weight:bold;}
  .widget h2{
	  font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; 
	  font-weight:bold;
	  text-shadow:none;
	  font-size:16pt; 
  }
  .time, .meta{font-style:italic; color:#999;}

/* FONT COLORS */
  /* #675543, #897765, #a0958a */
  h2, h3{color:#675543;} /* Primary Color */
  a{color:#897765;} /* Secondary Color */
  a:hover{color:#675543;} /* Primary Color */

/* BODY & PAGE LAYOUT */
  body{background:url('images/cc_header_bg.png') repeat-x 0 -5px; background-color:#eee;}
  #page{}

/* HEADER LAYOUT */
  #header{width:1024px; margin:0 auto; z-index:20;}
  #branding{
	  /*background:url('images/top-right.png') no-repeat 85% -20px;
	  height:100%;
	  margin-top:15px;
	  padding-bottom:15px;*/
  }
  #big_rss{
	 width:64px;
	 height:64px;
	 position:absolute;
	 bottom:-42px;
	 right:10px;
  }
  #big_rss a{
	  width:64px;
	  height:64px;
	  background: url('images/big_rss.png') no-repeat;
	  position:absolute;
	  top:0;
	  left:0;
	  z-index:10;
  }
  #big_rss a:hover{top:-39px; left:0; margin-top:0%; margin-left:0%;}
  #logo{float:left; margin:20px 15px 0 0;}
  #header h1{padding-top:30px; float:left;}
  #header h1 a{color:#675543; text-decoration:none; text-shadow:#000 1px 1px 1px;}
  #header p{
	  clear:left;
	  float:left;
	  margin:0 0 15px 0;
	  padding:0;
	  color:#675543;
  }
  #header .searchform{
	  position:absolute; 
	  width:220px;
	  top:9px; 
	  right:15px; 
  }
  #header .searchform input[type='text']{
	  position:absolute;
	  right:40px;
	  height:20px; 
	  width:175px; 
	  -moz-border-radius:10px;
	  -khtml-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
  }
  #header .searchform #searchsubmit{
	  position:absolute; 
	  left:inherit;
	  right:0;
	  top:-3px;
  }
  /*#header-banner{
	  position:absolute;
	  right:0px;
	  top:20px;
	  width:468px;
	  height:60px;
	  overflow:hidden;
  }*/

/* NAV MENU */
  #nav{
	  padding-left:1px;
	  height:40px;
	  background:url('images/bg.png') repeat-x;
	  -moz-border-radius:10px 10px 0 0;
	  -khtml-border-radius:10px 10px 0 0;
	  -webkit-border-radius:10px 10px 0 0;
	  border-radius:10px 10px 0 0;
	  z-index:20;
  }
  #nav .current_page_item > a{
	  background:url('images/nav_hover.png') repeat-x;
	  color:white; 
	  text-shadow:none;
  }
  #nav a{
	  display:block;
	  /*position:relative;*/
	  height:28px;
	  text-align:center;
	  text-transform:uppercase; 
      font-weight:bold;
	  padding:12px 15px 0 15px;
	  white-space:nowrap;
	  color:white;
	  text-decoration:none;
	  border-right:1px solid #666;
  }
  #nav a[title="Home"]{
	  -moz-border-radius:10px 0 0 0;
	  -khtml-border-radius:10px 0 0 0;
	  -webkit-border-radius:10px 0 0 0;
	  border-radius:10px 0 0 0;
  }
  #nav a:hover{background:url('images/nav_hover.png') repeat-x; text-shadow:none;}
  #nav ul, #nav li{
	  float:left; 
	  padding:0;
	  list-style:none;
	  overflow:visible;
  }
  #nav ul ul{
	  visibility:hidden;
	  position:absolute;
	  left:-1px;
	  z-index:10;
	  background-color:#fff;
	  border-color:black;
	  border-style:solid;
	  border-width:1px 1px 0 1px;
  }
  #nav ul ul li{width:100%; border-bottom:1px solid black;}
  #nav ul ul a{
	  height:15px;
	  padding:5px 10px;
	  text-align:left;
	  color:black;
	  background-color:white;
	  text-shadow:#ccc 1px 1px 1px;
	  border:1px solid #ccc;
	  border-top:none;
  }
  #nav ul ul a:hover{color:white;}
  #nav ul a:hover ul, #nav ul li:hover ul, #nav ul li.sfHover ul{visibility:visible;}
  #nav ul ul ul{display:none;} /* Change to limit depth of navigation */

/* CONTENT LAYOUT */
  #container{
	  width:1022px;
	  margin:0 auto;
	  background-color:white; 
	  padding:15px 0 20px 0;
	  height:100%;
	  border:1px solid black;
	  -moz-border-radius:0 0 10px 10px;
	  -khtml-border-radius:0 0 10px 10px;
	  -webkit-border-radius:0 0 10px 10px;
	  border-radius:0 0 10px 10px;
	  z-index:10;
  }
  #content{float:left; width:600px; margin-left:15px;}
  .page, .post{margin-bottom:25px;}
  #breadcrumbs{border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:15px;}

/* CUSTOM PAGE LAYOUT */
  #custom{
	  background-color:white; 
	  margin:0;
	  padding:0 15px;
	  height:100%;
  }

/* SIDEBAR LAYOUT */
  #sidebar{float:right; width:375px; margin-right:15px;}
  .widget{
	  padding-bottom:10px;
	  border:1px solid black; 
	  -moz-border-radius:10px;
   	  -khtml-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
  }
  .widget ul, .widget li{list-style:none; padding-left:0;}
  .widget ul{padding-left:10px;}
  #sidebar .widget{margin:15px 0; padding:0 10px 10px 10px;}
  #sidebar .widget h2{margin:0 -10px 10px -10px;}
  #sidebar .widget:first-child{margin-top:0;}
  /*#sidebar .widget p{margin:10px 0 0 0; padding:0 10px;}*/
  .widget h2{
	  background: url('images/bg.png') repeat-x;
	  margin:0 0 10px 0; 
	  padding:5px 10px;
	  color:white;
	  -moz-border-radius:10px 10px 0 0;
   	  -khtml-border-radius:10px 10px 0 0;
	  -webkit-border-radius:10px 10px 0 0;
	  border-radius:10px 10px 0 0;
  }

/* FOOTER LAYOUT */
  #footer-full{background: url('images/footer_bg.png') repeat-x bottom center;}
  #footer{
	  clear:both;
	  width:996px;
	  margin:0 auto;
	  margin-top:20px;
	  padding:15px;
	  background-color:#ddd;
	  -moz-border-radius:10px 10px 0 0;
	  -khtml-border-radius:10px 10px 0 0;
	  -webkit-border-radius:10px 10px 0 0;
	  border-radius:10px 10px 0 0;
  }
  #footer .widget{
	  width:315px; 
	  overflow:hidden;
	  float:left;
	  margin-right:15px;
	  margin-bottom:15px;
  }
  #footer hr{margin:5px 0 10px 0; color:#ccc;}

/* HOMEPAGE LAYOUT */
  #home-content{float:left; width:665px;}
  #home-blog{
	  float:right;
	  width:290px;
	  height:485px;
	  padding:10px 10px 0px 10px;
	  overflow:auto;
	  background-color:white;
  }
  #home-image{
	  width:100%;
	  height:245px; 
	  margin-bottom:15px;
	  overflow:hidden;
	  background:url('images/home.png') no-repeat;
	  -moz-border-radius:10px;
	  -khtml-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
  }
  #home-image span{
	  display:block;
	  width:645px;
	  height:20px;
	  position:absolute;
	  bottom:0;
	  padding:10px;
	  color:#fff;
	  font-weight:bold;
	  background:#000;
	  filter:alpha(opacity=70);
	  -moz-opacity:0.7;
	  -khtml-opacity: 0.7;
	  opacity: 0.7;
	  -moz-border-radius:0 0 10px 10px;
	  -khtml-border-radius:0 0 10px 10px;
	  -webkit-border-radius:0 0 10px 10px;
	  border-radius:0 0 10px 10px;
  }
  .home-box{
	  float:left; 
	  width:190px;
	  height:200px;
	  margin-top:10px;
	  overflow:hidden;
	  margin-left:5px; 
	  margin-right:5px;
	  padding:10px; 
	  -moz-border-radius:10px;
	  -khtml-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
	  border:none;
  }
  .home-box-1{background-color:#675543;}
  .home-box-2{background-color:#897765;}
  .home-box-3{background-color:#a0958a;}
  .home-box, .home-box a{color:#fff;}
  .home-box a:hover{color:#000;}
  #home-content .home-box h2{
      color:white;
	  background-image:none;
	  padding:0 0 0 5px;
	  border-bottom:1px solid white;
	  text-shadow:#000 1px 1px 1px;
  }
  #home-content .widget ul, #home-content .widget ul{padding-left:0;}

/* CONTACT PAGE LAYOUT */
  .error{color:red;}
  .err-msg-box{margin:15px 0; padding:15px; width:600px; border:1px solid red; color:black; background:#F99;}
  #contact-us{margin:25px;}
  #contact-us label{display:block;}
  #contact-us input[type='text']{margin:5px 0 15px 25px; height:20px;}
  #contact-us input[name='email'], #contact-us input[name='subject']{width:300px;}
  #contact-us textarea{display:block; width:600px; height:200px; margin:5px 0 15px 25px; }
  #contact-us input[type='submit']{margin-left:25px; padding:5px; font-weight:bold; text-transform:uppercase;}
  #contact-image{
	  position:absolute;
	  top:70px;
	  right:30px;
	  background-image: url('images/contact.png');
	  width:308px;
	  height:377px;
  }

/* SEARCH FORM */
  .searchform{position:relative;}
  .searchform input[type='text']{
	  position:absolute;
	  height:20px; 
	  width:175px; 
	  -moz-border-radius:10px;
	  -khtml-border-radius:10px;
	  -webkit-border-radius:10px;
	  border-radius:10px;
  }
  #searchsubmit{position:absolute; left:190px; top:-5px;}

/* COMMENTS */
  #comment-area h3{text-shadow:#666 1px 1px 1px; border-bottom:1px solid black; margin:15px 0;}
  #comment-area ol, #comment-area ol li{list-style-type:none; padding:0;}
  .comment-body{
	  margin:10px 0;
	  padding:15px; 
	  background:#eee; 
	  border:1px solid #666;
  }
  .comment-body img{float:left; margin-right:15px;}
  .comment-body .comment-meta{position:absolute; top:15px; right:15px;}
  .comment-body p{margin-top:25px; padding-left:45px; padding-right:15px;}
  #comment-area .reply{position:absolute; bottom:15px; right:15px;}
  #commentform{padding-left:25px;}
  #commentform input[type="text"]{height:20px;}
  #comment{width:100%;}
  #commentform #submit{margin-top:15px; padding:5px; font-weight:bold;}
  .comments-link{margin:10px 10px; text-align:right;}

/* STYLING */
  .blog h2, .page h2, .category h2, .archive h2, .single h2, .error404 h2{
	  border-bottom:1px solid black;
	  margin-bottom:10px; 
  }
  .textwidget p{padding-left:10px; padding-right:10px;}
  .addthis_container{margin-bottom:25px;}

/* KEEP AT END OF FILE */
  body.page{margin:0; padding:0;}