/* Autowash Express 849 MAIN */

/*------------------------------------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------------------------------*/
html {
	text-align:center;
	background: #e6e6e6 url(images/back.gif) repeat-y scroll center top;
}
body {
	color:#111;
	background: transparent url(images/header.jpg) no-repeat scroll center top;
	font-family: Verdana, Futura, "Trebuchet MS", Arial, san-serif;
	text-align:left;
}
#hd{
	position: relative;
	height:120px; 
	padding-bottom: 1.0em;
	margin: 0 0 0 0px;
}


#hd h1 {
	float:left;
	text-indent:-99999px;
}

.yui-g {
       padding: 0px 20px 0px 0px;
}

#ft {   
	font-size: 85%;
	letter-spacing:1px;
	padding: 2em 3em;
	margin: 20px 28px 0px 328px; 
	text-align: left;
	height: 65px;
	color: #000;
	background: transparent;
	border-top:2px solid #AEAAA9;
}
#ft a{
	color: #1C4F16;
	text-decoration: none;
}
#ft a:hover {
	color: #DE4C1D;
	text-decoration: underline;
}


/*----------------------------------------
CONTENT
-------------------------------------------*/
th,td{
   border:none;
   padding:.2em;
}
a {	
	color: #000;
}
A:hover {
	COLOR: #7E5469;
	text-decoration: underline;
}
.content,
#galleryText{
	text-align: justify;
	list-style: inside;
	font-family: "Trebuchet MS";
	font-size:100%;
}
.contentHi {
    font-style:italic;
}	
.contentSml,	
.contentHiSml {
	font-size:93%;  
}

.titleLrg{
	font-size:200%;
        text-align: left;
	line-height: 100%;
	color: #1C4E16;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 4px;
	padding: 0px 0px 0px 0px;
	margin: 10px 6px;
}
table .titleLrg {
	border-bottom: none;

}
#modNews h3,
.titleSml{
	font-size:123.1%; 
	font-weight:bold;
}
h3 a,
.titleSml a{
	text-decoration: none;
}
.titleSml a:hover{
	text-decoration: underline;
}
form span.contentSml{
     font:normal 11px/12px arial, san-serif;
}	
#breadtrail{
	font-size:90%;
	margin:0 0 10px 0;
	padding:4px;
	background:#CFC1B5;
}
/*----------------------------------------
Contact Form
-------------------------------------------*/
fieldset{
     border: 1px solid #ccc;
     padding:8px;
     width: auto;
}
legend{
     padding: 2px 6px;
     font-weight:bold;
}
label{
     width: 8em;
     float: left;
     text-align: right;
     margin-right: 0.5em;
     display: block;
}
input{
     color: #000000;
     background: #fff;
     border: 1px inset #333;
}

/*----------------------------------------
L I S T S - vnav,  albums, sml
-------------------------------------------*/
ul,
ul li{ 
	list-style-type: none;
	margin:0px;
}
ul,
ul li{/*for mozilla positioning */
	padding-left: 0; 
	margin-bottom: 0px; 
}
/* ul formating in content */
.content ul{
	list-style: square outside;
	margin:4px 0 6px 0;
	padding:0 0 0 20px;
	text-align:left;
}
.content ul ul,
.content ul li{    
	list-style: square outside;
}

.content ol{
	list-style: decimal outside;
	margin:4px 0 6px 0;
	padding:0 0 0 20px;
	text-align:left;
}
.content ol ol{
	list-style: lower-alpha outside;
}

/*----------------------------------------
I M A G E S
-------------------------------------------*/
.picRight,
.picRightBrd  {
	float: right;
	margin: 1px 1px 1px 6px;
}
.picLeft,
.picLeftBrd {
	float: left;
	margin: 1px 6px 1px 1px;
}
.picRightBrd,
.picLeftBrd {
	border: 1px solid #09222F;
}
.iconImg{
	margin: 2px 8px 6px 0px;
	border:1px solid #09222F;
}
.banner {
	border:0;
	margin: 0;
}
.optionBox {/*used in gallery select */
	font-size:85%;  
	color: #000000;
	background-color: #fff;
	padding:0;
	border:0px;
}
input.btn {
	background-color: #828066;
	font-size: 85%;
	border: 1px solid #E07B3D;
	color: #fff;
	margin: 3px 0 0 3px;
	font-weight: bold;
	text-transform: uppercase;
}
/*----------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox{
        display: block;
        float: right;
	font-size:100%;
	font-weight:bold;
	line-height:100%;
	text-align: right;
	width: auto;
	margin: 80px 40px 0 0;	
	padding 0px 0px 0px 0px;
	z-index: 10;
}

#vNav li a{
        display: block;
	text-align: right;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding:8px 8px;
	margin:0;
        background: transparent url(domain/bin/css/glassyBtn.png) repeat-x scroll -24px;
}



#vNav a:hover{
	color: #1C4E16;
        background: #CE5415 url(domain/bin/css/glassyBtn.png) repeat-x scroll -24px;   
}
#vNav li {   /*for horizontal navigation: display: inline;*/
	display: inline;
}
/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews{
	position:relative;
	margin:0;
	padding:0;
	text-align:justify;
}
#modNews .item{
	margin:2px 0px;
	position:relative;
	padding:0.8em;
	height: auto;
	border-bottom:1px dotted #09222F;
}
#modNews a .item{
	display:block;
	text-decoration:none;
	cursor: pointer;

}
#modNews p{
	color: #09222F;
	text-decoration: none;
}
#modNews a:hover .item{
	background:#CFCFCF;
}
#modNews img.iconImg{
	display: none;
}
#modNews h3 {
	color: #000;
	font-size:123.1%; 
	text-decoration: none;
}

#modNews h3 a:hover {
        color: #fff;
}
#modNews .item p, #modNews .item h3, #modNews .item small{
	margin:0px;
}
#modNews small {
   color: #436A7E;
}
.Pagination{
   text-transform:uppercase;
   letter-spacing:2px;
   text-align:right;
   
}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/

#modGallery{ 
	width:auto;
    margin:6px 0;
}
#modGallery.copy{ }
#modGallery.iconImg{}
#modGall li {  display: inline;}

/*----------------------------------------
CALENDAR
-------------------------------------------*/
#modCalendar{
    position:relative;
	font-family:"trebuchet ms", arial;
    text-align:left;
    margin:0;
    padding:0;
    font-size:93%;

}
#modCalendar .item{
    margin:2px 0px;
    position:relative;
    padding:.2em 0px .2em .8em;
	border-bottom:1px dotted #555;
    height: auto;
	width:100%;
}
#modCalendar li{
    display:inline;
    list-style-type:none;
}
#modCalendar h3{ /*location*/
    margin:0;
	letter-spacing:1px;
	color:#000;
}
#modCalendar .header{/*descriptive header row*/
    display:none;
}
#modCalendar li.summary,
#modCalendar li.location{
	display:block;
	line-height:1.2em;
}
#modCalendar li.summary{margin-bottom:6px;}
#modCalendar .date{
    color:#304B59;
    font-weight:bold;
}
#modCalendar li.tickets a,
#modCalendar li.mg1 a,
#modCalendar li.mg2 a{
	position:absolute;
	right:8px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	border:1px solid #555;
	background:#BE4D10;
	margin:1.5em .4em 0 0;
	padding:2px 4px ;
	width:100px;
	z-index:20;
}
#modCalendar li.tickets a {top:-10px;	background:transparent url(images/bgGrads.gif) repeat-x scroll -10px -15px;}
#modCalendar li.mg1 a {top:16px;background:#EFF9FF url(images/iconGDK.png) no-repeat scroll left -58px;}
#modCalendar li.mg2 a {}

#modCalendar li.tickets a:hover {color:#fff; background:transparent url(images/bgGrads.gif) repeat-x scroll -10px -226px;}
#modCalendar li.mg1 a:hover {color:#fff; background:#BE4D10 url(images/iconGDK.png) no-repeat scroll left -58px;	}

/*--------------------------------------
C A L E N D A R  and  C H E C K O U T
-------------------------------------*/
.calendarBox,
.checkoutBox {
	float: left;
	color: #000;
	width: 400px;
	margin: 0px;
	font-size:93%;
}
.calendarBox td,
.checkoutBox td{	
	padding: 0px 10px 0px 10px;
}
.checkoutOdd,
.calendarOdd{
	background-color: #afafaf;
}
.checkoutEven,
.calendarEven{
	background-color: #D1DBDF;
}
.calendarHdr td,
.checkoutHdr{
	color: #fff;
	padding:6px;
	text-transform:uppercase;
	background: #436A7E;
	text-align:center;
}

/* ----------------------------------------------------------------

Sticky Nav and Blog Nav
-------------------------------------------------------------------- */

#stickyNav li{   
	display: inline;
}
#stickyBox{
	font:normal 11px/10px Arial, Helvetica, sans-serif;
	margin:10px 0 15px 0;
	text-align:left;
	padding:0;
	height:18px;	
}

#stickyNav a{ 
	float:left;
	display: block; 
	padding: 0px 8px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 2px 0 0;
	color:#565C1F;
	border-left:5px solid #415866;
}

#stickyNav a:hover{
	border-left:5px solid #96CBEA;
	color:#000;
	margin:0 2px 0 0;
}
* html #stickyBox ul li{
	margin-top:25px;
}
 #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
}
* html #stickyBox ul li ul {
	position:absolute;
	top:60px;
	left:0px;
} 
#stickyBox ul li ul li {
	display:inline;
} 
#stickyBox ul li ul li a{
	font:normal 9px/10px arial, Helvetica, sans-serif;
	float:left;
	display: block; 
	padding: 0px 8px;  
	text-decoration: none; 
	text-transform:uppercase;
	margin:0 2px 0 0;
	color:#222;
	border-left:2px solid #BADDFE;
}
#stickyBox ul li ul li a:hover{
	border-left:2px solid #FFBF4F;
}
#blogBox{
   width:110px;
   float:right;
   margin:0 0 6px 6px;



   font:bold 11px/14px arial;
}
#blogBox a{
   display:block;
   border:1px dashed #ddd;
   margin:4px 0;
   padding:2px 3px;
 }
#blogBox a:hover{
   border:1px solid #fff;
   background:#A0BBCC;
   color:#003;
}
/*------------------------------
A L B U M M O D U L E
-------------------------------*/
#modAlbum{
padding:10px;
width:400px;
}
/* --- album info --- */
.albumDetail{ /*album description container div */
border-bottom:1px dotted #ccc;
padding:4px;
margin:1em 0;
}
.albumDetail img{ /*album cover */
float:left;
border:1px solid #000;
margin-right:1em;
}
.albumDetail h3{/*album title */
font-size:200%;
text-transform:uppercase;
margin:0;
}
.albumDetail p {/*album description text */
margin:.5em 0;
}
/* --- track info --- */
#modAlbum h4{/* track listing hdr, review hdr */
margin:0;
text-transform:uppercase;
letter-spacing:2px;
color:#888;
}
#songList{/* container div for track list */
}
#songList ol{/* song listing */
list-style: none;
margin:.5em 0;
padding:0;
}
#songList ol li{
list-style: none;
padding:4px;
margin:1px 0;
background:#ccc url(domain/bin/css/glassyBtn.png) repeat-x 0 -30px;
}

#songList .songStuff{
    background:transparent url(domain/bin/css/iconGDK-play.gif) no-repeat 320px -360px;
}
#songList span.num{
font-size:77%;
margin-right:8px;
width:2em;
display:inline-block;
text-align:right;
}
strong.songTitle{
width:300px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
cursor:pointer;
}
strong.songClosed{/* song title class when opened for lyric view */
color:#555;
}
strong.songOpen{/* song title class when closed */
color:#000;
}
.listenLink{

}
div.songDetail{/* container song description, lyrics*/
padding:.5em 1em;
}
em.songDesc{/* song description*/

}
p.songLyric{/*song lyrics*/
font-size:85%;
}

/* --- inline mp3 player info --- */
/*player icon info: play:0; pause:-40px; stop:-80;next:-120; prev:-160; ff:-200; rew:-240;
headphones:-280px; 8th notes:-320; lyrics:-360; video: -400; $: -440;
*/
#songList ol li a{/* hides player links until soundmanager has fully loaded*/
display:none;
}
#songList ol li a.sm2_link {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
cursor:pointer;
background:transparent url(domain/bin/css/iconGDK-play.gif) no-repeat 2px -280px;
padding:2px 2px 2px 22px;
min-height:16px;
text-decoration:none;
color:#fff;
font-size:77%;
text-transform:uppercase;
