/*====================================================================*/
/*==============brookenelson.com stylesheet===========================*/
/*==============NEW - 3/7/08==========================================*/
/*====================================================================*/


body {
margin: 0;
padding: 0;
font-family:verdana;
font-size: 11px;
color: #333333;
}

#wrap1 {
margin: 0;
padding: 0;
width: 100%;
background: url(images/gradient-bg.jpg) center top repeat-x;
}

#wrap2 {
margin: 0;
padding: 0;
background: url(images/bird-bg.jpg) left top no-repeat;
}

#content {
/*position: relative;
top: 145px;
left: 160px;*/
margin: 150px 0 0 160px;
padding: 0 0 15px 0;
width: 843px;
font-family:verdana;
font-size: 11px;
line-height: 16px;
color: #333333;
}

#content-wide { /*for genealogy tables etc*/
margin: 150px 0 0 160px;
padding: 0 0 15px 0;
width: 1000px;
font-family:verdana;
font-size: 11px;
line-height: 16px;
color: #333333;
}


#content-wide2 { /*100% width for genealogy table*/
margin: 0;
padding: 0;
font-family:verdana;
font-size: 11px;
line-height: 16px;
color: #333333;
}



#nav {
position: relative;
top: 131px;
left: 280px;
margin: 0;
padding: 0;
width: 650px;
height: 29px;
background-color: transparent;
}

#footer {
margin: 0;
padding: 0;
width: 100%;
height: 130px;
background: url(images/footer-bg.gif) center top repeat-x;
font-family:verdana;
font-size: 11px;
line-height: 20px;
color: #333333;
text-align: left;
}

#footercontent {
position: relative;
top: 0;
left: 160px;
margin: 0;
padding: 10px 0 0 0;
width: 800px;
line-height: 20px;
text-align: center;
}


p {
margin: 0 0 15px 0;
padding: 0;
}

/*==========LINKS=============================================*/

#content a:link 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#content a:visited 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#content a:hover 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
#content a:active 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }

#content-wide a:link 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#content-wide a:visited { color:#7EA65E; font-weight:bold; text-decoration:none; }
#content-wide a:hover 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
#content-wide a:active 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }

#content-wide2 a:link 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#content-wide2 a:visited { color:#7EA65E; font-weight:bold; text-decoration:none; }
#content-wide2 a:hover 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
#content-wide2 a:active 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }

#footer a:link 		{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#footer a:visited 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#footer a:hover 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
#footer a:active 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }



/*==========TABBED NAVIGATION BAR==================================*/

#tabs {
margin: 0;
padding: 0;
/*float:left;*/
background:transparent;
font-size:11px;
font-family:arial;
font-weight:bold;
line-height:11px;
border: 0;
}

#tabs ul {
margin:0;
padding:0;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url("images/tab-left.gif") no-repeat left top;
margin:0;
padding:0 0 0 3px;
text-decoration:none;
background-position:0% -29px;
cursor: pointer;
cursor: hand;
}

/* text on tabs */
#tabs a span {
float:left;
display:block;
background:url("images/tab-right.gif") no-repeat right top;
padding:9px 18px 4px 10px;
color:#4B6536;
background-position:100% -29px;
height: 16px;
cursor: pointer;
cursor: hand;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover {background-position:0% 0px; color:/*#648947*/#7EA65E;}
#tabs a:hover span {background-position:100% 0px; color:#7EA65E;}

#tabs #current a {background-position:0% 0px; color:#7EA65E;}
#tabs #current a span {background-position:100% 0px; color:#7EA65E;}



/* ====================LEFTCOL==================== */

#leftcol {
margin: 0;
padding: 0 15px 0 0;
width: 220px;
float: left;
text-align: left;
background-color: #ffffff;
border-right: 1px solid #C2CEA6;
}



/* ====================RIGHTCOL==================== */

#rightcol {
margin: 0;
padding: 0;
width: 593px;
float: right;
background-color: #ffffff;
text-align: left;
}







/* ====================HEADINGS==================== */

h1 {
padding: 0;
margin: 0 0 15px 0;
color: #4B6536;
text-align: center;
font-family: georgia, serif;
font-size: 25px;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.5em;
}

h2 {
padding: 0;
margin: 0 0 15px 0;
color: #4B6536;
text-align: center;
font-family: georgia, serif;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.5em;
}

#hleft h1, h2, h3, h4, h5 {
text-align: left;
}

#hcenter h6 {
text-align: center;
}

h3 {
padding: 0;
margin: 0 0 15px 0;
color: #4B6536;
text-align: center;
font-family: georgia, serif;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.5em;
}

h4 { /*same as h2 but left-aligned*/
padding: 0;
margin: 0 0 15px 0;
color: #4B6536;
text-align: left;
font-family: georgia, serif;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.5em;
}

h6 {
padding: 0;
margin: 0 0 10px 0;
color: #648549;
text-align: left;
font-family: arial, sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 21px;
}
h6 a:link 	{ color:#648549; font-size: 15px !important; font-weight:bold; text-decoration:none; }
h6 a:visited 	{ color:#648549; font-size: 15px !important; font-weight:bold; text-decoration:none; }
h6 a:hover 	{ color:#648549; font-size: 15px !important; font-weight:bold; text-decoration:underline !important; }
h6 a:active 	{ color:#648549; font-size: 15px !important; font-weight:bold; text-decoration:underline !important; }


/* ====================LISTS==================== */


.list1 {
margin: 8px 0;
padding: 0;
text-align: left;
font-size: 11px;
line-height: 20px;
}

.list1 ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list1 li{
margin: 0;
padding: 0px 0 0px 14px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 6px;
font-weight:normal !important;
list-style-type: none;
}

.list1 ul li {
margin: 0 0 0 6px;
padding: 0px 0 0px 14px;
list-style-type: none;
}

.list1 a, a:visited {
color: #7EA65E;
font-weight: bold;
text-decoration: none;
font-size: 11px !important;
}

.list1 a:hover, a:active {
color: #7EA65E;
font-weight: bold;
text-decoration: underline;
font-size: 11px !important;
}

/*------------------------------------*/

.list2 {
margin: 0;
padding: 0;
text-align: left;
font-size: 11px;
line-height: 15px;
}

.list2 ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list2 li{
margin: 0;
padding: 0 0 4px 14px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 4px;
font-weight:normal !important;
list-style-type: none;
}

.list2 ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

.list2 a, a:visited {
color: #7EA65E;
font-weight: bold;
text-decoration: none;
font-size: 11px !important;
}

.list2 a:hover, a:active {
color: #7EA65E;
font-weight: bold;
text-decoration: underline;
font-size: 11px !important;
}

/*------------list 3 - same as list 2 but indented--------------------------*/

.list3 {
margin: 10px 0 10px 30px;
padding: 0;
text-align: left;
font-size: 11px;
line-height: 15px;
}

.list3 ul{
margin: 0;
padding:0;
list-style-type: none;
}

.list3 li{
margin: 0;
padding: 0 0 4px 14px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 4px;
font-weight:normal !important;
list-style-type: none;
}

.list3 ul li {
margin: 0;
padding: 0;
list-style-type: none;
}




/* ====================MISC==================== */

.line1 {
padding: 0;
margin: 0 0 15px 0;
height: 15px;
border-bottom: 1px solid #C2CEA6;
}

.clear {
clear: both;
}



.imgborder1 {
  float:left;
  border:1px solid #999999;
  padding:0;
  margin:0;
  } 

.thinborderfloat {
  float:left;
  border:solid 1px silver;
  padding:5px;
  margin-right:10px;
  } 

  
  
  .text10 {
  font-size:10px !important;
  }
  
  
hr {
margin:  0 0 15px 0;
padding:0;
/*border-top: 1px solid #ffffff;
border-bottom: 1px solid #c2cea6;
border-right:0;
border-left:0;*/
height: 5px;
background: url(images/horiz-rule.gif) center top;
border:0;
}




.gen-table {
border-collapse:collapse;
}

.gen-table table {
border-collapse:collapse;
}

.gen-table td {
border-collapse:collapse;
border:1px solid #aaaaaa;
padding: 1px 3px;
line-height: 1.3em;
}








/*=================BLOG POST background and content=========================*/

#post-bg {
margin: 0 0 15px 0;
padding: 0;
width: 593px;
float: right;
text-align: center;
background: url(http://brookenelson.com/images/blog-bg-mid.gif) center top repeat-y;
}

#post-bg-top {
margin: 0;
padding: 0;
width: 593px;
text-align: center;
background: url(http://brookenelson.com/images/blog-bg-top.gif) center top no-repeat;
}

#post-bg-padding {
margin: 0;
padding: 15px 23px 15px 20px;
text-align: left;
}

#post-bg-bot {
margin: 0;
padding: 0;
width: 593px;
height: 12px;
text-align: center;
background: url(http://brookenelson.com/images/blog-bg-bot.gif) center top no-repeat;
}

/*.date*/
.blogdate {
margin:0 0 10px 0;
padding:0;
color: #7EA65E;
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: left;
}

/* entry heading */
.blogheading {
padding: 0;
margin: 0 0 10px 0;
color: #4B6536;
text-align: left;
font-family: georgia, serif;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
line-height: 28px;
}
.blogheading a {
padding: 0 !important;
background-image:none !important;
border:0 !important;
font-family:georgia, serif !important;
font-size:20px !important;
color:#4B6536 !important;
text-decoration:none !important;
}
.blogheading a:link {
padding: 0 !important;
background-image:none !important;
border:0 !important;
font-family:georgia, serif !important;
font-size:20px !important;
color:#4B6536 !important;
text-decoration:none !important;
}
.blogheading a:visited {
padding: 0 !important;
background-image:none !important;
border:0 !important;
font-family:georgia, serif !important;
font-size:20px !important;
color:#4B6536 !important;
text-decoration:none !important;
}
.blogheading a:hover {
padding: 0 !important;
background-image:none !important;
border:0 !important;
font-family:georgia, serif !important;
font-size:20px !important;
color:#4B6536 !important;
text-decoration:underline !important;
}
.blogheading a:active {
padding: 0 !important;
background-image:none !important;
border:0 !important;
font-family:georgia, serif !important;
font-size:20px !important;
color:#4B6536 !important;
text-decoration:underline !important;
}


.quote {
font-size: 11px;
font-style: italic;
margin: 0;
padding: 15px 15px 15px 55px;
background-color: #eeeeee;
background: #eeeeee url(images/quote-bg.gif) top left no-repeat;
border: 1px solid #dddddd;
}

.quote p {margin: 0 0 8px 0;}