/* links */

a {color:#ffe34b; text-decoration:none; border:1px dotted #ffe34b; border-width:0 0 1px 0; position:relative;
}

a:visited {color:#ffe34b; text-decoration:none; border:1px dotted #ffe34b; border-width:0 0 1px 0;
}

a:hover {color:#ffe34b; text-decoration:none; border:1px solid #ffe34b; border-width:0 0 1px 0;
}


/* general */

span.label {width:150px; padding:0 0 5px 0; font-size:1.1em; color:#BCB998; font-weight:normal;} 

span.in {padding-left:5px;}

span.button {padding-left:5px;} 

.button input {padding:1px 3px; font-size:.9em; color:#ffe34b; font-weight:bold; border:solid 1px #BCB998; background-color:#000;} 

.in input {font-size:10px; color:#000; font-weight:normal; border:solid 1px #BCB998; background-color:#FFF; padding:1px 3px;} 

* {margin:0; padding:0;
}

body {margin:0; padding:0; background-color:#000; color:#C9C6A4; font-family:Helvetica, Verdana, sans-serif; font-size:62.5%; line-height:1.5em;
}

#container {width:940px; margin:40px auto; background-color:transparent;
}

#header {position:relative; background-color:#000;
}

#nav {position:absolute; left:45px; top:-32px; margin:0; padding:0; z-index:50; height:25px; line-height:25px;
}

.fleur01 {position:absolute; left:-11px; top:-13px; z-index:20;
}

.fleur02 {position:absolute; left:881px; top:-13px; z-index:21;
}

.fleur03 {position:absolute; left:-11px; bottom:-13px; z-index:22;
}

.fleur04 {position:absolute; left:881px; bottom:-13px; z-index:23;
}

#content, #showscontent, #photoscontent, #newscontent, #mediacontent, #contactcontent, #videocontent {position:relative; left:0; top:15px; margin:0; border:solid 3px #BCB998; width:900px; background-repeat:no-repeat;  background-color:transparent;
}

#content {height:570px; background:none; 
}

#showscontent {min-height:600px; background-image:url(http://www.earlgreyhound.com/images/bandShowsBg.jpg); background-position:left bottom;
}

#photoscontent {min-height:600px; background-image:url(http://www.earlgreyhound.com/images/bandPhotosBg.jpg); background-position:left bottom;
}

#newscontent {height:620px; background-image:url(http://www.earlgreyhound.com/images/bandNewsBg.jpg); background-position:left bottom;
}

#mediacontent {height:620px; background-image:url(http://www.earlgreyhound.com/images/bandMediaBg02.jpg); background-position:left bottom;
}

#contactcontent {height:620px; background-image:url(http://www.earlgreyhound.com/images/bandContactBg.jpg); background-position:left bottom;
}

#videocontent {height:620px; background-color:#000;
}

#bottomfleurs {position:absolute; left:0; top:100%; margin:0; z-index:25; clear:both;
}

#footer {position:relative; left:22px; top:27px; z-index:49;
}

#main {clear:both;
}

#title, #titleint {position:relative; left:40px; top:45px; color:#ffe34b; font-family:Baskerville, Georgia, serif; z-index:4;
}

#titleint {left:50px; top:40px; font-weight:bold;
}

#title h1 {font-size:5.6em; font-weight:bold;
}

#titleint h1 {font-size:3.6em; color:#BCB998; 
}

#titleint h1 .pagehead {color:#ffe34b; font-weight:normal; font-style:italic; 
}

h2 {color:#ffe34b; font-weight:bold; font-family:Baskerville, Georgia, serif; font-size:1.2em; margin:0 0 8px 0;
}

#contacttext h2 {color:#BCB998; margin:0 0 5px 0;
}

p {margin:0 0 20px 0;
}

#contacttext p {margin: 0 0 10px 0;
}

.proper {font-style:italic;
}

#flash {margin:0; position:absolute; bottom:0; right:0; z-index:1;
}

object {position:relative; z-index:9;
}

embed {position:relative; z-index:9;
}

#bottomlink {position:absolute; margin:-15px 20px 10px 640px;
}

#main .homeinner {position:absolute; margin:250px 0 0 7%; width:500px; z-index:99; 
}

#homenews {font-size:1.2em; padding:10px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transBg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#homenews[id] {
  background-image:url(http://www.earlgreyhound.com/images/transBg.png); 
}

#homenews p {margin-bottom: 10px;
}







/* news styles */

#main .newsinner {margin:20px 0 30px 0; position:absolute; bottom:40px; left:400px;
}

#newstext {width:370px; font-size:1.2em; padding:10px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transBg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#newstext[id] {
  background-image:url(http://www.earlgreyhound.com/images/transBg.png); 
}






/* media styles */

#main .mediainner {margin:60px 0 0 0; position:absolute; top:50px; left:75px; z-index:99;
}

#mediatext {width:300px; font-size:1.2em; padding:10px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transBg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#mediatext[id] {
  background-image:url(http://www.earlgreyhound.com/images/transBg.png); 
}







/* contact styles */

#main .contactinner {margin:60px 0 0 0; position:absolute; bottom:50px; left:140px;
}

#contacttext {width:200px; font-size:1.2em; padding:10px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transBg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#contacttext[id] {
  background-image:url(http://www.earlgreyhound.com/images/transBg.png); 
}








/* shows styles */

#main .showsinner {margin:125px 0 15px; float:left; width:898px; display:inline;
}

#showstext {position:relative; left:0; top:0; width:600px; margin: 0 auto;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transBg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#showstext[id] {
  background-image:url(http://www.earlgreyhound.com/images/transBg.png); 
}

.showstable {border-collapse:collapse; text-align:left; font-size:1.2em; color:#C9C6A4;
}

.showstable thead {color:#ffe34b;
}

.showstable thead tr th {padding:5px 10px 2px 5px; border-bottom:1px dotted #7A7866; font-family:Baskerville, Georgia, serif;
}

.showstable tbody tr td {padding:5px 10px 2px 5px; border-bottom:1px dotted #7A7866;
}

.showstable tbody tr.last td {padding:5px 10px 5px 5px; border-bottom:none;
}








/* photos styles */

#main .photoinner #frame {position:relative; left:55px; top:130px; z-index:1; margin:0 0 200px;
}

#main .photoinner #slideshow {z-index:0; position:absolute; top:220px; left:65px; background-color:#000; width:480px; text-align:center;
}

#main .photoinner #thumbs {z-index:5; position:absolute; top:190px; left:550px; margin:0 10px 0 20px; padding:10px; width:250px;
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/transBg.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#thumbs[id] {
  background-image:url(http://www.earlgreyhound.com/images/transBg.png); 
}

#main .photoinner #slideshow #largePhoto {
}

#main .photoinner #thumbs #menu0 ul, #main .photoinner #thumbs #menu1 ul, #main .photoinner #thumbs #menu2 ul, #main .photoinner #thumbs #menu3 ul {list-style:none;
}

#main .photoinner #thumbs #menu0 ul li, #main .photoinner #thumbs #menu1 ul li, #main .photoinner #thumbs #menu2 ul li, #main .photoinner #thumbs #menu3 ul li {display:block; margin:5px; height:50px; float:left;
}

#main .photoinner #thumbs #menu0 ul li a, #main .photoinner #thumbs #menu1 ul li a, #main .photoinner #thumbs #menu2 ul li a, #main .photoinner #thumbs #menu3 ul li a {border:0; display:inline; height:50px;
}

#main .photoinner #thumbs .gallerylink a {display:inline; margin:0 0 5px 0; font-family:Baskerville, Georgia, serif; font-weight:bold; font-size:1.2em;
}

a img {border:1px solid #f6da48; display:inline;
}

#menu0, #menu1, #menu2, #menu3 {height:1%;
}

.gallerylink {display:block; height:1%;
}






/* video styles */

#main .videoinner {position:relative; top:100px; left:25%;
}






/* -----nav----- */

#nav ul {margin:0; padding:0; list-style:none; color:#FFF5CC; font-size:1.2em; height:25px; width:534px;
}

#nav ul li {float:left; background-color:#000; margin-right:8px; padding-right:8px;
}

#nav ul li a {display: block; height:25px; overflow:hidden; padding:0; text-indent: -99999px; color:#f6da48; border-width:0;
}

#nav li#home a {width:48px; background-image:url(http://www.earlgreyhound.com/images/homeBtnBg.gif); background-position:0 0; background-repeat:repeat-x; 
}

#nav li#shows a {width:48px; background-image:url(http://www.earlgreyhound.com/images/showsBtnBg.gif); background-position:0 0; background-repeat:repeat-x;
}

#nav li#media a {width:52px; background-image:url(http://www.earlgreyhound.com/images/mediaBtnBg.gif); background-position:0 0; background-repeat:repeat-x;
}

#nav li#news a {width:43px; background-image:url(http://www.earlgreyhound.com/images/newsBtnBg.gif); background-position:0 0; background-repeat:repeat-x;
}

#nav li#photos a {width:53px; background-image:url(http://www.earlgreyhound.com/images/photosBtnBg.gif); background-position:0 0; background-repeat:repeat-x;
}

#nav li#merch a {width:43px; background-image:url(http://www.earlgreyhound.com/images/merchBtnBg.gif); background-position:0 0; background-repeat:repeat-x;
}

#nav li#message a {width:120px; background-image:url(http://www.earlgreyhound.com/images/messageBtnBg.gif); background-position:0 0; background-repeat:repeat-x;
}

#nav li#contact a {width:62px; background-image:url(http://www.earlgreyhound.com/images/contactBtnBg.gif); background-position:0 0; background-repeat:repeat-x;
}

#nav li#home a:hover, #nav li#shows a:hover, #nav li#media a:hover, #nav li#news a:hover, #nav li#photos a:hover, #nav li#merch a:hover, #nav li#message a:hover, #nav li#contact a:hover {background-position:120px 0;
}

#nav .on li#home a, #nav .on li#shows a, #nav .on li#media a, #nav .on li#news a, #nav .on li#photos a, #nav .on li#merch a, #nav .on li#message a, #nav .on li#contact a {background-position:120px 0;
}

/* -----end nav----- */