/*

Theme Name: Twiistup	
Theme URI: http://www.twiistup.com
Description: Kickass design for Twiistup
Version: 1.0
Author: Ben Bleikamp [ ben.bleikamp@gmail.com  | http://www.bleikamp.com ]
Author URI: http://www.bleikamp.com

*/

/* Eric Meyer's reset.css file 
	More Info: http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/  */

@import url('reset.css');

/* -----------------------------------------------------------------------------------------------------------------------*/

body { background: #472313 url("images/body_bg.gif") 0 0 repeat-x; font: 62.5% Helvetica, Arial, Sans-Serif; color: #333; text-align: center; }

#container { width: 960px; margin: 0 auto; text-align: left; }

/* ================================================================
	MAIN SITE STRUCTURE [ primary layout <divs> ]
   ================================================================ */

#header { float: left; width: 100%; background: url("images/header_bg.gif") 0 0 no-repeat; }

	#logo { float: left; background: url("images/twiistup_logo.gif") 0 0 no-repeat; width: 167px; height: 77px; text-indent: -9999px;  }

	ul#navigation { float: right; margin-top: 57px; font-size: 1.2em; }
	
		ul#navigation li { float: left; }
	
			ul#navigation a { color: #ffffff; padding: 10px 10px 7px 10px; text-decoration: none; margin-left: 1px;}
			ul#navigation a:hover { color: #000; background: #fff; }
			ul#navigation a.active { color: #000; background: #fff; padding: 10px 10px 8px 10px; }

#content { float: left; width: 920px; padding: 20px; background: #fff; }

#contento { float: left; width: 725; padding: 0px; background: #fff; }

#contenti { float: center; width: 920px; padding: 0px; background: #fff; }


	#splash { float: left; width: 920px; margin-bottom: 1.5em; }

.home { background: url("images/twiistup_splash.gif"); height: 109px; text-indent: -9999px; }
	
		
		.page { height: 35px; background: url("images/page_splash.gif") 0 0 no-repeat; padding-left: 15px; width: 905px; text-transform: uppercase; letter-spacing: 1px; font-size: 1.6em; line-height: 39px; color: #fff; }
	
#sidebar { float: left; width: 200px; }
#blog_sidebar_3 { width: 350px; float: right; border-left: 1px dotted #ccc; padding: 10px 0 0 10px; }
#blog_sidebar { width: 170px; float: right; padding: 10px 0 0 10px; }
#blog_sidebar_2 { width: 170px; float: right; border-left: 1px dotted #ccc; padding: 10px 0 0 10px; }


	#sidebar ul, #blog_sidebar ul {  }	
		#sidebar ul li, #blog_sidebar ul li { margin: 0 0 1.5em 0; }
		
			#sidebar ul li.next_event { background: #d6002e url("images/next_bg.gif") bottom left no-repeat; padding: 10px; color: #fff; line-height: 1.5em; width: 230px; }

		#blog_sidebar ul.inside { font-size: 1.2em; }
		#blog_sidebar ul.inside li { padding: .3em 0; margin: 0;}

#right { float: right; width: 630px; }

	.wide { width: 630px; float: left; margin-bottom: 1.5em; }
	.narrow { width: 300px; margin-bottom: 1.5em; float: left; margin-right: 15px; }
	
	ul#posts { font-size: 1.4em; color: #666; }
	ul#posts li { line-height: 1.3em; padding: 10px 2px; border-bottom: 1px dotted #ccc; }
	ul#posts li.alt { background: #f1f1f1; padding: 10px 3px; }
	
#blog_content { width: 540px; float: left; margin-left: 0px; }
	
	div.post { float: left; width: 540px; margin-bottom: 3em; }
		
		div.more-link { font-size: 1.2em; font-weight: bold; }
		
	div.navigation { font-size: 1.2em; font-weight: bold; padding: .3em; }
		.alignleft { float: left; width: 50%; }
		.alignright { float: right; width: 50%; text-align: right; }
		
	div.post img { max-width: 540px; }
	
#comments { float: left; width: 540px; margin-top: 3em; }

	li.item { padding: 5px; width: 530px; border: 1px solid #ccc; background: #f1f1f1; margin: 0 0 1.5em 0; }
	li.alt { background: #fff; !important }
	
	div.comment_meta { font-size: 1.2em; width: 418px; border-bottom: 1px dotted #ccc; padding: 5px 0 5px 2px; }
	span.comment_author { font-weight: bold; }

	#comments input.text_input { width: 150px; border: 1px solid #ccc; padding: 5px; font-size: 12px; }
	#comments textarea { width: 350px; height: 100px; border: 1px solid #ccc; padding: 5px; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; }

	#reply { background: #731819; padding: 20px; width: 390px; color: #fff; }
	
#footer { float: left; width: 960px; padding: 15px 0; color: #ffffff; font-size: 1.2em; text-align: center; }
#footer a { color: #ffffff; }
#footer a:visited { color: #ffffff; }
#footer a:hover { color: #000; text-decoration: none; }

/* ================================================================
	TYPOGRAPHY / LINKS / COMMON ELEMENTS 
 ================================================================ */

h1 {}

	#right .wide h5 { font-size: 1.9em;  line-height: 18px;  font-family: Georgia;  font-weight: normal;   color: #333; letter-spacing: 0; margin-bottom: .7em; }

	#right .narrow h5 { font-size: 1.9em;  line-height: 18px;  font-family: Georgia;  font-weight: normal;   color: #333; letter-spacing: 0; margin-bottom: .7em; }
	
	div.post h5 { font-size: 1.9em;  line-height: 18px;  font-family: Georgia;  font-weight: normal;  color: #333; margin: 0 0 .7em 0;}

h2 {}

	#sidebar h2, #blog_sidebar h3 { font-size: 1.4em; font-weight: bold; letter-spacing: -1px;  padding: 0 0 .3em 0; }

	#sidebar li.next_event h2 { font-size: 1.4em;  font-weight: bold; background: #fff; color: #d6002e; padding: 5px; border: none; }

h3 {}

	li.next_event h3 { font-size: 2.2em; letter-spacing: -1px; margin: .5em 0; color: #fff; }

	#right .wide h3, h2.page_title { font-size: 2.4em; color: #333; letter-spacing: -1px; }
	h2.page_title { margin-bottom: 1em; }
	
	#right .narrow h3 { font-size: 1.8em; color: #333; letter-spacing: -1px; }
	
	.post h3, .post h1 { font-size: 2em; letter-spacing: -1px; margin-bottom: .5em;  border-bottom: 1px dotted #ccc; padding-bottom: .2em; }
		.post h3 span { color: #999;}

	h3.comments_headers { font-size: 1.6em; color: #731819; letter-spacing: -1px; margin: 0 0 .5em 0; }

h4 {}

	#right .wide h4 { font-size: 1.4em; color: #999; letter-spacing: 0; margin-bottom: .5em; }

	#right .narrow h4 { font-size: 1.4em; color: #999; letter-spacing: 0; margin-bottom: .5em; }
	
	div.post h4 { font-size: 1.2em; color: #999; margin: 0 0 .3em 0; text-transform: uppercase; }

h5 {}

	#right .wide h5 { font-size: 1.6em;  line-height: 18px;  font-family: Georgia;  font-weight: normal;   color: #999; letter-spacing: 0; margin-bottom: .7em; }

	#right .narrow h5 { font-size: 1.6em;  line-height: 18px;  font-family: Georgia;  font-weight: normal;   color: #999; letter-spacing: 0; margin-bottom: .7em; }
	
	div.post h5 { font-size: 1.6em;  line-height: 18px;  font-family: Georgia;  font-weight: normal;  color: #999; margin: 0 0 .7em 0;}


p { font-size: 1.2em; line-height: 1.4em; margin: 0 0 1.5em 0; }

strong { font-weight: bold; }

/* LINKS */

a { color: #2571c6; }
a:visited { color: #666; }
a:hover { color: #87c0ff; }

.post h3 a, .post h1 a { color: #333; text-decoration: none; }
.post h3 a:hover, .post h1 a:hover { color: #333; text-decoration: none; }
.post h3 span a, .post h1 span a { color: #999; border: none; }
.post h3 span a:hover, .post h1 span a:hover { color: #999; border: none; }

a.rss { background: url("images/feed.gif") 0 0 no-repeat; padding: 3px 0 3px 20px; font-size: 1.2em; font-weight: bold; }

ul#posts a { font-weight: bold; }
span.comment_author a { font-weight: bold; }