/* @override 
	http://localhost:8600/wordpress/wp-content/themes/lccfc_swiss_modern/style.css
	http://lccfc.org/wordpress/wp-content/themes/lccfc_swiss_modern/style.css
*/

/*  
Theme Name: LCCFC Swiss Modern
Theme URI: http://lccfc.org/
Description: White space, gratuitous helvetica, and new church branding. LCCFC.org is now here.
Version: Alpha
Author: Jamie Fehr
Author URI: http://jamiefehr.com/

	I would rather that my code doesn't get stolen 
	but if there is any thing to be learned from it,
	or any inspiration to be gleaned from it, there is
	no problem. Contact me for questions you may have
	at: jamiefehr.com/contact or jamiefehr[at]gmail[dot]com

*/

/* @group Styles Reset from YUI */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 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 {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:'';}
abbr,acronym {border:0;}
/* Fonts */
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%;}
pre, code {font:115% monospace;*font-size:100%;}

/* Some of the Basics */
h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }
em { font-style: oblique; }
p { line-height: 1.22; padding-bottom: .6em; }
a { color: #33e; text-decoration: underline; }
a:hover { text-decoration: underline; }

/* @end */


body { 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	color: #333;
	margin: 0 auto; width: 960px;
	position: relative;
	display: block;
	line-height:1.22em;
	font-size: .8125em;
}
#hd, #main, #secondary, #ft { width: 960px; }
#main { 
	min-height: 20px;
	background: #fff url('images/body_bg.gif') 0 15px no-repeat;
}
#hd { 
	height: 36px; overflow: hidden; 
	position: relative; 
	color: #4d4d4d; margin-top: 5px; 
}

/* @group Header */

#hd h1 { height: 36px; width: 115px; float: left; overflow: hidden; }
#hd h1 a { display: block; height: 36px; width: 115px; padding-top: 50px;
	background: transparent url('images/logo.gif') 0 0 no-repeat; }
#hd h1 a:hover { background-position: 0 -36px; }
#hd #tagline { padding:18px 0 0 125px; font-size: 85%; font-weight: bold; }

div#content.home #page-header { margin-bottom: 0; }
#hd #members-login { position: absolute;	right: 0; top: 18px; font-size: 77%; }
#hd #members-login a { color: #444; text-decoration: none; }
#hd #members-login a:hover { color: #222; text-decoration: underline; }



/* @end */

/* @group Homepage */

div#content.home .meta {
	position: static;
}


div#content.home { 
	width:  960px;
	margin: 0; background-color: #fff;
}
div#content.home #calendar, div#content.home #articles {
	float: right; width: 470px; margin-top: 8px;
}
div#content.home #articles {
	margin-right: 20px;
	position: relative;
	top: -8px;
}

/* @end */



#main { margin-top: 8px; }

#content { 
	position: relative;
	width: 470px; margin-left: 245px; 
	float: left; font-size: 92%; }
#page-header {
	height: 15px;
	position: relative;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#page-header h2 {
	letter-spacing: -1px;
	font-family: Helvetica, Arial, Sans-Serif;
	position: absolute;
	bottom: -1px; left: 0;
	display: inline;
	border-bottom: 2px solid #333;
	font-size: 127%;
	color: #333;
}
.meta {
	position: absolute;
	left: -245px; top: 0px;
	font-size: 77%; width: 225px;
	color: #666; }
.meta a { color: #666; text-decoration: none;}
.meta a:hover { color: #444;  }
.entry .meta, .comment .meta { 	left: -245px; top: 11px; }
.entry .meta a { border-bottom: 1px solid #ccc; }
.entry .meta a:hover { border-bottom: 1px solid #444; }

#content .entry { padding-top: 10px; position: relative;  }
#content .entry h3 { 
	font-size: 110%; 
	font-family: Helvetica, Arial, Sans-Serif; 
	text-transform: uppercase; letter-spacing: -1px;
	margin-bottom: 5px;
}
#content .entry h3 a { text-decoration: none; color: #333; }
#content .entry h3 a:hover { color: #000; }
#navigate { margin: 8px 0; padding: 3px; }
#navigate a { color: #333; text-decoration: none; }
#navigate a:hover { text-decoration: underline; }
#navigate span  { display: block; height: 16px; }
#navigate .newer { padding-left: 21px; background: url('images/arrow_up2.gif') 0 0 no-repeat; }
#navigate .older { padding-left: 21px; background: url('images/arrow_down2.gif') 0 0 no-repeat; }

#comments-header { position: relative; height: 15px; margin-bottom: 0px; }
#comments-header h3 { 
	text-transform: uppercase; letter-spacing: -1px;
	position: absolute; left: 0; bottom: 0;
	border-bottom: 1px solid #333; }
#comments-header a {
	position: absolute; right: 0; bottom: 0;
	border-bottom: 1px solid #333;
	text-decoration: none; color: #333;
	padding-left: 12px;
	background: transparent url('images/feed-icon-10x10.gif') 0 3px no-repeat;
}
.comment { 
	position: relative; margin-bottom: 4	px;
	border-top: 1px solid #333; padding-top: 8px; }

/* @group Side Bar */

#sidebar { margin-left: 20px; float: left; font-size: 77%; }

#sidebar-header { 
	height: 15px; position: relative; margin-bottom: 10px; 
	border-bottom: 1px solid #454545; }
#sidebar-header h4 {
	position: absolute;
	bottom: 0; left: 0;
	width: 210px;
	font-weight: normal;
}
#sidebar-header h4 a { color: #454545; text-decoration: none; padding-left: 15px;
	background: transparent url('images/feed-icon-10x10.gif') no-repeat 0 0; }
#sidebar-header h4 a.help {
	padding: 0;
	background-image: none;
}
#sidebar input#s { 
	width: 215px; padding: 3px;
	margin: 0 0 8px 0; color: #333;
	background-color: #f2f2f2; border: 1px solid #b3b3b3; }
#sidebar ul { padding: 4px 0; }
#sidebar li { padding: 2px 0; display: block; height: 16px; line-height: 1.6; width: 205px; }
#sidebar li a { padding-left: 20px; color: #333; text-decoration: none; }
#sidebar li a:hover { color: #000; text-decoration: underline; }
#sidebar .date li, #sidebar .category li 
{ background: transparent url('images/folder.gif') 0 0px no-repeat; }
#sidebar .author li a { background: transparent url('images/user_gray.gif') 0 0px no-repeat; }
#sidebar .tag li a { background: transparent url('images/tag_orange.gif') 0 0px no-repeat; }
#sidebar .pages li a { background: transparent url('images/page_white.gif') 0 0px no-repeat; }



/* @end */


#secondary { 
	clear: both; color: #595959; font-size: 77%; overflow: auto; padding-top: 10px; }
#secondary div, #secondary ul {
	width: 225px; float: left;
	margin: 0px 20px 0 0;
	padding: 10px 0px;
	border-top: 1px solid #999;
}
#secondary li { padding-bottom: .4em; }
#secondary a { color: #595959; text-decoration: none; 
	border-bottom: 1px solid #ccc; } 
#secondary a:hover { color: #333;  border-bottom: 1px solid #333;}
#secondary .pages a { font-weight: bold; }
#secondary ul.four { margin: 0; }
#secondary p { line-height: 1.5; }

#ft { color: #888; font-family: Helvetica, arial; font-size: 70%; margin-bottom: 8px; }