/* Maria CSS Document */

/*********************
Background and Header
*********************/

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}


/*Dublett - tas bort ***********************************************************/

/*********************
      Content
*********************/

#content {
width: 85%;
margin: auto;
}
.content {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
.content strong, .content h2, #scalesh2 {
	font-weight: bold;
}
.content p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#content h1 {
margin-top: 30px;
margin-bottom:30px;
font-size: 1.8em;
text-align:center;
letter-spacing: 2px;
}
#content h2 {
font-size: 1.2em;
margin: auto;
}
#content p {
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
text-align: justify;
}
#content a:link, #content a:hover, #content a:active, #content a:visited {
text-decoration: underline; 
font-size: 1em;
line-height: 1.4em;
letter-spacing: 0.4px;
word-spacing: 1.5px;
}
/***************************************************************/


/*********************
      Content
*********************/
.underline {
text-decoration:underline;
}

.content {
width: 85%;
margin: auto;
}
.content h1 {
margin-top: 30px;
margin-bottom:30px;
font-size: 1.8em;
text-align:center;
letter-spacing: 2px;
}
.content h2 {
font-size: 1.2em;
margin: auto;
}
.content p {
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
text-align: justify;
}
.content a:link, .content a:hover, .content a:active, .content a:visited {
text-decoration: underline; 
font-size: 1em;
line-height: 1.4em;
letter-spacing: 0.4px;
word-spacing: 1.5px;
}
/*********************
      Workshops
*********************/
#workshops {
width: 700px;
height: 280px;
border: 1px solid #888888; 
margin: auto;
margin-top: 10px;
background-color: #000000;
background-image:url(/Bilder/music-is-interacting2.jpg);
background-repeat:no-repeat;
margin-bottom: 10px;
}
#workshops h1 {
font-family: Helvetica, sans-serif;
font-size: 2.1em;
letter-spacing: 2px;
color:#FFF;
font-weight: bold;
float:right;
margin-top: 20px;
margin-right: 10px;
}
#workshopsfun {
font-family: Helvetica, sans-serif;
font-size: 17px;
color:#CCC;
font-weight: bold;
margin-top: 100px;
margin-left: 600px;
}
#workshopsprogr {
font-family: Helvetica, sans-serif;
font-size: 17px;
color:#CCC;
font-weight: bold;
margin-top: 10px;
margin-left: 450px;
}
#workshopsdev{
font-family: Helvetica, sans-serif;
font-size: 17px;
color:#CCC;
font-weight: bold;
margin-top: 50px;
margin-left: 530px;
}
#ourworkshops h2 {
margin-top: 50px;
margin-left: 10px;
font-size: 1.2em;
}
#virtualbands, #interactive, #collabs, #feedback, #moreworkshops {
width: 296px;
height: 71px;
border:1px solid #888888;
background-color:#FFFFFF;
margin-top: 5px;
margin-left: 10px;
padding: 2px;
}
.workshopdot {
width: 50px;
height: 60px;
border-right: dotted 2px #888888;
float: left;
margin-top: 8px;
margin-bottom: 7px;
}
.workshopscontent {
width: 235px;
height: 60px;
float: right; 
margin-top: 5px;
margin-bottom: 7px;
padding-right: 5px;
}
.workshopscontent h3, .workshopscontent h3 a:link, .workshopscontent h3 a:visited, .workshopscontent h3 a:hover, .workshopscontent h3 a:active{
font-size: 1em;
margin: 0px;
color: #9C031E;
}
.workshopscontent p {
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
text-align: justify;
margin: 0px;
}
#moreworkshops {
padding: 2px;
}

#moreworkshops p, ul{
margin: 3px 0px 0px 0px;
}
#moreworkshops li, #moreworkshops li a:link, #moreworkshops li a:visited, #moreworkshops li a:hover, #moreworkshops li a:active {
color: #9C031E;
font-weight: bold;
list-style-type: none;
margin-left: 8px;
}

#finished h2 {
float:right;
font-size: 1.2em;
margin-top: -427px;
margin-right: 268px;
}
#workshopexamples {
width: 390px;
height: 170px;
border: solid 1px #888;
background-color:#EEE;
float: right;
margin-top: -405px;
margin-right: 10px;
}
#workshopexamplest {
width: 390px;
height: 170px;
background-color:#FFF;
float: right;
margin-top: -405px;
margin-right: 10px;
}
#workshopexamples1, #workshopexamples2, #workshopexamples3 {
width: 110px;
height: 150px;
/*border: solid 1px #888;*/
float: left;
background-color:#EEE;
margin: 6px;
}
#workshopexamples1t, #workshopexamples2t, #workshopexamples3t {
width: 119px;
height: 157px;
border: solid 1px #888;
float: left;
background-color:#EEE;
}
#workshopexamples1t {
margin: 0px;
}
#workshopexamples2t {
margin: 0px 0px 0px 6px;
}
#workshopexamples3t {
margin: 0px 0px 0px 6px;
}
#workshopexamples img {
width: 100px;
height: 40px;
margin: 7px 7px 0px 7px;
border: solid 1px;
}
#workshopexamples1 p, #workshopexamples2 p, #workshopexamples3 p {
margin: 0px 0px 0px 7px;
text-align: left;
}
#workshopsforum {
width: 380px;
height: 220px;
border: solid 1px #888888;
float: right;
margin-top: -228px;
margin-right: 10px;
padding:3px 3px 3px 7px;
}

/* Virtual Bands, Forum Tutorials, Instructor-led Collaborations */

#vbhead h1, #fthead h1, #collhead h1, #feedhead h1 {
height: 60px;
margin: auto;
margin-top: 15px;
background-image: url(/Bilder/interact-rubrik.jpg);
background-repeat: no-repeat;
background-position: top left 100px;
text-align:right;
padding-top: 17px;
}
#vbhead h1 {
width: 250px;
}
#fthead h1 {
width:285px;
}
#collhead h1 {
width: 475px;
}
#feedhead {
width: 570px;
}
#vbcontent img, #ftcontent img, #collcontent img, #feedcontent img {
float: right;
margin: 0px 0px 0px 20px;
border: 1px solid #888;
}
#vbcontent p, #ftcontent p, #collcontent p, #feedcontent p {
margin-top: 0px;
margin-bottom: 10px;
}
#collcontent li, #feedcontent li {
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
}
#singing, #bass, #drums {
width: 178px;
height:50px;
float: left;
border:1px solid #888;
background-color:#EEE;
padding: 10px;
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
}
#bass {
margin: 0px 6px 0px 6px;
}
#singing img, #bass img, #drums img {
margin-right: 5px;
border: 1px solid #888;
float: left;
}
#vbdiscussions, #ftdiscussions, #colldiscussions {
width: 600px;
border: 1px solid #888;
padding: 5px;
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
}
#vbdiscussions {
margin-top: 90px;
}
#ftdiscussions, #colldiscussions {
margin-top: 0px;
}
#vbdiscussions a:link, #vbdiscussions a:visited, #ftdiscussions a:link, #ftdiscussions a:visited, #colldiscussions a:link, #colldiscussions a:visited {
text-decoration: none;
}
#vbdiscussions a:hover, #ftdiscussions a:hover, #colldiscussions a:hover {
text-decoration: underline;
}

/*Contact*/
#contactbox1, #contactbox2 {
background-color:#EEEEEE;
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
width: 80%;
margin: auto;
padding: 2px 5px;
}
#contactbox1 {
border:1px solid #888888;
background-color:#EEEEEE;
}
#contactbox1 ul{
background-color:#EEEEEE;
}
#contactbox1 h2, #contactbox2 h2 {
font-size: 1.2em;
margin: auto;
}
#contactbox2 {
border:1px solid #FF0000;
background-color:#FDC58C;
}
#contactbox2 ul{
background-color:#FDC58C;
}

/* About */
#chronology, #moreabout {
width: 48%;
height: 150px;
padding: 3px;
border:1px solid #888888;
background-color:#EEEEEE;
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
margin-bottom: 10px;
}
#chronology {
float: right;
}
#chronology ul, #moreabout ul{
background-color:#EEEEEE;
}
#moreabout {
float: left;
}
#chronology h2, #moreabout h2{
font-size: 1.2em;
}
#priceinfo {
clear:both;
width: 98.5%;
height: 150px;
padding: 3px;
border:1px solid #888888;
background-color:#EEEEEE;
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
}

/*Members*/
#memberbg {
width: 700px;
height: 700px;
background-image:url(/Bilder/membersbg-stor.jpg);
background-position: top right;
background-repeat:no-repeat;
border: 1px solid #888888; 
margin: auto;
margin-top: 10px;
}

#memberbg h1 {
margin-top: 20px;
}

#login, #refer, #myaccount {
width: 300px;
}

#refer, #myaccount {
border:1px solid #888888;
background-color:#EEEEEE;
padding: 2px 5px;
}


/*********************
  Lick of the day
*********************/
#lick {
}
#spelare {
width: 335px;
margin: auto;
float: left;
}
.pmargin {
margin-top:0px !important;
margin-bottom:0px !important;
}

#text {
width: 250px;
float: right;
}
#backings {
width: 250px;
float:right;
padding-top: 10px;
}
#ibackings {
padding-top: 5px;
padding-bottom: 10px;
font-size: 0.95em;
line-height: 1.4em;
letter-spacing: 0.3px;
background-color:FFFFFF;
}
#tab {
clear:both;
font-family: monospace;
padding-top: 10px;
}
#tab h2, #sound h2, #lickpic h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #9C031E;
}
h2#scalesh2 {
color: #9C031E;
}
#scales img{
width: 635px;
height: 125px;
margin-left: -10px;
}
#lickpic img {
margin-top: 4px;
border: 1px solid #888;
}

#tip {
background-image:url(/Bilder/tip-of-the-day-new.jpg);
background-repeat:no-repeat;
width: 350px;
height: 255px;
border: solid /*#9a320f*/ #9C031E 1px;
padding-top: 2px;
padding-right: 7px;
float: right;
}
#tip h2, #tip p {
margin-left: 80px;
}
#tip h2 {
color: #9C031E;
}
p#signatur {
margin-left: 155px;
margin-top: 130px;
}
#tomorrow, #signup {
width: 230px;
height: 110.5px;
border: solid #888888 1px;
padding: 5px;
background-color: #EEEEEE;
}
#tomorrow p, #signup p {
text-align: left;
}

.archive{
    font-size: 0.9em;
    text-align: center;
    margin-top: 10px;
    padding: 3px;
    background-color: #eee;
    border: solid 1px #888;
}