/* Basic reset code- The asterisk is the universal selector */

/* page hex colors: 
burgendy in logo #bf2036 
PaleGoldenRod  	#EEE8AA 
med darker olive green #94BC6E 
light green #EBF3E4;   
dark green text in header #598134
*/



*, html, body
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:  Helvetica, Arial, Verdana,  sans-serif;
}

ol, ul {
	list-style: none;
	list-style-type: none;
	font-size: .95em;
	line-height: 1.30em;
	padding: 0;
margin: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* -- Mitch Bryson css reset --*/
hr {
	display: block;
	width: 100%;
	height: 2px;
	color: #e0e0e0;
	background: #e0e0e0;
	border: none;
	margin: 5px 0px 5px 0px;
	}


/** 3.	TYPOGRAPHY - mitch bryson **/

code, pre, var, .monospace {
	margin: 0.80em 0;
	font-family: "Palatino Linotype", "Courier New", monospace;
	line-height: 1.50em;
	}
	code strong, pre strong, 
	var strong, .monospace strong {
		color: #c33;
		background: inherit;
		}


strong			{ font-weight: 		bold;		}
em, i, cite		{ font-style: 		italic;		}
u, .u			{ text-decoration: 	underline;	}

s, strike 	{ text-decoration: line-through; }
sub 		{ vertical-align: sub; 			 }
sup 		{ vertical-align: sup; 			 }
u 			{ text-decoration: underline; 	 }

/** basic a href styling **/
a { color: #838383; font-weight: regular; text-decoration: none;}
/* a:visited 	{ 	color: #606060; font-weight: regular; text-decoration: none;} */
a:hover 	{ color: #606060;  text-decoration: underline;}
/*  a:active 	{ color: #a0a0a0; font-weight: regular; text-decoration: none;} */
	

/** END of resets ** END of resets **/


/** basic p and h code typography - from Terri **/

p {

font-size: .95em;
	margin: 0.30em 0 1.00em 0;
	line-height: 1.40em;
	}

h1, h2, h3, 
{ 
font-weight: regular; 
margin: .7em 0em .7em 0em;
padding: 0px 0px 0px 0px;
color: #000;
}


h4, h5, h6 
{ 
font-weight: regular; 
margin: .7em 0em .7em 0em;
padding: 0px 0px 0px 0px;
color: #000;
}


h1 {  
font-size: 1.50em; 	
line-height: 1.1em;
color: #de960a;
margin: .7em 0em .7em 0em;
}


h2 {  
font-size: 1.35em; 	
line-height: 1.1em;
color: #990000;
margin: .7em 0em .7em 0em;
}

h2.skyefolkstore {
margin:0 0 6px 0 !important; 
margin:0 0 10px 0; 
padding:.75em 0 .2em 0;
color:#660099;
}

h2.skyefolkstore a{
	color:#660099;
text-decoration:none
}


h2.skyefolkstore a:hover{
color: #606060;
text-decoration:none
color: #606060;
}



h3 
{  
font-size: 1.25em; 	
line-height: 1.1em;
color: #de960a;
margin: .7em 0em .7em 0em;
}

h4 {  
font-size: 1.15em; 	
line-height: 1.1em;
}


h5 {  
font-size: 1.05em; 	
line-height: 1.1em;
}

h6 {  
font-size: .90em; 	
line-height: 1.1em;
}

/** end of p and h code typography **/







/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/*******************************************************
General Properties
*******************************************************/
body {
margin:1em;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
}



.right {
float:right;
margin-bottom:2em;
}

.left {
float:left;
}

.imageborder{

padding: 14px 0px 0px 0px;
}

.imagefloatleft{
		float:left;
padding: 0px 10px 0px 0px;
}

.small {
margin-top:-.8em;
font-size:.75em;
color:#86A1C0;
}

.sold {
font-weight: bold; 
color:red;
}


/*******************************************************
Main Column Properties
*******************************************************/
#centerColumn { 	
margin:0 auto;
padding:14px;
width:900px;
/*used to be width:800px;*/

text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:1px solid #C8DCB4;
/*background-image:url(img/big-leaf.gif);
background-position:700px 100px;
background-repeat:no-repeat;*/
}

#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
color:#94BC6E;
font-size:1.1em;
font-weight:lighter;
letter-spacing:.1em;
}

#centerColumn h2.loaded {
margin:0 0 -.5em 0;
padding:.75em 0 15px 50px;
background-image:url(img/leaf.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#A2C581;
font-size:1.1em;
letter-spacing:.1em;
}

#centerColumn h2.medium {
margin:0 0 6px 0 !important; /* Mozilla specific style */
margin:0 0 10px 0; /* IE specific style */
padding:.75em 0 .2em 0;
color:#660099;
/*color:#C66905;*/
border-bottom:1px solid #EBF3E4;
}




/* this is the styling for a small graphic in front of the H2*/
#centerColumn h2.boxes {
margin:0 0 -.5em 0 !important; /* Mozilla specific style */
margin:0 0 -1em 0; /* IE specific style */
padding:.5em 0 5px 25px;
color:#C66905;
}

#centerColumn p {
color:#3B3B3B;
}


/*******************************************************
Header Properties
*******************************************************/
#header {
position:relative;
margin:-1em -1em 0 -1em;
padding:0 0 0 0;
height:100px;
background-color:#ffffff;
background-image:url(interface/skyefolk-header.jpg);
background-position:top right;
background-repeat:no-repeat;
}

#header h1 {
font-size: 2em; 	
color: #de960a;
margin:0 0 0 0;
padding:120px 0 4px 12px;
color:#ffffff;
}

#header h2 {
font-size: 1.05em; 
margin:0;
padding:0px 0 12px 12px;
color:#ffffff;
text-transform:lowercase;
}

#headerlogo {
	position:absolute;
	left:0px;
	/*left:560px; */
top:0px;
	width:290px;
	height: 100px;
}

/*******************************************************
Top Navigation Properties
*******************************************************/
#navbar {
margin:0 -1em 1em -1em !important; /* Mozilla specific style */
margin:0 -1em .5em -1em; /* IE specific style */
padding:0;
height:30px;
background-color:#660099;
/*background-color:#bf2036 ;*/

}

#navbar ul {
margin:0 0 0 10px;
padding:0;
list-style-type:none;
}

#navbar li {
margin:0 2em 0 -1em;
padding:0 0 0 0;
list-style-type:none;
display:inline;
background-color:#660099 ;  
}

#navbar a {
float:left;
margin:0 1em 0 0;
padding:.3em;
font-size:.95em;
color:#EEE8AA;
font-weight: bold;
background-color:#660099;
}

#navbar a:hover {
color:#ffffff;
text-decoration:none;
font-size:.95em;
background-color:#660099; /* med-dark green */
font-weight: bold;
}



#navbar a.thispage {
float:left;
margin:0 1em 0 0;
padding:.3em;
font-size:.95em;
color:#ffffff;
font-weight: bold;
background-color:#660099;
cursor: default;
}


/*******************************************************
Properties of the Three Lower Boxes
*******************************************************/
#boxOne {
float:left;
margin:0px 0px 0 0px;
padding:0px 10px 4px 10px;
width:500px;
/*width:600px;*/
background-color:#fff;
/*background-image:url(img/boxes-bg.jpg);
background-position:0 0;
background-repeat:repeat-x;*/
}


#boxOne p {
width:480px;
}

#boxOne p.sold {

font-size: .95em;
	margin: 0.30em 0 1.00em 0;
	line-height: 1.40em;
color: #F00;
font-weight: bold; 
	}

#boxOnepub {
float:left;
margin:0px 0px 0 0px;
padding:0px 10px 4px 10px;
width:700px;
background-color:#fff;
/*background-image:url(img/boxes-bg.jpg);
background-position:0 0;
background-repeat:repeat-x;*/
}


#boxOnepubwide {
float:left;
margin:0px 0px 0 0px;
padding:0px 10px 4px 10px;
width:800px;
background-color:#fff;
/*background-image:url(img/boxes-bg.jpg);
background-position:0 0;
background-repeat:repeat-x;*/
}

/* added by Terri */
#boxTwo-a {
float:left;

margin:0px 0px 0px 12px;
padding:0px 10px 30px 10px;
width: 340px;
background-color:#fff;
border-left:1px solid #EBF3E4;

}






/*******************************************************
Footer Properties
*******************************************************/
#footer {
position:relative;
clear:both;
bottom:0;
margin:20px 0 0 0;
padding:0 0 0 10px;
height:50px;
line-height:4em;
font-size:.7em;
background-color:#ffffff;
border-top:3px solid #e0e0e0;
}



/* ************THUMBGALLERY DISPLAY ************* */
/*-- Display thumbnails as classy links */

#thumbgal  {
width: 450px;
height: 120px;

}

#thumbgal a {
  display: block; /* necessary for Firefox to show properly the border */
 border: 1px solid #CCCCCC; 
  padding: 8px 7px 6px 7px;
  background:#ffffff;
    /*  background:#F7F7F7; soft grey  */
}


#thumbgal a:hover {
  border: 1px solid #A2A2A2;
  padding: 8px 7px 6px 7px;
  background:#EEE8AA;
}


#thumbgal div {
	
  margin: 3px 3px 3px 3px;
  float: left;
}
 /*-- end thumbnail didsplay div */
 
 
 
 
 






#thumbgal2 a {
  display: block; /* necessary for Firefox to show properly the border */
 border: 1px solid #CCCCCC; 
  padding: 8px 7px 6px 7px;
  background:#ffffff;
    /*  background:#F7F7F7; soft grey  */
}


#thumbgal2 a:hover {
  border: 1px solid #A2A2A2;
  padding: 8px 7px 6px 7px;
  background:#EEE8AA;
}


#thumbgal2 div {
  margin: 3px 3px 3px 3px;
  float: left;
}
 /*-- end thumbnail didsplay div */
 
/*-- Thumbgallery for main gallery page */

#thumbgal3  {
width: 450px;
height: 600px;

}

#thumbgal3 a {
  display: block; /* necessary for Firefox to show properly the border */
 border: 1px solid #CCCCCC; 
  padding: 8px 7px 6px 7px;
  background:#ffffff;
    /*  background:#F7F7F7; soft grey  */
}


#thumbgal3 a:hover {
  border: 1px solid #A2A2A2;
  padding: 8px 7px 6px 7px;
  background:#EEE8AA;
}


#thumbgal3 div {
	
  margin: 3px 3px 3px 3px;
  float: left;
}
 /*-- end thumbnail didsplay div */