/* @override http://www.friedenschurch.org/wp-content/themes/friedens-v1/style.css */

/*  
Theme Name: Friedens
Theme URI: http://www.friedenschurch.org/
Description: Custom Wordpress Theme Created by <a href="http://www.mattheerema.com">Matt Heerema</a> and <a href="http://www.directsteps.com">DirectSteps Consulting</a> for <a href="http://www.friedenschurch.org">Friedens Evangelical Church</a>.
Version: 1.0
Author: Matt Heerema
Author URI: http://www.mattheerema.com/

Fridens v.1 by Matt Heerema

All Code and Graphics: copyright 2006 Direct Steps Consulting, all rights reserved.

Please feel free to disassemble this CSS and learn from it.  Please don't blindly copy and paste it.  Please do visit my Web site and say hi.

Love, Matt

*/

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset{margin: 0; padding: 0; font: 10px/130% Verdana, Arial, Helvetica, sans-serif; }
/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address{margin: 1em 0; padding: 0; clear:both;}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

/* Redefine basic tags */
body{
background:url(images/bkgd.jpg);
background-attachment:fixed;
color:#444;
}

a, a:link, a:visited{
color:#0066CC;
}
a:hover, a:active{
color:#cc0000;
}

h2, h3{
font-variant: small-caps;
color:#637D03;
letter-spacing:.08em;
margin:.4em 0;
}

h2 a:link, h3 a:link, h2 a:visited, h3 a:visited{ color:#637D03; text-decoration:none; }
h2 a:hover, h3 a:hover, h2 a:active, h3 a:active{ text-decoration:none; }

/*************************** Keeper Default Wordpress Styles */
.narrowcolumn .postmetadata { 	text-align: center; 	}
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; 	}
small { font-size: 0.9em; line-height: 1.5em; }

img.centered { display: block; margin: 0 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; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width: 115px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }

#new form { 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; }

.alt { margin: 0; padding: 10px; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }

.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

/* Begin Calendar */
#wp-calendar #prev a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }

#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

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; margin-top: 10px; margin-bottom: 30px; clear:both;border:1px solid white;}

/*************************** Event Calendar styles */
/* EventCalendar. Copyright (C) 2005, 2006 Alex Tingle.  $Revision: 1.13.4.2 $
 * This file is licensed under the GNU GPL. See LICENSE file for details.
 */
/******  Calendar ***/

#wp-calendar table { width:100%; }
#wp-calendar #prev { text-align:left; }
#wp-calendar #next { text-align:right; }
/* Fix a bug in the default style. */
#wp-calendar #prev a { font-size:100%; }
.ec3_eventday a { color:#a00 !IMPORTANT; }
#wp-calendar table td, #wp-calendar table th { text-align:center; }
#wp-calendar table td, #wp-calendar table td.pad:hover, #wp-calendar table.nav tr td {  padding:1px;  border:none; }
#wp-calendar table td:hover, #wp-calendar table #today { padding:0px; border:solid 1px #999; }
/******  Popup ***/
.ec3_popup { margin:0; padding:0; border:none; position:absolute; border-collapse:collapse; filter:alpha(opacity=87); -moz-opacity:.87; opacity:.87; z-index:30000; }
.ec3_popup td { padding:0; }
.ec3_popup table { border:solid #999 1px; background-color:#eeb; font-size:x-small; color:black; text-align:left;}
.ec3_popup table td { padding:1.5px 3px 1.5px 3px;}
#ec3_shadow0 div { width:8px; height:32px; }
#ec3_shadow0 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom right;
 vertical-align:bottom;
}
#ec3_shadow1 {
 margin:0;
 padding:0;
 border:none;
 height:16px;
 background-repeat:repeat-x;
}
#ec3_shadow2 div { width:8px; height:32px; }
#ec3_shadow2 {
 margin:0;
 padding:0;
 border:none;
 width:8px;
 background-repeat:no-repeat;
 background-position:bottom left;
 vertical-align:bottom;
}

/******  Event list ***/
.event_list_day, .event_list_month {
 word-spacing:-1px;
 letter-spacing:-0.2px;
 color:#800;
}
.event_list_day li, .event_list_month li {
 font-size:1em !IMPORTANT;
}
.event_list_day li:before, .event_list_month li:before {
 content:"" !IMPORTANT;
}
.ec3_ec { background-image:url(http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/ec.png) !IMPORTANT;
 background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/ec.png');
}
#ec3_shadow0 {
 background-image:url(http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/shadow0.png) !IMPORTANT;
 background-image:none;
}
#ec3_shadow0 div {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/shadow0.png',sizingMethod='scale');
}
#ec3_shadow1 {
 background-image:url(http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/shadow1.png) !IMPORTANT;
 background-image:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/shadow1.png',sizingMethod='crop');
}
#ec3_shadow2 {
 background-image:url(http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/shadow2.png) !IMPORTANT;
 background-image:none;
}
#ec3_shadow2 div {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.friedenschurch.org/wp-content/plugins/eventcalendar3/shadow2.png',sizingMethod='scale');
}

/*************************** Contact Form Styles */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}


/*************************** General Styles */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*************************** Structure */
#container{
width:836px;
margin:0 auto;
background:url(images/containback.png) repeat-y;
}

/* Hides from IE-mac \*/
* html #container{
background:url(images/containback-ie.gif) repeat-y;
}
/* End hide from IE-mac */

#liner{
width:820px;
background:white;
margin:0 auto;
}

/* Header stuff */
#header{
background:url(images/headerimg/family-hill.jpg) no-repeat;
width:820px; height:305px;
position:relative;
}
#header h1{
text-indent:-3000em;
color:white;
margin:0;padding:0;
width:820px;height:305px;
background:url(images/headermask.gif) top left no-repeat;
position:absolute;
top:0;left:0;
}
#header p{
position:absolute;
top:120px;left: 570px;
margin:0;padding:10px 0;
font-size: 1.5em;
line-height:1.6em;
width: 220px;
text-align: center;
color: white;
}
#header p span{ display:block; }
#header p a{ display:block;
}

/*Main Navigation Stuff*/
#nav{
width:771px;
margin:0 auto;
clear:both;
position:relative;
background:url(images/nav-back.png) bottom left no-repeat;
font-size:1.4em;
}
#nav ul{
margin:0;padding:0 30px 0 0;
list-style:none;
float:right;
display:inline;
border-left:1px solid #C4DDE8;
}
#nav ul li{
margin:0;padding:0;
float:left;
display:inline;
text-align:center;
}
#nav ul li a{
padding:.8em 1.2em;
display:block;
color:black;
text-decoration:none;
border-right:1px solid #C4DDE8;
}
#nav ul li a:hover, #nav ul li a.current{
background:url(images/nav-back-over.png) top left repeat-x;
}



#main{
clear:both;
width:771px;
margin:0 auto;
padding:20px 0 10px 0;
}

/*Content*/
#content{
width:560px;
float:left;

}
#content div.contain{
margin:0 20px 0 0;
}
#new{
font-size:1.2em;
line-height:1.5em;
}
#new h2{

}
/*columns*/
div#columns{
clear:both;
font-size:1.1em;
line-height:1.3em;
margin-top:2em;
border-top:1px dashed #ccc;
}
div.column{
width:50%;
float:left;
}
div.column div.contain{ margin:0 10px; }
div#columns h2{
font-size:1.2em;
}

/*Sidebar stuff*/
#sidebar{
width:210px;
float:left;
text-align:center;
font-size:1.2em;
}
#sidebar h2{
color:black;
font-size:1.3em;
margin:0;
}

#sidebar ul.linkslist{
font-size:1.2em;
text-align:center;
list-style:none;

}
#sidebar ul.linkslist li{
margin:0 0 10px 0;
}

#sidebar .sidebox{
background:#C1D6AE url(images/sidebar-back-top.png) top left no-repeat;
padding-top:12px;
text-align:left;
}
#sidebar .sidebox .boxliner{
background: #C1D6AE url(images/sidebar-back-bot.png) bottom left no-repeat;
padding:10px;
}

#bottom{
width:800px;height:70px;
margin:0 auto;
background: #fff url(images/grass-foot.jpg) bottom left no-repeat;
clear:both;
}

/*Footer stuff */
#footer{
clear:both;
font-size:1.1em;
color:#333;
width:836px;
margin:0 auto;padding:15px 0;
background:url(images/footerback.png) top left no-repeat;
text-align:right;
}
/* Hides from IE-mac \*/
* html #footer{
background:url(images/footerback-ie.gif) 2px 0px no-repeat;

}
/* End hide from IE-mac */
#footer p{
margin:0 auto;padding:0 10px;
width:820px;
line-height:1.4em;
}
#footer a{
color:#000;
}