/*    
Theme Name: OFs website 
Theme URI:  
Description: Website for the student association, OF. 
Author: Hanna Bartholomew EastCap Webbdesign
Author URI: http://www.eastcapwebbdesign.com
Version: 1.0 
*/  
*{
	border: 0;
	margin: 0;
	padding: 0
}

body{
background:  #760c0e;
color: #011825;
	font: .85em Tahoma,Arial,Verdana,Helvetica,Sans-Serif;
	text-align: center;
	margin: 0 auto;

}

.inputbox {
	color:#000;
	padding:5px;
margin: 0 0 8px 0;
	border:1px solid #cac1c2;
	/*width: auto;
height: auto;*/
float: right;
}
#search input.button {
background:#848484;
color:#fff;
padding: 5px;
margin: 0 0 0 0;
font-size: 15px;
width: auto;
height: auto;
float: right;
}
a{

	color: #4b0100;

	text-decoration: none;

}

a:hover{

color:#000;

	text-decoration: underline;

}



h2{
color: #000000;
font-size: 14px;
line-height: 16px;
text-decoration: none;
padding:5px 0;
}

h3{

	font-size: 1.1em;

	margin: 0 0 1em

}

h3.no-bot-margin{

	font-size: 1.1em;

	margin: 0 0 .1em

}

h4{
	color: #4a0001;
	font-size: 1em;
	margin:5px 0 0 0;
}

h4 a{
color: #4a0001;
	font-size: 1em;
	margin:5px 0 0 0;
	text-decoration: underline

}

h4 a:hover{
color: #4a0001;
	font-size: 1em;
	margin: 5px 0 0 0;
	text-decoration: none

}

h4.no-bot-margin{
	color: #023048;
	font-size: 1em;
	margin: 0 0 .2em
}

h5{
	color: #3e3d3d;
	font-size: .97em;
	margin: 10px 0 0 0;
}

li{

	list-style: none

}
.postimg img {
border:1px solid #ddd;
}
.postimg {
float: right;
width: 150px;
height: 100px;
padding: 10px;
margin-left: 10px;
border:1px solid #ddd;
}
#logo {
float: left;
}
.entrytext img {
padding: 7px;
margin-right: 10px;
border:1px solid #ddd;
}
#wrapper {

	width:900px;

height: 1%;

min-height: 140px;

	margin: 0 auto;

}

#header {
	width: 896px;/*900px;*/
	height: 210px;
	float: left;
	margin: 0 auto;
padding:0;
}
#middle-header {
height: 90px;
width: 400px;
float: left;
margin: 30px 0 0 0;
padding: 0;
}
#header-right {
	float: right;
	width: 600px;
	/*height: 100px;*/
	margin: 10px 0 0 0;
}
#header-right h2{
color:#fff;
}
/*login */
#login {
	float: right;
	width: 140px;
	height: 140px;
	margin: 0 0;
padding: 0; 
}
#login br {
display:none;
}

#login .button {
background:#848484;
color:#fff;
padding: 2px;
margin: 5px 0 0 0;
font-size: 15px;
float: right;
line-height: 14px;
font-size: 14px;
}
/***languages flags images**/
.languages {
float: right;
}
.languages span{
display: none;
}
.language_item {
margin: 0 7px 0 0;
float: left; 
}
#search{
	float: right;
	margin: 0 0 20px 0px; 
}
/*
#search input{
	float: left;
	width: 150px;
border: 1px solid #454545;
padding: 10px 5px 0 5px;
margin:0 0 10px 0;
}*/

#search input.btn-search{
	margin: 0 0 0 5px;
	width: auto;
background:#cc9933;
color:#fff;
border:1px solid #d2aeaf;
}

/*- Logo -*/
#logo h1{
	background: url(images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 270px;
	height: 115px;
	margin: 18px 0;
	}

#logo h1 a{

	display: block;

	height: 115px

}

#logo h1 a:hover{

	text-decoration: none

}



#content {

	width: 900px;

	float: left;

	background:#fff;

	padding: 0;

text-align: left;
overflow: hidden;

}

#content #title{
	margin: 14px 14px;
	overflow: hidden;
	padding:0;
	width: 872px;
	height: 150px;
}
#content #title-small{
	margin: 14px 14px;
	overflow: hidden;
	padding:0;
	width: 872px;
	/*height: 311px;*/
}
#welcome {
background: #cac1c2;
margin-right: 5px;
	padding: 10px;
	width: 310px;
	height: 225px;
float: left; 
}

#welcome h2{
color: #760c0e;
font-size: 14px;
line-height: 16px;
text-decoration: none;
padding:5px 0;
text-transform:uppercase;
}
#main-img{
	float: right;
	height: 250px;
	overflow: hidden;
	width: 537px;


}

#main-img-home{
	float: right;
	height: 311px;
	/*overflow: hidden;*/
	width: 532px;
	background: url("http://www.ofsthlm.se/wp-content/uploads/2009/11/home.jpg");
}

#page-img{

	float: left;
	height: 311px;
	/*overflow: hidden;*/
	width: 879px;
}
#page-img-small{
	float: left;
	/*height: 311px;*/
	/*overflow: hidden;*/
	width: 879px;
}
#content #leftcol {

	width: 341px;

	float: left;

	position: relative;

	/*padding-right: 30px;*/

	border-right:1px solid #e3e3d9;

	border-bottom: 1px solid #e3e3d9;

border-top:1px solid #e3e3d9;

	margin:0 0 14px 0;

padding: 8px 0 ;



}

#content #leftcol #sidebar {

	width: 330px;

	float: left;

	position: relative;

border-right:1px solid #000

	border-bottom: 1px solid #000;

border-top:1px solid #e3e3d9;

}

#content #right-col {
	width: 529px;
margin-right: 14px;
margin-left: 14px;
	margin-top: 0;
	float: left;
	position: relative;
}

#content #right-col em {
font-size: 13px;
}

#content #right-col-bred {
width: 870px;
margin-right: 14px;
margin-left: 14px;
	margin-top: 0;
	float: left;
	position: relative;
}

#content #right-col-bred em {
font-size: 13px;
}
.readmore- a {
color:#000;
padding: 0 0 20px 0;
font-weight: bold;
}

.btn-readmore {
color: #74090b;
text-decoration: underline;
}

.post-info{ 
padding: 0 0 10px 0;
}

.end-post {
width: 500px;
height: 10px;
}
.entrytext p{
margin-top: 8px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0pt;
line-height: 18px;
}
.entry {
padding: 0 0 20px 0;
}

.entry p{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 18px;
margin-left: 0pt;
line-height: 18px;
}

.entry ul, .entry ol, .post ul, .post ol {
	padding: 14px;
}

.entry h2 {
color:#000;
font-size: 14px;
/*line-height: 16px;*/
text-decoration: none;
}

.entry h2 a:link {
color:#000;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}

.entry h2 a:hover {
color:#000;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}

p.metadata a:link{ color:#000 font-weight: bold;text-decoration: none;
}

p.metadata a:hover { color:#000 font-weight: bold; text-decoration: underline;

}

.date {

font-size: 13px;

color:#1c1c1c;

/*margin-bottom: 10px;*/

}



/*bottom */

#bottom-container{
border-top: 7px solid #848484;
	margin: 0 ;
	padding: 0;
	background:#fff;
text-align: left;
width: 900px;
float: left;
overflow: hidden;
}
#bottom-container .widget h3 {
background:#848484;
padding:0 0 5px 15px;
color:#fff;
}
#bottom-left{
	float: left;
	width: 344px;
	margin: 0 0 10px 0;
background:#fff;
}

#bottom-left img {

border: 1px solid #ccc;

padding: 5px;

margin: 0 8px 0 0;

float: left;

}

#bottom-left p {

padding: 10px 17px ;

}

#bottom-left h3 {

background:#848484;

	height: 16px;

	width: 310px;

	margin: 0 0 10px 0;

	padding: 10px 17px ;

	text-transform: uppercase;

	color:#fff;

	font-size: 16px;

	font-weight: normal;

}



#bottom-middle{

	float: left;

	width: 266px;

	margin: 0 12px 10px 12px;

}



/*

#bottom-middle p {

padding: 10px 17px ;

}

#bottom-middle h3 {

	background:#848484;

	height: 16px;

	width: 230px;

	margin: 0 0 10px 0;

	padding: 10px  ;

	text-transform: uppercase;

	color:#fff;

	font-size: 16px;

	font-weight: normal;

}



#bottom-middle ul {

	margin: 0 10px 0 20px;

	padding: 5px 0 0 0;

	font-size: 14px;

}





#bottom-middle li {

	background-image: url(../images/info-bul.gif);

	background-repeat: no-repeat;

	background-position: 0 16px ;

	margin: 0;

	padding: 10px 0 0 15px;

	font-size: 14px;

}



*/

#bottom-middle p {

padding: 10px 17px ;

}

#bottom-middle h3 {

	background:#848484;

	height: 16px;

	width: 232px;

	margin: 0 0 10px 0;

	padding: 10px 17px ;

	text-transform: uppercase;

	color:#fff;

	font-size: 16px;

	font-weight: normal;

}



#bottom-middle ul {

	margin: 0 10px 0 20px;

	padding: 5px 0 0 0;

	font-size: 14px;

}

#bottom-middle li {

	background-image: url(../images/info-bul.gif);

	background-repeat: no-repeat;

	background-position: 0 16px ;

	margin: 0;

	padding: 10px 0 0 15px;

	font-size: 14px;

}



#bottom-right{

	float: left;

	width: 266px;

	margin: 0 0 10px 0;

}

#bottom-right p {

padding: 10px 17px ;

float: right;

}

#bottom-right h3 {

	background:#848484;

	height: 16px;

	width: 232px;

	margin: 0 0 10px 0;

	padding: 10px 17px ;

	text-transform: uppercase;

	color:#fff;

	font-size: 16px;

	font-weight: normal;

}

#bottom-right img {
border: none:
padding: 0;
margin: 0 15px 0 8px;

float: right;

}

#footer {

width: 900px;

padding: 0  0;

clear: left;

}

#footer{

	color: #ffffff;

	font: .9em Tahoma,Arial, Helvetica, sans-serif;

	padding: 10px 0;

	text-align: center;

	width: 900px;

	margin: 0 auto;

}



#footer a{

	color: #ffffff

}

#footer a:hover{

	color: #ffffff

text-decoration: underline;

}

/*nav*/
#menu {
position:relative; /* menu is moved down from its default position */
top: 0;
height: 35px; /* height of tabs in menu */
width: 900px;
margin: 0px auto;
padding:0;
text-align: center;
text-transform: uppercase;
font-size: 14px;
}

#tabs {
list-style: none; /* list without any special elements */
margin: 0 0 0 0;
padding: 0px;
float: left; /* all tabs will be displayed in a row */
clear: both;
}

#tabs li {
float: left;
height: 35px;
background: url(images/menur.jpg) top right no-repeat;
margin: 0 2px 0 0; /* space between tabs */
white-space: nowrap;
}

#tabs .page_item a {
color: #fff;
display: block;
background: url(images/menul.jpg) top left no-repeat;
text-decoration: none; /* to get rid of default underline of links */
padding: 0 8px /*10*/;
line-height: 35px;
}

#tabs li:hover {
background-position: 100% -36px; /* to change background when hovering */
}

#tabs .page_item a:hover {
background-position: 0px -36px;
border: none;
}

#tabs li.current_page_item {
color: #760c0e;
text-decoration: none;
padding: 0 /*10px*/;
background: url(images/menucurrent.jpg) top right no-repeat;
}

#tabs .current_page_item a, #tabs .current_page_item a:visited {
color: #760c0e;
text-decoration: none;
background: url(images/menucurrentl.jpg) top left no-repeat;
}

/*yellow tabs*/
#tabs-yel {
list-style: none; /* list without any special elements */
margin: 0 3px 0 0;
padding: 0px;
/* float: left; all tabs will be displayed in a row 
clear: both;*/
}

#tabs-yel li {
float: left;
height: 35px;
background: url(images/menur-yel.jpg) top right no-repeat;
margin: 0 3px 0 0; /* space between tabs */
white-space: nowrap;
color:#1c1c1c;
}

#tabs-yel .page_item a {
color: #1c1c1c;
display: block;
background: url(images/menul-yel.jpg) top left no-repeat;
text-decoration: none; /* to get rid of default underline of links */
padding: 0 10px;
line-height: 35px;
}

#tabs-yel li:hover {
background-position: 100% -36px; /* to change background when hovering */
}

#tabs-yel .page_item a:hover {
background-position: 0px -36px;
border: none;
}

#tabs-yel li.current_page_item {
color: #760c0e;
text-decoration: none;
padding: 0 /*10px*/;
background: url(images/menucurrent.jpg) top right no-repeat;
}

#tabs-yel .current_page_item a, #tabs .current_page_item a:visited {
color: #760c0e;
text-decoration: none;
background: url(images/menucurrentl.jpg) top left no-repeat;
}
#featured-post {
float: left;
	height: 311px;
	overflow: hidden;
	width: 329px;
	background:#cac1c2;
	margin-right: 0;
}
/*contact form*/
.wpcf7-form textarea {
color:#000;
	padding:5px;
	border:1px solid #cac1c2;
}

/*kalender*/
    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#000; 
        background:#bfbcbc;
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:250px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
     .todays-events ul li span a {
        border:1px solid black; 
     }
     .todays-events ul li span a:hover {
        border:0;
     }
     .todays-events ul li span a:visited {
        border:0;
     }
     .upcoming-events ul li ul li {
        background-color:#FFFFFF;
        border:0;
margin:0 0 10px 0;
padding:0;     
}
 .upcoming-events ul li  {
        background-color:#FFF;
        border-left:8px solid #bfbcbc;
margin-left:10px;
padding-left: 5px;
     }
      .upcoming-events ul li ul li span a {
        border:none;
     }
     .upcoming-events ul li ul li span a:hover {
        border:0;
     }
     .upcoming-events ul li ul li span a:visited {
        border:0;
     }
.upcoming-events li{
font-weight: bold;
}
.calnk {
font-weight: normal;
}
     #sidebar ul ul li span a {
        display:inline;
        padding-right:0;
}
.psearch {
    display:block;
    clear:both;
}
.ad-large {
/*float: left;*/
clear:left;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
}
.ad-large .textwidget {
margin:0;
padding: 0;
}
.ad-large img {
margin:0;
padding: 0 0 5px 0;
}
/*hide cat kalender */
.cat-key, .kjo-link p {
display:none;
}
.entrytext form input {
padding: 2px;
margin: 10px 0 0 0;
}
#leftcol h4 {
background: #cc9933;
width: 307px;
	margin: 0 0 8px 0;
	padding: 1px 17px ;
	text-transform: uppercase;
	color:#fff;

	font-size: 20px;
	font-weight: normal;
}
.widget li {

background-image: url(images/nyhet-bul.gif);

background-repeat: no-repeat;

background-position: 0pt 6px;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

padding-top: 3px;

padding-right: 0pt;

padding-bottom: 3pt;

padding-left: 15px;

font-size: 14px;

}

.widget ul {

margin-top: 0pt;
margin-right: 10px;
margin-bottom: 10pt;
margin-left: 20px;
padding-top: 0;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
font-size: 14px;
color: #000000;

}