/*
Theme Name: Sliding Burvik
Theme URI: http://burvik.se
Description: Mall avpassad för behoven hos burvik.se, baserad på Phatfusion imageMenu och lite PHP-magi av Joakim 
Version: 1.3
Author: Joakim T, Stefan S och Bengt E
Author URI:
Tags: fixed-width, custom-header, dark, left-sidebar
*/

* { margin: 0; padding: 0;}

body {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
color: #fff;
background-color: #8B8989;
}

body a {color: #42adfb;}

#wrapper {
width: 940px;
margin: 0 auto;
text-align: left;
position: relative;
}    

#welcomeheading {
text-align: center;
text-decoration: none;
}

#content {
float: right;
width: 640px;
margin-top: 0px;
}

#content .notice p {
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
padding: 5px 0px;
font-size: 90%;
margin: 1px;
}

#content .notice {margin-bottom: 20px;}

#content .post {
float: left;
position: relative;
width: 640px;
margin-bottom: 30px;
padding-top: 10px;
}

/* Denna beskriver hur ett inlägg/sidas rubrik ser ut */ 
#content .post h2 {
font-family: Cambria, Georgia, Palatino, 'Times New Roman', Times, serif;
font-size: 140%;
font-weight: bold;
color: #fff;
text-decoration: none;
padding: 3px 0;
}

/* Underrubrik i ett inlägg, uppdaterad av Joakim 2010-04-06 */
#content .post h3 {
font-family: Cambria, Georgia, Palatino, 'Times New Roman', Times, serif;
font-size: 110%;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
margin-top: 14px
}

/* Ingressens format, uppdaterad av Joakim 2009-11-08 */
#content .post h4 {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: justify;
color: #fff;
margin-bottom: 10px;
margin-top: 10px
}

/* Brödtextens format, uppdaterad av Joakim 2009-11-08 */
#content p {
margin-top: 10px;
margin-bottom: 10px;
color: #eaeaea;
margin-right: 0px;
text-align: justify;
}

#content .post-details {font-size: 90%;}	

/*
#content .prevnext {margin-top: 20px;}	
*/

/* Dessa två rader beskriver länkar i en sidas botten */
#content p a {color:#ff0;text-decoration: none;}
#content p a:hover {color:#fff;text-decoration:none;} 

/* Dessa två rader beskriver länkar i en sida/inlägg */
#content .post a {color:#ff0;text-decoration: none;}/*Gul*/
#content .post a:hover {color: #000;text-decoration: none;}              

/* Dessa två rader beskriver länkar i en inlägg botten */
#content .post-details a {color:#ff0;text-decoration: none;}/*Gul*/
#content .post-details a:hover {color: #000;text-decoration: none;}              

/* Bildformat, uppdaterad av Joakim 2009-11-18 */
#content .post img {
max-width: 640px;
/*max-height: 800px;*/
margin-bottom: 10px;
margin-top: 10px;
/*padding: 4px;*/
/*border:1px solid #660000;*/
border:none;
}

.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
/* Har bestams utseendet pa bildtexten under bilder */
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
/* Da nedanstaende inte ar standard ar de borttagna. Joakim 2009-11-08 */
/*
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
*/
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

#content p.wp-caption-text {
/* Det har ar bildtexten under bilder */
font-family: Cambria, Georgia, Palatino, 'Times New Roman', Times, serif;
font-style:italic;
font-size: 100%;
line-height: 17px;
margin: 10px;
color: #000;
text-align: center;
}

/*#content .post a img {}*/

/* Listformat, uppdaterad av Joakim 2009-11-08 */
#content .post ul li {
list-style-position: inside;
font-size: 100%;
color: #eaeaea;
/*
list-style-type: disc !important;
font-name: Verdana, Helvetica, Sans-serif;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 0px;
text-align: justify;
*/
}

/*#content .post ul {margin-left: 20px !important;}*/

#content .post ol {
list-style-position: inside;
list-style-type: upper-roman;
margin-left: 15px;
text-indent: -15px;
}

#content blockquote {
margin-left: 10px;
border-left: 3px solid #555;
padding-left: 10px;
font-style: italic;
}

#content small {
margin: 0 auto;
text-align: center;
display: block;
border-top: 3px solid #333;
border-bottom: 1px solid #333;
font-size: 90%;
color: #999;
}

/* 2010-03-07: Joakim har remmat bort hela nedanstaende avsnitt om ordered lists */
/*
#content ol {
line-height: 1.6;
}

#content ol.commentlist {
margin-top: 10px;
}

#content ol.commentlist li {
border-top: 1px solid #333;
margin-bottom: 10px;
} 

#content ol.commentlist li .commentMeta {
width: 120px;
float: left;
margin-top: 5px;
} 

#content ol.commentlist li .commentMeta span {
display: block;
}

#content ol.commentlist li .commentMeta span.author, #content ol.commentlist li .commentMeta span.author a {
color: #CCC;    
text-decoration: none;
margin-bottom: 5px;
}                     

#content ol.commentlist li .commentMeta span.date a {
color: #666;
text-decoration: none;
}

#content ol.commentlist li .commentMeta span.moderate a {
color: #42adfb;
}

#content ol.commentlist li .commentText {
width: 450px;
float: right;
padding: 5px;
}

#content ol.commentlist .avatar {
float: left;
}
*/


#content h3 {
color: #42adfb;
}
#content #commentform input {
padding: 5px;
}
#content #commentform textarea {
width: 410px;
padding: 10px;
}
#content .nextprevious {
height: 40px;
display: block;
} 
#content .nextprevious a {
color: #CCC;
}               
#content .nextprevious .left {
float: left;
}              	
#content .nextprevious .right {
float: right;
}
#content .adBrite {
display: block;
margin-bottom: 20px;
border: 1px solid #333;
}

/***********************************/
/* Har börjar avsnittet om sidebar */
/***********************************/


#sidebar * {list-style:none;}

#sidebar {
width: 232px;
float: none;
padding-top: 8px;
text-align: left;
} 

#sidebar h2 {
font-weight: normal;
text-transform: uppercase;
margin-bottom: 10px;
padding-top: 8px;
}

#sidebar a img {
border: none;
}

#sidebar ul {
margin-top: 10px;
margin-bottom: 10px;
}

#sidebar ul li {
font-size: 90%;
background: url(img/bullet.png) 0 5px no-repeat;
padding: 0 10px;
margin: 0 0 5px 5px;
}

#sidebar li.widget {
background-image:none;
}

#sidebar ul li a {
color: #000;
text-decoration: none;
}

#sidebar ul li a:hover {
color: #CCC;
}

/*#sidebar ul li span {color: #666;margin-left: 5px;}*/

#sidebar ul#nav {
margin: 10px 0 20px 0;
}





/*
#sidebar ul#nav li {
margin: 0;
padding: 0;
}

#sidebar ul#nav li a {
display: block;
height: 17px;
padding: 7px 10px;
background: url(img/nav_off.png) 0 0 no-repeat;
margin-bottom: 5px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
color: #999;
}

#sidebar ul#nav li a:hover {
background: url(img/nav_off.png) 0 -31px no-repeat;
}        

#sidebar ul#nav li a.active {
background: url(img/nav_on.png) 0 0 no-repeat;
color: #FFF;
}
*/


/***********************************/
/* Har borjar underavsnittet sidebar-footer */
/***********************************/

#footer hr {
height: 1px;
}

#sidebar #footer {
border-top: 1px double #ccc;
border-bottom: 1px solid #ccc;
padding: 7px 0 2px;
font-size: 90%;
margin-top: 10px;
margin-bottom: 20px;
}

#sidebar #footer p {
margin-bottom: 5px;
color: #eee;
text-align: center;
}

#sidebar #footer a {
color: #000;
text-decoration: none;
}

#sidebar #footer a:hover {
text-decoration: none;
color: #fff;
}

/***********************************/
/* Har borjar avsnittet om nagot okant */
/***********************************/


#sitemeter {
text-align: center;
width: 160px;
/*font-size: 100%;*/
color: #999;
}
#sitemeter img{
padding-bottom: 8px;
padding-top: 8px;
}
.clearfix {
clear: both;
}	
.ctc {
text-align: center;
text-decoration: none;
line-height: 80%;
background-color: #000;
margin-bottom: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 10px;
}	
.ctc a {
text-decoration: none;
text-transform: lowercase;
/*font-family: "Lucida Grande",Tahoma,"Lucida Sans Unicode",Verdana,sans-serif;*/
margin: 4px;
border: thin none #060606;
}
.ctc a:hover{
color: #fff;
margin: 3px;
border: thin solid #8acef3;
background-color: #0c0c0c;
}
[disabled] {
color:#dddddd;
border-color:#dddddd!important;
background:none!important;
}
#upperBox {
margin-bottom: 10px;
text-align: center;
position: absolute;
right: 0;
padding-top: 5px;
}
#upperBox a img {
display: block;
margin: 0 auto;
border: none;
}
#upperBox p {
margin: 5px 0;
/*font-size: 100%;*/
text-align: center;
}
#upperBox input {
height: 18px;
padding: 5px 5px 5px 25px;
background: url(img/upperBox_search.png) top left no-repeat;
border: 0;
width: 100px;
color: #9ec7eb;
margin-top: 5px;
}
#upperBox input:focus {
color: #FFF;
}

/***********************************/
/* Har borjar avsnittet om Joakims tabeller */
/***********************************/



table{
border-collapse:collapse;
}
td, th{
vertical-align:top;
/*font-size: 100%;*/
padding-top:2px;
padding-bottom:2px;
padding-right:10px;
padding-left:5px;
color: #eaeaea;
}
table.half_table{
width: 300px;
margin-bottom: 30px;
}
td.foodmenu_prize{
text-align: right;
font-size: 100%;
vertical-align: bottom;
}
td.foodmenu_dish{
text-align: left;
font-size: 100%;
white-space: nowrap;
}
td.centerdata{
text-align: center;
}
tr.fatrow{
font-weight: bold;
}
caption{
font-size: 100%;
font-weight: bold;
text-align: center;
padding-bottom:10px;
}

/******************************/
/* Stilar för kalendrar i tävlingsprogrammet */
/******************************/
table.cal-img{
border-collapse:collapse;
border: 2px solid black;
width:640px;
}

td.cal-number{
height:30px;
width:30px;
vertical-align:middle;
text-align:right;
font-size:x-large;
font-weight:bold;
background-color:white;
}

td.cal-day{
vertical-align:middle;
text-align:right;
padding-left:10px;
width:40px;
font-size:small;
background-color:white;
}

td.cal-left{
width:420px;
color:blue;
vertical-align:middle;
padding-left:20px;
background-color:white;
}

td.cal-right{
vertical-align:top;
text-align:right;
font-size:small;
color:red;
background-color:white;
}

/******************************/
/* Stilar för slopetabellerna */
/******************************/
td.slope_w{
background-color:#ffffff;
color:#000000;
text-align:center;
font-size:small;
}
td.slope_y{
background-color:#ffff00;
color:#000000;
text-align:center;
font-size:small;
}
td.slope_b{
background-color:#0000ff;
color:#ffffff;
text-align:center;
font-size:small;
}
td.slope_r{
background-color:#ff0000;
color:#ffffff;
text-align:center;
font-size:small;
}