/*  
Theme Name: Trinity Church
Theme URI: http://trinitychurch.org.nz/
Description: Wordpress Theme for Trinity Presbyterian Church.
Version: 0.9
Author: Dan Willis
Author URI: http://twoseven.co.nz/

	Trinity Church v1.5
	 http://trinitychurch.org.nz/

	This theme was designed and built by Dan Willis,
	whose blog you will find at http://twoseven.co.nz/
*/

* {
margin:0;
padding:0;
}

body {
text-align:center;
font-size: 100%;
font-family:Arial, Helvetica, sans-serif;
}

fieldset {
border: none;
}

#wrapper {
background:#fff;
width:950px;
margin:0 auto;	
text-align:left;
}

h1 {
width:950px;
height:104px;
background:#fff url(images/title.gif) no-repeat 0% 0%;
text-indent:-9999px;
}

h1 a, h1 a:hover {
display:block;
width:950px;
height:104px;
border:0;
padding:0;
margin:0;
}

h2, h3, h4 {
letter-spacing:-0.05em;
}

h2 {
font-size:1.6em;
margin:10px 0 15px 0;
}

h3 {
margin:8px 0 0 0;
}

h4 {
margin:8px 0 0 0;
}

p, .post ul li {
margin:1em 0;
}

em {
font-style:normal;
background-color:#ffc;
margin:0 -1px;
padding:4px;
}

/* --- THE NAV --- */

ul#mainnav {
height:53px;
width:950px;
background:#f00 url(images/mainnav-bg.gif) repeat-x 0% 0%;
list-style:none;
}

ul#mainnav li {
float:left;
}

ul#mainnav li a {
display:block;
text-indent:-9999px;
height:53px;
}

ul#mainnav li a#nav-home {width:59px;background:transparent url(images/menu.gif) no-repeat 0px 0px;}
ul#mainnav li a#nav-home:hover {background:transparent url(images/menu.gif) no-repeat 0px -53px;}
	
ul#mainnav li a#nav-about {width:82px;background:transparent url(images/menu.gif) no-repeat -59px 0px;}
ul#mainnav li a#nav-about:hover, ul#mainnav li a#nav-about.selected {background:transparent url(images/menu.gif) no-repeat -59px -53px;}
	
ul#mainnav li a#nav-ministries {width:90px;background:transparent url(images/menu.gif) no-repeat -140px 0px;}
ul#mainnav li a#nav-ministries:hover, ul#mainnav li a#nav-ministries.selected  {background:transparent url(images/menu.gif) no-repeat -140px -53px;}

ul#mainnav li a#nav-news {width:57px;background:transparent url(images/menu.gif) no-repeat -229px 0px;}
ul#mainnav li a#nav-news:hover, ul#mainnav li a#nav-news.selected {background:transparent url(images/menu.gif) no-repeat -229px -53px;}
	
ul#mainnav li a#nav-events {width:65px;background:transparent url(images/menu.gif) no-repeat -287px 0px;}
ul#mainnav li a#nav-events:hover, ul#mainnav li a#nav-events.selected {background:transparent url(images/menu.gif) no-repeat -287px -53px;}
	
ul#mainnav li a#nav-contact {width:97px;background:transparent url(images/menu.gif) no-repeat -350px 0px;}
ul#mainnav li a#nav-contact:hover, ul#mainnav li a#nav-contact.selected {background:transparent url(images/menu.gif) no-repeat -350px -53px;}

#searchbar {
clear:both;
text-align:right;
}

#searchbar #searchform {
margin-right:10px;
height:0;
}

#searchform fieldset {
border:0;
}

#searchbar #searchform fieldset {
border:1px solid #600;
padding:4px 16px;
}

#searchform fieldset legend {
display:none;
}

#searchbar #searchform fieldset legend {
display:block;
color:#600;
}

ul#subnav {
list-style:none;
background:#000;
border-top:4px solid #000;
border-left:4px solid #000;
}

ul#subnav li {
display:block;
padding:16px 16px 4px 16px;
float:left;
color:#fff;
text-transform:uppercase;
font-size:0.8em;
}

ul#subnav li a {
color:#fff;
text-decoration:none;
}

ul#subnav li a:hover {
text-decoration:underline;
}

ul#subnav li.current_page_item {
background:#600;
text-decoration:underline;
}

	
/* --- BLOCKS/COLUMNS --- */
.fullwidth {
float:left;
width:950px;
border-top:4px solid #600;
margin-bottom:20px;
}

.oneofthree {
float:left;
width:310px;
border-top:4px solid #600;
margin-left:10px;
margin-bottom:20px;
}
.twoofthree {
float:left;
width:630px;
border-top:4px solid #600;
margin-left:10px;
margin-bottom:20px;
}

.oneoffour {
float:left;
width:230px;
border-top:4px solid #600;
margin-left:10px;
margin-bottom:20px;
}
.twooffour {
float:left;
width:470px;
border-top:4px solid #600;
margin-left:10px;
margin-bottom:20px;
}
.threeoffour {
float:left;
width:710px;
border-top:4px solid #600;
margin-left:10px;
margin-bottom:20px;
}

.firstblock {
margin-left:0;
}

/* --- POSTS --- */

.navigation {
background:#ffc;
}
.navigation .alignleft, .navigation .alignright {
margin:5px;
}

.post {
clear:left;
margin:0 0 20px 0;
}
.post h3 {
border-bottom:1px solid #f99;
}
.post h3 a{
text-decoration:none;
}
.post h3 a:hover{
text-decoration:none;
}

p.postdetails, p.postmetadata {
font-size:0.8em;
background:#ffc;
color:#600;
padding:4px;
margin:0 0 10px 0;
}

p.postdetails {
margin:0;
}

.entry {
margin-top:10px;
}

.entry ul {
margin-left:2em;
}

p.comments{
text-indent:4px;
line-height:16px;
}

p.comments a {
margin-left:20px;
font-size:smaller;
}

/* --- COMMENTS --- */

h3#comments, h3#respond {
border-bottom:1px solid #f99;
}

ol.commentlist {
margin:0;
padding:0;
margin-top:20px;
list-style-position:inside;
}

ol.commentlist li {
padding:10px;
}

ol.commentlist li.alt {
background-color:#ffc;
}

ol.commentlist cite {
font-style:normal;
}

p.commentmetadata {
font-size:0.8em;
background:#ffc;
color:#600;
padding:4px;
margin:0;
}

/* --- OTHER --- */

div#content a {
color:#900;
}

div#content a:hover {
background:#f00;
color:#fff;
text-decoration:none;
}

#searchpagebox {
margin:20px;
}

ul#photos {
list-style-type:none;
}

ul#photos li {
float:left;
margin:10px;
}

/*
div#map {
width:300px;
margin:10px;
height:200px;
}
*/

/* --- PARAGRAPHS WITH AN ICON --- */

p.time, p.place, p.phone  {
padding-left:24px;
min-height:16px;
}
p.time {
background:transparent url(images/icons/time.gif) no-repeat left top;
}
p.place {
background:transparent url(images/icons/home.gif) no-repeat left top;
}
p.phone {
background:transparent url(images/icons/phone.gif) no-repeat left top;
}
p.comments {
background:transparent url(images/icons/comment.gif) no-repeat left top;
}

/* --- THE FOOTER --- */

#footer {
clear:both;
height:53px;
width:950px;
background:#f00 url(images/mainnav-bg.gif) repeat-x 0% 0%;
}
#footer p {
padding-top:20px;
color:#fff;
margin:0 0 0 10px;

font-size:0.8em;
background-color:transparent;
}
#footer a {
color:#fff;
}
#footer a:hover {
text-decoration:none;
}

/* --- UTILITIES --- */

.alignleft {
float:left;
border: 1px solid #fff;
margin-right: 10px;
}

.alignright {
float:right;
border: 1px solid #fff;
margin-left: 10px;
}

/* Clearfix - thanks to Position Is Everything: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */