/*  
Theme Name: Brownie Theme by WPGeek
Theme URI:  http://www.wpgeek.com/2009/05/wordpress-theme-brownie/
Description:  A custom WordPress theme Coded for exclusive use by <a href="http://www.wpgeek.com" target="blank">Wpgeek.com</a>.
Tags: brown, two-columns, fixed-width, custom-colors, photoblogging, seasonal
Version:  1.02
Author: WPGeek
Author URI: http://www.wpgeek.com/
*/
* { margin: 0; }
html { padding: 0; margin: 0; }
html, body { height: 100%; }

body { background: #d8c69e url(images/bg.jpg) repeat top left; font-family: Arial, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color: #40362a; border-top: 4px solid #434039; }

a { outline: none; }
a:link { text-decoration: none; color: #113c69; border: 0px; }
a:active { text-decoration: underline; color: #113c69; border: 0px; }
a:visited { text-decoration: none; color: #113c69; border: 0px; }
a:hover	{ text-decoration: underline; color: #d54e21; border: 0px; } 
a:focus { outline: none; }

h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; font-family:  Arial, sans-serif; }

img { border: none;}

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wrapper { width: 800px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -35px; }
.BGC { width: 800px; margin: 0 auto;  position: relative }

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Header { float: left; border-bottom: 3px solid #434039; clear: both; }
.Header .Header_left { float: left; width: 560px; }
.Header .Header_left h1 { display: block; font-size: 26px; line-height: 26px; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; padding: 0; margin: 10px 0 0 0; }
.Header .Header_left h1 a { color: #113c69; text-decoration: none; }
.Header .Header_left h1 a:hover { color: #d54e21; text-decoration: none; }
.Header .Header_left .desc { display: block; text-transform: uppercase; font-size: 10px; line-height: 1.4em; padding: 0 0 0 2px; }

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Header .Header_right  { float: left; text-align: right; width: 240px; background: #434039 url(images/search_top.gif) no-repeat top left; margin: 25px 0 0 0; }
.Header .Header_right .Search { padding: 6px 5px 4px 5px; text-align: center; }
.Header .Header_right .Search input#s{ padding: 2px; width: 150px; border: 1px solid #464646; }
.Header .Header_right .Search input#searchsubmit { border: none; padding: 2px 5px; background: #656056; color: #fff; text-align: center; cursor: pointer; }
.Header .Header_right .Search input#searchsubmit:hover { border: none; padding: 2px 5px; background: #d54e21; }

/* Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu { padding: 0px; font-size:90%; line-height:normal; z-index: 100; height: 30px; width: 800px; overflow: hidden; }
.Menu ul { list-style:none; margin: 0; padding: 0; }
.Menu ul li { display:inline; padding:0; margin: 0; } 
.Menu ul li a { float:left; background:url(images/tab-l.gif) top left no-repeat; display:block; color:#444; padding:0 0 0 1.5em; margin:0 1px 0 0; font-weight: normal; font-family:Arial, Helvetica, sans-serif; text-decoration: none; }
.Menu ul li a span { background:url(images/tab-r.gif) top right no-repeat; color:#444; padding:0.6em 1.5em 0.6em 0px; margin: 0px; display:block; text-decoration: none; }
.Menu ul li a:hover, .Menu .active { background-position: 0% -33px; text-decoration: none; }
.Menu ul li a:hover span, .Menu .active span { background-position: 100% -33px; color: #fff; text-decoration: none; }

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { width: 800px; float: left; position: relative; }

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 600px; background: url(images/sep.gif) repeat-y top right; position: relative; float: left; margin: 0; padding: 10px 0 0 0; }
.SC_Bot { width: 600px; background: url(images/con_bot.gif) no-repeat top right; display: block; height: 36px; }

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post { position: relative; margin: 0 48px 15px 0px; padding: 0; }
.Post h1.title { background: #fff url(images/title_bg.gif) no-repeat top left; font-size: 18px; line-height: 1.4em; font-weight: normal; padding: 6px 55px 6px 10px; }
.Post h1.post_title { background: #fff url(images/post_title_bg.gif) no-repeat top left; font-size: 18px; line-height: 1.4em; font-weight: normal; padding: 6px 55px 6px 10px; }
.Post h1 a { text-decoration: none; }
.Post h1 .comm { position: absolute; right: 11px; width: 30px; text-align: center; display: block; top: 9px; font-size: 16px; line-height: 16px; font-weight: bold; }
.Post h1 .comm a{ color: #fff; }
.Post h2 { font-size: 14px; line-height: 1.4em; font-weight: bold; }

.Post_Content { padding: 0 10px; }
.Post p { margin: 5px 0 10px 0; padding: 0; font-size: 12px; line-height: 1.4em; }
.Post img { display: block; padding: 2px; border: 1px solid #888; background: #fff; margin: 3px; max-width: 500px; }

.Post ol { margin: 0; padding: 0; }
.Post ul { margin: 0; padding: 0; }
.Post ol li { list-style-type: decimal; margin: 5px 0 5px 30px; padding: 0; }
.Post ul li { list-style: square; margin: 5px 0 0 20px; padding: 0 0 0 10px; }

.Post blockquote { margin: 5px; padding: 1px 5px; }
.Post blockquote p { font-size: 11px; padding: 10px; margin: 5px 0px; line-height: 15px; border: 1px dashed #444;}
.Post blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 11px; line-height: 15px; }
.Post a { text-decoration: underline;}

.PostDet { padding: 0 0 10px 0; }
.PostDet ul { margin: 0 50px 0 0; padding: 0; }
.PostDet ul li { margin: 0 0 0 20px; padding: 0 0 0 10px; list-style: none; background: url(images/bullet.gif) no-repeat left 6px; line-height: 1.4em; text-transform: capitalize; font-size: 11px; }
.PostDet ul li a { padding: 0 2px; }
.PostDet ul li a:hover { background: #434039; color: #fff; text-decoration: none; padding: 0 2px; }

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 10px 60px 0 10px; }

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .List h3, #respond { font-size: 10px; font-weight: normal; text-transform: uppercase; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { background: #434039; position: relative; padding: 5px; margin: 0 0 5px 0; list-style-type: none; }
.Comments .List .ListNr { color: #fff; position: absolute; top: 5px; right: 5px; font-size: 11px; line-height: 12px; font-family: 'Arial'; font-weight: normal; }

.Comments .List big { color: #fff; margin: 0px; padding: 0; font-size: 11px; line-height: 11px; font-weight: bold; display: block;}
.Comments .List big a { color: #fff; } 
.Comments .List small a{ padding: 0; margin: 0px; font-size: 10px; color: #e2d2b0; }

.Comments .List .ListContent { padding: 5px 10px; font-size: 11px; line-height: 1.4em; background: #fff; display: block;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form h3 { font-size: 10px; font-weight: normal; text-transform: uppercase; }
.Comments .Form { position: relative; }
.Comments .Form form { margin: 0px; padding: 0px; }
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; }
.Comments .Form p small { font-size: 11px; display: block; }
.Comments .Form .TextField { background: #fff; border: solid 1px #464646; padding: 4px; font-size: 11px; display: block; width: 520px; }
.Comments .Form .TextArea { background: #fff; border: solid 1px #464646; padding: 4px; font-size: 12px; display: block; width: 520px; }

.Comments .Form input.SubmitComment { margin-top: 8px; }

/* Navigation ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Navigation { margin: 0 10px; text-align: center; line-height: 1.4em; } 

/* Side Bar Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRR { width: 200px; display: block; position: relative; margin: 10px 0 15px 0; padding: 0; float: left; }

.right_widget { display: block; padding: 0 0 15px 0; }
.right_widget ul { margin: 0; padding: 0; }
.right_widget ul li { margin: 0; padding: 0 0 0 10px; list-style: none; background: url(images/bullet.gif) no-repeat left 8px; line-height: 1.6em; text-transform: capitalize; }
.right_widget ul li ul { margin: 0; padding: 0; }
.right_widget ul li ul li{ margin: 0; padding: 0 0 0 10px; text-transform: capitalize; background: url(images/column.gif) no-repeat left 8px; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Footer, .push { height: 35px; }

.Footer { background: url(images/footer_bg.gif) no-repeat top left; width: 760px; display: block; margin: 0 auto; clear: both; position: relative; height: 30px; padding: 20px 20px 5px 20px; }

.Footer_left { width: 600px; float: left; display: block; }
.Footer_left p { width: 470px; float: left; font-size: 10px; padding: 0px; margin: 0px; line-height: 1.4em; text-align: left; height: 35px; }
.wpgeek { float: left; display: block; width: 100px; font-size: 10px; text-indent: -9999px; }
.wpgeek a{ display: block; background: url(images/wpgeek.jpg) no-repeat top left; width: 81px; height: 29px; }




/* This Theme was created and coded by ©WPGeek - www.wpgeek.com. */