/*	layout	*/


body {
  font: 0.9em Constantia, "Lucida Bright", "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
  line-height: 145%;
  background: #222 url(../images/grad1.jpg) no-repeat 20% -60px;
  margin: 0; padding: 0;
}

.clear {
  clear: both;
}

.clearL {
  clear: left;
}

.marginTop, mT {
  margin-top: 30px;
}

img, a.noBorder {
  border: none;
}

a.noBorder:hover {
  border: none;
  background: transparent;
}


	/******************************************* text styles ********************************************/


h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 20px 0 30px;
  line-height: 110%;
}

h1 {
  font-size: 3em;
  margin: 0;
  position: absolute;
  top: 20px; left: 60px;
}

h1 a:link, h1 a:visited {
  border: none;
}

h1 a:hover, h1 a:active {
  border: none;
}

h1 span {
  display: none;
}

h2 {
  font-size: 2.1em;
  margin: 20px 0 30px;
}

#recordings h2 {
  margin-bottom: 20px;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.5em;
  margin: 20px 0 0;
}

h5 {
  font-size: 1.3em;
  margin: 20px 0 0;
  color: #812824;
}

span.biog {
  font-size: 70%;
  color: #812824;
}

p {
  margin: 20px 0;
  line-height: 160%;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul li {
  list-style: none;
}

ul li a {
  border-bottom: none;
  margin-right: 10px;
}

a:link, a:visited {
  text-decoration: none;
  color: #18587d;
  padding: 1px;
}

a:hover, a:active {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  background: #ddd;
  outline: none;
}


	/******************************************* navigation ********************************************/


#navigation {
  height: 50px;
  width: 100%;
  margin: 0 auto;
  background: url(../images/navbg.png) 0 0 repeat-x;
  position: relative;
}

#mainNav {
  margin: 0 auto;
  width: 800px;
  height: 50px;
  /* padding-left: 70px; */
}

#mainNav li {
  float: left;
  display: block;
  width: auto;
  color: #000;
  margin: 0 5px 0 0;
  padding: 0;
  font: 0.9em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

#mainNav li a:link, #mainNav li a:visited {
  float: left;
  display: block;
  width: auto;
  color: #eee;
  border: none;
  margin: 0;
  padding: 15px;
  height: 50px;
}

#mainNav li a:hover, #mainNav li a:active {
  background: url(../images/navhov.png) repeat;
  color: #000;
  outline: none;
}

#mainNav li a.here:link, #mainNav li a.here:visited, #mainNav li a.here:hover, #mainNav li a.here:active {
  color: #000;
  background: #f3f3f3;
}


	/******************************************* layout ********************************************/


#header {
  height: 170px;
  width: 960px;
  margin: 0 auto;
  position: relative;
  color: #ddd;
}

p.quote {
  text-align: right;
  width: 450px;
  position: absolute;
  top: 40px; right: 35px;
}

p.bB {
  border-bottom: 1px solid #999;
  padding-bottom: 30px;
  margin-bottom: 40px;
}

#wrapper {
  width: 960px;
  margin: 0 auto;
  color: #333;
  padding: 0;
}

.wrapTop {
  height: 50px;
  position: relative;
}

.wrapTop img {
  position: absolute;
  top: 0; left: 0;
}

.wrapBtm {
  margin-bottom: 10px;
  position: relative;
}

#content {
  background: url(../images/wrapmid.png) 0 0 repeat-y;
  padding: 30px 70px 50px;
  margin: 0;
}

.contentLeft {
  width: 375px;
  float: left;
  margin-right: 60px;
  text-align: justify;
}

.contentRight {
  width: 375px;
  float: left;
  text-align: justify;
}

#ieKiller {
  height: 250px;
}

/* image borders */

#index .contentLeft img, #index .contentRight img,
#about .contentLeft img, #about .contentRight img,
#diary .contentLeft img, #diary .contentRight img,
#reviews .contentLeft img, #reviews .contentRight img,
#support .contentLeft img, #support .contentRight img, .lnm,
#fourofour .contentLeft img, #fourofour .contentRight img {
	max-width: 365px;
  background: #ccc;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
  padding: 5px;
  margin: 10px 0;
}


	/******************************************* footer ********************************************/


#footer {
  background: url(../images/wrapmid.png) 0 0 repeat-y;
  min-height: 200px;
  padding: 30px 70px 10px;
  position: relative;
  line-height: 180%;
}

#mL a {
  position: absolute;
  top: 40px; right: 60px;
  display: block;
  height: 58px;
  width: 296px;
  border: none;
  background: url(../images/mlsprite.png) 0 0 no-repeat;
}

#mL a:hover {
  background-position: 0 -58px;
}


p#abok {
  position: absolute;
  /* top: 180px; right: 75px; */
  top: 140px; right: 75px;
}

p#skapare {
  position: absolute;
  top: 110px; right: 75px;
}

img#aclogo {
	position: absolute;
	bottom: 50px; right: 310px;
}

img#weelogo {
  position: absolute;
  bottom: 70px; right: 70px;
}

a#faceBook {
	background: url(../images/fb.png) no-repeat 0 1px;
	padding: 1px 0 1px 25px;
}

a#faceBook:hover {
  background: #ddd url(../images/fb.png) no-repeat 0 1px	;
  outline: none;
	padding: 1px 0 1px 25px;
}

	/******************************************* index ********************************************/


.nyhet h5 {
	margin: 30px 0 0;
}

.nyhet img {
  background: #ccc;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
  padding: 5px;
  margin: 10px 0;
  max-width: 365px;
}

#musik {
	margin-top: 40px;
  position: relative;
  height: 120px;
}

#index #audioplayer_1 {
	margin: -15px 0 0;
}


	/******************************************* diary ********************************************/


.diaryDates h4 {
  font-size: 1.5em;
  margin: 30px 0 0;
  border-top: 2px solid #cacaca;
  padding-top: 30px;
}

.diaryDates h4:first-child {
  border-top: none;
  padding-top: 0;
}

.diaryDates p {
  margin: 15px 0 10px;
}

.diaryDates ul {
	margin: 25px 0 25px 20px;
}

.diaryDates ul li {
  list-style-type: disc;
}

.moreGigs {
	padding: 30px 0 10px;
}


	/******************************************* recordings ********************************************/


.record {
  margin: 10px 0;
  padding-bottom: 60px;
  clear: both;
  border-bottom: 3px solid #cacaca	;
}

.finalRec {
	border-bottom: none;
	padding-top: 50px;
}

.record .left {
  float: left;
  width: 460px;
  margin-right: 50px;
  text-align: justify;
}

.record .right {
   float: left;
   width: 300px;
   text-align: right;
}

.record .right img {
  float: right;
  width: auto;
  margin: 20px 0 30px 0;
}

.right h3 {
  margin-top: 0;
}

ul.mp3 li {
	margin-bottom: 5px;
}

ul.mp3 li.iTz, p.iTz {
  background: url(../images/itunes-logo.png) no-repeat 0 0;
  padding: 0 0 0 25px;
}

.lyssna {
  border-top: 2px solid #cacaca;
  padding: 15px 0;
  margin-top: 35px;
}

.lyssna #audioplayer_1, .lyssna #audioplayer_2, .lyssna #audioplayer_3, .lyssna #audioplayer_4 {
  margin: -15px 0 0;
}


	/******************************************* images ********************************************/


ul.gallery {
  margin: 20px 0;
}

ul.minH {
  min-height: 110px;
}

ul.gallery li img {
  float: left;
  width: auto;
  margin: 0;
  width: 75px;
  height: 75px;
}

ul.gallery li, ul.gallery li a {
  border: none;
  display: block;
  float: left;
  width: 75px;
  height: 75px;
  margin: 0 3px 3px 0;
}

ul.gallery li a:hover {
  border: none;
  background: transparent;
}

p.gP {
  padding-top: 20px;
}



	/******************************************* reviews ********************************************/


#reviews h4 {
	margin-top: 50px;
}

#reviews h4.notMe {
	margin-top: 20px;
}


	/******************************************* support ********************************************/


ul.member {
  margin: 20px 0 20px 20px;
}

ul.member li {
  list-style-image: url(../images/list-img.png);
  padding: 2px;
}

#support .contentRight h5 {
	margin-top: 30px;
}

#support form {
	margin-bottom: 40px;
}

#contentBox {
	display: none;
	position: absolute;
	padding: 14px 0 0 40px;
	width: 210px; height: 36px;
	color: #fff;
	background: url(../images/ttbg.png) no-repeat 0 0;
}