/*
Theme Name: Tweetupmellers
Theme URI: http://tweetupmellers.info/
Description: 
Version: 0.1
Author: William Journee
Author URI: http://bill.journee.org

background: 33434f
nav: 353b40
text:	b4c9d9
*/

body, html
{
	margin: 			0px;
}

body
{
	width: 				100%;
	background-color:		#33434f;
	text-align:			center;
	color:				#b4c9d9;
	font-family:			Tahoma, Verdana, Arial, Sans Serif;
	font-size:			.8em;
}

.centeredbox
{
	margin-left:			auto;
	margin-right:			auto;
	text-align:			left;	
	width: 				960px;
}

a
{
	text-decoration:		none;
	color:				#c2de95;
}



/* navigation */

#navigation
{
	height:				35px;	
	background-color:		#353b40;
}

	#navigation ul
	{
		float:				right;
		clear: 				left;
		margin-top:			10px;
		padding-right:			80px;
		
	}
	
	#navigation li
	{
		list-style:			none;
		float:				left;
		margin-left:			20px;
		font-size:			15px;
		
	}
	
	#navigation a:hover, .current_page_item a
	{
		color:				white;
	}
		
/* header */

#logo a
{
	display:			block;
	background-image:		url(images/tumlogo.gif);
	background-repeat:		no-repeat;
	width:				480px;	
	height:				162px;
	text-indent:			-9000px;
	margin-left:			20px;
}

#header
{
	margin-bottom:			50px;
}


#flickrbox
{
	float:				right;
	padding-right:			80px;
}

#headeradbox
{
	float:			right;
	margin-top:		5px;
	clear: left;
}

	#flickrbox img
	{
		border:				0px;
		margin:				0px;
		padding:			0px;
	}
	
	#flickrbox a
	{
		opacity:			0.80;
	}
	
	#flickrbox a:hover
	{
		opacity:			1;
	}

/* Content */

#main
{
	width:				470px;
	margin-left:			23px;
}

	
	/* POST */
	.post
	{
		text-align:			justify;
	}
	
	.post img
	{
		margin-left:			auto;
		margin-right:			auto;
	}
	
	.post h1 a
	{
		font-weight:			normal;
		display:			block;
		margin-top:			50px;
		font-size:			25px;
	}
	
	#main form, #main textarea
	{
		display:			block;
		width: 100%;
	}
	
	
.comments
{
	float:				right;	
}

.post-footer
{
	border-top:			3px dotted #353b40;
	padding-top:			5px;
	clear: left;
		
}
	
	
/* Sidebar */

#sidebar
{
	float:				right;
	clear:				right;
	width:				200px;
	padding-right:			80px !important;
	padding-right:			0px;
}

	#sidebar h3
	{
		text-align:			right;
	}
	
	#sidebar ul
	{
		list-style:			none;
		text-align:			right;
	}
	
	#sidebar p
	{
		text-align:			justify;
	}

/* Footer */


#footer
{
	background-color:		#353b40;
	margin-top:			25px;
	padding-top:			10px;
	clear:				both;
}

.aligncenter
{
	text-align:			center;
	margin:				0px auto;
}

.wp-caption
{
	padding:			10px;
	border:				1px solid #444444;
	-moz-border-radius:		5px;
	background:			#353b40;
	text-align:			center;
}

.alignright
{
	float: right;
	margin-left: 15px;
	}



/* attendance */
div#main { width: 630px; }
#sidebar div { width: 50%; }
.answer a { background: #33434F; display: block; font-size: 20px; font-weight: normal; padding-top: 5px; padding-bottom: 5px; margin-bottom: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; width: 100%; }
.answered .answer  a{ background: #33434F; color: #33434F; }
.answered .answer  a{ background: #33434F; color: #33434F; }

.answered .answer a{ font-size: 1em; }
.answered .answer a { font-size: 1em; }
.answer.remove { font-size: .8em; }
#thelist { display: block; width: 850px; }
.peoplelist  h2 { clear: left; }
div.person { display: block; float: left; height: 48px; margin: 10px 0 0 10px; text-align: center; width: 200px; }
.attending .person  , .attending .person  a  { color: #1f6400; background: url(images/green.gif); }
.notattending .person , .notattending .person  a  { color: #690c00; background: url(images/red.gif); }
.unsure .person  , .unsure .person  a  { color: #745f0e; background: url(images/amber.gif); }

.img {  display: block; float: left; height: 48px; width: 48px; }
.nick { display: block; float: left; font-size: 1.35em; height: 30px; width: 142px; }
.name { display: block; float: left; font-size: 1.1em; height: 18px; width: 142px; }
.comment { clear: right; display: none; float: left; height: 48px; width: 250px; }

.peoplelist h2
{
	margin:				10px;
}

.smallavatar {
	height:				48px;
	width:				48px;
}