/*  
Theme Name: Apostolic Horizon International
Theme URI: http://www.apostolichorizon.org/
Description: A custom theme for <a href="http://www.apostolichorizon.org/">Apostolic Horizon International</a>.
Version: 1.0
Author: Luke Pullella
Author URI: http://theinsanecow.com/
*/

/* 
 *	Import Blueprint
 */

@import 'blueprint/lib/reset.css';
@import 'blueprint/lib/grid.css';
@import 'blueprint/lib/buttons.css';

/*
 *  Typography
 */

body { 
  font-size: 12px;
  line-height: 18px; /* All elements should be a multiple of this value. */
}


/* Default fonts */
h1,h2,h3,
h4,h5,h6  { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; }
body      { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } 
pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  color:#111; 
  clear:both; 
}

h1 { font-size: 30px; font-weight: bold; line-height: 36px; padding: 0 0 18px 0; }
h2 { font-size: 20px; font-weight: bold; line-height: 27px; margin: 9px 0; }
h3 { font-size: 16px; font-weight: bold; line-height: 18px; margin: 9px 0 9px 0; }
h4 { font-size: 14px; font-weight: bold; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 12px; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 18px 0; }
p.last      { margin-bottom:0; }

a           { color: #125AA7; text-decoration: underline; }
a:hover     { color: #000; }

ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

sub			{ line-height: 0; vertical-align: sub; font-size: smaller; }
sup			{ line-height: 0; vertical-align: super; font-size: smaller; }

sup a		{ text-decoration: none; vertical-align: super; }
sup a:hover	{ text-decoration: underline; vertical-align: super; color: #125AA7; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #125AA7; 
  color: #125AA7;
  clear: both;
  float: none;
  height: 1px;
  margin: 0 0 16px 0;
  border: none;
}

hr.hide {
	clear:none;
}

div.hr {
	background: #ffffff url(images/hr.gif) no-repeat center; 
	clear: both; 
	float: none;
	height: 27px;
	margin: 0 0 9px 0;
	border: none; 
}

div.hr hr {
	display: none;
	visibility: hidden;
}


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

p.small   { font-size: 10px; margin-bottom: 18px; }
p.large   { font-size: 14px; line-height:36px; }
p.quiet   { color: #666; }
.hide     { display: none; }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
}
   
.dquo { margin-left: -.7em; }

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
}

/* 
 *	Body
 */

body {
	margin: 0 0 36px 0;
	background: url('images/background.gif') repeat-x top;
}

#page {
	background: #FFFFFF url('images/bg.jpg') repeat-y scroll top left;
	width: 738px;
	padding: 0 16px;
}

/* 
 *	Header
 */

#header {
	margin: 0 0 0 -16px;
	padding: 0;
	height: 150px;
	width: 770px;
	background: #842c30 url('images/header.jpg') no-repeat bottom center;
}

#headerimg {
	margin: 0 auto;
	height: 150px;
	width: 740px;
	border-left: 1px solid #83b95d;
	border-right: 1px solid #83b95d;
}

#headerimg h1, #headerimg div {
	visibility: hidden;
	display: none;
}

#articles_header {
	width: 740px;
	margin-left: -1px;
	margin-bottom: 1.5em;
	height: 144px;
	background: url(images/articles.jpg);
}

#sermons_header {
	width: 740px;
	margin-left: -1px;
	margin-bottom: 1.5em;
	height: 144px;
	background: url(images/sermons.jpg);
}

#devotions_header {
	width: 740px;
	margin-left: -1px;
	margin-bottom: 1.5em;
	height: 144px;
	background: url(images/devotions.jpg);
}

/* 
 *	Navigation
 */

#nav {
	margin: 0 0 0 -16px;
	padding: 0;
	width: 770px;
	background: url('images/bgnavflat.gif') repeat-x top;
	text-align: center;
}

#navmenu {
	margin: 0 auto;
	padding: inherit;
	height: 30px;
	width: 740px;
	background: #FFFFFF url('images/bgnav.jpg') repeat-x top;
	border-left: 1px solid #83b95d;
	border-right: 1px solid #83b95d;
	text-align: left;
}

#navmenu ul {
    font: 16px "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight: bold;
	line-height: 17px;
	color: white;
	text-align: left;
	margin: 0;
	padding: 6px 10px;
}

#navmenu ul li {
	display: inline;
	padding: 6px 10px;
	margin: 0 -10px;
}

#navmenu ul li a {
	padding: 6px 10px;
	color: white;
	text-decoration: none;
}

#navmenu ul li a:hover {
	background-color: #83B95D;
	color: white;
}

#login {
	float: right;
	margin: 0;
	padding: 6px 10px;
	text-align: right;
	color: white;
}

#login a {
	padding: 6px 10px;
    font: 16px "Lucida Grande", Geneva, Arial, sans-serif;
	font-weight: bold;
	line-height: 17px;
	color: white;
	text-decoration: none;
}

#login a:hover {
	background-color: #83B95D;
	color: white;
}

/* 
 *	Notice Bar
 */

#notice {
	clear: both;
}

#notice div {
	background: #FFFFFF;
	padding: 0 18px;
}

#notice div.left {
	float: left;
	position: relative;
	left: -1px;
}

#notice div.right {
	float: right;
	position: relative;
	right: -1px;
}

/* 
 *	Content
 */

#content {
	clear: both;
}

div.post h1 {
	padding: 36px 0 0 0;
}

div.post h1 a {
	color: #292657;
	text-decoration: none;
}

div.post h1 a:hover {
	text-decoration: underline;
}

div.post h2 {
	padding-top: 18px;
}

div.post h2 a {
	color: #292657;
	text-decoration: none;
}

div.post h2 a:hover {
	text-decoration: underline;
}

div.post div.image {
	margin-top: 18px;
}

div.navigation {
	margin: 0 0 36px 0;
}

/* 
 *	Sidebar
 */

#devotion_box {
	background: #842c30 url(images/devotion_header.gif) no-repeat top center;
	padding-top: 18px;
	margin-bottom: 18px;
	color: #FFFFFF;
}

#devotion_box h3 {
	text-align: center;
	padding: 9px 18px;
	background: #292657;
}

#devotion_box h3 a {
	color: #FFFFFF;
	text-decoration: none;
}

#devotion_box h3 a:hover {
	text-decoration: underline;
}

#devotion_box div.info, #devotion_box div.links {
	text-align: center;
	padding: 0 18px;
}

#devotion_box div.links {
	background: url(images/devotion_footer.gif) no-repeat center bottom;
	padding: 0 0 18px 0;
}

#devotion_box div.links a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.5em;
}

#devotion_box div.links a:hover {
	text-decoration: underline;
}

#flash {
	text-align: center;
	margin: 0 auto 1.5em auto;
}

#sidebar ul {
	list-style: none;
}

li.articles {
	list-style: square;
	color: #83B95D;
}

li.sermons {
	list-style: square;
	color: #842c30;
}

li.news {
	list-style: square;
	color: #292657;
}

li.uncategorized {
	list-style: square;
	color: red;
}

/* 
 *	Footer
 */

#footer {
	margin: 0 0 0 -16px;
	padding: 0;
	width: 770px;
	clear: both;
	background: white url('images/footer.jpg') no-repeat top center; 
	border: none;
	text-align: center;
}

#footer p {
	margin: 0;
	padding: 36px 0;
	text-align: center;
}

/* 
 *	Excerpts
 */

h2.latest {
	color: #83B95D;
}

.excerpt {
	margin-bottom: 1.5em;
}

.excerpt h3 {
	text-indent: 18px;
	background: transparent url(images/article.gif) no-repeat scroll left 2px;
}

.excerpt h3 a {
	text-decoration: none;
	color: #292657;
}

.excerpt h3 a:hover {
	text-decoration: underline;
}

.excerpt div.entry {
	margin-bottom: -1.5em;
}

.excerpt div.info {
	padding: 9px 0 9px 0;
	color: #777;
}

.excerpt div.links a {
	padding-right: 1em;
	color: #842c30;
	font-weight: bold;
	text-decoration: none;
}

.excerpt div.links a:hover {
	text-decoration: underline;
}

/* 
 *	Article Lists
 */

.article_list h3 a {
	color: #83B95D;
	text-decoration: none;
}

.article_list h3 a:hover {
	text-decoration: underline;
}

.article_list div.article {
	margin-bottom: 1.5em;
}

.article_list div.article h4 {
	float: left;
	clear: none;
}

.article_list div.article h4 a {
	text-decoration: none;
	color: #292657;
}

.article_list div.article h4 a:hover {
	text-decoration: underline;
}

.article_list div.article div.info {
	clear: both;
	text-align: right;
	color: #777;
}

.article_list div.article div.info span.date {
	display: block;
	clear: none;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

.article_list div.article div.info span.author {
	clear: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.article_list div.article div.links {
	clear: both;
}

.article_list div.article div.links a {
	padding-right: 1em;
	color: #842c30;
	font-weight: bold;
	text-decoration: none;
}

.article_list div.article div.links a:hover {
	text-decoration: underline;
}

/* 
 *	Church List
 */

.church_list h2 {
	color: #83B95D;
}

.church.first {
	clear: left;
}

.church h3 {
	color: #292657;
}

.church div.image {
	text-align: left;
}

/* 
 *	Comments
 */

#comment {
	width: 100%;
}

.commentlist {
	list-style: none;
	margin: 0;
}

.commentlist li {
	padding-top: 1.5em;
}

.commentlist em.moderating {
	color: red;
}

.commentlist cite {
	font-weight: bold;
}

/* 
 *	Archive
 */

.archive_title {
	color: #83B95D;
}

/* 
 *	Various styling mods
 */

.odd {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 414px;
	margin-left: -18px;
	padding: 0 18px;
}

.center {
	text-align: center;
}

.clear {
	clear: both;
}

.left, .alignleft {
	float: left;
	text-align: left;
}

.right, .alignright {
	float: right;
	text-align: right;
}

img.left {
	padding: 0 1.5em 0 0;
}

img.right {
	padding 0 0 0 1.5em;
}