/*
Theme Name: Mr Brown
Theme Author: Mario Carboni
Theme Author URI: http://www.mariocarboni.com
Description: Elegant clean colored theme converted for WP by <a href="http://grabatheme.com">Grab A Theme</a>
*/

@import url(images/base-weblog.css);

/*	global settings
-----------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	}
body{
	font: 62.5%/1.6 "Lucida Sans Unicode", "lucida grande", "Trebuchet MS", sans-serif;
	text-align: center;
	background: #000 url(images/bg-page.jpg) repeat-x 0 0;
	color: #EAE3D4;
	border-top: 4px solid #430E08;
	}
a:link, a:visited{
	color: #8C5702;
	text-decoration: none;
	font-weight: bold;
	}
a:hover{
	text-decoration: underline;
	}	
ul{
	list-style-type: none;
	}	
blockquote{
	padding: 10px;
	font-style: italic;
	background: transparent url(images/bg-blockquote.gif) no-repeat 0 0;
	}
abbr, acronym {
	font-style: normal; 
	border-bottom: 1px dotted #333; 
	cursor: help;
	}
code, pre {
	margin: 10px 0;
	font: 1.1em/normal "Courier New", Courier, Monospace;
	color: #666;
	}
img{
	border: 0;
	}
h3{
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	}

/*	global page layout
------------------------------------------------------------------*/
#container{
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-bottom: 20px;
	}
#pagebody{
	position: relative;
	}
#banner{
	height: 93px;
	margin: 0;
	padding: 0;
	}

#footer {clear:both}
	
/*	banner
--------------------------------------------------------------------*/
#banner h1{
	font: 1.9em/2em "Lucida Sans Unicode", "Trebuchet MS", sans-serif;;
	color: #000;
	margin: 0;
	padding: 20px 0 0 0;
	}
#banner h1 a:link, #banner h1 a:visited{
	color: #000;
	text-decoration: none;
	font-size: 1.4em;
	}
#banner h1 a:hover{
	color: #fff;
	}
#banner h2{
	color: #141414;
	margin: -6px 0 0 0;
	padding: 0;
	font: 1.1em "Trebuchet MS", Arial, sans-serif;
	letter-spacing: .05em;
	}

/*	entry
--------------------------------------------------------------------*/
.date-header{
	font: bold 1.2em "Trebuchet MS", Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	margin: 0;
	margin-top:10px;
	padding: 4px 0;
	background: #666 url(images/bg-date.jpg) no-repeat 0 0;
	width: 152px;
	text-align: center;
	}
.entry{
	font-size: 1.2em;
	position: relative;
	background: #fff url(images/bg-entry.gif) repeat-x 0 0;
	border: 6px solid #666;
	color: #333;
	}
.entry p{
	word-spacing: .15em;
	}		
.entry ul, .entry ol{
	list-style-type: none;
	margin: 10px;
	}
.entry li{	
	background: transparent url(images/square.gif) no-repeat 0 5px;
	padding: 0 0 10px 20px;
	word-spacing: .15em;
	}
.entry-header{
	color: #000;
	font: 1.6em Georgia, "Times New Roman", Times, serif;
	background: transparent;
	padding: 0;
	margin: 20px 20px 10px 20px;
	}
.entry-content{
	margin: 0;
	padding: 0 20px;
	}
.entry-body{
	margin: 0;
	}
.entry-body img[align="right"] {
	margin: 0 0 2em 2em;
	}
.entry-body img[align="left"] {
	margin: 0 2em 2em 0;
	}
.entry-footer{
	margin: 10px 0 0 0;
	font-size: .9em;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	}
.separator{
	display: block;
	visibility: hidden;
	font-size: 1px;
	}
.entry .post-footers{
	word-spacing: normal;
	}
	
/*	comments
-----------------------------------------------------------------------*/
#comments{
	font-size: 1.2em;
	position: relative;
	background: #fff url(images/bg-entry.gif) repeat-x 0 0;
	border: 6px solid #666;
	color: #333;
	}
.comment{
	margin: 20px 20px 30px 20px;
	border-top: 1px solid #000;
	}
.comment p.comment-footer{
	margin: 0;
	}
.comment p{
	word-spacing: .15em;
	}
.comments-header{
	margin: 20px 0 0 20px;
	padding: 0;
	}
/*	comment form
-----------------------------------------------------------------*/	
#comments-open{
	background: #666;
	color: #fff;
	position: relative;
	margin-top: 15px;
	}
.comments-open-header{
	padding: 10px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 2px solid #555;
	height: 28px;
	}
.comments-open-content{
	padding: 0 0 0 20px;
	margin: 0;
	}

#comment-author, #comment-email, #comment-url, #comment-text{
	border: 0;
	padding: 2px;
	color: #333;
	border: 0;
	font-family: 'Lucida Sans unicode', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding: 2px;
	color: #333;
	background: #f6f6f6;
	}
#comment-text{
	width: 456px;
	height: 120px;
	}
#comment-author:focus, #comment-email:focus, #comment-url:focus, #comment-text:focus{
	background: #fff;
	}
#comments-open-footer{
	margin: 0;
	padding: 15px 0 20px 0;
	}
#comments-open-footer input{
	border: 1px solid #fff;
	padding: 2px 0;
	width: 80px;
	margin-right: 15px;
	font-family: 'Lucida Sans unicode', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	}
.comments-open-header{
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	}
.comments-open label{
	display: block;
	}
	
/*	trackbacks
---------------------------------------------------------------------*/
.trackbacks{
	font-size: 1.2em;
	background: #fff url(images/bg-entry.gif) repeat-x 0 0;
	border: 6px solid #666;
	color: #333;
	}
.trackbacks-content{
	padding: 20px;
	}
#trackbacks-info{
	padding: 0 20px;
	}
.trackbacks-header{
	margin: 20px 20px 0 20px;
	}
.trackback{
	margin: 15px 0;
	border-top: 1px solid #333;
	}
.trackback-footer{
	margin: 0;
	padding: 0 0 10px 0;
	}
		
/*	sidebar
--------------------------------------------------------------------*/
.module{
	font-size: 1.1em;
	padding-bottom: 10px;
	background: #404040 url(images/gray-gradient.jpg) repeat-x 0 0;
	border-top: 1px solid #151515;
	}
.module-search form{
	margin-left: 10px;
	}
#search{
	font: 1.1em/normal "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
	width: 130px;
	border: 1px solid #ccc;
	padding: 1px 0;
	}
.module-content, .module-list-item{
	margin: 0;
	padding: 0;
	}
.module-content ul{
	margin: 0 10px;
	padding: 0;
	}
.module-content li ul{
	background-image: none;
	margin: 0;
	}
.module-categories li a{
	margin: 0;
	background: transparent url(images/bullet-li.gif) no-repeat 0 9px;
	padding-left: 10px;
	}
.module-categories li ul a{
	display: inline;
	padding-left: 30px;
	background: transparent url(images/bullet-li.gif) no-repeat 14px 9px;
	line-height: 2.1em;
	}
.module h2{
	font: bold 1em "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	background: transparent;
	letter-spacing: 2px;
	padding: 10px 0 5px;
	margin: 0 10px;
	}
.module h2 a:link, .module h2 a:visited{
	color: #EAE3D4;
	}
.module h2 a:hover{
	text-decoration: underline;
	}
.module-archives li{
	padding: 0 0 0 10px;
	margin: 0;
	background: transparent url(images/bullet-li.gif) no-repeat 2px 7px;
	}
.module-syndicate .module-content{
	margin: 20px 10px 0 10px;
	line-height: 2em;
	background: transparent url(images/feed-icon.gif) no-repeat 2px 10px;
	padding: 5px 0 5px 25px;
	}
.module-powered{
	line-height: 2em;
	text-align: center;
	padding: 20px 0 0 0;
	}
.module-content a{	
	padding: 3px;
	margin: 0;
	}
.module-content a:link, .module-content a:visited{
	color: #D6BB67;
	text-decoration: none;
	font-weight: normal;
	} 
.module-content a:hover{
	color: #eee;
	}

/*	all static
---------------------------------------------------------------------*/
#banner, #pagebody, #alpha, #beta, #gamma, #delta, .module, .module-content, #pagebody-inner, .pkg, #container-inner{
	position: static;
	width: auto;
	}

/*	two columns RIGHT
-----------------------------------------------------------------------*/	
.layout-two-column-right #alpha-inner{
	margin: 0 30px 0 0;
	}	
.layout-two-column-right #alpha{
	float: left;
	width: 528px;
	margin-top: 40px;
	}
.layout-two-column-right #beta{
	float: right;
	width: 220px;
	padding: 0 0 30px 0;
	margin-top: 40px;
	}
	
	
/*	one column
-----------------------------------------------------------------------*/		
.layout-one-column #alpha{
	width: 100%;
	margin-top: 40px;
	}

	
.comment-content, .entry-body{
	width: 100%;
	float: none;
	}