/*
Theme Name: Nya nya nya Studentlund
Theme URI: http://studentlund.se
Description: Det nya temat för Studentlund.
Version: $Rev: 183 $
Author: A. Gunnarsson och N. Lindblad
Author URI: http://niklas.lindblad.info
Tags: custom, studentlund
Text Domain: studentlund

	Designen är gjord utav Alfred Gunnarsson,
	http://www.salmiakmedia.se/wordpress/

	Programmeringen är gjord utav Niklas Lindblad,
	http://niklas.lindblad.info

*/

* {
    margin: 0;
    padding: 0;
}

body {
   background: #4d7192 url('pics/nybg.png');
}

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

.bottomAlign {      
    position: absolute;
    bottom: 0px;
    display: inline-block;
}

.alignRight { float: right; }
.alignLeft {float: left; }

#shortcuts {
    text-align: right;
    font: bold 12px Arial;
    color: #fbfee5;
}

    #shortcuts ul li {
        list-style: none;
        display: inline-block;
        margin: 6px 10px 0 0;
        vertical-align: middle;
    }

    #shortcuts ul li a {
        color: #fbfee5;
    }

#head {
    height: 100px;
}
    
    #head img {
        margin-top: 10px;
    }

#menu {
    text-align: right;
    height: 100px;
}

    #menu a {
	color: #25232d;
    }

    #menu ul {
        margin: 0 4px 0 0;
        margin-top: 74px;
    }

    #menu ul li {
        font: bold 16px Arial;
        line-height: 25px;
        padding: 0 6px;
        list-style: none;
        display: inline-block;
        margin: 0 0 0 1px;
        background: #fbfee5;
        color: #25232d;
    }
  
#menuBoxAF, #menuBoxNationer, #menuBoxKarer, #menuBox {
    z-index: 200;
    display: none;
}

    #menuBoxAF a, #menuBoxNationer a, #menuBoxKarer a, #menuBox a {
    	color: #25232d;
    }

.menuBox {
    background-color: #fbfee5;
    padding-bottom: 15px;
}

    .menuList {
        margin-top: 10px;
        width: 220px;
        display: inline-block;
        color: #25232d;
    }
    
    .menuList H1 {
        font: bold 13px Arial;
        line-height: 13px;
        margin: 10px 10px 5px 10px;
    }
    
    .menuList ul {
        margin: 7px 10px 2px 10px;
    }
    
    .menuList ul li {
        font: 13px Arial;
        line-height: 14px;
        margin: 3px 0;
    }  

    .menuList ul li a {
 	text-decoration: none;
	color: #25232d;
    } 
       
#event {
	display: none;
	position: absolute;
	z-index: 500;
	background: #fff;
}

#mainContent {
    background: #fbfee5;
    font: 14px Georgia;
}

#content {
    margin: 0;
    background: #fbfee5;
    width: 720px;
}

#articleContent {
    margin-top: 10px;
    margin-bottom: 25px;
    width: 460px;
}

    #articleContent h1 {
        margin: 22px 0 7px 0;
        font: bold 30px Arial;
    }
    
    #articleAuthor {
	font-weight: italic;
	font-size: 0.8em;
	margin-bottom: 10px;
    }

    #articleContent p {
        margin: 0 0 7px 0;
    }

#feature {
    margin-top: 10px;
    width: 700px;
    height: 220px;
}

    #feature img {
        float: left;
        display: block;
        position: absolute;
        z-index: 20;
    }

    #featureInfo {
        left: 480px;
        width: 220px;
        height: 220px;
        display: inline-block;
        position: relative;
        z-index: 100;
        background: url('pics/featureBg.png');
        color: #fbfee5;
    }
    
    #featureInfo h1 {
        margin: 12px 10px 0 10px;
        color: #fbfee5;
        font: bold 22px Arial;
        opacity: 1;
    }
    
    #featureInfo p {
        margin: 7px 10px 12px 10px;
        color: #fbfee5;
        opacity: 1;
    }

.puff {
    margin-top: 10px;
    width: 220px;
    background: #f7f7cd;
    display: inline-block;
    border-bottom: solid 1px #25232d;
    border-top: solid 1px #25232d;
    color: #25232d;
}

    .sidebar .puff {
        margin: 10px 0 0 0;
    }

    .puff p {
        margin: 0 10px 15px 10px;
    }
    
    .puff h1 {
        font: bold 22px Arial;
        line-height: 22px;
        margin: 10px 10px 5px 10px;
    }

    .puff h1 a {
	color: #25232d;
    }

    .puff .tagg {
	color: #25232d;
	padding-right: 3px;
     }

.annons {
    margin-top: 10px;
    display: inline-block;
}

    .sidebar .annons {
	margin: 10px 0 0 0;
     }

#comming, #lundagard, #results {
    margin: 10px 10px 20px 10px;
}

#searchTerm {
	text-decoration: underline;
	background: #F8EB5C;
}

#results .article h1 {
	font: bold 16px Arial;
	color: #25232d;
	margin-left: 7px;
}

.articlelist .articleHead{
    font: bold 14px Arial;
    background: #25232d;
    color: #fbfee5;
    padding: 3px 10px;
}

    .articlelist .article {
        margin-top: 5px;
        clear: both;
    }

    .articlelist img {
        float: left;
        margin: 0 7px 5px 0;
    }
    
    .articlelist h1 {
        font: bold 16px Arial;
        color: #25232d;
        margin-left: 7px;
    }
    
    .articlelist p {
        margin-left: 7px;
        margin-bottom: 5px;
    }
   
    .article h1 a {
	color: #25232d;
     }
 
    
#radio {
    margin-top: 10px;
    margin-left: 0px;
    width: 350px;
    height: 90px;
    background: #c91842;
    color: #fbfee5;
}
    #radio img {
        float: left;
        margin-right: 10px;
    }
    
    #radio h1 {
        font: bold 14px Arial;
        margin: 8px 10px 0 10px;
    }
    
    #radio p {
        margin: 0 10px;
    }
  
    #radio a {
	color: #fbfee5;
    }   
    
.sidebar {
    margin-top: 0px;
    margin-bottom: 20px;
    display: inline-block;
    background: #fbfee5;
}    

#articleContent #eventInfo td {
    padding: 5px;
}
 
    .event h2 {
	font-size: 1.2em;
    }

    .event h2 .hostLink {
	text-decoration: none;
        color: #25232d;
    }

    .event #when, .event #fee, .event #agelimit {
	font-size: 1.5em;
    }

    .event .what {
	margin: 0;
	padding-right: 10px;
	font-size: 16px;
	font-weight: bolder;
    }

    .event #moreInfo {
	margin-top: 10px;
	font-size: 14px;
        padding: 10px;
	background: #f7f7cd;
	border-bottom: solid 1px #25232d;
	border-top: solid 1px #25232d;
    }

#calendar {
    background: #c91842;
    color: #fbfee5;
    display: inline-block;
    width: 220px;
    margin-top: 10px;
}

    #calendar h1 {
        font: bold 14px Arial;
        background: #25232d;
        color: #fbfee5;
        padding: 3px 10px;
    }
    
    #calendar p {
        margin: 5px 10px 8px 10px;
    }
    
    #calendar table {
        width: 200px;
        margin: 10px;
        text-align: center;
        font: 12px Arial;
    }
    
    #calendar table td {
        border: solid 1px #fbfee5;
        padding: 4px;
    }
    
    #calendar table .day {
        font-weight: bold;
        color: #c91842;
        background: #fbfee5;
        opacity: 0.5;
    }
 
    #calendar a {
	color: #fbfee5;
    }

    #calendar .today {
	background: #fbfee5;
	font-weight: bold;
    }

    #calendar .today a {
	color: #c91842;
    }

#calendarInfo {
    background: #98173d url('pics/kalPil.png');
    background-repeat: no-repeat;
    color: #fbfee5;
    display: inline-block;
    width: 220px;
}
    
    #calendarInfo h1 {
        font: bold 14px Arial;
        margin: 25px 10px 5px 10px;
    }
    
    #calendarInfo p {
        margin: 0 10px 10px 10px;
    }
    
    #calendarInfo ul {
        margin: 0 10px 10px 10px;
    }
       
    #calendarInfo a {
	color: #fbfee5;
    } 
    
#footer {
    text-align: center;
    font: bold 12px Arial;
    color: #fbfee5;
    color: #25232d;
    margin: 10px 10px 20px 10px;
}

#preFooter {
	background: #fbfee5;
}
    #footer a {
	color: inherit;
    }