@charset "utf-8";
/* CSS Document */
a { color: #35F; }
img { border: none; }
span { display: none; }

html, body, h1 { padding: 0; margin: 0; background: #F3F3F3; }
body { color: #000; background: #C8C8C8 url(../images/botfade.png) bottom repeat-x; font-family: Verdana, Geneva, sans-serif; }

#header { width: 100%; background: #FFF; border-bottom: #333 thin solid; }
	#inner_header { width: 975px; margin: auto; padding: 1em 0; }
		h1 a { width: 175px; height: 81px; background: url(../images/w3iglogo.png); display: block; float: left; margin-left: .5em; }
		#nav { float: right; margin: 0; padding: 1em .5em; font-size: 24px; margin-right: 2em; }
		#nav li { list-style: none; display: inline; }
		#nav li a { color: #222; text-decoration: none; padding: 1em; }
		#nav li a:hover { background: url(../images/underline.png) center bottom no-repeat; }
		.admin { text-align: center; margin: .5em 1em 0 1em; letter-spacing: 5px; font-size:18px; border: #C00 solid; background: #FFD; padding: .5em 0; }
		.admin a { color: #F00; letter-spacing: normal; }

h2 { padding-left: 40px; background:url(../images/h2bullet.png) left no-repeat; }

/* More Stuff */

#content-wrapper {background: url(../images/bodyfade.png) top repeat-x; padding-top: 1em; }

	#homepic { background: url(../images/mainpic.png) center no-repeat; width: 950px; margin: auto; height: 300px; display: block; border: #000 solid thin; margin-bottom: 1em; }
	#blogpic { background: url(../images/blogpic.png) center no-repeat; width: 950px; margin: auto; height: 100px; display: block; border: #000 solid thin; margin-bottom: 1em; }
	#peoplepic { background: url(../images/peoplepic.png) center no-repeat; width: 950px; margin: auto; height: 100px; display: block; border: #000 solid thin; margin-bottom: 1em; }
	#aboutpic { background: url(../images/aboutpic.png) center no-repeat; width: 950px; margin: auto; height: 100px; display: block; border: #000 solid thin; margin-bottom: 1em; }
	#contactpic { background: url(../images/contactpic.png) center no-repeat; width: 950px; margin: auto; height: 100px; display: block; border: #000 solid thin; margin-bottom: 1em; }
	#filler { background: url(../images/filler.png) center no-repeat; width: 950px; margin: auto; height: 100px; display: block; border: #000 solid thin; margin-bottom: 1em; }
	#deniedpic { background: url(../images/denied.png) center no-repeat; width: 950px; margin: auto; height: 500px; display: block; border: #000 solid thin; margin-bottom: 1em; }
	
	#page-content { width: 920px; margin: auto; background: #EEE; padding: 0 1em; border: #000 solid thin; }
	.services { float: right; padding: 0 1em 1em 1em; width: 250px; height: 475px; margin-left: 1em; /*background: url(../images/involve.png) bottom no-repeat;*/ }
	.services h2 { text-align: center; background: none; padding: 0 }
	.services ul { text-align: center; padding: 1em 0; border: #39F 1px solid; background: url(../images/involve.png) center no-repeat; }
	.services ul li { list-style: none; padding: .75em 0; }
	.services ul li a { height: 45px; width: 175px; display: block; margin: auto; border: #000 1px solid; }
	
	.hydrogen { background: url(../images/h2button.png) center no-repeat; }
	.medicine { background: url(../images/medbutton.png) center no-repeat; }
	.flooring { background: url(../images/floorbutton.png) center no-repeat; }
	.military { background: url(../images/militarybutton.png) center no-repeat; }
	.construction { background: url(../images/constbutton.png) center no-repeat; }
	.faith { background: url(../images/faithbutton.png) center no-repeat; }
	
	.welcome { border-bottom: #AAA thin dashed; margin-right: 290px; }
	
	h3 a { color: #69F; margin-bottom: 0; }
	
	.reading { margin-right: 290px; }
	.reading h3 a { margin-right: 290px; text-decoration: none; }
	.reading h3 a:hover { text-decoration: underline; }
	.reading ul { margin: 0; padding: 0; }
	.reading ul li { list-style: none; }
		.material { float: right; padding: 1em 0 1em 1em; width: 190px; height: 60px; }
		.material h3 { margin: 0; font-size:16px; padding-top: 0; }
		.material ul li { font-size:14px }

	#blogtools { text-align: right; float: right; }
	#searchBox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/overlay.png); }
	#searchBox h2 { margin-top: .5em; }
		#searchBox form { position: relative; top: 50%; left: 50%; margin-left: -100px; margin-top: -200px; background: url(../images/search.png) no-repeat; width: 200px; padding: 1px 1.75em 1em 1em; }
			#searchBox p { text-align: center; }
			#searchBox ul { list-style: none; margin: 0; padding: 0; text-align: left; }
				#searchBox ul li { margin: .5em 0; }
					#searchBox ul li input { display: block; width: 97%;  }
					#searchBox ul li.x input { width: 100%; }
					#searchBox ul li label { font-size: 14px; color: #555; }
	.blogpost { border-bottom: #555 1px dotted; padding-bottom: 1em; }
	.blogpost img { max-width: 100% }
	.searchresult { padding-bottom: 1em; }
	.searchresult p { margin: 0; }
	.link { color: #0C6; font-style: italic; font-size:14px; }
	.admintool { text-align: center; text-decoration: underline; font-size:18px; font-weight: bold; margin: 0; }
	.adminadd input { display: block; width: 99%; }
	.adminadd textarea { display: block; width: 99%; height: 200px; }
	.adminadd #submit { background: #69F; color:#FFF; width: 200px; height: 50px; font-size:18px; }	
	.blogpost h2 { margin-bottom: 0; }
	.blogpost h3 { color: #69F; margin-bottom: 0; }
	.blogby, .tags { font-size: 14px; color: #555; }
	.timestamp { padding: 0; margin: 0; font-size:14px; color: #555 }
	
	.client { border: #999 1px solid; background: #CDF; margin: 1em 0; }
	.client h3 { margin: 0; padding: .5em; color: #000; background: #BCF; border-bottom: #999 1px solid; }
	.client img { float: left; margin: 1em; padding: .5em; border: #CCC 1px solid; background: #FFF; }
	.client p { margin: 1em; padding: 0; }
	
	.contact { width: 272px; float: left; margin: 0 .5em 1em .5em; padding: 0 .5em .5em .5em; border: #000 1px solid; background: #FFF; }
	.contact li { list-style: none; padding: .5em 0 0 0; border-bottom: #555 1px solid; }
	
#footer { text-align: center; font-size: 14px; }
#footer a { color: #000; }
.clear { clear: both; }
.pagination { text-align:center; font-weight:bold; }
.pagination a {	color: #69F; text-decoration:none; padding: 2px 5px; margin: 0 3px; border: thin solid #000;
	background: #FFF; font-weight:bold; }
	
.alert { display: block; font-size:14px; background: #FF9 url(../images/alert.png) left no-repeat; border: #900 2px solid; color: #F00; padding: 1em 1em 1em 40px; text-align: center }
.success { display: block; font-size:14px; background: #97FF97 url(../images/success.png) left no-repeat; border: #093 2px solid; color: #030; padding: 1em 1em 1em 40px; text-align: center }

.projects { border: #39F 1px solid; background: #FFF; padding: 0 1em; width: 180px; float: left; margin: 0 1em .25em 0; }
.projects ol { padding: 0 0 0 1.5em }
	
/* ADMIN Section */
	
/* Add Blog */
.addblog { border: #000 1px solid; padding: 0 1em; width: 450px; margin: 1em 0; background: #DDD; }
.addblog ul { list-style: none; padding: 0 }
.addblog li { padding: 5px 0 }
.addblog label { font-size:14px; color: #555 }
.addblog input, .addblog textarea { display: block; width: 100%; }

/* Remove Blog */
.removeblog { border: #000 1px solid; padding: 0 1em; width: 450px; margin: 1em 0; background: #DDD; }
.removeblog ul { list-style: none; padding: 0 }
.removeblog li { padding: 5px 0 }
.removeblog label { font-size:14px; color: #555 }
.removeblog input, .removeblog textarea { display: block; width: 100%; }

/* Media Manager */
.mediamanager { border: #000 1px solid; padding: 1em;  margin: 0 0 1em 0; width: 390px; background: #DDD; float: right; }
.mediamanager h3 { margin-top: 0 }
.mediamanager ul { list-style: none; padding: 0 }
.mediamanager li { padding: 5px 1em; }
.mediamanager img { width: 100%; }
.mediamanager label { font-size:14px; color: #555 }