/*  
Theme Name: brownsberger
Theme URI: http://www.willbrownsberger.com/
Description: Total hack of beautifully developed Atahualpa theme. Re Atahualpa, see at the <a href="http://forum.bytesforall.com/">BFA WP Forum</a>
Version: 2.1.1
Author: Brownsberger Based on BFA WebDesign
Author URI: http://www.bytesforall.com/
 */
 
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}
	


/* ------- BASE LAYOUT ------ */
body {
  	text-align: center;  /* centering the page container, text-align will be reset to left inside the container */
	margin: 0;
	padding: 0;
	font-family: tahoma, arial, sans-serif;
	font-size: 0.8em;
	color: #000000;
	background: #ffffff;	}
 
a:link, a:visited, a:active {
	color: #3B518D; 
	font-weight: bold; 
	text-decoration: none; 
	}
	
a:hover {
	color: #aa1111;
	font-weight: bold; 
	text-decoration: underline; 
	}
		
ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	}

ul ul, ul ol, ol ul, ol ol {
	/* remove margins on sub-lists */
	margin-top: 0;
	margin-bottom: 0;
	}

h1 {font-size: 2.15em; font-weight: bold;}
h2 {font-size: 1.85em; font-weight: bold;}
h3 {font-size: 1.6em; font-weight: bold; }
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}


abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	}
	
hr {
	display: block;
	height: 2px;
	border: none;
	margin: 0.5em auto;
	color: #cccccc;
	background-color: #cccccc;
	}

table {
	font-size: 1em; /* use the body's font size in tables, too */
	}	


/* ---------- BREAK LONG STRINGS ----------------------------- */

.post, ul.commentlist li, ol.commentlist li {
	word-wrap: break-word; /* break long strings in IE6+ and Safari2+ 
							in posts and comments */
	}

pre, .wp_syntax {
	word-wrap: normal; /* reset "break-word" for pre & wp-syntax */
	}

	
/* ------------------------------------------------------------------
---------- CONTAINER & LAYOUT ------------------------------
------------------------------------------------------------------ */
/*-------------------- CONTAINER for VISUAL styles --------*/

div#container {
	max-width: 1280px;
	padding: 0;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* resetting the "text-align: center" of "wrapper" */
	display: block;
	}

/*-------------------- LAYOUT to keep it all together -----*/
	
table#layout {
	font-size: 100%;
	width: 100%;
	max-width: 100%;
	table-layout: fixed;
	}

.colone {width: 200px;}
.coltwo {width: 100%; min-width: 200px;}
.colthree {width: 200px;}

/* ------------------------------------------------------------------
---------- HEADER ---------------------------------------------------
------------------------------------------------------------------ */
h1.blogtitle {
 	background: #3B518D;
        width: auto;
	margin: 0;
	padding: 6px 8px 5px 8px;
	letter-spacing:-1px;
	font-family: tahoma, arial, sans-serif;
	font-size: 200%;
        display: block;
        color: #FFFFFF;

	}
h1.blogtitle a:link, 
h1.blogtitle a:visited, 
h1.blogtitle a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	}
h1.blogtitle a:hover {
	text-decoration: none;
	color: #ffffFF;
	font-weight: bold;
	}
div.titlebox {
	background: #3B518D;
        width: 85%;
	height: 42px;
        float: left;	
}
div.loginbox{
	width: 15%;
	height: 42px;
	float: left;
	text-align: center;
	background: #aa1111;	
}
p.login {
 	background: #aa1111;
        width: auto;
	margin: 0 0 0 0;
	padding: 17px 0px 2px 0px;
	letter-spacing:-1px;
	font-family: tahoma, arial, sans-serif;
	font-size: 120%;
	display: block;
 	}
	
p.login a:link, 
p.login a:visited, 
p.login a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	}
	
p.login a:hover {
	text-decoration: none;
	color: #3B518D;
	font-weight: bold;
	}

/* -- delete stuff from here -- */

/*-------------------- BLOG TAGLINE -----------------------*/

span.tagline { 

	font-size: 60%;
	font-weight: bold;
	color: #ffffff;
	}



/*-------------------- HORIZONTAL BARS --------------------*/

.horbar1, 
.horbar2, 
.horbar3,
.horbar4
{ 
	font-size: 1px;
	clear: both; 
	display: block;
	position: relative;
	padding: 0; 
	margin: 0;
	width: 100%; 
	}

.horbar1 {
	height: 2px;
	padding: 0;
	background: #3B518D;
	border-top: #cccccc;
	}
	
.horbar2 { 
	height: 0px;
	background: #3B518D;
	border-bottom:  #3B518D;
	}
	
.horbar3 { 
	height: 18px;
	background: #ffffff;
	border-bottom:  #ffffff;
	}	

.horbar4 { 
	height: 1px;
	background: #ffffff;
	border-bottom:  dashed 1px #3B518D;
	}	


.header-image-container {
	position: relative; 
	margin: 0; 
	padding: 0; 
	height: 65px; 
	/* background: (= header image) will be added in banner.php*/
	}


/*-------------------- OPACITY LEFT -----------------------*/

.opacityleft {
	position: absolute; 
	z-index: 2; 
	top: 0; 
	left: 0; 
	background-color: #3B518D; 
	height: 65px;
	width: 220px; 
	filter: alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	}


/*-------------------- OPACITY RIGHT ----------------------*/	
.opacityright {
	position: absolute; 
	z-index: 2; 
	top: 0; 
	right: 0; 
	background-color: #3B518D; 
	height: 65px;
	width: 220px; 
	filter: alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	}


/* ------------------------------------------------------------------
---------- LEFT SIDEBAR ---------------------------------------------
------------------------------------------------------------------ */

td#left {
	vertical-align: top;
	border-right: solid 1px #3B518D;
	padding: 10px 10px 10px 10px;
	background: #ffffff;	
	}

	
/* ------------------------------------------------------------------
---------- RIGHT SIDEBAR --------------------------------------------
------------------------------------------------------------------ */

td#right {
	vertical-align: top;
	border-left: solid 1px #3B518D;
	padding: 10px 10px 10px 10px;
	background: #ffffff;	
	}

	
/* ------------------------------------------------------------------
---------- CENTER COLUMN --------------------------------------------
------------------------------------------------------------------ */

td#middle {
	vertical-align: top;
	width: 100%;
	max-width: 100%;		
	overflow: auto;
	padding: 10px 10px;	
	}

	
	
/* ------------------------------------------------------------------
---------- FOOTER ---------------------------------------------------
------------------------------------------------------------------ */

div.footer {
	width: auto;
	background-color: #ffffff;
	border-top: dashed 1px #cccccc;
	padding: 10px;
	text-align: center;
	color: #777777;
	font-size: 95%;
	}

td#footer a:link, td#footer a:visited, td#footer a:active {
	text-decoration: none;
	color: #777777;
	font-weight: normal;
	}

td#footer a:hover {
	text-decoration: none;
	color: #aa1111;
	font-weight: normal;
	}
	
/* ------------------------------------------------------------------
---------- WIDGETS all these styles are used  -----------------------
------------------------------------------------------------------ */


div.navigationbox{
	text-align: left;
	background: #ffffff;	
	margin: 0;
}

div.widget {
	display: block;
	width: auto;  /* without this IE will stretch too-wide select 
					menus but not the other widgets. With 100% IE
					will remove sidebar borders if select menu is
					too wide */
	margin: 0 0 15px 0;
	}

div.widget-title {
	display: block;
	width: auto;
	}

div.widget-title h3 {
	padding:0;
	margin:0;
	color: #3B518D;
	font-weight: bold;
	font-size:1.2em;
	}	
	
div.widget-content {
	display: block;
	width: auto;
	}

div.widget-content-cats{
        background: #ffffff;
	display: block;
	width: auto;
	}
	

/* ------------------------------------------------------------------
---------- LISTS INSIDE OF WIDGETS, ALL OF THESE STYLES ARE USED---
------------------------------------------------------------------ */

.widget ul {
	list-style-type: none;
	margin: 0; 
	padding: 0;
	width: auto;
	}

	
.widget ul li {
	margin: 2px 0 2px 0;  
	display: block;
	}


.widget ul li ul li {
	margin: 2px 0 2px 12px;  
	}
	
.widget ul li a:link, 
.widget ul li a:visited, 
.widget ul li a:active {
	text-decoration: none; 
	font-weight: normal; 
	padding: 0 0 0 5px; 
	color: #3B518D; 
	border-left: solid 7px #3B518D; 
	}


.widget ul li a:hover {
	color: #aa1111; 
	border-left: solid 7px #aa1111; 
	}

* html .widget ul li a:link, 
* html .widget ul li a:visited, 
* html .widget ul li a:active,
* html .widget ul li a:hover {
	height: 1%;   /* IE6 needs this */
	}


div.tag-cloud-widget { 
          display: block;
          margin: 0 0 10px 0;

          padding: 10px;
              }



/* note in category list can style items individually by placing class names here */

/* ------------------------------------------------------------------
---------- POSTS ----------------------------------------------------
------------------------------------------------------------------ */

/*-------------------- POST CONTAINER ---------------------*/

div.post {
	display: block;
          background: #ffffff;
          padding: 0px 30px 0px 12px; 
          margin: 0 0 2px 0;

	}
.sticky {
	background: #eeeeff;	border: solid 1px #3B518D;
	padding: 10px;	}

div.commentbox {
	display: block;
          background: #fff;
          padding: 0px 10px 10x 10px; 
          margin: 0 0 2px 0;
	  }


	
/*-------------------- POST HEADLINE ----------------------*/

div.post-headline {
	padding: 10px 0px 0px 0px;
	}

div.post-headline h2 {
	margin: 0;
	
	font-size:1.1em;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

div.post-headline h2 a:link, 
div.post-headline h2 a:visited, 
div.post-headline h2 a:active {
	color: #3B518D;
	text-decoration: none;
	font-size:1.2em;
	}

div.post-headline h2 a:hover {
	color: #aa1111;
	text-decoration: none;

	}

	
/*-------------------- POST BYLINE ------------------------*/
	
div.post-byline {
	margin: 0 0 0 0;
	}

	
/*-------------------- POST BODY COPY ---------------------*/
	
div.post-bodycopy {
	/* more  ... */
	}
	
div.post-bodycopy p {
	margin: 1em 0 0 0;
	padding: 0;
	display: block;
	/* The rule below would create hor. scrollbars in Firefox, 
	which would be better than overflowing long strings, but the
	downside is that text won't float around images anymore. 
	Uncomment this if you don't float images anyway */
	/* overflow: auto; */
	}


	
/* ------------------------------------------------------------------
---------- PAGE NAVIGATION NEXT/PREVIOUS ----------------------------
------------------------------------------------------------------ */

	
.navigation-bottom {
	display: block; 
	width: 100%; 
	margin: 20px 0 0 0;
	padding: 10px 0 10px 0;
	border-top: dashed 1px #ccc;
	}


.older {
	float: left; 
	width: 49%; 
	text-align: left; 
	margin:0; 
	padding:0;
	}
	
.newer {
	float:right; 
	width: 49%; 
	text-align: right; 
	margin:0; 
	padding:0; 
	}	

	

/* ------------------------------------------------------------------
---------- BLOCKQUOTES ----------------------------------------------
------------------------------------------------------------------ */

blockquote {
	height: 1%;
	display: block;
	clear: both;
	color: #555555;
	padding: 1em 1em;
	background: #f4f4f4;
	border: solid 1px #e1e1e1;	
	}
	
blockquote blockquote {
	height: 1%;
	display: block;
	clear: both;
	color: #444444;
	padding: 1em 1em;
	background: #e1e1e1;
	border: solid 1px #d3d3d3;
	}


/* ------------------------------------------------------------------
---------- TABLES & CALENDAR ----------------------------------------
------------------------------------------------------------------ */

/*-------------------- TABLES IN POSTS --------------------*/

 
.post table {
	border-collapse: collapse;
	margin: 10px 0;	}
	
.post table caption {
	width: auto;
	margin: 0 auto;
	background: #eeeeee;
	border: #999999;
	padding: 4px 8px;
	color: #666666;	}
	
.post table th {
	background: #888888;
	color: #ffffff;
	font-weight: bold;
	font-size: 90%;
	padding: 4px 8px;
 	border: solid 1px #ffffff;
	text-align: left;	}
	
.post table td {
	padding: 4px 8px;
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
	text-align: left;	}
 
.post table tfoot td {
	}
	
.post table tr.alt td {
	background: #f4f4f4;	}
 
.post table tr.over td {
	background: #e2e2e2;	}
	
/* ---------- COMMENTS from scratch ----------------------- */



/* comment submit button */
form#commentform input#submit	{
	padding: 4px 10px 4px 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	height: 36px;	
	}
	

/* the frame for comment responses */	
div#respond {
	margin: 10px 0;
	padding: 10px;
	background: #eee;
	}

textarea#comment {
	width: 98%; 
	margin: 10px 0; 
	display: block;
	}



ul.commentlist {
	margin: 15px 0 15px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #cccccc;
	display:block;
	}

ul.commentlist ul {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border: none;
	display:block;
	}

ul.commentlist li.thread-even {
	background-color: #fff;
	border-bottom: dotted 1px #aaa;
	padding: 15px 10px;
	display: block;
	clear: both;
	height: 1%; /* for IE */
	margin: 0;
	}
ul.commentlist li.thread-odd {
	background-color: #fff;
	border-bottom: dotted 1px #aaa;
	padding: 15px 10px;
	display: block;
	clear: both;
	height: 1%; /* for IE */
	margin: 0;
	}
ul.commentlist li.bypostauthor {
	background-color: #EEEEFF;
	}
/* reset children (why?) */
ul.commentlist li ul.children, 
ul.commentlist li ul.children li, 
ul.commentlist li ul.children li.bypostauthor  {
	background-color: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	height: 1%;  /* for IE */
	}
ul.commentlist li ul.children li, 
ul.commentlist li ul.children li.bypostauthor {
	margin: 12px 0px 12px 0px;
	padding 15px 10px;
	}
/* this is the entry that controls children of first posts */
ul.commentlist li ul.children li.depth-2 {
	margin: 12px 50px 12px 50px;
	}
#menu1 ul
	{
	margin: 0;
	padding: 3px 3px 3px 10px ;
	list-style-type: none;
	list-style-image: none;
	background-color: #3B518D; 
	}

#menu1 ul li
	{
	margin: 0;
	display: inline;
	padding-right: 2px;
	padding-left: 5px;
	}
#menu1 ul li a
	{
	text-decoration: none;
	font: 11px Arial, Verdana, sans-serif;  
	color: white;
	}

#menu1 ul li a:hover
	{
	text-decoration: none;	
	font: 11px Arial, Verdana, sans-serif;  
	color: #aa1111;
	}