/* CSS idea from 	terrafirma1.0 by nodethirtythree design http://www.nodethirtythree.com
edited & updated & turned into a floating column & wrapped layout by me - T O'Donnell 2008 */

*
{
padding: 0px;
margin: 0px;
}

body
{
background: #F9F9F7 url('../6-Layouts/terrafirma/images/a1.gif') repeat-x;
font-size: 90%;
font-family: "trebuchet ms", helvetica, sans-serif;
color: #8C8C73;
line-height: 18px;
}

a
{
color: #FF7800;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

sup
{
font-size: 0.5em;
}


p
{
margin-bottom: 14px;
text-align: justify;
}

img.picA
{
position: relative;
top: -2px;
background: url(../6-Layouts/terrafirma/images/a47.gif) no-repeat;
width: 76px;
height: 74px;
padding: 8px;
}

img.picB
{
position: relative;
top: -2px;
background: url(../6-Layouts/terrafirma/images/a26.gif) no-repeat;
width: 146px;
height: 75px;
padding: 7px;
}

img.floatleft
{
float: left;
margin: 0px 14px 3px 0px;
}


ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}
/* *************** ID's for LAYOUT ********************************** */
#wrapper /* was called outer */
{
position: relative;
width: 747px;
margin: 0 auto;
background: #fff url(../6-Layouts/terrafirma/images/abg.gif) repeat-y;
}

#upbg /* top graphic background */
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff url(../6-Layouts/terrafirma/images/upbg.gif) no-repeat;
	width: 747px;
	height: 264px;}

#inner
{
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

/* ********* SET UP HEADER ********* */
#header
{position: relative;
height: 92px;
color: #fff;
padding-left: 20px;

}

#headerA, #headerB 
{float:left; 
font-size:75%; 	 
}

#headerA
{
background: #FF7800 url(../6-Layouts/terrafirma/images/a8.gif) repeat-x;
width: 230px;
height: 92px;
color: #fff;
padding-left: 20px;
}
#headerB
{right: 30px;
background: #EAEAE2 url(../6-Layouts/terrafirma/images/a10.jpg) no-repeat;
width: 458px;
height: 92px;
}
.brclear{
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 


#header h1
{
position: absolute;
font-size: 23px;
letter-spacing: -1px;
top: 30px;
line-height: normal;
}

#header h2
{
position: absolute;
font-size: 10px;
font-weight: normal;
color: #FCE2CA;
top: 51px;
}

#header sup
{
color: #FCE2CA;
}

/* *********** MENU *********/
#menu
{
position: relative;
background: #46461F url(../6-Layouts/terrafirma/images/a16.gif) repeat-x;
height: 67px;
padding: 0px 10px 0px 5px;
margin: 5px 18px 10px 20px;
}

#menu ul
{
}

#menu ul li
{
display: inline;
line-height: 52px;
padding-left: 3px;
}

#menu ul li.first
{
border-left: 0px;
}

#menu ul li a
{
background-color: transparent;
background-repeat: repeat-x;
padding: 8px 6px 8px 6px;
font-size: 12px;
color: #fff;
font-weight: bold;
}

#menu ul li a:hover
{
background: #fff url(../6-Layouts/terrafirma/images/a18.gif) repeat-x top;
color: #4A4A24;
text-decoration: none;
}

#date
{
	position: absolute;
	top: 0px;
	line-height: 52px;
	color: #BDBDA2;
	right: 8px;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -1px;
}

/* ******************* Main Content AREA ************** */
#Main {}
#MainA, #MainB 
{float:left; 
 	 
}

#MainA
{
position: relative;
width: 530px;
margin-left:20px;
padding-left: 10px;
}
#MainB
{
position: relative;
width: 140px;
margin-left:10px;
padding-left: 10px;
}
/* ************** CONTENT STYLES *************/
#secondarycontent
{
position: relative;
width: 140px;
float: right;
}

#MainB h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url(../6-Layouts/terrafirma/images/a22.gif) bottom repeat-x;
padding: 0px 0px 10px 10px;
margin-bottom: 20px;
}

#MainB .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#primarycontent
{
position: relative;
width: 480px;
float: left;
}

#mainA h1
{
position: relative;
top: 4px;
font-size: 200%;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url(../6-Layouts/terrafirma/9-website-Graphics/terrafirma-images/a22.gif) bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}



#primarycontent h1
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url(../6-Layouts/terrafirma/images/a22.gif) bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 20px;
}
#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .post
{
margin-bottom: 30px;
}

#primarycontent .post .header
{
position: relative;
}

#primarycontent .post .date
{
position: absolute;
right: 15px;
top: 0px;
line-height: 35px;
color: #AFAFA4;
font-weight: bold;
}

#primarycontent .post .content
{
margin-bottom: 0px;
}

#primarycontent .post .footer
{
position: relative;
top: -10px;
background: url(../6-Layouts/terrafirma/images/a33.gif) repeat-x;
height: 64px;
}

#primarycontent .post .footer ul
{
list-style: none;
position: absolute;
right: 15px;
bottom: 15px;
}

#primarycontent .post .footer ul li
{
display: inline;
line-height: 14px;
padding-left: 17px;
margin-left: 25px;
background-repeat: no-repeat;
background-position: 0px 2px;
}

#primarycontent .post .footer ul li.printerfriendly
{
background-image: url(../6-Layouts/terrafirma/images/a41.gif);
}

#primarycontent .post .footer ul li.comments
{
background-image: url(../6-Layouts/terrafirma/images/a36.gif);
}

#primarycontent .post .footer ul li.readmore
{
background-image: url(../6-Layouts/terrafirma/images/a38.gif);
}

#footer
{
position: relative;
clear: both;
height: 66px;
text-align: center;
line-height: 66px;
background-image: url(../6-Layouts/terrafirma/images/a50.gif);
color: #A8A88D;
margin: 0px 20px 10px 20px ;
}

#footer a
{
color: #8C8C73;
}


/* ----------------- Styles    ---------------------- */
h1
{
position: relative;
top: 4px;
font-size: 200%;
line-height: 25px;
color: #656551;
letter-spacing: -1px;
background: url(../6-Layouts/6-layouts/terrafirma/images/a22.gif) bottom repeat-x;
padding: 0px 0px 5px 2px; /*top right bottom left */
margin-bottom: 5px;
}

h2
{
font-size: 200%;
line-height: 25px;
color: #993300;
letter-spacing: -1px;
background: url(../6-Layouts/6-layouts/terrafirma/images/a22.gif) bottom repeat-x;
padding: 0px 0px 2px 5px;
margin-bottom: 0px;
}

.mylists { padding-left:20px; list-style:circle;}

/* BLOG STYLES ***************/
.post { text-align:left; border:0px;}
.post h1 {   /* font-size:13px;
  color:#234;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight:bold ;
  background-color: #EEEEEE;
  border-bottom: 1px solid #8cacbb;
  border-top:1px solid #8cacbb;
  padding: 4px;
  margin: 2px 5px 5px 5px;}*/
 	font-size:120%;
	color:#FFFFFF;
	font-weight:normal;
	line-height:1.4em;
	padding: 3px;
	margin: 0px 10px 0px 10px; 
	background-color: #5B5B38;}
.post h2{
  font-family: arial, sans-serif;	font-size: 10pt;	font-weight: bold;	color: #7D6245;
  padding: 4px; margin: 4px ;}
.post p{  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  /*font-size:80%;*/
  line-height:1.4em; 
  padding-top: 1px;     
  padding-left: 6px; 
  padding-right: 6px;
  padding-bottom: 1px;}
  
.post li{font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  /*font-size:80%;*/
  line-height:1.3em; 
  padding: 1px, 4px, 1px, 4px;}
  
.post p img {display: block;
margin-left:6px;
margin-right:auto;
margin-bottom: 6px;
border: 1px solid #8cacbb;
float:right;} 

.photo img{display: block;
margin-left:auto;
margin-right:auto;
border: 1px solid #8cacbb;
float: none;}

.newfont { font-family: Verdana, Helvetica, sans-serif;
  /*font-size:80%;*/
  line-height:1.4em; 
  padding-top: 1px;     
  padding-left: 10px; 
  padding-right: 6px;
  padding-bottom: 1px;}

/* -----------index page layout-------------- */
#indexcolA, #indexcolB { 
float:left; 
line-height:1.4em; }

#indexcolA {padding: 5px; margin:5px 8px 5px 25px; width: 300px; text-align:left;}
#indexcolB {padding: 5px; margin:5px 5px 5px 0px; width: 150px;}

p.index {padding: 0px 5px 5px 5px; }
h2.index {
	font-size:120%;
	color:#FFFFFF;
	font-weight:normal;
	line-height:1.4em;
	padding: 3px;
	margin: 0px 10px 0px 10px; 
	background-color: #5B5B38;}


/* --- blog layout ---- */

#smallcolA, #smallcolB {width: 245px; float:left; padding:8px; margin:8px;
font-size:75%; 	 font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; 
line-height:1.4em; }

#smallcolA {}
#smallcolB {}

.bloglist li {font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; 
line-height:1.4em;}

#blog {}
.cols {border:1px solid #7D6245; width: 240px; float:left; margin-left:11px; margin-right:10px; margin-bottom: 5px;  text-align:center; font-size:90%;}
.cols h1{ background-color:#7D6245; color:#FFFFFF; text-align:center; font-size: 105%;
	margin-bottom: 2px; margin-top:0px;}
.cols h2{ background-color:#7D6245; color:#FFFFFF; text-align:center; font-size: 100%;
	margin-bottom: 2px; margin-top:0px;}
.cols img{ padding:3px;}
.cols a{ color:#7D6245; text-decoration:none; font-size:80%;}
.cols a:hover{ color:#83B73B; text-decoration:underline; font-size:80%;}
.cols p{  text-align:center; padding:5px;}
.cols p.blogtext {font-size:75%; text-align:center; padding:5px;}

.single{border:1px solid #7D6245; width: 95%; margin-left:11px; margin-right:10px; margin-bottom: 5px;  text-align:center;}
.single h1{ background-color:#7D6245; color:#FFFFFF; text-align:center; font-size: 105%;
	margin-bottom: 2px; margin-top:0px;}
.single h2{ background-color:#7D6245; color:#FFFFFF; text-align:center; font-size: 100%;
	margin-bottom: 2px; margin-top:0px;}
.single img{ padding:5px;}
.single a{ color:#7D6245; text-decoration:none; font-size:80%;}
.single a:hover{ color:#83B73B; text-decoration:underline; font-size:80%;}
.single p{ font-size:75%; text-align:center;}
.single .blogtext {font-size:75%; text-align:center;}

.tattoo-box {border:1px solid #32444E; width: 95%; 
margin-left:11px; margin-right:10px; margin-bottom: 5px;  }
.tattoo-box h1{ background-color:#32444E; color:#FFFFFF; text-align:center; font-size: 105%;
	margin-bottom: 2px; margin-top:0px; margin-left:0px; padding-left:8px; text-align:left;}
.tattoo-box img { padding:5px; }
.tattoo-box p{text-align:center}

.scroll {background-color:#FDF5E6;} 

	

/* -------- STYLES  ----------*/
.imgleft { float:left; padding:4px;}
.imgright { float:right; padding:2px; border:#336600 1px solid; margin:2px 2px 2px 6px;}

.imgright2 { float:right; padding: 1px 10px 5px 10px;}
.imgright-B{float:right; padding:2px; border:#336600 thin inset solid; margin:2px;}
.gallery-list {float:left; padding:2px; border:#336600 1px solid;}

.gallery-list_B {float:left; padding:2px;}
.gallery-list-sm {float:left; padding:0px; margin:0px; }

.pic-title { font-size: 10px; color:#314848;}
.pic-title a {color:#314848;}

.gallery-list { padding-left:2px; margin-left:5px; margin-right:5px; font-size:75%}
.gallery-count{ font-size:90%; color:#3D695B;}
.gallery{ padding-top: 5px; padding-left:2px;}
.gallery { font-size:70%; }
.gallery-pic { max-width:460px; max-height:460;}
.gallery-float { float:left;}
.gallery-line {padding-top: 5px; padding-left:2px;
	font-size:70%; width: 460px; overflow:scroll;}
	
.linkpic {float:left; padding:1px;}

/* -------- STYLES FROM OLD SHEET ----------*/

.links-bright { color:#000000; }
.links-green { color:#660066; }
.bluelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	text-decoration: none;}
	
.post {
  margin:10px 0 10px 0px;  }
.post-title {
  font-size:12px;
  color:#234;
  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  line-height:1.4em;
  background-color: #EEEEEE;
  border-bottom: 1px solid #8cacbb;
  border-top:1px solid #8cacbb;
  padding: 4px;
  margin: 0px 0%;
  }
.post-title h1{
  font-size:13px;
  color:#234;
  font-family: Verdana, Helvetica, sans-serif;
  font-weight:bold ;
  background-color: #EEEEEE;
  border-bottom: 1px solid #8cacbb;
  border-top:1px solid #8cacbb;
  padding: 4px;
  margin: 2px 5px 5px 5px;  }

.post-body { font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size: 12px;   
  padding-top:10px;
  line-height:1.4em;
  padding: 6px 8px;  }
  
.post-body h1 { line-height:1.3em;   
	font-size:13px;
	color:#234;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold ;
	background-color: #EEEEEE;
	border-bottom: 1px solid #8cacbb;
	border-top:1px solid #8cacbb;
	padding: 4px;
	margin: 2px 5px 5px 5px; }

.post-body h2{
  font-family: arial, sans-serif;	font-size: 11pt;	font-weight: bold;	color: #7D6245;
  padding: 5px 4px 5px 6px; margin: 4px 4px 4px 0px}
.post-body p{  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:100%;   
  line-height:1.4em;
  margin: 4px 6px 15px 6px;}
.post-body  a:link {  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:14px; font-weight:norml; 
  padding-top:10px;
  line-height:1.4em;
  padding: 0px 0px; 
  color: #688EB0;}
.post-body >bluelink a:link{  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:14px; font-weight:normal; 
  padding-top:10px;
  line-height:1.4em;
  padding: 0px 0px; 
  color: #688EB0;}
.post-body a:visited {  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:14px; font-weight:normal; 
  padding-top:10px;
  line-height:1.4em;
  padding: 0px 0px; 
  color: #688EB0;}
.post-body a:active {  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:14px; font-weight:normal; 
  padding-top:10px;
  line-height:1.4em;
  padding: 0px 0px; 
  color: #688EB0;}  
.post-body a:hover {  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:14px; font-weight:normal; 
  padding-top:10px; text-decoration: underline;
  line-height:1.4em;
  padding: 0px 0px; 
  color: #688EB0;}
  
.post-body img {display: block;
margin-left:6px;
margin-right:auto;
margin-bottom: 6px;
border: 1px solid #8cacbb;
float:right;} 

.photo img{display: block;
margin-left:auto;
margin-right:auto;
border: 1px solid #8cacbb;
float: none;}



.post-links { font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:15px;   
  padding-top:8px;
  line-height:1.4em;
  padding: 6px 8px;  }
  
 /* --------- extra styles from old sheets ----------- */

.fieldset {font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:11px;}
.fieldset legend {
  font-size:12px;
  color:#234;
  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  line-height:1.1em;
  padding: 6px 8px;
  margin: 0px 0%;
  }
.sub-title {  
  /*width: 95%;*/}
.sub-title td {font-size:12px;
  color:#FFFFFF;
  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  line-height:1.4em;
  border: 1px solid #AB865E;
  padding: 6px 8px;
  margin: 0px 0%; 
  background-color: #A18464;}
.sub-body {
  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:11px;
  padding-top:10px;
  line-height:1.4em;
  padding: 6px 8px;
  margin: 6px 2px 8px 2px;
  /*width: 95%;*/
  }
.master >h1 >a:link{ font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #688EB0;
margin-bottom:1px; margin-top:4px;}
.master >p {	  font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
  font-size:12px;   line-height:1.4em;   padding: 6px 8px;
	color: #7D6245; margin-top:2px; margin-bottom:1px; }
	
.labels h1{ font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #688EB0;
margin-bottom:0px; margin-top:4px; padding-bottom:0px;}

.labels p{font-family: georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D6245; margin-top:1px;}
	
.navbar { }
.navbar a{ font-size:75%;}