/*  
Theme Name: Imagine Fellowhsip Template
Theme URI: www.imaginefellowship.org
Author:  MaryLiz Bender
Author URI: http://www.marylizbender.com/	
*/

/* Clear browser defaults */

* {margin:0;padding:0}
img, form, fieldset {border:none}
a {text-decoration:none; outline:none; color:#AFC27E}

/* Element Styles */

h1 {font-size:22px; margin-bottom:15px; font-weight:normal}
h2 {padding:12px 0 0 25px; margin-bottom:18px; font-size:18px; font-weight:normal; border-top:3px solid #404040; background:url(images/leaf.jpg) bottom left no-repeat}
h3 {font-size:14px}
p {margin:10px 0}
blockquote {margin-bottom:10px; font-size:20px; line-height:1.5em}
input, textarea {width:300px; border:2px solid silver; padding:5px; font-size:11px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif}
	form #submit {width:80px; font-size:11px; font-weight:bold}
small {font-size:.85em}

/* Classes */

.reference {font-size:11px; font-style:italic}
.hidden {display:none}
form .fmverify {width:90px; floatz;left; display:inline; margin-right:15px}
/* Header Images */
.envelope {background:url(images/envelope.jpg) left bottom no-repeat}
.podcast {background:url(images/podcast.jpg) left bottom no-repeat}
.topborder {padding-top:5px; border-top:1px solid silver}

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


/* Layout Styles */

body {font-size:11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; line-height:1.5em; color:#23211f; background-color:#fff}

#wrapper {margin:0 auto; width:761px}

	#header {float:left; width:100%;margin-bottom:12px}
		#logo {float:left; display:inline; margin:15px 0 5px 0}
		#nav {float:right; display:inline; margin-top:60px; width:606px; padding-top:24px; font-size:12px; text-align:right; list-style-type:none; background:url(images/nav_bg.jpg) top right no-repeat}
			#nav li {display:inline; margin:0 19px}
				#nav li a {color:#ca5936}
					#nav li a:hover {color:#afc27e}
		
		#twitter-page #nav {width:600px;}
		
	#hero {clear:both; margin:0 0 18px 0}
	
	#hero-interactive {clear:both;width:750px;height:300px;background-color:#000;padding:6px 5px 11px 6px;margin-bottom:2em}
		#hero-interactive ul {list-style:none;padding:0;margin:0}
			#hero-interactive ul li {float:left;width:74px;height:74px;margin:0 1px 1px 0;background-color:#707070;display:inline}
				#hero-interactive ul li a {display:block;width:74px;height:74px;background-position:0 -74px;background-repeat:no-repeat;text-decoration:none}
				#hero-interactive ul li a:hover {background-position:0 0}
				
			#hero-interactive ul li.last {width:224px}
				#hero-interactive ul li.last a {width:224px;text-indent:-9999px;background-position:0 0}
	
	#twitter-page #hero {padding:1em 0}
		#twitter-page #hero a {color:#1b8a90}
	#twitter-page #hero #twitter-video {width:420px;float:left}
	
	#twitter-page #hero #twitter-feed {width:420px;float:left}
	
	#twitter-page #hero #twitter-intro {width:341px;float:left}
		#twitter-page #hero #twitter-intro img {display:block;margin:1.5em auto 1.5em auto}
		#twitter-page #hero #twitter-intro p {font-size:14px;line-height:1.5}
		#twitter-page #hero #twitter-intro p.launch {text-align:center}
	
	#twitter-page #three_columns a {color:#1b8a90}
	
	#three_columns, #two_columns {clear:both; float:left; margin-bottom:70px; width:100%}
		
		#three_columns .post {float:left; display:inline; margin-right:23px; width:238px; height:auto}
			#three_columns .no_space {margin-right:0}
			#three_columns .post .clock {background:url(images/clock.jpg) bottom left no-repeat}
			#three_columns .button, #two_columns  .button {margin-top:15px; width:166px; height:23px;text-align:center; font-size:10px; background:url(images/button.jpg) top left no-repeat}
				#three_columns .button a, #two_columns .button a {display:block; padding:2px 0; color:#404040}
					#three_columns .button a:hover, #two_columns .button a:hover {color:grey}	
	
	#two_columns .post {float:left; display:inline; margin-right:23px; width:369px; height:auto}
		#two_columns .no_space {margin-right:0}
	
	#footer {clear:both; margin-bottom:15px; padding-top:25px; font-size:10px; color:#878787; background:url(images/footer_bg.jpg) top left no-repeat}
	
/* Donation Form specific */

#donate_submit {width:auto}

/* Blog Specific Styles */

#two_columns .blog_post {float:left; display:inline; margin-right:23px; width:565px}
	#two_columns .blog_post img {border:2px solid silver}
	
	/* Comments */
	#comments {margin:15px 0}
	.commentlist {clear:both; margin-bottom:15px; padding:15px; border-top:2px solid silver; border-bottom:2px solid silver; list-style-type:none}
		.commentlist li {padding:5px}
		.commentlist .alt {background-color:#f4f4f4}	
	

	/* Sidebar */
	#sidebar {float:left; width:173px; overflow:hidden}
		#sidebar h3 {margin-top:15px}
		#sidebar form input {width:159px; padding:1px}
		#sidebar #searchsubmit {width:auto}
		
		#feedburner {border-bottom:1px solid silver}
			#feedburner #feedburner_submit {width:100px}
			#feedburner .small {font-size:.85em}