/*
Theme Name: KCS
Theme URI: http://wordpress.org/
Description: Körcentrum syd
Version: 1.0
Author: Örjan Bellind
Author URI: http://www.audiodidakt.com/bellind
Tags: no customization

*/


/* BASICS
......................................................................*/

body{
margin:0;
padding:0px;
font-size:13px;
font-family: Helvetica, Arial, sans-serif;
background-color: #fff;
background-image:url(images/bg-body.jpg);
background-repeat: repeat-x;
}


p{
font-weight: normal;
}

a:link, a:visited{
font-weight: bold;
text-decoration: none;
}

a:hover, a:active{
text-decoration: none;
font-weight: bold;
}

hr{
margin: 0; 
padding: 0;
}

img{
border: 0;
margin: 0;
padding: 0;
vertical-align: middle;
}

img a:link, 
img a:visited, 
img a:hover, 
img a:active{
border: 0;
}


dl{
margin:0;
padding:0;
}

dt{
margin: 8px 0 0 0;
padding: 5px 25px;
font-weight: normal;
}

dd{
margin: 0 10px;
padding: 2px 15px;
}

ul{
list-style-type:none;
}

li{
display:list;
margin:0;
padding:0;
}

a:link,
a:visited {
font-weight:normal;
color:#0e5762;
}

a:hover,
a:active {
text-decoration:underline;
color:#003e7e;
}



/* INTRO-MENU
......................................................................*/

#intro-menu ul {
margin:-1px 0 0 0;
padding:0 15px 0 17px;
list-style-type: none;
}

#intro-menu ul li {
display:inline;
margin: 0;
padding: 0;
height:49px;
font-weight: normal;
color:#fff;
font-size:13px;
}

#intro-menu ul li a:link,
#intro-menu ul li a:visited {
margin: 0 0 0 -4px;
color:#a6c5e5;
padding:15px 15px;
line-height:49px;
font-weight: normal;
text-decoration:none;
background-image: url('images/frontmenu_bar.png');
background-position: top right;
background-repeat: repeat-y;
}

#intro-menu ul li a:hover,
#intro-menu ul li a:active {
margin: 0 0 0 -4px;
color:#a6c5e5;
padding:15px 15px;
line-height:49px;
color:#fff;
text-decoration:none;
background-color:#011e3b;
background-image: url('images/frontmenu_bar.png');
background-position: top right;
background-repeat: repeat-y;
}

#intro-menu{
width:980px;
height:48px;
padding:0;
margin:0;
overflow:hidden;
background-image:url(images/frontmenu_bg.png);
background-repeat: no-repeat;
}

.columns-intro-menu{
height:48px;
padding:0;
margin:0;
clear:both;
}

.left-column-intro-menu{
width:800px;
height:48px;
margin:0;
padding:0;
float:left;
}

.right-column-intro-menu{
width:180px;
height:48px;
float:right;
clear:right;
margin:0;
padding:0;
}



/* HEADLINES
......................................................................*/

h1, h2, h3, h4, h5, h6{
margin: 0px;
padding: 0px;
text-align: left;
}

h1{
font-weight: normal;
margin: 0;
padding: 0;
display: none;
}

h1 a:link, h1 a:visited{
font-weight: normal;
text-decoration: none;
}

h1 a:hover, h1 a:active{
font-weight: normal;
text-decoration: none;
}

h2{
font-weight: normal;
margin: 0;
padding: 0;
}

h2 a:link, h2 a:visited{
font-weight: normal;
text-decoration: none;
}

h2 a:hover, h2 a:active{
font-weight: normal;
text-decoration: none;

}

h3{
margin: 0;
padding: 0px;
font-weight: normal;
}

h3 a:link, h3 a:visited{
font-weight: normal;
text-decoration: none;
}

h3 a:hover, h3 a:active{
font-weight: normal;
text-decoration: underline;
}

h4{
margin: 0;
padding: 0px;
font-weight: normal;
}


h4 a:link, h4 a:visited{
font-weight: normal;
text-decoration: none;
}

h4 a:hover, h4 a:active{
font-weight: normal;
text-decoration: none;
}

h5{
margin: 0;
padding: 0;
font-weight: normal;
}

h6{
margin: 0;
padding: 0px;
font-weight: normal;
}

small{
margin: 0;
padding: 0;
font-weight: normal;
}

small a:link,
small a:visited{
text-decoration: none;
font-weight: normal;
}

small a:hover,
small a:active{
text-decoration: none;
font-weight: normal;
}





/* HEADLINES: ARTICLES
......................................................................*/

h2.contentheading-intro{
font-weight: normal;
margin: 0;
padding: 0;
color: #fff;
}



/* SIDEBARS
......................................................................*/


.content-wrapper-bottom-intro{
padding:0;
margin:0 0 20px 0;
float:left;
width:978px;
}

.columns-bottom-intro{
padding:0;
margin:0;
clear: both;
color:#555;
line-height: 120%;
}

.left-column-bottom-intro{
width:660px;
min-height:225px;
margin:0;
padding:0;
float:left;
}

.right-column-bottom-intro{
width:310px;
height:225px;
float:right;
clear:right;
margin:0;
padding:0;
overflow:hidden;
}

.intro-sidebar {
background-color:#ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
padding:10px 10px;
height:195px;
}

.intro-sidebar a:link,
.intro-sidebar a:visited {
font-weight:normal;
color: #0e5762;
}

.intro-sidebar a:hover, 
.intro-sidebar a:active {
text-decoration:none;
color: #000;
}

.top-feed-intro{
background-position:0 0;
background-image:url(images/corners-feed-top.png);
background-repeat: no-repeat;
height:4px;
width:660px;
margin:0;
padding:0;
clear:both;
}

.bottom-feed-intro{
background-image:url(images/corners-feed-bottom.png);
background-repeat: no-repeat;
height:4px;
width:660px;
margin:0;
padding:0;
clear:both;
}

.top-intro-sidebar{
background-position:0 0;
background-image:url(images/corners-intro-sidebar-top.png);
background-repeat: no-repeat;
height:4px;
width:310px;
margin:0;
padding:0;
clear:both;
}

.bottom-intro-sidebar{
background-image:url(images/corners-intro-sidebar-bottom.png);
background-repeat: no-repeat;
height:4px;
width:310px;
margin:0;
padding:0;
clear:both;
}

h4.sidebar{
margin: 0;
padding: 0px;
font-weight: normal;
color: #0e5762;
}

h4.sidebar a:link, 
h4.sidebar a:visited{
font-weight: normal;
text-decoration: none;
color: #0e5762;
}

h4.sidebar a:hover, 
h4.sidebar a:active{
font-weight: normal;
text-decoration: none;
color: #003e7e;
}

.sidebar-menu {
width:280px;
}

.sidebar-menu ul {
margin:0px; 
padding:0px; 
list-style:none; 
font-size:11px;
}

.sidebar-menu li {
display:inline; 
}

.sidebar-menu li a {
font-weight:bold;
padding:4px 7px 6px 7px;  
}

.sidebar-menu li a.tabactive {
font-weight:bold;  
position:relative;
text-decoration:none; 
}

#sidebar-tabcontent1 {
padding:15px 10px 0 10px; 
width:280px; 
margin: 0;
}

#sidebar-tabcontent2 {
padding:30px 10px 0 10px; 
width:280px; 
margin-bottom:5px;
}


#sidebar-tabcontent3 {
padding:20px 10px 0 10px; 
width:280px; 
margin-bottom:5px;
}

.rss-feed-sidebar {
background-color: #e7e7e7;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
margin:0;
padding:10px 0;
overflow:auto;
height:195px;
}

h3.rss-feed {
padding:10px 0 0 20px;
margin: 0;
font-size:14px;
z-index:2;
position:absolute;
}

.rss-feed {
padding:20px 20px 0 20px;
margin:0;
}

.rss-feed ul {
margin:-10px 0 0 0;
padding:0;
list-style-type:none;
}

.rss-feed li {
margin:0;
padding:0 0 5px 0;
}

.rss-feed a:link,
.rss-feed a:visited {
color: #0e5762;
}

.rss-feed a:hover,
.rss-feed a:active {
color: #de870b;
text-decoration: none;
}

ul.rss{
margin:0;
padding:10px 0 0 0;
list-style-type:none;
font-size:11px;
}

ul.rss li{
margin:1px 18px;
padding:0;
color: #555;
list-style: square url(images/rss_small.png);
}

ul.rss li a:link,
ul.rss li a:visited{
color: #555;
}

ul.rss li a:hover,
ul.rss li a:active{
color: #ff7a15;
}

.gcal {
margin-left:20px; 
margin-top:8px;
z-index:1; 
position:absolute;
}




/* FORM / INPUTS
......................................................................*/

form{
padding: 0;
margin: 0;
text-align:justify;
}

input, textarea{
padding: 2px;
margin: 0;
font-weight: normal;
font-size:11px;
}

select{
border: 1px solid #888;
}

input.radio{
border: 1px solid #888;
margin: 4px;
padding: 0px;
}

input.checkbox{
border: 1px solid #888;
margin: 4px;
padding: 0px;
}

fieldset{
margin: 0;
border: 0;
padding: 0;
}

legend{
font-weight: normal;
padding: 0 0 5px 0;
}

label{
font-weight: normal;
margin: 0 5px 0 0;
padding: 0;
font-size:11px;
color: #333;
}




/* FORM / INPUTS: SEARCH & INPUT
......................................................................*/

.search-box-intro input{
padding: 0px 2px;
margin: 3px 0 0 25px;
height: 15px;
font-weight: normal;
border: 0;
width: 80px;
font-size:11px;
}




/* DIVS INTRO
......................................................................*/

#wrapper-intro{
width:980px;
margin:0 auto;
padding: 20px 0 20px 0;
}

.content-wrapper-intro{
padding:0;
margin:0;
float:left;
width:978px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background-color:#fff;
}

.content-wrapper-intro-top{
padding:0;
margin:0;
width:980px;
}

#slideshow-intro{
padding:0;
margin:0;
height:450px;
width:660px;
float:left;
}

#right-intro{
width:320px;
height:450px;
float:right;
clear:right;
margin:0;
padding:0;
overflow:auto;
background-color:#111;
line-height: normal;
}

.article-intro{
margin:0;
padding:45px 30px 0 30px;
color:#eee;
font-size:13px;
text-align:left;
}

.article-intro a:link,
.article-intro a:visited {
font-weight:normal;
color:#7faad6;
}

.article-intro a:hover,
.article-intro a:active {
text-decoration:none;
color:#12baf9;
}

.article-intro-spacer{
padding: 5px 0 20px 0;
margin:0;

}

.intro-spacer{
padding: 10px 0 20px 0;
margin:0;
}

.intro-spacer-small{
padding:4px 0 4px 0;
margin:0;
clear:both;
}

.intro-breaker{
padding:10px 0;
margin:0 30px;
border-top: 1px solid #ccc;
clear:both;
}

.search-box-intro{
padding:2px 0 0 20px;
margin: 12px 2px 7px 2px;
height:25px;
width:170px;
background-position: 20px 0;
background-image:url(images/search.png);
background-repeat: no-repeat;
text-align:center;
}

#footer-colums-intro {
width:980px;
padding:0;
margin: 0;
}

.footer-left-column-intro {
float:left;
text-align:right;
width:750px;
}

.footer-right-column-intro {
padding:0;
margin:0;
width:230px;
float:right;
clear:right;
}







/* ARTICLES
......................................................................*/

.edit {
padding:1px 0;
margin:0;
font-size:11px;
height:16px;
width:70px;
background-image:url('images/edit.png');
background-repeat: no-repeat;
}

.edit a:link,
.edit a:visited {
color:#fff;
padding:0 20px;
width:30px;
}

.edit a:hover,
.edit a:active {
color:#003e7e;
text-decoration:none;
}





/* FOOTER-COLUMS
......................................................................*/

#footer-colums {
width:690px;
padding:0;
margin: 0;
}

.footer-left-column {
float:left;
text-align:right;
width:540px;
}

.footer-right-column {
padding:0;
margin:0;
width:230px;
float:right;
clear:right;
}

.footer hr{
border: 0;
display: none; 
height: 0; 
margin:0;
padding:0;
}



/* SPONSORS
......................................................................*/


.sponsors{
padding:0;
margin:0;
}

.sponsors ul{
list-style-type: none;
margin: 0;
padding: 0 0 10px 0;
}

.sponsors li{
display: inline;
margin: 0px;
padding: 0px 10px;
font-size: 11px;
}

.sponsors a:link, 
.sponsors a:visited{
text-decoration: none;
color: #000;
}

.sponsors a:hover, 
.sponsors a:active{
text-decoration: none;
color: #CC0066;
}


/* FOOTER
......................................................................*/

#footer{
margin:0;
padding:0;
text-align:right;
font-size: 9px;
color: #666;
}

#footer ul{
list-style-type: none;
margin: 0 30px 0 10px;
padding: 0 0 10px 0;
}

#footer li{
display: list;
margin: 0px;
padding: 0px 4px;
}

#footer li a:link, #footer li a:visited{
color: #333;
}

#footer li a:hover, #footer li a:active{
color: #055eba;
text-decoration: none;
}

#mc_embed_signup {

}

#mc_embed_signup ul {
list-style-type: none;
margin: 0;
padding: 0; 
}

#mc_embed_signup li {
display: inline;	
padding: 0;
margin: 0 5px;

}

.mc-field-group {
margin:10px 0 0 0;
}

#mc_embed_signup .btn {
margin: 10px 0 0 0;
}
