/*====================================================================*/
/*==============brookenelson.com stylesheet===========================*/
/*==============BLOG VERSION 3/9/08===================================*/
/*==============Updated 8/29/08=======================================*/
/*====================================================================*/


body {
margin: 0;
padding: 0;
font-family:verdana;
font-size: 11px;
color: #333333;
}

#wrap1 {
margin: 0;
padding: 0;
width: 100%;
background: url(http://brookenelson.com/images/gradient-bg.jpg) center top repeat-x;
}

#wrap2 {
margin: 0;
padding: 0;
background: url(http://brookenelson.com/images/bird-bg-blog.jpg) left top no-repeat;
}

#content {
/*position: relative;
top: 145px;
left: 160px;*/
margin: 150px 0 0 160px;
padding: 0 0 15px 0;
width: 800px;
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;
}


#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(http://brookenelson.com/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;
}


/*==========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; }

#footercontent a 		{background-image:none;border:0;display:inline;margin:0;padding:0;}
#footercontent a:link 		{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#footercontent a:visited 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
#footercontent a:hover 		{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
#footercontent 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("http://brookenelson.com/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;
border: 0 !important;
}

/* text on tabs */
#tabs a span {
float:left;
display:block;
background:url("http://brookenelson.com/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;
border: 0 !important;
}

/* 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: 550px;
float: right;
background-color: #ffffff;
text-align: left;
}



/* ====================HEADINGS==================== */

h1 {
padding: 0 0 10px 0;
margin: 0;
color: #4B6536;
text-align: center;
font-family: georgia, serif;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
line-height: 30px;
}

h2 {
padding: 0 0 5px 0;
margin: 0;
color: #4B6536;
text-align: center;
font-family: georgia, serif;
font-size: 17px;
font-weight: bold;
letter-spacing: 1px;
line-height: 25px;
}


h3 {
padding: 0 0 12px 0;
margin: 0;
color: #4B6536;
text-align: center;
font-family: georgia, serif;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
line-height: 21px;
}



/* ====================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("http://brookenelson.com/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;
}



/* ====================MISC==================== */

.line1 {
padding: 0;
margin: 0 0 15px 0;
height: 15px;
border-bottom: 1px solid #C2CEA6;
}

.clear {
clear: both;
}








/* ==================================================== */
/* ====================BLOG============================ */
/* ==================================================== */

#sidebar {
margin: 0;
padding: 0 0 0 10px;
width: 195px;
float: right;
text-align: left;
background-color: #ffffff;
border-left: 0/*1px solid #C2CEA6;*/
}

#maincol {
margin: 0;
padding: 0;
width: 593px;
float: left;
background-color: #ffffff;
text-align: left;
}


/* ---------BLOG SIDEBAR STYLES-------------*/


#sidebar h2 {
padding: 0 0 5px 0;
margin: 0;
color: #4B6536;
text-align: left;
font-family: georgia, serif;
font-size: 17px;
font-weight: bold;
letter-spacing: 1px;
line-height: 25px;
}

.sidebar {
margin: 0;
padding: 0;
list-style-type: none;
}

.sidebar ul {
margin: 0 0 20px 0;
padding:0;
list-style-type: none;
font-size: 11px;
line-height: 22px;
border-top: 1px solid #E4EFC7;
}

.sidebar li{
margin: 0;
padding: 0;
}

.sidebar ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

.sidebar ul li a:link {
margin: 0;
padding: 0 0 0 20px;
display: block;
border-bottom: 1px solid #E4EFC7;
color: #7EA65E;
font-weight: bold;
background-image: url(http://brookenelson.com/images/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}
.sidebar ul li a:visited {
margin: 0;
padding: 0 0 0 20px;
display: block;
border-bottom: 1px solid #E4EFC7;
color: #7EA65E;
font-weight: bold;
background-image: url(http://brookenelson.com/images/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}
.sidebar ul li a:hover {
margin: 0;
padding: 0 0 0 20px;
color: #7EA65E;
font-weight: bold;
background-color: #F0FAD7;
text-decoration: underline;
background-image: url(http://brookenelson.com/images/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}
.sidebar ul li a:active {
margin: 0;
padding: 0 0 0 20px;
color: #7EA65E;
font-weight: bold;
background-color: #F0FAD7;
text-decoration: underline;
background-image: url(http://brookenelson.com/images/bullet.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}

/* ----------MAINCOL STYLES -----------*/

.meta {
color: black;
}

.post {
margin: 0;
padding: 0;
}

/*.date*/
#maincol h6 {
margin:0 0 10px 0;
padding:0;
color: #7EA65E;
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: left;
}

/* entry heading */
#maincol h1 {
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;
}
.maincol h1 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;
}
.maincol h1 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;
}
.maincol h1 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;
}
.maincol h1 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;
}
.maincol h1 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;
}

.storycontent {
margin: 0;
padding: 0;
font-family: verdana;
color: #333333;
font-size: 11px;
line-height:16px;
}

.feedback {
margin: 15px 0 0 0;
padding: 10px 0 0 0;
text-align: right;
border-top: 1px solid #C2CEA6;
}

.entrydivider {
margin: 0 0 15px 0;
padding: 0;
height: 2px;
border-bottom: 3px double #C2CEA6;
}

.navigation {
text-align: center;
padding: 10px 0;
}

.post a {padding: 0 !important;background-image:none !important;border:0 !important;display:inline !important;}
.post a:link 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
.post a:visited { color:#7EA65E; font-weight:bold; text-decoration:none; }
.post a:hover 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
.post a:active 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }

.feedback a {padding: 0 !important;background-image:none !important;border:0 !important;display:inline !important;}
.feedback a:link 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
.feedback a:visited 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
.feedback a:hover 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
.feedback a:active 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }

.navigation a {padding: 0 !important;background-image:none !important;border:0 !important;display:inline !important;}
.navigation a:link 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
.navigation a:visited 	{ color:#7EA65E; font-weight:bold; text-decoration:none; }
.navigation a:hover 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }
.navigation a:active 	{ color:#7EA65E; font-weight:bold; text-decoration:underline; }


/* ---------------SPACERS----------------*/

.spacer1 {
width: 794px;
height: 12px;
margin: 0 auto;
background-color: white;
line-height: 1px;
}

.spacer4 {
width: 100%;
clear: both;
height: 4px;
}

.spacer8 {
width: 100%;
clear: both;
height: 8px;
}

.spacer12 {
width: 100%;
clear: both;
height: 12px;
}

.spacer24 {
width: 100%;
clear: both;
height: 24px;
}

.clear {
clear: both;
}








/*=================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;
}



