/* css for the art rock band Dame Wiggens' website 
   by Cristin Lindqvist aka Kartis, http://www.cristinlindqvist.com */
/* This css is fully compatible for all browsers that support CSS2.1. 
   Internet Explorer 6 and earlier for Windows don't support this level of CSS well.
   There might be some serious layout problems in earlier browsers. */
   
/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

* {
 margin: 0;
 padding: 0;
}
body {
 background: #000d12 url(bilder/bg.jpg) 50% 100% repeat-x;
 font: 67.5% Verdana, Helvetica, sans-serif;
 color: #d9e5e9;
 text-align: justify;
}
/* ---------------------------------------------------------------------------------------------------- */
/* -----Blocks for layout (960/5)----- */
#wrap {
 background: url(bilder/wrap.jpg) repeat-x;
}
#page { /* Wraps all content inside wrap block, gives it width and makes it centered. */
 margin: 0 auto;
 width: 960px;
 background: transparent url(bilder/imgangel.jpg) 0 192px no-repeat;
 text-align: left;
}
#header {
 height: 192px;
 background: #162633 url(bilder/header.jpg) no-repeat right;
 color: #d9e5e9;
 margin: 0px 0px 0px 0px;
}
#awmAnchor-damemenu {
 float: right;
 margin: 96px 18px 0px 18px;
 width: 156px;
}
#prim {
 float: right;
 margin: 48px 18px 0px 18px;
 width: 540px;
}
#prim p {
 padding-bottom: 8px;
 text-align: justify;
}
#sekund {
 float: right;
 margin: 0px 18px 0px 18px;
 padding: 96px 0px 0px 0px;
 width: 156px;
}
#sekund p {
 text-align: left;
 margin-top: 3px;
 margin-bottom: 10px;
 font-size: 0.9em;
}
#sekund img {
 text-align: center;
 padding: 24px 0 24px 0;
 border: none;
}
#footer {
 clear: right;
 height: 179px;
 margin: 0px;
 padding: 8px 2px 5px 2px;
 background: #122a40 url(bilder/footer.jpg) top no-repeat;
}
#footer p {
 text-align: right;
 font-size: 0.9em;
 padding-top: 80px;
 padding-right: 174px;
}
#footer a:link, a:visited {
 color: #cc5353;
}
.clear {
 clear: both;
}
/* -- Images -- */
.imgstart {
 float: right;
 width: 250px;
 height: 250px;
 background: #122a40 url(bilder/divineimages.jpg) no-repeat;
 margin: 9px 9px 9px 18px;
}
.imgstart p {
 font-size: 0.8em;
 text-align: left;
 text-indent: 0px;
 margin-top: 244px;
}
.img1 {
 float: left;
 margin: -18px 18px 18px 3px;
 border: 1px solid #162633;
 text-align: right;
}
.img2 {
 float: right;
 margin: 18px -96px 18px 18px;
 border: 1px solid #162633;
 text-align: left;
}
.img3 {
 float: right;
 margin: 18px 3px -18px 18px;
 border: 1px solid #162633;
 text-align: right;
}
.img4 {
 float: left;
 margin: 18px 18px 18px -96px;
 border: 1px solid #162633;
 text-align: right;
}
.cdimg {
 width: 100px;
 height: 100px;
 padding: 0;
 border: 1px solid #162633;
}
/* --Width on .leftimg should be max 176px to fit inside left column-- */
.leftimg {
 float: left;
 margin: 4px 10px 4px -192px;
 padding: 0;
 border: 1px solid #2c2c3b;
}
/* --Fonts of sorts --*/
h1 {
 font: normal italic 2.4em Georgia, serif;
 margin-top: 12px;
 margin-bottom: 24px;
}
.head1 {
 font-size: 21px;
 font-weight: 400;
 color: #6a596a;
 text-align: right;
 margin-top: 38px;
 margin-right: 240px;
}
.start {
	line-height: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h2 {
 font: normal italic 1.8em Georgia, serif;
 padding: 10px 0 10px 0;
}
h3 {
  font-size: 1.3em; 
  font-weight: 600;
  letter-spacing: 0.4em;
  margin-top: 18px;
  margin-bottom: 6px
}
h4 {
  font-size: 1.2em; 
  font-weight: 500;
  letter-spacing: 0.2em;
  margin-top: 10px;
  margin-bottom: 2px
}
h4:first-letter {
	font-size: 120%;
}
h5 {
  font-size: 1.1em; 
  letter-spacing: 0.1em;
  font-weight : 600;
  margin-top: 6px;
}
h6 {
  font-size: 0.9em; 
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 4px;
}
h6:first-letter {
	font-size: 115%;
}
p {
  text-align : justify;
	text-indent : 25px;
}
p:first-letter {
  font-size : 130%;
}
p.side {
	font-size: 9px;
  text-align: left;
  text-indent: 0px;
  margin-top: 6px;
  margin-bottom: 10px;
}
/* --Textstorlek på ToTop-- */
.tiny {
 font-size: 0.8em;
 text-align: center;
 margin-top: 3px;
 margin-bottom: 10px;
}
.totop {
 position: static;
 padding: 20px 2px 10px 2px;
 font-size: 0.8em;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 padding-top: 15px;
 padding-bottom: 15px;
 border: 1px #162633;
 border-style: solid none solid none;
}
/* --Links-- */
a:link {
  color : #cc4a6c;
  background-color: transparent;
  text-decoration: none;
  font-weight: 700;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #5678a2;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: #ffbd87;
  background-color: transparent;
  text-decoration: none;
}
/* --Tables, Rows and Cells-- */
.datatable {
 width: 100%;
 border-collapse: collapse;
}
.datatable tr.altrow {
 background-color: #001212;
 color: #dae6ea;
}
.datatable td, .datatable th {
 border: 1px #162633;
 border-style: none none solid none;
 padding-top: 12px;
 padding-bottom: 8px;
}
.datatable caption {
 font-size: 1.4em; 
 font-weight: 700;
 letter-spacing: 0.2em;
 text-align: left;
 padding-top: 12px;
 padding-bottom: 12px
}
td.date {
 width: 85px;
 vertical-align: baseline;
}
td.info {
 vertical-align: baseline;
}
td.cd {
	width: 104px;
	text-align: right;
	vertical-align: middle;
}
/* -- Lists -- */
ol {
 text-align: justify;
 list-style-type: decimal;
 padding-left: 20px;
 margin-left: 10px;
}
ol li {
 padding-top: 0px;
}
ul {
 text-align: justify;
 list-style-type: disc;
 padding: 2px 10px 2px 6px;
 margin: 2px 10px 2px 10px;
}
ul li {
 padding-top: 6px;
}
/* -- Horisontal Ruler -- */
hr {
	color: #162633;
}