/* ---------------------------- general layout ------------------------------ */

* { margin: 0; padding: 0; }

body {
 background: #f5f6f7;
 border-top: 3px solid #555657;
 border-bottom: 5px solid #1a1a1a;
}

#content {
 background: #fff url(../images/topbg.gif) repeat-x 0 0;
 border: 2px solid #c5c6c7;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin: 15px auto 0; padding-top: 10px;
 width: 950px; min-height: 1000px;
}

*html #content {
 width: inherit;
}

.clearl { clear: left; }
.clearr { clear: right; }
.clear { clear: both; }

em {
  font-style: italic;
}

/* ----------------------------------- header --------------------------------*/

#header {
 position: relative;
 width: 950px; height: 225px;
}

.logo {
 position: absolute;
 top: 0; left: 30px;
}

a#homelogo {
 outline: none;
 border: none;
}

.litenlogo {
 padding: 10px 0 20px;
}

#photo {
 position: absolute;
 top: 8px; right: 20px;
 padding: 5px;
 border: 2px solid #c5c6c7;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

a img { border: none; }
 
 
/* ------------------------------ left ---------------------------------- */

#leftcontent {
 background: #fff;
 position: relative;
 float: left;
 width: 540px;
 display: inline;
 margin: 0 0 50px 30px;
 padding-left: 10px;
 line-height: 140%;
 min-height: 500px;
}

.error {
 margin: 50px 0 0 40px;
 height: 400px;
}

#diary .error {
 margin: 30px 0 0 0;
 height: 350px;
}

.error img {
 padding: 5px;
 border: 2px solid #c5c6c7;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 margin: 20px 20px 0 0;
}


/* ------------------------------ right --------------------------------- */

#rightcontent {
 background: #fff;
 display: inline;
 float: right;
 width: 260px;
 line-height: 140%;
 margin: 30px 40px 50px 20px;
 padding-left: 10px;
}

.rightimg {
 border: 2px solid #ddd;
 display: block;
 padding: 5px; margin: 20px 30px 30px 5px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 max-width: 200px;
}

.rightlogo {
 margin: 20px 25px;
 width: 190px;
}

.badge {
 padding: 2px; margin: 10px 0;
 background: #fff;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}

ul.members { margin: 20px 0 30px;}


/* ----------------------------- footer ------------------------------------- */

#footer {
 position: relative;
 clear: both;
 width: 950px; min-height: 250px;
 padding-top: 50px;
 margin-top: 50px;
 background: #474747 url(../images/nbbg.png) repeat-x 0 0;
 color: #fff;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
}

#footer p#wrpa {
 float: left;
 text-align: right;
 margin: 10px 50px 50px 20px;
 line-height: 180%;
 width: 290px;
 font-size: 0.75em;
}

.bigbold {
 font-weight: bold;
 letter-spacing: 1px;
}

.wrpic {
 float: left;
 width: 229px;
 border: 2px solid #fff;
 padding: 2px; margin-bottom: 50px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.wrlog {
 float: left;
 width: 203px;
 margin-top: -50px;
 margin-left: 40px;
}

#subfoot {
 position: relative;
 border-top: 2px solid #fff;
 width: 950px; height: 80px;
 background: #272727;
 clear: both;
 border-bottom: 10px solid #272727;
 -moz-border-radius-bottomleft: 8px;
 -moz-border-radius-bottomright: 8px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 letter-spacing: 1px;
}

p#skapare {
 position: absolute;
 top: 50px; left: 30px;
 margin: 0;
 font-size: 0.75em;
}

p#photographer {
 position: absolute;
 top: 20px; left: 30px;
 margin: 0;
 font-size: 0.75em;
}

#iebarf {
 height: 200px;
 clear: both;
}


/* --------------------------------------- index ---------------------------------------- */

#ixcontent {
 width: 900px; min-height: 960px;
 position: relative;
 margin-left: 40px;
 line-height: 140%;
}

#ixinside { width: 480px; }

#slideshow {
 position: absolute;
 top: 10px; left: 560px;
 width: 310px; height: 385px;
 border: 2px solid #ddd;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}

#slideshow img { padding: 5px; }

.hide { display: none; }

.press {
 position: absolute;
 top: 440px; left: 560px;
 width: 310px;
}

.quol {
 float: left;
 clear: both;
 width: 28px;
 margin: 40px 0 10px;
}

.quor {
 float: right;
 width: 20px;
 margin: 0;
}

.audiobox {
 border-top: 2px solid #ddd;
 margin: 30px 0;
 padding: 20px 0;
}

.newsbox {
 margin: 10px 0; padding: 10px 0;
 width: 500px;
 line-height: 130%;
 border-top: 2px solid #ddd;
}

.newsbox h6 {
 margin-top: 30px;
}

#index #next-concert {
 border-top: 2px solid #ddd;
}

#index #next-concert .redate, #index #next-concert .yadate, #index #next-concert .rtdate {
 border-bottom: none;
 min-height: 120px;
 padding-bottom: 0;
 width: 500px;
 background-position: 100% 0;
}

#index #next-concert h3.date {
 letter-spacing: 0;
 font-weight: bold;
 font-size: 1em;
 color: #222;
 padding: 0 100px 0 0;
 margin-bottom: 10px;
}

#index #next-concert h4.title {
 font-weight: bold;
 font-size: 1em;
 letter-spacing: 0px;
 margin: 0 0 10px;
 padding: 0 100px 0 0;
}

#index #next-concert h4.venue {
 margin: 0;
 letter-spacing: 0;
 font-weight: bold;
 font-size: 0.8em;
 padding-right: 100px;
}

#index #next-concert div.description {
 padding-right: 100px;
}

#index #next-concert h5.venue {
 color: #333;
 font-weight: bold;
 font-size: 0.8em;
 margin-bottom: -15px;
 letter-spacing: 0px;
}


/* --------------------------------------- about ---------------------------------------- */

#lessLh {
 border-top: 1px #d4d4d4 solid;
 margin-top: 35px;
 line-height: 150%;
 padding-top: 20px;
}


/* -------------------------------------- diary --------------------------------------- */


#diaryleft {
 width: 870px;
 float: left;
 margin: 20px auto 50px;
 padding-left: 40px;
 line-height: 140%;
 min-height: 400px;
}

#datepicker {
 width: 950px;
 margin-top: 20px;
}

#datepicker ul {
 float: left;
 width: 732px;
 margin: 0;
 border-top: 1px #d4d4d4 solid;
 border-left: 1px #d4d4d4 solid;
}

#datepicker li, #datepicker .month {
 float: left;
 margin: 0;
 font-size: 0.7em;
}

#datepicker li {
 width: 60px;
 text-align: center;
 border-bottom: 1px #d4d4d4 solid;
 border-right: 1px #d4d4d4 solid;
 color: #aaa;
}

#datepicker li a {
 padding: 7px 0;
 width: 60px;
 display: block;
 color: #333;
 background: #f1f2f3;
}

#datepicker li a:hover {
 background: #e1e2e3;
}

#datepicker li span {
 padding: 7px 0;
 width: 60px;
 display: block;
}

#datepicker li.current span { 
 background-color: #ddd;
 color: #1b7082;
 font-weight: bold;
}

#datepicker .month {
 padding: 5px;
 width: 53px;
 padding-top: 8px;
}

#datepicker .month a {
 border-bottom: none;
}

#datepicker .prev {
 margin-left: 40px;
}

#datepicker .next {
 text-align: right;
 margin-right: 40px;
}

#subNav {
 position: absolute;
 top: 50px; left: 0px;
 width: 950px; height: 40px;
 border-bottom: 2px solid #2a7e93;
 background: url(../images/subbg.gif) repeat-x 0 0;
}

#diary #subNav .archive {
 position: absolute;
 top: 0px; right: 0px;
 width: 200px;	
 margin-top: 10px;
 margin-right: 40px;
 text-align: right;
 font-size: 0.8em;
}

#diary #subNav .archive a {
 color: white;
 text-decoration: none;
 padding-bottom: 2px;
}

#diary #subNav .archive a:link, #diary #subNav .archive a:visited {
 border-bottom: 1px dotted;
}

#diary #subNav .archive a:hover, #diary #subNav .archive a:active {
 border-bottom: 2px solid;
 outline: none;
}

#diaryleft h2 {
 margin: 0;
 padding: 30px 0 5px;
 border-top: 1px solid #eee;
 font-weight: bolder;
 letter-spacing: 0px;
 line-height: 100%;
 font-size: 1em;
}

#diaryleft.concertArchive h2 {
 border-top: none;
}

h3.title {
 font-weight: bold;
 font-size: 1.2em;
 margin: 30px 0 10px;
 color: #222;
 width: 500px;
}

h4.date, h4.venue {
 margin: 0;
 letter-spacing: 0;
 font-weight: normal;
 font-size: 0.9em;
}

h5.venue {
 color: #333;
 font-weight: bold;
 font-size: 0.8em;
 letter-spacing: 0px;
}

p.venue {
 margin-top: -15px;
}

.redate, .rtdate, .yadate, .mhdate {
 border-bottom: 1px solid #eee;
 margin: 20px 0;
 min-height: 150px;
 padding-bottom: 10px
}

#diary p { line-height: 135%; }

.redate ul, .yadate ul, .rtdate ul { margin: 20px 0; }

.redate { background: url(../images/retro.jpg) no-repeat 96% 20%; }
.rtdate { background: url(../images/trio.jpg) no-repeat 96% 20%; }
.yadate { background: url(../images/young.jpg) no-repeat 96% 20%; }

#diaryleft .description { width: 500px; }

.description h2 {
 font-weight: bold;
 font-size: 0.95em;
 letter-spacing: 0px;
 margin: 20px 0 10px;
}

#diaryleft .description h2, #diaryleft .description h3, #diaryleft .description h4, #diaryleft .description h5, #diaryleft .description h6 {
 border: none;
}

#diaryleft ul { margin-left: 25px; }

#diaryleft li { list-style-type: circle }

.feedme img {
 float: left;
 margin-right: 5px;
}

.feedme a:link, .feedme a:visited, .feedme a:hover, .feedme a:active { border: none; }
.backToDiary a:link, .backToDiary a:visited, .backToDiary a:hover, .backToDiary a:active { border: none; }

ul#pagination {
 list-style: none;
 margin: 20px 0;
 border-bottom: 2px solid #ddd;
 padding-bottom: 20px;
}

#pagination li { 
 list-style: none;
 display: inline;
 margin: 20px 20px 30px 0;
}

#pagination li a {
 border-bottom: 1px dotted;
 padding-bottom: 3px;
}

#pagination li a:hover {
 padding-bottom: 3px;
 border-bottom: 2px solid;
}

.drss {
 color: #1b7082;
}

	/*			archive				*/
	
	
.concertArchive {
 color: #666;
 font-size: 90%;
}

.archived-concert {
 border-bottom: 1px solid #eee;
 padding-bottom: 10px;
 margin-bottom: 30px;
}

.concertArchive a {
 color: #444;
}

.concertArchive .feedme a, .concertArchive .backToDiary a { color: #1b7082; }

#diary .concertArchive h2 {
 margin: 0 0 20px;
 border-top: none;
 font-size: 110%;
}

.concertArchive h2 span.re {
 color: #666;
}

.concertArchive h4.title {
 font-size: 1em;
 font-weight: bold;
 letter-spacing: 0;
}


/* ---------------------------------------- links ----------------------------------------- */

.lankar { margin-top: 50px; }

.lankar li { margin-bottom: 10px; }

.lankar li a:link {
 border-bottom: 1px dotted;
 padding-bottom: 2px;
}

.lankar li a:hover { border-bottom: 2px solid; }

 
/* ------------------------------------- recordings --------------------------------------- */


#morecontent {
 clear: both;
 border-top: 2px solid #aaa;
}

.moreleft {
 position: relative;
 float: left;
 width: 540px;
 display: inline;
 margin: 0px auto 50px;
 padding-left: 10px;
 line-height: 140%;
 min-height: 400px;
 clear: left;
}

.moreright {
 display: inline;
 float: right;
 width: 260px;
 line-height: 140%;
 margin: 30px 20px 50px;
 padding-left: 10px;
 clear: right;
}

body.sub {
 background: #fff;
 border: none;
}

.tracklogo {
 width: 180px;
 margin-right: -50px;
 float: right;
}

#tracks {
 padding: 30px;
 width: 680px;
}

.bmlh {
 line-height: 120%;
}

h6.cds, ul.spar { margin: 30px 0; }

ul.spar li { margin: 5px 0; }

.floatr {
 float: right;
 width: 250px;
}


/* -------------------------------------- sponsor --------------------------------------- */

.wmlogo {
 margin: 5px 0 10px;
}

.floatylist {
 float: left;
 width: 270px;
 margin-bottom: 30px;
}


/* -------------------------------------- gallery --------------------------------------- */

.lbgall {  margin: 30px 0; }

.lbgall li {
 float: left;
 width: 95px;
 list-style: none;
}

.lbgall a {
 display: inline;
 float: left;
 width: 75px;
 padding: 3px; margin: 0 10px 10px 0;
 border: 2px solid #ddd;
 background: #fff;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}

.lbgall a:hover { border: 2px solid #deded2; }

*html .lbgall li {
 margin-bottom: 10px;
}

ul.pressgall {
 margin-top: 30px;
}

ul.pressgall li {
 float: left;
 width: 90px;
 height: 130px;
 margin-right: 7px;
 text-align: center;
}

.pressimg {
 padding: 3px;
 border: 2px solid #ddd;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
}


/* -------------------------------------- contact --------------------------------------- */

.ralign {
 text-align: left;
 padding-left: 5px;
}



/* -------------------------------------- press --------------------------------------- */


#press h3 {
 font-size: 1.5em;
}

#press h6 {
 margin-top: 30px;
}

#news h6 {
 margin-top: 30px;
}