/*Mass Reset of all basic parameters*/
/*======================================================================*/
/*From Elements CSS Framework by Ben Henschel*/
/*Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   line-height: 1;
   font-family: inherit;
   text-align: left;
   vertical-align: baseline;
}

/*Link styles, general*/
/*======================================================================*/

a {
   color : #500;
   text-decoration : none;
}


#content a:hover {
    color:#c20; 
    /*text-decoration: underline;*/
    border-bottom: 1px solid #aaa;
    background: #ddeaef;
    border-top: #efe;
}


/*Basic styles*/
/*======================================================================*/

body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea {
   font-family: Georgia,"Trebuchet MS","Lucida Grande",Arial,"Lucida Sans Unicode",Verdana,sans-serif,Tahoma;
   line-height:1.4;
   font-size:1em;
   color:#000000;
}

p {
   margin: 10px 0;
   text-align: justify;
}

body, html {
   text-align: center;
   background-color: #bbb;
}

sub {
   vertical-align:-.3em;
   font-size: 80%;
}

textarea {
    width: 100%;
}

/*Table styles*/
/*%======================================================================*/

table {
   border-collapse: collapse;
   table-layout: fixed;
   border-spacing: 0;
}


th {
   font-weight: bold;
}


td, th {
   padding-right: 1em;
   vertical-align: top;
}

/*List styles*/
/*%======================================================================*/

ul {
   list-style-type:none;
   font-size: 95%;
}


ol {
   list-style-type:decimal;
}


ol, ul {
   /*list-style-position: inside;
    */ margin: 1em auto;
margin-left: 1.25em;
padding-left: 1.25em;
}

#content  ul li {
   margin: 0;
   font-size: 90%;
}

ol li {
   margin: 1em auto;
}


/*heading styles*/
/*%======================================================================*/

h1, h2, h3 {
   color: maroon;
   padding-top: 20px;
   font-family: "Helvetica Neue LT Std", Arial, "Lucida Grande", Verdana, sans-serif;
   text-align: center;
}


h1 {
   font-size:30px;
   margin-bottom:30px;
   padding-top: 30px;
   letter-spacing: .2pt;
   text-align: center;
}


h2 {
   font-size:22px;
   margin-bottom:10px;
}


h3 {
   font-size:18px;
   margin:16px 0 8px ;
}


h4 {
   font-size:14px;
   color: black;
   margin:15px 0 5px;
   font-weight:bold;
}


h5 {
   font-size:14px;
   margin-bottom:5px;
}


h6 {
   font-size:14px;
   margin-bottom:5px;
}



/*Paragraph Presets*/
/*======================================================================*/

blockquote {
   margin: 18px 18px;
   color: #666;
   font-style: italic;
}


strong {
   font-weight: bold;
}


em {
   font-style:italic;
}

.small, .small p {
   font-size:10px;
}


.large, .large p {
   font-size:14px;
}


.soft, .soft p {
   color:#D3D3D3;
}


.hide {
   display:none;
}


p.last {
   margin-bottom:0px;
}

.pre {
   font-family: "Lucida console", "Courier", fixed;
   margin: 18px 18px;
}

tt {
   font-family: "Lucida console", "Courier", fixed;
   color: #222;
}


p img {
   margin-left:10px;
   margin-bottom:5px;

}

/*NOTE: Imgs in parag are set to float right*/

.sc {
   font-variant: small-caps;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-size: 70%;
}

.center { 
   text-align: center;
}
/*Floats*/
/*======================================================================*/
.left {
   float:left;
   margin: 0 10px;
   width: 40%;
}

.right {
   float:right;
   margin: 0 10px;
   width: 40%;
}

.clearThis {
   clear:both;
}

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

/*Element Widgets*/
/*%======================================================================*/

/*Elements Developed by Ben Henschel*/
/*External Links*/
/*External Link - adds a little external link icon to all of your external links*/

a[href^="http:"] {
   background: url(elementsImages/externalLink.png) no-repeat right top;
   padding-right:10px;
}

/*IMPORTANT: Reset your internal links that use absolute URLS by replacing yoursite.com with your site's URL, below*/

a[href^="http://www.musicology.se"], a[href^="http://musikvetenskap.se"] {
   background-image:none !important;
   padding-right:0px;
}

/*This method does not work for IE6 or IE7 (big surpise) you can add the class .external to a few of your important external links so they work in IE6/7 if you wish. IE will just ignore these rules so there is now worries.*/

.external {
   background: url(elementsImages/externalLink.png) no-repeat right top;
   padding-right:10px;
}

/*Email Links - adds small email icon to all mailto links*/

#content a[href^="mailto:"]:hover,
a[href^="mailto:"] {
   background: url(elementsImages/email_link.png) no-repeat right top;
   margin-right: 5px;
   padding-right:22px;
   padding-bottom:5px;
   border-bottom: none;
}


a.mailto {
   color: black;
}

/*AIM Links - adds small IM icon to all aim:goim?screenname=username links*/

a[href^="aim:"] {
   background: url(elementsImages/group.png) no-repeat right top;
   padding-right:22px;
   padding-bottom:5px;
   border-bottom: none;
}

/*PDF Links - adds a small PDF icon to all PDF links*/

#content a[href$=".pdf"]:hover,
a[href$=".pdf"] {
   background: url(elementsImages/page_pdf.png) no-repeat right top;
   padding-right:22px;
   padding-bottom:5px;
   border-bottom: none;
}

/*DOC Links - adds a small word doc icon to all word document links*/

#content a[href$=".doc"]:hover,
a[href$=".doc"] {
   background: url(elementsImages/page_word.png) no-repeat right top;
   padding-right:22px;
   padding-bottom:5px;
   border-bottom: none;
}

/*RSS Links - adds a small Feed icon to all RSS feed links*/

#content a[href$=".rss"]:hover,
a[href$=".rss"], a[href$=".rdf"] {
   background: url(elementsImages/feed.png) no-repeat right top;
   padding-right:22px;
   padding-bottom:5px;
   border-bottom: none;
}

/*Use on external links that are images or have background colors/borders...when ever you dont want an icon to appear*/

/*Navigationsramen*/
/*%======================================================================*/

#divNav {
   margin-left: 10px;
   margin-top: 10px;
   float: left;
   border-right: solid 1px maroon;
   border-bottom: solid 1px maroon;
   border-left: solid 1px maroon;
   width: 230px;
   text-align: left;
   font-family: "Trebuchet MS";
   /*min-height: 100%;*/
   /*height: 100%;*/
}

#divNav img {
   margin-left: -1px;
}

#menu {
   /*loggan är 232px bred, men med ramen blir det 230*/
   width: 230px;
   margin-top: 5px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
}

.foldout {
   background-image: url('open-menu.png');
   background-repeat: no-repeat;
   background-position: 90% 50%;
   }

#nav li {
   margin: 0;
   padding: 0;
   display: block;
   width: 100%;
   font-family: Arial, "Trebuchet MS";
}


#nav li a {
   background-color: maroon;
   color: white;
   font-weight: bold;
   display: block;
   padding-left: 3px;
}


#subnav li a {
   color: maroon;
   background: white;
   font-size: 90%;
   /*text-align: left;*/
   padding: 0 15px;
   border-left: solid 15px #999;
}

#nav li a:hover {
   color: #f60;
   /*border: 1px solid #999;*/
   /*margin: -1px;*/
   /*background: #eee;*/
   /*border-left: solid 15px #999;*/
}


/*Footer i navigationsfältet*/
/*%======================================================================*/

#navfooter {
    margin-top: 3em;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-size: 70%;
    clear:left;
    padding: 3px;
    border-top: solid 1px maroon;
}

#navfooter a {
   color: maroon;
}


#navfooter p {
   font-family: Arial;
   text-align: center;
}

#navfooter a.exempt {
   background-image:none !important;
   padding:5px 10px;
   margin-right: 0;
}

/*Main document divisions*/
/*%======================================================================*/

#container {
   background: white;
   min-height: 100%;
   margin: 1em auto;
   padding: 0;
   width: 80%;
   border: 2px solid #333;
}

#content {
   margin: 10px 30px 0 240px;
   padding: 30px 30px 20px 50px;
   /*padding-left: 20px;*/
   /*padding-bottom: 20px;*/
   min-height: 100%;
}


#footer {
   margin: -60px auto 0 auto;
   border-top: solid 1px blue;
   clear: both;
   width: 60%;
   height: 40px;
   padding-top: 10px;
   text-align: center;
   font-variant: small-caps;
   font-size: 90%;
   letter-spacing: 1px;
   text-transform: lowercase;
   background: white;
}


#footer p {
   font-family: "Helvetica Neue LT Std", Arial, "Lucida Grande", Verdana, sans-serif;
   padding: 0;
}

#clearfooter {
   height: 0;
   clear:both;
   background: white;
}


/*För länksidan*/
/*%======================================================================*/
.links {
   float: left;
   width: 30%;
   margin-right: 1em;
}

.links a {
   font-size: 90%;
}

.links li, .links ul {
   width: 100%;
   margin: 0;
   padding: 0;
   text-indent: 0;
}

.links ul {
   margin-bottom: 2em;
}

/*For stm-årgångerna*/
/*%======================================================================*/

#titlar {
   float: right;
}

.titlar {
   text-align: right;
   margin-bottom: 2em;
   /*position: fixed; */
   /*right: 20px; */
   /*top: 100px; */;
}

#titlar li a {
   border-collapse: collapse;
   display: block;
   font-size: 90%;
   font-weight: bold;
   color: #bbd;
   border: 1px solid #bbd;
   font-family: non-serif;
   /*border: 1px solid #095e7d; */
   text-align: center;
   /*float: right; */
   /*margin: 1px 1em; */
   margin-bottom: 3px;
   margin-right: -1em;
   padding: 3px .5em;
}

#titlar li:hover, #titlar li a:hover {
   background: #aaa;
   color: white;
   /*color: white; */;
}

/*Medlemslistan*/
/*%======================================================================*/

#medlList li {
   line-height: 1.3em;
}

/*#memberList { float: left; width: 12em; margin: 0 2em 20px 0; padding-right: 3em; }*/

#medlList ul {
   margin-bottom: 30px;
   /*width: auto; */;
}

.medlCol {
   /*display: block; */
   float: left;
   width: 40%;
   margin: 0 2em 20px 0;
   /*padding-right: 3em; */
}

.factotum {
   text-align: center;
   font-variant: small-caps;
   letter-spacing: 1px;
   font-size: 70%;
}

a.factotum , p.factotum {
   padding: 0;
   margin: 0;
   font-variant: normal;
   font-size: 110%;
   font-family: 'Georgia', 'Garamond', serif;
   text-transform: none;
   background-image:none;
}

/*Bibliografi*/
/*%======================================================================*/

.artikel {
   font-style: italic;
}

/*Aktuellt*/
/*%======================================================================*/

#aktuellt {
   float: left;
   /*width: 30%;*/
   /*border-left: solid gray 2px;*/
   /*margin-left: 2em;*/
   padding: 10px;
   font-size: 80%;
}

#aktuellt p {
    line-height: 1.2;
}

#aktuellt ul {
    line-height: 1.2;
   padding-left: 1em;
   margin: 0;
}

#aktuellt ul li {
   margin-top: 5px;
   list-style-type: disc; 
}

/*Abstracts*/
/*%======================================================================*/

.author {
   font-size: 14px;
   margin: 1em auto 0;
   width: 70%;
   line-height: 1.5;
}

.title {
   margin: 0 auto 1em;
   font-variant: small-caps;
   width: 70%;

}