/*  
Theme Name: Quite Random (Official Theme)
Description: Quite Random (2010 Redesign)
Author: Fernando Coello
Author URI: http://fernandocoello.com
*/
* { margin: 0; padding: 0; }
body { background: #666 url('/images/bg.gif') no-repeat center top fixed; color: #999; font-family: 'Arial', sans-serif; font-size: 12px; line-height: 1.45em; margin: 0; padding: 0; }
/* Links --------------------------------*/
a { color: #61666A; font-weight: normal; outline: none; text-decoration: none; }
	a:hover, a:focus { text-decoration: none; }
	a img { border: 0; }
img { -ms-interpolation-mode: bicubic; }
.clear { clear: both; height: 0; margin: 0; padding: 0; }
td { padding: 5px; }
/* Headings & Header -------------------*/
h1, h2, h3, h4, h5 { color: #fff; font-family: Georgia, 'Times New Roman', serif; font-weight: normal; line-height: 100%; padding: 5px 0; }
#header { padding: 0 0 30px; }
	#header .inner { background: #1E1E20; float: left; height: 100px; padding: 0 0 0 25px; width: 400px; }
		#header .inner ul { font-size: 14px; height: 115px; list-style: none; width: 400px; }
			#header .inner ul li { float: left; padding: 85px 0 10px; text-align: center; width: 66px; }
				#header .inner ul li a { color: #fff; }
				#header .inner ul li:hover, #header .inner ul li:focus, #header .inner li.current_page_item { background: #313131; }
				#header .inner ul li:hover a, #header .inner ul li:focus a, #header .inner li.current_page_item a { font-weight: normal; }
				#header .inner ul li.page-item-6:hover, #header .inner ul li.page-item-6:focus, #header .inner ul li.current_page_item.page-item-6 { background: #70bde4; }
				#header .inner ul li.page-item-569:hover, #header .inner ul li.page-item-569:focus, #header .inner ul li.current_page_item.page-item-569 { background: #eb6c87; }
				#header .inner ul li.page-item-1096:hover, #header .inner ul li.page-item-1096:focus, #header .inner ul li.current_page_item.page-item-1096 { background: #FF9E3F; }
				#header .inner ul li.page-item-1154:hover, #header .inner ul li.page-item-1154:focus, #header .inner ul li.current_page_item.page-item-1154 { background: #a3da34; }
				#header .inner ul li.page-item-1179:hover, #header .inner ul li.page-item-1179:focus, #header .inner ul li.current_page_item.page-item-1179 { background: #8D6DAF; }
				#header .inner ul li:hover a, #header .inner ul li:focus a, #header .inner li.current_page_item a { color: #fff; }
	#header .title { float: right; padding: 0 25px 0 0; }
		#header .title h1 { font-family: Georgia, 'Times New Roman', serif; float: right; font-size: 400%; letter-spacing: -1.5pt; padding: 20px 0 0; text-align: right; text-shadow: 3px 3px #0c0809; }
		#header .title h1 a { color: #fff; }
/* Layout -----------------------------*/
#container { -moz-box-shadow: 5px 5px 10px #444; -webkit-box-shadow: 5px 5px 10px #444; background: #1E1E20; box-shadow: 5px 5px 10px #444; margin: 0 auto; min-height: 400px; padding: 0 0 30px; width: 750px; }
#container.thin { width: 650px; }
#content { margin: 0 auto; padding: 20px 0 20px 25px; }
#main { padding-right: 25px; }
#main-left { float: left; width: 520px; }
#sidebar { float: right; width: 190px; }
/* Posts Layout ---------------------*/
.post { text-align: justify; }
	.post .title { color: #fff; font: normal normal 22px Georgia, 'Times New Roman', serif; line-height: 100%; }
	.post .meta { font-size: 11px; }
	.post .body { padding: 10px 0 0; }
		.post .body p { padding: 0 0 10px; }
		.post .body img { border: 5px solid #0C0809; line-height: 100%; max-width: 100%; padding: 0; }
			.post .body img.alignleft { float: left; margin: 0 10px 5px 0; }
			.post .body img.alignright { float: right; margin: 0 0 5px 10px; }
			.post .body img.aligncenter { display: block; margin: 5px auto 0; }
			.post .body img.nomargin { margin: 0; }
			.post .body img.bordernone, .post .body img.wp-smiley { border: 0; }
			.post .body img.wp-smiley { background: #fff; display: none !important; }
		.post .body table { margin: 0 0 20px; }
		.post .body pre { border: 1px solid #ccc; color: #fff; display: block; font-weight: normal; margin: 0 0 10px; max-width: 99%; overflow: auto; padding: 5px 5px 5px 10px; width: auto; }
		.post .body blockquote { border-left: 2px solid #777777; color: #777777; font-style: italic; margin: 10px auto; max-width: 99%; padding: 0px 5px; }
			.post .body blockquote p { padding: 5px 0; }
	.post ul { margin: 0 0 10px 15px; }
	.post ol { margin: 0 0 10px 15px; }
	.post li { margin: 0 0 0 20px; }
	.post .divider { border-top: 1px solid #666; margin: 15px auto 50px; width: 40%; }
.navigation { text-align: center; }
.wpcf7 { float: left; padding: 0 10px 10px 0 !important; width: 360px; }
/* Contact ---------------------------------*/
.wpcf7 input[type=text], .wpcf7 input[type=submit], .wpcf7 textarea { background: #313131; border: 0; color: #fff; font-family: 'Arial', sans-serif; font-size:12px; padding: 3px 5px; width: 350px; }
.wpcf7 input.short { width: 195px; }
.wpcf7 select { width: 150px; }
.wpcf7 input[type=submit] { cursor: pointer; font-weight: bold; font-size: 14px; padding-top: 5px; padding-bottom: 5px; text-align: center; width: 360px; }
.wpcf7 img.captcha { float: right; margin: 0 0 5px; }
/* Freebies & Projects ------------------------*/
.freebie-image { clear: both; display: block; margin: 0 auto; }
.freebies-clear { clear: both; display: block; margin: 0 0 10px; padding: 0; }
.em { font: italic normal 100% Georgia, 'Times New Roman', serif; }
.code { font: normal normal 100% 'Monaco', monospace; }
.downloadbutton { background: #313131; color: #fff; font-size: 110%; margin: 10px 0 5px -25px; padding: 3px 0 !important; }
	.downloadbutton:hover, .downloadbutton:focus { background: #70BDE4; }
	.downloadbutton a.button { color: #fff; padding: 0 0 0 20px; }
	.downloadbutton small { font-size: 70%; }
.more-info { padding: 5px 0 0; text-align: center; }
	.more-info strong { color: #fff; font-size: 15px; }
.project-info { padding: 5px 0 0; text-align: right; }
	.project-info strong { color: #fff; font-size: 15px; line-height: 20px; padding: 0 20px 0 0; }
		.project-info strong.wp { background: url('/images/social/wordpress.png') no-repeat right 0; }
		.project-info strong.blogger { background: url('/images/social/blogger.png') no-repeat right 0; }
		.project-info strong.tumblr { background: url('/images/social/tumblr.png') no-repeat right 0; }
.past { margin: 0 auto; width: 600px; }
	.past .project { float: left; min-height: 275px; padding: 0 10px; width: 180px; }
		.past .project .project-info { text-align: center; }
/* Sidebar -------------------------*/
.sidebar ul { list-style: none; margin: 0 0 10px; }
	.sidebar ul li { padding: 3px 0; text-align: right; width: 100%; }
		.sidebar ul li a, .sidebar .div a { color: #999; padding: 0 25px 0 0; }
	.sidebar ul.categories li.current-cat a, .sidebar ul.categories li:hover a, .sidebar ul.categories li:focus a { color: #fff; }
	.sidebar ul.categories li.cat-item-3:hover, .sidebar ul.categories li.cat-item-3:focus, .sidebar ul.categories li.current-cat.cat-item-3 { background: #70BDE4; }
	.sidebar ul.categories li.cat-item-5:hover, .sidebar ul.categories li.cat-item-5:focus, .sidebar ul.categories li.current-cat.cat-item-5 { background: #8D6DAF; }
	.sidebar ul.categories li.cat-item-6:hover, .sidebar ul.categories li.cat-item-6:focus, .sidebar ul.categories li.current-cat.cat-item-6 { background: #A3DA34; }
	.sidebar ul.categories li.cat-item-8:hover, .sidebar ul.categories li.cat-item-8:focus, .sidebar ul.categories li.current-cat.cat-item-8 { background: #313131; }
.sidebar h3 { padding: 0 25px 5px 0; text-align: right; }
.sidebar p { padding: 0 25px 0 0; text-align: right; }
.sidebar .div { margin: 0; padding: 3px 0; text-align: right; }
.sidebar .div.spanish:hover { background: #fff; }
	.sidebar .div.spanish:hover a { color: #1e1e20; }
.sidebar .div.subscribe:hover { background: #FF9E3F; }
	.sidebar .div.subscribe:hover a { color: #fff; }
.sidebar p.twitter-message { line-height: 1.2em; padding: 0 25px 20px 0; text-align: right; }
	.sidebar p.twitter-message span.twitter-timestamp { font-size: 90%; }
/* Footer ---------------------------- */
#footer { margin: 0 auto; padding: 5px 0 0; text-align: center; }