@charset "utf-8";
/* CSS Document */

html, body {
padding:0;
margin:0;
}

body {
background-image: url(http://www.upfromtheashespa.com/images/ashesbg.jpg);
background-repeat: repeat-x;
background-color:#a30000;
color:#000000;
font-family: "Trebuchet MS", "Century Gothic", Verdana, sans-serif;
font-size:13px;
text-align:center;
padding: 20px 0;
}

a, .pagelinkcolor {
outline:none;
color:#762b0d;
text-decoration:none;
letter-spacing:.03em;
}

h1, h2, h3, h4, h5, h6 {
font-family: Garamond, Georgia, serif;
color:#620000
}

h1 {
font-family: Garamond, Georgia, serif;
font-size:2em;
letter-spacing:.02em;
}

h2 {
font-size:20px;
}

h3 {
18px;
}

.smallimg {
padding: 3px;
border:#850000 1px dashed;
}

hr{
color:#850000;
background-color:#850000;
height:1px;
border:none;
}

.eventhighlight {
color:#850000;
font-weight:bold;
padding:5px;
border:#850000 solid 1px;
}

div#wrapper {
background-image:url(http://www.upfromtheashespa.com/images/asheswingsbg.png);
background-repeat:no-repeat;
background-position:center top;
background-attachment:fixed;
padding:0;
margin:0;
width: 100%;
text-align: center;
height:auto;

}

div#wrapper2 {
background-image:url(http://www.upfromtheashespa.com/images/ashescontentbg.jpg);
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: center;
height:auto;
background-color:#ffe3a9;
z-index:2;
position: relative;
border:#850000 solid 5px;
}


div#header {
height:211px;
width:800px;
position:relative;
}

div#logo {
float:left;
padding:10px 0 0 5px;
width:375px;
position:relative
}

#logo h1 {
font-family: Garamond, Georgia, serif;
font-size:30px;
letter-spacing:.05em;
}


div#topbar {
padding-top:100px;
width: 375px;
position:relative;
text-align:right;
padding-right:25px;
line-height:34px;
float:right
}

#topbar a {
color:#676994;
}

div#mainnav {
width:190px;
float:left;
text-align:left;
margin:10px 5px 10px 25px;
	line-height: 18px;
font-weight:bold;
}

div#mainnavpad {
	line-height: 18px;
}

.itemcolor, .boldtext {
font-weight:bold;
}


#mainnav a {
	list-style-type: none;
	display: block;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #850000;
color:#a30000;
font-size:12px
}
#mainnav a:hover {
	list-style-type: none;
	display: block;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #850000;
	color: #000000;
}

.imagepad {
padding:0 2px;
}

div#content {
width: 539px;
w\idth: 518px;
float:right;
font-size:13px;
text-align:left;
margin:10px 25px 10px 5px;
border-left:#850000 thin dashed;
padding-left:10px
}

div#bottombar {
height:34px;
width:775px;
position:relative;
clear:both;
text-align:center;
padding-left:25px;
line-height:34px;
font-weight:bold;
border-top:#850000 1px solid;
border-bottom:#850000 1px solid;
}

#bottombar a {
color:#a30000;
font-size:12px
}

div#footer {
height:50px;
position:relative;
clear:both;
text-align:right;
margin-right:25px;
padding-top:8px
}

div#footer a {
color:#a30000;
text-decoration:none;
}

input {
background-color:transparent; 
color: #762b0d;
border:#850000 1px dashed;
}

input.text {
width:240px;
}

textarea {
background-color:transparent; 
color: #762b0d;
	border:#850000 1px dashed;
	width: 240px;
}

input.submit{
background-color:transparent; 
color: #762b0d;
border:#850000 1px dashed;
padding:3px;
cursor:pointer;
}

select {
background-color:transparent; 
color: #762b0d;
border:#850000 1px dashed;
}

option {
background-color:#ffe3a9; 
color: #762b0d;
border-bottom:#850000 1px dashed;
padding: 1px 2px 1px 2px
}

input.searchbtn {
background-color:transparent; 
color: #762b0d;
border:#850000 1px dashed;
width:200px;
padding:3px
}

input.searchsbmt{
background-color:transparent; 
color: #762b0d;
border:#850000 1px dashed;
padding:2px;
cursor:pointer;
font-size:9px;
margin-bottom:2px
}

.flickr_badge { float: left; }
.flickr_badge img { width: auto; height: 100px; padding: 5px; margin: 0 10px 10px 0; border: 1px solid #000; background: #ccc; float: left; }