/*Kings of Langley */ body {margin-top: 20px; padding: 0 0 0 0; font-family: Verdana, myriad, Arial, helvetica, Sans-Serif; background-color: #000;} #container {width: 819px; margin: 0 auto;} #content { padding: 0px; width:819px;} #content-meet { padding: 0px; width:819px; background:transparent url(../img/select.jpg) right center no-repeat; } #header { width:823px; height: 429px; margin:0px;} #header #header-top { height:273px; background:transparent url(../img/header-top.jpg) no-repeat; width:823px; } a { color:#000; text-decoration:underline; } a:hover { color:#454545; text-decoration:underline; } /* Menu */ #header #header-menu { height:156px; background:transparent url(../img/header-menu.jpg) no-repeat; width:823px; } #header #header-menu ul { margin: 0; padding: 0; list-style: none; height: 40px; text-align: center; margin:7em 0 0 162px;width:600px; float:left;} #header #header-menu #home { list-style-type:none; display:block; float:left; height:40px; width:60px; margin:0 0 0 30px; } #header #header-menu #home a { display:block; height:40px; width:60px;} #header #header-menu #home a:hover { display:block; height:40px; width:60px; border-bottom:2px solid #fff;} #header #header-menu #meet-us { list-style-type:none; display:block; float:left; height:40px; width:78px; margin:0 0 0 30px; } #header #header-menu #meet-us a { display:block; height:40px; width:78px;} #header #header-menu #meet-us a:hover { display:block; height:40px; width:78px; border-bottom:2px solid #fff;} #header #header-menu #hear-us { list-style-type:none; display:block; float:left; height:40px; width:76px; margin:0 0 0 30px; } #header #header-menu #hear-us a { display:block; height:40px; width:76px;} #header #header-menu #hear-us a:hover { display:block; height:40px; width:76px; border-bottom:2px solid #fff;} #header #header-menu #see-us { list-style-type:none; display:block; float:left; height:40px; width:76px; margin:0 0 0 30px; } #header #header-menu #see-us a { display:block; height:40px; width:76px;} #header #header-menu #see-us a:hover { display:block; height:40px; width:76px; border-bottom:2px solid #fff;} #header #header-menu #contact-us { list-style-type:none; display:block; float:left; height:40px; width:106px; margin:0 0 0 30px; } #header #header-menu #contact-us a { display:block; height:40px; width:106px;} #header #header-menu #contact-us a:hover { display:block; height:40px; width:106px; border-bottom:2px solid #fff;} /* Content */ #home-left { float:left; width:440px; margin:.5em 0 0 .8em; vertical-align:top;} #home-left h1 { width:103px; height:25px; background:transparent url(../img/home.gif) no-repeat; margin:0 0 .5em 0; color:#000; font-size:0px;} #home-left h2 { color:#fff; font-family:Arial, Verdana; font-size:16px; } #home-left p { color:#fff; font-family:Arial, Verdana; font-size:13px; } #home-right { float:right; width:337px; margin:.5em 0 0 0; background:#fff; border:10px solid #dedede; vertical-align:top;} #home-right ul { margin: 0; padding: 0; height: 32px; width:337px; list-style: none; border-bottom:2px solid #dedede;} #home-right li#latest-gigs {list-style-type:none; display:block; float:left; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/latest-gigs.jpg) no-repeat; } #home-right li#view-all { list-style-type:none; display:block; float:right; margin:3px 5px 2px 0px; padding: 0; height: 24px; width:82px; background: transparent url(../img/view-all.jpg) no-repeat; } #home-right li#view-all a { display:block; height: 24px; width:82px;} #band-left { float:left; width:440px; margin:.5em 0 0 .8em; vertical-align:top;} #band-left h1 { width:103px; height:25px; background:transparent url(../img/band-stuff.gif) no-repeat; margin:0 0 .5em 0; color:#000; font-size:0px;} #band-left p, a { color:#fff; font-family:Arial, Verdana; font-size:14px;text-decoration: none; } #band-left a:hover { color:#fff; font-family:Arial, Verdana; font-size:14px;text-decoration: underline; } #band-right { float:right; width:337px; margin:.5em 0 0 0; background:#fff; border:10px solid #dedede; vertical-align:top;} #band-right ul { margin: 0; padding: 0; height: 32px; width:337px; list-style: none; border-bottom:2px solid #dedede;} #band-right li#lyrics {list-style-type:none; display:block; float:left; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/lyrics.jpg) no-repeat; } #band-right li#play-list { list-style-type:none; display:block; float:right; margin:3px 5px 2px 0px; padding: 0; height: 24px; width:82px; background: transparent url(../img/play-list.jpg) no-repeat; } #band-right li#play-list a { display:block; height: 24px; width:82px;} #band-right p a {color: #000; margin-left: 8px; font-size:12px;text-decoration: none; } #band-right a:hover {color: #000; margin-left: 8px; font-size:12px;text-decoration: underline; } #about-left { float:left; width:515px; margin:.5em 0 0 .8em; vertical-align:top;} #about-left h1 { width:88px; height:35px; background:transparent url(../img/meet-us.gif) no-repeat; margin:0 0 1em 0; font-size:0; color:#000;} #about-left #box { float:left; width:93px; height:246px; background: #fff url(../img/gradient_black.jpg) bottom repeat-x; margin:0 0 0 .5em;} #about-left #box a.campbell { width:83px; height:184px; background: transparent url(../img/campbell-over.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.campbell:hover { width:83px; height:184px; background: transparent url(../img/campbell.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.jason { width:83px; height:184px; background: transparent url(../img/jason-over.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.jason:hover { width:83px; height:184px; background: transparent url(../img/jason.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.matt { width:83px; height:184px; background: transparent url(../img/matt-over.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.matt:hover { width:83px; height:184px; background: transparent url(../img/matt.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.mikel { width:83px; height:184px; background: transparent url(../img/mikel-over.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.mikel:hover { width:83px; height:184px; background: transparent url(../img/mikel.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.alex { width:83px; height:184px; background: transparent url(../img/alex-over.jpg) top no-repeat; margin:.3em; display:block;} #about-left #box a.alex:hover { width:83px; height:184px; background: transparent url(../img/alex.jpg) top no-repeat; margin:.3em; display:block;} #about-left p { color:#fff; font-family:Arial, Verdana; font-size:13px; } #about-right { float:right; width:267px; margin:.5em 0 0 0; background:#fff; border:10px solid #dedede; vertical-align:top;} #about-right .profile ul { margin: 0; padding: 0; height: 32px; width:267px; list-style: none; border-bottom:2px solid #dedede;} #about-right .profile li#c-name {list-style-type:none; display:block; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/c-name.jpg) no-repeat; } #about-right .profile li#j-name {list-style-type:none; display:block; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/j-name.jpg) no-repeat; } #about-right .profile li#ma-name {list-style-type:none; display:block; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/ma-name.jpg) no-repeat; } #about-right .profile li#mi-name {list-style-type:none; display:block; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/mi-name.jpg) no-repeat; } #about-right .profile li#a-name {list-style-type:none; display:block; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/a-name.jpg) no-repeat; } #hear-left { float:left; width:760px; margin:.5em 0 0 .8em; vertical-align:top; } #hear-left h1.hear { width:103px; height:25px; background:transparent url(../img/hear-us.gif) no-repeat; margin:0 0 .5em 0; color:#000; font-size:0px;} #hear-left p.hear { color:#fff; font-family:Arial, Verdana; font-size:13px; } #gigs { background:#fff; width:741px; border:10px solid #dedede; vertical-align:top; margin:.5em 0 0 0; } #gigs ul { margin: 0; padding: 0; height: 32px; width:586px; list-style: none; border-bottom:2px solid #dedede;} #gigs li {list-style-type:none; display:block; float:left; margin:3px 0 2px 4px; padding: 0; height: 25px; width:38px; background: transparent url(../img/gigs-text.jpg) no-repeat; } #gigs #scroller { height:800px; overflow:auto; } #gigs #scroller h1 { color:#313131; font-size:13px; margin:.1em; padding:0; width:400px;} #gigs #scroller h2 { color:#9e9e9e; font-size:13px; margin:.1em; padding:0; width: 400px} #gigs #scroller p { margin:.4em; color:#000; font-size:13px; } #gigs #scroller img { margin:.3em;} #gigs #scroller hr { color:#000; height:1px; } #see-us-left { float:left; width:740px; margin:.5em 0 0 .8em; vertical-align:top;} #see-us-left h1 { width:103px; height:25px; background:transparent url(../img/see-us.gif) no-repeat; margin:0 0 .5em 0; color:#000; font-size:0px;} #see-us-left p { color:#fff; font-family:Arial, Verdana; font-size:13px; } #contact-left { float:left; width:440px; margin:.5em 0 0 .8em; vertical-align:top;} #home-left h1 { width:103px; height:25px; background:transparent url(../img/home.gif) no-repeat; margin:0 0 .5em 0; color:#000; font-size:0px;} #home-left p { color:#fff; font-family:Arial, Verdana; font-size:13px; } #contact-left { float:left; width:470px; margin:.5em 0 0 .8em; vertical-align:top;} #contact-left h1 { width:126px; height:25px; background:transparent url(../img/contact-us.gif) no-repeat; margin:0 0 .5em 0; color:#000; font-size:0px;} #contact-box { float:left; width:470px; margin:.5em 0 0 0; vertical-align:top; background:#fff; border:10px solid #dedede; vertical-align:top;} #contact-box p { color:#000; font-family:Arial, Verdana; font-size:15px; font-weight:bold; padding:4px; } #contact-box h2 { color:#b12126; font-family:Arial, Verdana; font-size:19px; margin:.2em; font-weight:bold; } #contact-box ul { color:#000; font-family:Arial, Verdana; font-size:15px; font-weight:bold; } #contact-right { float:right; width:300px; margin:.5em 0 0 0;vertical-align:top;} #contact-right ul { margin: 0; padding: 0; height: 32px; width:337px; list-style: none; border-bottom:2px solid #dedede;} #contact-right li#latest-gigs {list-style-type:none; display:block; float:left; margin:3px 0 2px 4px; padding: 0; height: 24px; width:96px; background: transparent url(../img/latest-gigs.jpg) no-repeat; } #contact-right li#view-all { list-style-type:none; display:block; float:right; margin:3px 5px 2px 0px; padding: 0; height: 24px; width:82px; background: transparent url(../img/view-all.jpg) no-repeat; } #contact-right li#view-all a { display:block; height: 24px; width:82px;} #hear-right { float:right; width:196px; margin:2.5em 0 0 0; vertical-align:top;} #gig { padding:3px; color:#000; font-size:13px; border-bottom:1px solid #000;} #gig h1 { color:#313131; font-size:13px; margin:0 .1em .4em .1em; padding:0; } #gig h2 { color:#9e9e9e; font-size:13px; margin:0 .1em .4em .1em; padding:0;} #gig p { margin:.3em; } #about { padding:3px; color:#000; font-size:13px;} #about img { border:3px solid #b3b3b3; margin:3px 5px 1px 3px; } #about p { color:#fff; font-family:Arial, Verdana; font-size:13px; } #gig p { margin:.1em; } #credits { float:left; width:700px; margin:.5em 0 0 .8em; vertical-align:top;} #credits h1 { width:103px; height:25px; background:transparent url(../img/home.gif) no-repeat; margin:0 0 .5em 0; color:#000; font-size:0px;} #credits h2 { color:#fff; font-family:Arial, Verdana; font-size:13px; font-weight:bold;} #credits p { color:#fff; font-family:Arial, Verdana; font-size:13px; } #credits ul {color:#fff; font-family:Arial, Verdana; font-size:13px; } #credits p a { font-size:13px; font-weight:bold; color:#fff; text-decoration:underline; } /* To use */ .clear { clear:both; margin:0; padding:0; } .powered-hear-us { text-align:right; margin:0; background:url(../img/lemonrock.jpg) right no-repeat; height:40px; clear:both; width:360px; } .powered-hear-us div { margin:1em 13em 0 0; } .powered { text-align:right; margin:0; background:url(../img/lemonrock.jpg) right no-repeat; height:40px; clear:both;} #footer { width:819px; height:30px; border-top:2px solid #696969; margin:20px 0 0 0; color:#fff; font-size:13px; font-weight:bold; padding:4px; } #footer a { font-size:13px; font-weight:bold; color:#fff; text-decoration:none; } #footer a:hover { font-size:13px; font-weight:bold; color:#fff; text-decoration:underline; } /* CONTACT*/ label {width: 120px; float: left; height: 25px; padding-top: 4px; text-align: right; padding-right: 10px;} fieldset {border: 0px solid #696461; margin: 0px auto; width: 450px; padding: 0px ;text-align:left;} fieldset legend {font-size: 10pt; font-weight: bold; color: #696461;} fieldset p {margin: 10px 5px; clear:both; font-size:14px;} fieldset input {background-color: #ffffff; border: 1px solid #696461; height: 15px;} fieldset textarea {background-color: #ffffff; border: 1px solid #696461;} input.small {width: 180px;} input.biginput {width: 180px; height:20px;} input.smaller { width:70px; } input.button {background: transparent url(../img/submit.jpg) no-repeat; color: #ffffff; border:0px; font-weight: bold; margin-left: 130px; height: 40px; width:120px;} .addbox {width: 150px; float: left; margin-left: 60px;} .addbox h2 {margin-bottom: 5px;} .addbox p {margin-top: 5px;} #contact {clear: both; padding: 0 0 10px 0;}