/*  
Theme Name: Stations of the Cross
Theme URI: 
Description: Stations of the cross website
Version: 0.5
Author: Gareth Bedford
Author URI: http://www.thirdman.co.nz/

*/

@import url(reset.css);

.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}
html, body {
   margin:0; padding:0; 
}
html{/*background:#d3d3d3 url(imgs/structure/bg_pattern.gif)*/}

body { text-align:center;
    font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;/**/
	line-height:1.8em;
	color:#bbbbbb;background:#bbb;
	/*background:url(imgs/structure/bg_pattern_fade.gif) repeat-y 760px 5px;*/
	/*background:url(/2009/background.jpg) repeat;*/
	background:#d3d3d3;
}
a{color:#FF0000;}

p{margin:1em 15px; color:#666; font-size:1.2em; }

#container{width:760px; border-right:2px solid #999; border-bottom:2px solid #bbb; padding-right:2px; padding-bottom:2px; background:white;/*font-size:.9em;*/ text-align:left; margin: 0px auto; border-left:2px solid #999;padding-left:2px; }


/*===start====*/
ul#startlist{  text-align:left; list-style-type:none;  margin-bottom:4px; }
#bottom_bit{height:20px; width:750px;background:#bbb url(imgs/structure/intro_review.gif) no-repeat 400px 0px;margin-bottom:40px;}
ul#startlist li a.intronav{  height:100px; width:750px; overflow:hidden;  margin:4px 2px 4px 4px; display:block; background:#bbb; color:#fff; font-size:3em; text-decoration:none;}
ul#startlist li a.intronav span{display:none;}
ul#startlist li a.intronav#intronav_review{background:#bbb url(imgs/structure/intro_review.gif) no-repeat 400px 0px;}
ul#startlist li a.intronav#intronav_info{background:#bbb url(imgs/structure/intro_info.gif) no-repeat 400px 0px;}
ul#startlist li a.intronav#intronav_info_postponed{background:#bbb; padding: 40px 0 0 10px; width: 744px; text-align: center; color: #444; height: 60px;}
ul#startlist li a.intronav#intronav_about{background:#bbb url(imgs/structure/intro_about.gif) no-repeat 400px 0px;}
ul#startlist li a.intronav#intronav_about:hover, ul#startlist li a#intronav_info:hover, ul#startlist li a#intronav_review:hover, ul#startlist li a#intronav_info_postponed:hover {  background-color:#b0b0b0; color:#ddd; background-position:400px -100px;}

#start #box_top{ background:#bbb; height:15px; margin:2px 0;}
#start #header_start{margin:4px 0 0 4px;}
/*===HEADER====*/
#header{ overflow:hidden; width:100%; /* border-top:12px solid #bbb;*/ background:#f9f9f9; }
#start #header{ background:#fff; }
#header_title{margin:4px 8px 8px;}
.subtitle{margin-left:8px; border-left:1px solid #bbb; padding-left:8px; margin-top:8px;}
#box_top{/* background:#bbb;*/ float:right; width:299px;}
#homelink{float:left; display:none;}
#homelink li{color:#fff;float:left; list-style-type:none;}
#homelink li a{color:#fff;  text-decoration:none; font-weight:bold; border-right:1px solid white;  height:60px; display:block; line-height:90px; padding:0 15px;}
#homelink li a:hover{color:#999; background:#f3f3f3;}

#box_top ul#top_nav{ list-style-type:none; float:right; margin-right:1px; }
ul#top_nav li{color:#fff;float:left;}
ul#top_nav li a{color:#fff; background:#ddd; text-decoration:none; font-weight:bold;border-bottom:1px solid white; border-left:1px solid white;  height:60px; display:block; line-height:90px; padding:0 10px;}
ul#top_nav li a.current{ background:#eee; color:#999; /*color:#bbb;*/ }
ul#top_nav li a:hover, ul#top_nav li a.current:hover{ color:#999; background:#f3f3f3;/**/}

#box_search{float:right; margin-top:-5em; position: relative; top: 1em;}

#box_nav{ background:#bbb; height:31px; border-top:3px solid #bbb;border-bottom:0px solid #bbb; }
ul#nav{list-style-type:none;  border-top:1px solid white; }
ul#nav li{color:#fff;float:left; }
ul#nav li a{color:#fff; text-decoration:none; padding: 0px 5px; font-size:1.4em; display:block;  height:30px; line-height:30px; border-right:1px solid white; }
ul#nav li a.menulink_current{color:#fff; font-weight:bold; background:#ddd; }
ul#nav li a:hover{color:#bbb; background:#f3f3f3;}

#box_intro{height:244px;  color:#fff; margin:4px 0; }
#intro_big{}
.intro_two, .intro_one{ border-left:4px solid white; float:right; width:180px; height:244px;background:#bbb; }
.intro_one{ background:#fff;}
.featimg_1{height:244px; width:392px;/*border:2px solid #bbb;height:240px; width:388px;*/}
.featimg_2{}
.featimg_3{margin-top:4px;}

/*======= INFO ==========*/
#infolist{ background:#bbb; color:#fff;}
#infolist dt{float: left; font-size:1.3em; width:200px; height:50px; font-weight:bold; padding:8px 12px 0px 4px;  background:#aaa; text-align:right; border-right:1px solid white; border-bottom:1px solid white;}
#infolist dd{ height:50px;padding:4px 4px 4px 24px;margin-left:209px; border-bottom:1px solid white; font-size:1.3em;}

/*======= MAIN ==========*/
h2{ font-size:1.8em; color:#999;font-weight:bold; letter-spacing:-.05em;}
.box_title h2{ font-size:1.8em; color:#fff; margin:20px 4px 0 0;font-weight:bold; float:left; letter-spacing:-.05em;}
h3{font-size:1.4em; font-weight:bold; padding: 1em 1em .5em 1em }
h3#comments{background:#ddd; color:#999; margin-top:2em;}
h4{font-size:1.4em; font-weight:bold; letter-spacing:-1px;border-bottom:2px solid #eee; padding: 1em 0 .5em 0  }
.titleimg{margin:2px 2px 2px 10px;}

.box_main{ margin: 0 0 4px 0; overflow:auto; margin-top:1px;border-top:2px solid #bbb;}
.box_title{ height:60px; background:#bbb; margin-bottom:4px;}

.left_wide{width:500px; float:left; padding:1em 0 4em 20px; /*background:#eeeeee;*/}

.right_small{ width:234px;  float:right;}
.left_half, .right_half{width:374px; float:left; padding-left:4px; background:#fff; margin:2px 0px 0px 0px;}
.right_half{margin:2px 2px 0px 2px;}
hr{ border:0; height:2px; background:#bbb;}
#box_av{ background:#bbb;}
.postmetadata {
	clear: left; font-size:.9em; padding: 1em 0 1em 2em; 
}
.postmetadata a{color:#aaa;}

#searchcontent{ padding:4px 20px;margin-top:1px;border-top:2px solid #bbb;}
em, p em{ color:#999999; font-size:.9em; font-stretch:condensed;
	font-style: italic;
}


/*====Menus====*/
/* dave's rant menu etc*/
.right_small{}
.right_small ul#menu_maincontent{  list-style-type:none; }
.right_small ul li{ }
.right_small ul li a{background:#eee;  /*color:#999;*/ text-decoration:none; display:block; margin:2px 2px 2px 0; padding:4px 10px 4px 10px; }
.right_small ul li a:hover{ background:#dfdfdf; }
.right_small ul li li{  background:transparent;}
.right_small ul li li a{  background:#f9f9f9;color:red; margin:2px 0 2px 0px; padding:4px 4px 4px 12px;}
.right_small ul li li a:hover{  background:#fff;}

#flexi-pages .page_item{border:1px solid pink;}
#flexi-pages ul li .page_item{border:1px solid red; margin-left:10px;}

/*====FOOTER====*/
#footer{  margin-top:0px;border:2px solid #bbb; border-left:2px solid #999; border-right:2px solid #999; background:#bbb; padding-bottom: 50px; color:#FFFFFF; margin:0 auto; width:764px;}

/*===FORMS===*/
#box_search #searchform input#s{border:1px solid #bbb; background:#eee;}
#box_search #searchform input#searchsubmit{border:1px solid #bbb; background:#ddd;}

gb_form_div{}
.main_formhead{display:none;}
#gb_form{ background:#e9e9e9; padding:10px; width:440px; font-size:1.2em; border:1px solid #bbb;}
#gb_form #mainlegend{display:none;}
#gb_form legend{color:#666; font-weight:bold;}
/*=======comments ======*/
.entry p a:visited {
	color: #b85b5a;
	}
.commentlist{background:#f0f0f0;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em "Helvetica Neue", Arial, Helvetica, sans-serif;
	}

.commentlist li {
	font-weight: bold; border-bottom:2px solid white; padding:.5em;
	}
	
.commentlist .alt {
	font-weight: bold; border-bottom:2px solid white;background:#f6f6f6;
	}

.commentlist cite, .commentlist cite a:link {
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	color:#888;
	}
.commentlist cite a:hover{color:#aaa;}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	color:#888;
	}

#commentform p {
	}

.commentmetadata, .commentmetadata a{
	font-weight: normal;
	font-size:1em;
	line-height:2em;
	color:#aaa;
	
	}
	.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	padding: 2em 2em; margin: 2em 4em 0;
border-top:1px solid #bbb;
	}

/*FORMS*/
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/*----archives ---*/
div#sidebar{ }

.ZenphotoPress_thumb{margin:3px; padding:2px; background:#eee;}