/*
Theme Name: Almost-Twitter-Like
Theme URI: http://simonelippolis.com/wordpress/themes/almost-twitter-like-theme/
Description: Just another Twitter-like wordpress theme. Features Gravatar fetching, easy ajax posting, widgets. New improvments are planned (custom colors, logo, background, better comments management, possibility to edit posts via ajax). Feel free to edit and improve this theme. If you do, please let me know!
Version: 0.0.2
Author: Simone Lippolis
Author URI: http://simonelippolis.com/
Tags:blue,fixed-width,two-columns

	The CSS, XHTML and design is released under the GPL.
*/

* {border:0; margin:0; padding:0;}

body {
	background:#8ed8f8 url(./images/background.jpg) top left repeat-x;
	color:#333;
	font-size: 62.5%;
	font-family: Sans-serif;
	line-height:1.3em;
}

body {
	font-size:.8em;
}

a, a:link {
	color:#5b8295;
}

a:visited {
	text-decoration:none;
}

a:hover {
	background:#8fd8f9;
	text-decoration:none;
}

#header, #content, #footer {
	margin:0 auto;
	position:relative;
	width:960px;
}

#header {
	background:transparent url(./images/arrow.png) bottom left no-repeat;
	height:70px;
	padding:20px 0;
	
}

	#header h1 {
		font-family:Serif;
		font-size:3.8em;
		font-weight:normal;
		left:0;
		position:absolute;
		top:50px;
	}
	
		#header h1 a {
			background:transparent;
			color:#fff;
			display:block;
			height:70px;
			width:680px;
		}
		
	#header h2 {
		display:none;
	}
	
	#header #menu {
		background:#fff;
		height:30px;
		right:0;
		position:absolute;
		top:40px;
		width:400px;
		
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

		#header form#search {
			background:#fff;
			display:block;
			padding:2px;
			position:absolute;
			right:0;
			top:40px;
			width:200px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		}
		
			#header form#search input[type=text] {
				background:#fff;
				border-right:1px solid #6e6e6e;
				color:#333;
				float:left;
				font-size:.8em;
				height:16px;
				margin-right:2px;
				width:179px;
			}
			
			#header form#search input[type=submit] {
				background:transparent url(./images/magnifier.png) center center no-repeat;
				border:none;
				display:block;
				float:left;
				height:16px;
				overflow:hidden;
				text-indent:-10000px;
				width:16px;
			}
	
#content {
	background:#fff url(./images/content.jpg) top right repeat-y;
	height:auto;
	min-height:200px;
	overflow:hidden;
	padding-bottom:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

	#content #main, #content #sidebar {
		float:left;
	}
	
	#content #main {
		width:760px;
	}
	
		#content #main .shout, #content #main #newPost {
			border-bottom:1px solid #5b8295;
			font-family:serif;
			margin-bottom:40px;
			padding:20px 10px;
		}
		
		#content #main .shout h2 {
			font-size:1.8em;
			font-weight:normal;
			line-height:1em;
		}
		
		#content #main .shout {
			font-size:2.8em;
			font-weight:normal;
			line-height:1.3em;
		}
		
		#content #main .shout a {
			border-bottom:1px dotted #5b8295;
			text-decoration:none;
		}
		
		#content #main #newPost {
			height:auto;
			min-height:98px;
			overflow:hidden;
			padding-top:0;
			padding-bottom:40px;
		}
		
		#content #main #newPost label {
			display:none;
		}
		
		#content #main #newPost textarea {
			border:1px solid #ccc;
			color:#aaa;
			display:block;
			font-family:sans-serif;
			font-size:.9em;
			height:50px;
			margin-bottom:20px;
			padding:1px;
			width:736px;
		}
		
		#content #main #newPost input[type=text] {
			border:1px solid #ccc;
			color:#aaa;
			display:block;
			float:left;
			font-family:sans-serif;
			font-size:.9em;
			height:14px;
			padding:4px;
			width:520px;
			
		}
		
		#content #main #newPost input[type=submit] {
			background:#eee;
			border:1px solid #ccc;
			color:#aaa;
			display:block;
			float:right;
			font-family:sans-serif;
			font-size:.9em;
			height:24px;
			padding:4px;
			width:180px;
			
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}
		
		#content #main #newPost #newPostLoading {
			background:transparent url(./images/loading.gif) center center no-repeat;
			display:none;
			min-height:98px;
		}
		
			#content #main #newPost #newPostLoading p {
				display:none;
			}
			
		#content #main .post {
			border-bottom:1px dotted #5b8295;
			font-family:sans-serif;
			height:auto;
			margin:20px 10px 40px 10px;
			overflow:hidden;
			padding-bottom:40px;
			position:relative;
			overflow:hidden;
		}
		
			#content #main .post .avatar {
				float:left;
				margin-right:20px;
				text-align:right;
				width:50px;
			}
			
			#content #main .post .text {
				float:left;
				font-size:1.2em;
				width:670px;
			}
			
			#content #main .post .text p {
				line-height:1.3em;
				margin-bottom:10px;
			}
			
			#content #main .post .text p.author, #content #main .post .text p.meta {
				font-size:.7em;
			}
			
			#content #main .post .text p.meta {
				font-style:italic;
				margin:0;
			}
			
		#content #main .post .comments {
			position:absolute;
			right:0;
			top:0;
		}
	
	#content #main .navigation {
		height:auto;
		overflow:hidden;
		padding:20px 10px;
		text-align:center;
	}
	
		#content #main .navigation input[type=button] {
			background-color:#eee;
			background-image:none;
			background-position:3px center;
			background-repeat:no-repeat;
			border:1px solid #ccc;
			color:#aaa;
			display:block;
			font-family:sans-serif;
			font-size:.9em;
			height:auto;
			margin:0 auto;
			padding:10px;
			width:200px;
			
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}
	
		#content #main .navigation .alignleft {
			float:left;
		}
		
		#content #main .navigation .alignright {
			float:right;
		}
		
		
	#content #sidebar {
		width:200px;
	}
	
		#content #sidebar .block {
			padding:20px 10px;
			margin-bottom:20px;
		}
		
		#content #sidebar ul, #content #sidebar li {
			list-style-type:none;
		}
		
		#content #sidebar h2 {
			padding-bottom:20px;
		}
		
		#content #sidebar p {
			margin:10px 0;
		}
		
		#content #sidebar a {
			color:#fff;
			text-decoration:none;
		}
		
		#content #sidebar a:hover {
			text-decoration:underline;
		}
		
	#footer {
		color:#000;
		margin-top:40px;
		padding-bottom:40px;
	}
	
		#footer p  {
			font-size:.8em;
			padding:0 10px;
		}
	
		#footer a, #footer a:link {
			color:#000;
			text-decoration:underline;
		}
		
	#comments {
		padding:0 10px;
	}
		
		#comments h3, #comments h4{
			font-family:serif;
			font-size:2em;
			margin:35px 0 5px;
			font-weight:normal;
		}
		
		#comments h4{
			font-size:1.4em;
		}
		
		#comments cite{
			font-size:1.2em;
			font-weight:normal;
			border-bottom:1px dotted #5b8295;
		}

		#comments em {
			font-style:italic;
			text-align:right;
		}

		#comments ol.commentlist li {
			margin-top:20px;
			border-bottom:1px dotted #ccc;
			border-right:0;
			padding:10px 5px 20px 10px;
			min-height:110px;
}
		#comments p {
		}
		
		#comments span {
			display:block;
			color:#eee;
			font-family:Serif;
			font-size:4em;
			font-weight:normal;
			float:right;
			padding-top:25px;
		}

		#comments ul.formlist {
			margin:20px auto;
			width:375px;
		}

		#comments ul.formlist li {
			display:block;
			margin:10px 0 0;
		}
		
		#comments ul.formlist p{
			margin:10px 0 0;
			text-align:center;
		}

		#comments textarea {
			font-family:serif;
			width:370px;
			font-size:1.2em;
			font-weight:normal;
			padding:3px;
			border:1px solid #5b8295;
		}

		#comments li.submitbutton input {
			text-align:center;
			background:#fff;
			border:1px solid #aaa;
			color:#000;
			font-family:Georgia;
			font-weight:normal;
			font-size:20px;
			width:374px;
		}
		
		#comments .center {
			text-align:center;
		}
		
		
		
.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.aligncenter {
	float:none;
	text-align:center;
}