/* 
	CSS Document 
	Author: Kevin Tracy Design
	©2009 Kevin Tracy Design for 
	The Outpost Church, Denver, CO
	
	http://kevintracydesign.com/

*/

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #333;
	}
	
body {
	background: #222;
	font-family: Baskerville, "Palatino", Constantia, "Palatino Linotype", "Book Antiqua", Georgia,  serif;
	background: url(images/woodBkc.jpg) /* 50% 0 */; 
	}

h1 {}

h2 {
	font-size: 2.2em;
	font-weight: normal;
	}

h3 {
	font-size: 2em;
	font-weight: normal;
	}

h4 {
	font-size: 1.8em;
	font-weight: normal;
	}

h5 {
	font-size: 1em;
	font-weight: bold;
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	}

p {
	line-height: 1.5em;
	margin: .5em 0 1em 0;
	}

blockquote {}

cite { font-size: .8em; padding: 0 40px 0 0; }

ol {}

ul {}

.definition { font-family: "Courier New", "Courier", "Monospace", "Symbol", "Lucida Sans Unicode"; }

#main .post blockquote p, #main .post2 blockquote p {
	font-family: Baskerville, "Palatino", Constantia, "Palatino Linotype", "Book Antiqua", Georgia,  serif;
	font-size: 1em;
	font-style: italic;
	line-height: 1.5em;
	margin: -.75em 0 0 0;
	padding: 0 3em 0 2em;
	background: url(images/blockquote.png) 0 0 no-repeat;
	}

a:link img, a:visited img, a:hover img, a:active img { border: 0; text-decoration: none; }


/* Type & Frame Colors 
	
bigScreen: #38372f;
frame: #5b5a4f;

.red { color: #bf301a; }
.darkRed { color: #892318; }
.darkerRed { color: #69150d; }
.gray { color: #807770; }
.middleGray { color: #b4b0a9; }
.darkGray { color: #5f5650; }
.postBackground { color: #dedecb; }

*/


/* Framing */

#wrapper {
	position: relative;
	width: 980px;
	padding: 130px 10px 0 10px;
	margin: 0 auto;
	}

#header {
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -510px;	
	width: 380px;
	height: 180px;
	text-indent: -3000px;
	z-index: 100;
	}

#header a:link, #header a:visited {
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	height: 180px;
	text-indent: -3000px;
	background: url(images/paperLogo2.png) 0 0 no-repeat;
	z-index: 101;
	}

#header a:hover, #header a:active {
	background: url(images/paperLogo2.png) 0 -180px no-repeat;
	}

#homeLink a {
	position: absolute;
	top: 40px;
	left: 30px;
	display: block;
	width: 300px;
	height: 100px;
	text-indent: -3000px;
	z-index: 101;
	}

#bigScreen {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 590px;
	padding: 35px 15px 15px 15px;
	background: #38372f;
	z-index: 90;
	}

#bigScreen2 {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 590px;
	height: 285px;
	padding: 35px 15px 15px 15px;
	background: #38372f;
	overflow: hidden;
	z-index: 90;
	}

ul#bigImages { /* main image rotator for most pages */
	position: relative;
	width: 590px;
	height: 355px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

ul#bigImages2 { /* main image rotator for home page only */
	position: relative;
	width: 590px;
	height: 285px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

ul#bigImages li, ul#bigImages2 li {
	list-style-type: none;
	display: block;
	margin: -4px 0 0 -4px;
	padding: 0;
	overflow: hidden;
	}
	
ul#bigImages2 li {
	height: 285px;
	}
	
ul#bigImages li p, ul#bigImages2 li p {
	margin: 0;
	padding: 0;
	line-height: .1%;
	}

#bumper {
	clear: both;
	width: 100%; 
	height: 20px;
	overflow: hidden;
	text-indent: -3000px;
	}



/* Navigation */

ul#nav01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 620px;
	height: 35px;
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
/*	overflow: hidden;
	display: inline;	*/
	font-size: .8em;
	_font-size: 80%;
	letter-spacing: .5px;
	color: #2981C4;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	list-style: none;
	background: #777;
	z-index: 91;
	}

ul#nav01 li { 
	display: inline; 
	}

ul#nav01 li ul { 
	display: none;
	position: absolute; 
	top: 35px;
	left: 0;
	width: 124px;
	}

/*
ul#nav01 li > ul {
	top: auto;
	left: auto;
	}
*/

ul#nav01 li ul#subNav01 { left: 0; }
ul#nav01 li ul#subNav02 { left: 124px; }
ul#nav01 li ul#subNav03 { left: 248px; }
ul#nav01 li ul#subNav04 { left: 372px; }
ul#nav01 li ul#subNav05 { left: 496px; }

ul#nav01 li ul li { display: block; width: 150px; font-size: 85%; }

ul#nav01 li:hover ul, ul#nav02 li.hover ul { display: block; }

ul#nav01 li a { 
	position: relative; 
	top: 0; 
	width: 124px;
	height: 33px;
	display: block; 
	padding: 2px 0 0 0;
	background: url(images/buttonBkg1.png) 0 0 no-repeat;
	float: left; 
	}
	
ul#nav01 li ul li a { 
	position: relative; 
	width: 124px;
	height: 33px;
	display: block; 
	padding: 2px 0 0 0;
	margin: 0;
	background: url(images/buttonBkg1.png) 0 0 no-repeat;
	}
ul#nav01 li a:visited, ul#nav01 li ul li a:visited { background: url(images/buttonBkg1.png) 0 0px repeat-x; }
ul#nav01 li a:hover, ul#nav01 li ul li a:hover { background: url(images/buttonBkg1.png) 0 -35px repeat-x; }
ul#nav01 li a:active, ul#nav01 li ul li a:active { background: url(images/buttonBkg1.png) 0 -70px repeat-x; }


/* Nav Hack for IE7 */

#IEroot ul#nav01 li ul li a { 
	position: relative; 
	width: 124px;
	height: 33px;
	display: block; 
	padding: 2px 0 0 0;
	margin: 0 0 -4px 0;
	background: url(images/buttonBkg1.png) 0 0 no-repeat;
	}
#IEroot ul#nav01 li a:visited, #IEroot ul#nav01 li ul li a:visited { background: url(images/buttonBkg1.png) 0 0px repeat-x; }
#IEroot ul#nav01 li a:hover, #IEroot ul#nav01 li ul li a:hover { background: url(images/buttonBkg1.png) 0 -35px repeat-x; }
#IEroot ul#nav01 li a:active, #IEroot ul#nav01 li ul li a:active { background: url(images/buttonBkg1.png) 0 -70px repeat-x; }

/* End IE7 Hack */


#nav01 a:link, #nav02 a:link, #nav01 a:visited, #nav02 a:visited {
	line-height: 30px;
	color: #b4b0a9;
	text-decoration: none;
	}
	
#nav01 a:hover, #nav02 a:hover, #nav01 a:active, #nav02 a:active {
	line-height: 30px;
	color: #efeeec;
	text-decoration: none;
	}

ul#nav02 {
	position: relative;
	display: block;
	width: 280px;
	font-family: "Frutiger", "Univers", "Helvetica Neue", "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #2981C4;
	font-size: .8em;
	_font-size: 80%;
	margin: 0;
	overflow: hidden;	
	border-bottom: #5b5a4f 15px solid;
	z-index: 25;
	}

ul#nav02 li a:link, ul#nav02 li a:visited {
	display: block;
	list-style: none;
	width: 260px;
	height: 33px;
	padding: 2px 0 0 20px;
	background: #999 url(images/buttonBkg2.png) 0 0 no-repeat;
	}
ul#nav02 li a:hover { background: url(images/buttonBkg2.png) 0 -35px no-repeat; }
ul#nav02 li a:active { background: url(images/buttonBkg2.png) 0 -70px no-repeat; }

#sidebar #nav02 ul { list-style: none; } /* Gets rid of bullets for sidebar links */



/* Body Parts */

#main {
	position: relative;
	float: right;
	width: 620px;
	overflow: hidden;
	padding: 305px 20px 25px 20px;
	background-image: url(images/wrapperBkg.png);
	z-index: 80;
	}

#main2 {
	position: relative;
	float: right;
	width: 620px;
	overflow: hidden;
	padding: 235px 20px 25px 20px;
	background-image: url(images/wrapperBkg.png);
	z-index: 80;
	}

.post {
	position: relative;
	width: 580px;
	padding: 1em 20px 2em 20px;
	min-height: 300px;
	background: #dedecb url(images/postBkg.png) 0 0 no-repeat;
	}

.post2 {
	position: relative;
	top: 20px;
	width: 580px;
	padding: 1em 20px 1em 20px;
	margin-bottom: 20px;
	background: #dedecb url(images/postBkg.png) 0 0 no-repeat;
	}

.post h2, .post2 h2 {
	font-size: 2.5em;
	}
.post h2 a:link, .post2 h2 a:link, .post h2 a:visited, .post2 h2 a:visited {
	text-decoration: none;
	border-bottom: #dedecb 1px dotted;
	}
.post h2 a:hover, .post2 h2 a:hover {
	text-decoration: none;
	border-bottom: #222 1px dotted;
	}
.post h2 a:active .post2 h2 a:active {
	text-decoration: none;
	border-bottom: #222 1px solid;
	}

.post a:link, .post a:visited {
	color: #555;
	}

.post a:hover, .post a:active {
	color: #000;
	}

.entry {
	padding: 0 .5em;
	}

.entry h5, .entry2 h5, .entry h5 a, .entry2 h5 a {
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	margin-top: 1em;
	}

.postNavigation { 
	clear: both; 
	border-top: #5b5a4f 1px dotted; 
	padding: 1em 0;
	}

.postNavigation h6 a { 
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-weight: normal; 
	font-size: .8em;
	}
	
.goRight { float: right; }

.goLeft { float: left; }

.editLink { 
	width: 600px; 
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-size: .7em;
	padding: 10px 0 0 0; 
	text-align: center; 
	}
.editLink a { color: #CCC; }

.post ul, .post-2 ul {
	list-style-type: disc;
	margin: -1em 30px 0 30px;
	}

.post ol, .post-2 ol {
	list-style-type: decimal;
	margin: -1em 30px 0 30px;
	}
	
.post ul li, .post-2 ul li, .post ol li, .post-2 ol li {
	font-size: 1em;
	line-height: 1.5em;
	}
 
.map { border: #5b5a4f 2px solid; }

.podcastInfo { font-style:italic; }


/* Comments */

#comment {
	width: 560px;
	}

label#respond {}

.smallLabel { font-size: .8em; }

#author, #email, #url, #comment {
	padding: 5px;
	font-size: .8em;
	}

ol.commentlist {
	padding: 0;
	margin: 1em 0 2em 0;
	list-style: none;
	background: #cdcdb8;
	}

ol.commentlist li {
	padding: 15px 20px 25px 20px;
	list-style: none;
	}

.commentlist p {
	margin: 0;
	font-style: italic;
	}

.commentlist h5 {
	font-family: Baskerville, "Palatino", Constantia, "Palatino Linotype", "Book Antiqua", Georgia,  serif;
	font-weight: normal;
	font-size: .85em;
	padding: 0 0 0 20px;
	}

.commentlist h6 {
	font-weight: normal;
	font-variant: small-caps;
	font-size: .7em;
	padding: 0 0 0 20px;
	}

.alt { 
	background: #d7d7c3; 
	}



/* Sidebar */

#sidebar {
	position: relative;
	float: left;
	overflow: hidden;
	width: 300px;
	padding: 20px 0 25px 20px;
	background-image: url(images/wrapperBkg.png);
	}

#frame {
	position: relative;
	width: 280px;
	padding: 10px 10px 5px 10px;
	background: #5b5a4f;
	}

.mapFrame {  border: 2px solid #b4b0a9; }

.window1 {
	position: relative;
	width: 260px;
	height: 113px;
	padding: 5px 10px;
	background: #c6c6b4 url(images/sideWinBkg.png) 0 0 no-repeat;
	border-bottom: #5b5a4f 15px solid;
	overflow: hidden;
	}
	
.window2 {
	position: relative;
	width: 260px;
	padding: 5px 10px 10px 10px;
	background: #c6c6b4 url(images/sideWinBkg.png) 0 0 no-repeat;
	border-bottom: #5b5a4f 15px solid;
	overflow: hidden;
	}

.windowDef {
	position: relative;
	width: 280px;
	height: 122px;
	padding: 0;
	background: #c6c6b4 url(images/sideWinBkg.png) 0 0 no-repeat;
	border-bottom: #5b5a4f 15px solid;
	overflow: hidden;
	}
	
.winText {
	width: 255px;
	padding: 0 0 0 5px;
	}

#sidebar #frame .window1 p, #sidebar #frame .window2 p { 
	font-size: .9em; 
	line-height: 1.1em; 
	margin: 0 0 1em 0; 
	}

#sidebar #frame .window1 h4, #sidebar #frame .window2 h4 { color: #111; }

#sidebar #frame .window1 h5, #sidebar #frame .window2 h5 { 
	line-height: 1.3em; 
	margin: 0 0 .2em 0;
	padding: 0; 
	}

#sidebar #frame .window1 h6, #sidebar #frame .window2 h6 { 
	font-size: .7em; 
	line-height: 1em; 
	margin: .25em 0; 
	color: #555;
	font-weight: normal;
	font-variant: small-caps;
	}



/* Forms */

#contactOutpost {
	margin: 0;
	}
	
.contactLabel { 
	padding: 16px 0 0 0;
	font-size: 90%;
	color: #555555;
	}

.contactOutpost {
	background-color: #fff;
	border: #666666 1px dotted;
	padding: 2px;
	width: 340px;
	margin: 0 0 8px 0;
	font-size: 90%;
	color: #555555;
	}
	
#contactSubmit {
	font-size: 90%;
	color: #666666;
	margin: 9px 0 0 0;
	}
	
.required {
	font-size: 90%;
	color: #124c64;
	font-style: italic;
	}

input#submit { 
	font-size: 90%;
	font-family: Baskerville, "Palatino", Constantia, "Palatino Linotype", "Book Antiqua", Georgia,  serif;
	}

.captchaImage { border: #b4b0a9; } 
.captchaField { margin: 0; }
.captchaNote { margin: 0 0 -.5em 0; }
#captchEmail, #captchaName, #captchaSubject, #captchaMessage, #captchaField { 
	padding: 3px;
	font-size: .8em;
	}
#captchaMessage { width: 550px; }

/* Footers */

#footer {
	position: relative;
	bottom: 0;
	left: 50%;
	width: 660px;
	margin-left: -170px;
	padding: 1em 0 1.5em 0;
	background-image: url(images/wrapperBkg.png);
	text-align: center;
	}

ul#footerCopy  { display: inline; }

ul#footerCopy li { 
	display: inline;
	font-family: "Frutiger", "Univers", "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", "Lucida Sans", "Lucida Grande", Verdana, Tahoma, sans-serif;
	font-size: .7em; 
	font-weight: normal;
	color: #777;
	}

ul#footerCopy li a:link, ul#footerCopy li a:visited {
	font-weight: normal;
	color: #777;
	}
ul#footerCopy li a:hover, ul#footerCopy li a:active {
	font-weight: normal;
	color: #999;
	}