/*
Theme Name: Banditos
Theme URI: http://circul8tion.com/support/wp-themes
Description: Custom Theme for El Bandito's
Version: 1.0
Author: Samuel J. Thurston
Author URI: http://circul8tion.com/
*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
a{text-decoration: none;  color: #9f815b;}
/*  Elements */
body{ background: #e0a180 url(images/bg.jpg) top center no-repeat; background-attachment:fixed; color: #9f815b; font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;}
textarea{font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;}
input{font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;}
/* better shade */
#top-page-shade{ height: 30px; width: 1020px; background: transparent url(images/top-shade.png) center top no-repeat;}
#body-page-shade{float: left; width: 1020px; background: transparent url(images/body-shade.png) center  repeat-y;  }
#bottom-page-shade{float: left; clear: both; height: 14px; width: 1020px; background: transparent url(images/bottom-shade.png) top center no-repeat;}
/* Layout */
#fixer{width: 1020px; margin: 0 auto;}
#logo{width: 100%; height: 407px; position: absolute; margin: 0 auto;  top: 10px; background: transparent url(images/banditos.png) top center no-repeat;}
#shade{float: left; width: 1020px;/* margin: 32px auto 0; background: url(images/shaded-2.png) top center repeat-y; */}
#paper{float: left; width: 960px; margin: 0 30px; background: url(images/brown-paper-960.jpg) top center repeat-y; }
#overprint{float: left; width: 960px; background: url('images/overprint.png') top left no-repeat;  }
#body{float: left; margin: 276px 10px 10px 0; min-height: 520px; width: 670px;}

/* nav */
#sidebar{ float: left;  width: 270px; overflow: hidden;}
	
	ul#nav {width: 300px;margin-top: 390px;}
	ul#nav li {width: 300px;  background: transparent url(images/streak1.png) top left no-repeat; }
	ul#nav li.nav-type-2 {background-image: url(images/streak2.png);}
	ul#nav li.nav-type-3 {background-image: url(images/streak3.png);}
	ul#nav li a{display: block; width: 220px; height: 57px; line-height: 57px;text-align: center; color: #9f815b; font-size: 24px; text-decoration: none; }

#body h2{display: inline; width: auto; text-align: right; float: right; background-color: #2e2200; padding: 10px; font-size: 40px;}
#body p{ padding: 10px; text-align: justify; line-height: 18px;}
#body img{ margin: 5px; }

/* article areas */
#body div.artbod h2{float: none; text-decoration: underline; text-align: left; background-color: transparent; padding: 0; font-size: 24px; margin: 10px;}
div.artbod {background-color: #2e2200;  clear: right; padding-bottom: 10px;}
div.artbod a {border-bottom: 1px dotted #9f815b;}
div.artbod ul li {list-style-position: inside; list-style-image:url(images/bh_16.png); margin: 0 0 0 48px;}
div.wp-caption {background-color: #9f815b; margin: 3px;}
#body p.wp-caption-text {font-size: 9px; text-align: center; margin: 0; color: #2e2200; padding: 0;}
div.artbod div.meta{margin: 0 10px; border-top: 1px solid #9f815b; padding-top: 10px; color: #6B4F00; clear: both; font-size: 12px;}

/* Images */
p img {padding: 0; max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

div.right{float: right;}
div.left{float: left;}
div.right a, div.left a{color: #2e2200; border: 1px solid #2e2200 padding: 5px;}

div.article{background: transparent url(images/hr-2.png) bottom center no-repeat; padding: 0 0 96px 0; width: 666px;}
a.more-link{float: right; clear: both; font-weight: bold;}

div.text{color: #2e2200;}
#footer{width: 960px; text-align: center; background-color: #2e2200; border-top: 3px solid #9f815b; clear: both; }

/* Comments */

div.comments{}
div.comments ol li div.right div.meta{margin: 5px 10px; border-bottom: 1px solid #2e2200; padding: 0px;}
div.comments ol li.alt div.right div.meta{margin: 5px 10px; border-bottom: 1px solid #9f815b; padding: 0px;}
div.comments ol li.admin div.right div.meta{margin: 5px 10px; border-bottom: 1px solid #9f815b; padding: 0px;}
div.comments ol li div.right div.meta a{color: #2e2200;}
div.comments ol li.admin div.right div.meta a{color: #9f815b;} 
div.comments ol li {margin: 7px 0;}
div.comments ol li div.left{ width: 64px; float: left;}
div.comments ol li div.right{color: #2e2200;  margin-left: 64px;}
div.comments ol li.alt div.left{ width: 64px; float: left;}
div.comments ol li.alt div.right{background: transparent url(images/com_bg.png) top left repeat; margin-left: 64px;}
div.comments ol li.admin div.right{background-color: #2e2200; margin-left: 64px; color: #9f815b;}

#commentform{border: 1px solid #2e2200;; background: transparent url(images/com_bg.png) top left repeat; }
#commentform h3{font-size: 24px; background-color: #2e2200;padding: 2px 12px;}
#commentform div.label{font-size: 16px; float: left; color: #2e2200;}
#commentform div.loggedin{font-size: 12px; float: right; }
div.label{margin: 0 12px;}
div.field{ clear: both;}
div.field textarea{ border: 1px solid #2e2200; margin: 0 12px; background-color: #9f815b; color: #2e2200; width: 640px; height: 80px;}
div.field input{margin: 2px 12px; background-color: #9f815b; border: 1px solid #2e2200; color: #2e2200;}
div.clearboth{clear:both;}

#rss, #fb{width: 280px;}
#rss a, #fb a{display: block;  height: 64px; width: 280px;  color: #2e2200; text-indent: 64px; line-height: 64px; text-decoration: underline;}
#rss a{background: transparent url(images/rss64.png) top left no-repeat;}
#fb a{background: transparent url(images/fb64.png) top left no-repeat;}