/*  BASIC PRE-SETTING
====================================================*/

* { padding: 0; margin: 0; }

ul, ol, dt { padding-left: 0em; margin-left: 0em; list-style-type: none; }

dd { padding-left: 2.5em; margin-left: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ol, ul, dl, dd, fieldset, address { margin-bottom: 1em; }



/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 76%/1.6em verdana, geneva, arial, helvetica, sans-serif;
	background-color: #2b2b2b;
	color: #FFF; /*#656563;*/
	text-align: center;
	}
		
#container {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url("../img/main_bg.jpg") 0px 0px repeat-y;
	text-align: left;
    position: relative;
	}
	
#inner_wrapper	{
	margin: 0 15px 0 15px;
	}
	
	

#header {
	background: url("../img/header_bg.jpg") 0px 0px no-repeat;
	height: 91px;
	position: relative;
	background-color: transparent; /* transparent */
	font-size: 1.3em;
	}

div#thang {
	position: absolute;
	top: 27px;
	left: -93px;
	width: 530px;
	height: 29px;
	margin-bottom: 0px;
	background: url("../img/thang.gif") left top no-repeat;
	
	}



#content {
	background: transparent url("../img/barn_interior.jpg") center top  no-repeat;
	position: relative;
	padding-top: 102px;
	padding-bottom: 110px;
	}


#storepage #content {
	background: transparent url("../img/barn_interior.jpg") center top  no-repeat;
	position: relative;
	padding-top: 25px;
	padding-bottom: 0px;
	}




#main_col {
	float: left;
	display: inline; /* IE double float margin hack */
	margin-left: 120px;
	padding-top: 0px;
	position: relative;
	width: 369px;
	background-color: transparent;
	}
	
#album-notes img {
	margin: 0 1em 2em 0em;
	position: relative;
	}
	
	
	
	
	
	
#side_col {
	float: right;
	display: inline; /* IE double float margin hack */
	margin-right: 75px;
	width: 218px;
	background-color: transparent;
	position: relative;
	padding-top: 0px;
	}	
	
#side_col p {
	font-size: .85em;
	line-height: 1.35em;
	text-align: right;
	}
	
#side_col img {
	margin-bottom: 1em;
	position: relative;
	}

#folkspage #side_col {
	padding-top: 30px;
	width: 222px;
	}	


#folkspage #side_col p {
	font-size: .85em;
	line-height: 1.35em;
	text-align: left;
	margin-bottom: 5em;
	padding: 0 7px;
	}
	
#folkspage #side_col img {
	margin-bottom: 0em;
	position: relative;
	}



#footer {
	background: url("../img/footer_bg.jpg") center top no-repeat;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	}
	
#innerfooter {	
	margin: 0 auto;
	text-align: center;
	}

#innerfooter p {	
	color: #484747;
	font-size:.85em;
	padding-top: 116px;
	}


	
	
/*  TEXT LINK STYLES 
====================================================*/

	
a:link		{ color: #99ccff; text-decoration: underline; font-weight: normal;}
a:visited	{ color: #99ccff; text-decoration: underline;  font-weight: normal;}
a:hover		{ color: #636357; text-decoration: underline;  font-weight: normal;}


a.pdf:link		{ color: #666; text-decoration: underline; font-weight: normal;}
a.pdf:visited	{ color: #666; text-decoration: underline;  font-weight: normal;}
a.pdf:hover		{ color: #BF0101; text-decoration: underline;  font-weight: normal;}


a.h1:link		{ color: #069; text-decoration: none; font-weight: normal;}
a.h1:visited	{ color: #069; text-decoration: none;  font-weight: normal;}
a.h1:hover		{ color: #633; text-decoration: none;  font-weight: normal;}

a.footer:link		{ color: #484747; text-decoration: underline; font-weight: normal;}
a.footer:visited	{ color: #484747; text-decoration: underline;  font-weight: normal;}
a.footer:hover		{ color: #99ccff; text-decoration: underline;  font-weight: normal;}



a { outline: none; }

#current { color: #BF0101; }

	

a img, a:link img, a:visited img {
border:2px solid #FFF;
text-decoration:none;
}
a:hover img {
border:2px solid #59aafb;
text-decoration:none;
}




	
	
	
/*  UN-ORDERED LIST STYLES 
====================================================

 ul {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
	margin-left: 0em;
	padding: 5px 10px 5px 0px;
	background-color: transparent;
	}
	
li {
	background-image: url("../img/red-dot.gif");
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding-left: 1.5em;
	margin-bottom: .75em;
	line-height: 1.3em;
	background-color: transparent;
	}
	
	*/




/*  NAVIGATION STYLES -- MAIN
====================================================*/

#nav_bar {border: 0px solid black; padding: 0; margin: 0px; margin-left: 0px; height: 31px; width: 344px; position: absolute; top: 44px; left: 497px; background-color: transparent; }

#nav_bar ul {margin: 0px; padding: 0; border: 0px dotted #F00; width: 344px; height: 31px; position: relative; background: transparent;}

#nav_bar ul li { height: 31px; margin: 0; padding: 0; list-style: none; position: absolute; background: transparent;}
	
#nav_bar a { height: 31px; display: block; border: 0px;}	

#nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#nav_bar ul li#nb1 {top: 0px; left: 52px; height: 31px; width: 71px; background: url("../img/nb.jpg") 0px -0px no-repeat; }
#nav_bar ul li#nb2 {top: 0px; left: 123px; height: 31px; width: 103px; background: url("../img/nb.jpg") -71px -0px no-repeat; }
/*
#nav_bar ul li#nb3 {top: 0px; left: 174px; height: 31px; width: 52px; background: url("../img/nb.jpg") -174px -0px no-repeat; }
*/
#nav_bar ul li#nb4 {top: 0px; left: 226px; height: 31px; width: 51px; background: url("../img/nb.jpg") -226px -0px no-repeat; }
#nav_bar ul li#nb5 {top: 0px; left: 277px; height: 31px; width: 67px; background: url("../img/nb.jpg") -277px -0px no-repeat; }


#nb1 a:hover {height: 31px; width: 71px; background: url("../img/nb.jpg") 0px -31px no-repeat;}
#nb2 a:hover {height: 31px; width: 103px; background: url("../img/nb.jpg") -71px -31px no-repeat;}
/*
#nb3 a:hover {height: 31px; width: 52px; background: url("../img/nb.jpg") -174px -31px no-repeat;}
*/
#nb4 a:hover {height: 31px; width: 51px; background: url("../img/nb.jpg") -226px -31px no-repeat;}
#nb5 a:hover {height: 31px; width: 67px; background: url("../img/nb.jpg") -277px -31px no-repeat;}


#nav_bar ul li#onpage1 {top: 0px; left: 52px; height: 31px; width: 71px; background: url("../img/nb.jpg") -0px -31px no-repeat;}
#nav_bar ul li#onpage2 {top: 0px; left: 123px; height: 31px; width: 103px; background: url("../img/nb.jpg") -71px -31px no-repeat;}
/*
#nav_bar ul li#onpage3 {top: 0px; left: 174px; height: 31px; width: 52px; background: url("../img/nb.jpg") -174px -31px no-repeat;}
*/
#nav_bar ul li#onpage4 {top: 0px; left: 226px; height: 31px; width: 51px; background: url("../img/nb.jpg") -226px -31px no-repeat;}
#nav_bar ul li#onpage5 {top: 0px; left: 277px; height: 31px; width: 67px; background: url("../img/nb.jpg") -277px -31px no-repeat;}






/*  h(n) STYLES
====================================================*/


/*  h1 STYLES   ***************************   */
	
h1	{
	text-indent: -9876px;
	position: absolute;
	top: 23px;
	left: 138px;
	width: 219px;
	height: 53px;
	margin-bottom: 0px;
	}
#indexpage h1	{
	background: url("../img/rocky_roberts_h1.gif") left top no-repeat;
	}

	
h1 a	{
	display: block;
	width: 219px;
	height: 53px;
	text-decoration: none;
	margin-bottom: 0px;
	background: url("../img/rocky_roberts_h1.gif") left top no-repeat;
	}
	

h1 a:hover	{
	display: block;
	width: 219px;
	height: 53px;
	text-decoration: none;
	margin-bottom: 0px;
	background: url("../img/rocky_roberts_h1.gif") 0px -53px no-repeat;
	}	
	
	
	
	
/*  h2 STYLES   ***************************   */

#indexpage h2	{
	text-indent: -9876px;
	width: 351px;
	height: 31px;
	margin-left: -2px;
	background: url("../img/debut_h2.gif") left top no-repeat;
	margin-bottom: 25px;
	}



/*  h3 STYLES   ***************************   */

h3 {
	text-align: left;
	font-size: 1.3em;
	}



/*  h4 STYLES   ***************************   */

h4 {
	text-align: left;
	font-size: 1.0em;
	}



/*  MISCELLANEOUS STYLES
====================================================*/



hr { margin: 0px 0px 1em; height: 1px; color: #5e99d0; border: none; } /* For Internet Explorer */
#content #main_col hr { margin: 0px 0px 1em; height: 1px; background-color: #5e99d0; border: none;} /* For Gecko-based browsers */
#content #main_col hr { margin: 0px 0px 1em; height: 1px; background-color: #5e99d0; border: 0px solid #5e99d0; } /* For Opera and Gecko-based browsers */






/* self clearing rules */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */


/* Form Styles
-------------------------------------------- */

input:focus, textarea:focus { 
	background: #666;
	border: 1px solid #fff;
	}

input, textarea	{
	border: 1px solid #666;
	background-color: #333;
	color: #fff;
	padding: 3px;
	}