/*
Copyright Miriam Nordgren 2008
www.lidingosidan.se
updated Jan 2008

YOU MAY NOT MODIFY, COPY, REPRODUCE, REPUBLISH, UPLOAD, POST, TRANSMIT, OR DISTRIBUTE, IN ANY MANNER, THE CONTENT ON THIS SITE, 
UNLESS I HAVE GIVEN SPECIFIC PERMISSION TO DO SO
---------------------------------------------------------- */

/* Generellt
----------------------------------------------- */
* { 
margin:0; padding:0; 
}

* html {
margin:0; padding:0; 
}

body 
{ 
background: #731717 url(http://lidingosidan.se/bakgr/bild.gif) fixed;
font:11px/17px Verdana, Arial, sans-serif;
color: #000000;
margin: 20px;
} 

/* Layout
----------------------------------------------- */

#inramat
{
background: #FFFFFF;
width: 800px;
border: 0 solid #333333;
margin: 0 auto;
}

#sidhuvud {
height: 190px;
margin: 0;
border: 0 solid #ff0000;
}

#lidingologga {
background: url(http://lidingosidan.se/bakgr/logga_under.jpg) bottom right;
height: 90px;
margin: 0;
border: 0 solid #00ff00;
}

#speciallogga {
height: 100px;
}

body#startsida #speciallogga {
background: url(http://lidingosidan.se/bakgr/segling.jpg) no-repeat top left;
border: 0 solid #0000ff;
}

body#valsida #speciallogga {
background: url(http://lidingosidan.se/images/2202.jpg) no-repeat top left;
border: 0 solid #0000ff;
}

body#idrottsida #speciallogga {
background: url(http://lidingosidan.se/bakgr/kyrkan.jpg) no-repeat top left;
}
body#arkivsida #speciallogga {
background: url(http://lidingosidan.se/bakgr/stadshus.jpg) no-repeat top left;
}
body#idagsida #speciallogga {
background: url(http://lidingosidan.se/bakgr/elfvik.jpg) no-repeat top left;
}

body#rubriksida #speciallogga {
background: url(http://lidingosidan.se/bakgr/elfvik.jpg) no-repeat top left;
}

body#batfiskesida #speciallogga {
background: url(http://lidingosidan.se/bakgr/loppet.jpg) no-repeat top left;
}
body#vadersida #speciallogga {
background: url(http://lidingosidan.se/bakgr/soligbad.jpg) no-repeat top left;
}
body#foreningssida #speciallogga {
background: url(http://lidingosidan.se/bakgr/resa.jpg) no-repeat top left;
}
body#kultursida #speciallogga {
background: url(http://lidingosidan.se/bakgr/milles.jpg) no-repeat top left;
}
body#lanksida #speciallogga {
background: url(http://lidingosidan.se/bakgr/boson.jpg) no-repeat top left;
}
body#annonssida #speciallogga {
background: url(http://lidingosidan.se/bakgr/bron.jpg) no-repeat top left;
}
body#omsidansida #speciallogga {
background: url(http://lidingosidan.se/bakgr/kappsta.jpg) no-repeat top left;
}

body#errorsida #speciallogga {
background: url(http://lidingosidan.se/bakgr/error.jpg) no-repeat top left;
}

#sidhuvud p {
float: right;
font:13px Verdana, Arial, sans-serif;
font-weight: bold;
color: #731717;
padding: 0 7px 0 0;
margin: 0;
}

#meny {
width: 170px;
float: left;
background: url(http://lidingosidan.se/meny/knapp.gif) bottom right;
margin-bottom: 10px;
}

#meny ul,
#meny li {
list-style:none;
font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
color: #731717;
}

#meny a:link, #meny a:visited, #meny a:active {
background: url(http://lidingosidan.se/meny/knapp.jpg);
display:block;
height:22px;
width:160px;
text-decoration:none;
font-weight: bold;
color: #731717;
padding: 4px 5px;
}

#meny a:hover {
display:block;
height:22px;
width:160px;
font-weight: bold;
background: url(http://lidingosidan.se/meny/knapp_hover.jpg);
color: #731717;
padding: 4px 5px;
}

body#startsida li#startlank a,
body#valsida li#vallank a,
body#kalendariumsida li#kalendariumlank a,
body#idrottsida li#idrottlank a,
body#arkivsida li#arkivlank a,
body#idagsida li#idaglank a,
body#rubriksida li#rubriklank a,
body#batfiskesida li#batfiskelank a,
body#vadersida li#vaderlank a,
body#foreningssida li#foreningslank a,
body#kultursida li#kulturlank a,
body#lanksida li#lanklank a,
body#annonssida li#annonslank a,
body#omsidansida li#omsidanlank a {
background: url(http://lidingosidan.se/meny/knapp_nu.jpg) bottom right;
display:block;
height:22px;
width:160px;
font-weight: bold;
color: #731717;
padding: 4px 5px;
}

#ram {
float: left;
width: 400px;
margin: 10px 0 0 20px;
}

#sidfot
{
background: url(http://lidingosidan.se/bakgr/sidfot.jpg);
height: 40px;
font:9px/13px Verdana, Arial, sans-serif;
color: #000000;
margin: 0;
}

#sidfot p
{
font:9px/13px Verdana, Arial, sans-serif;
color: #000000;
margin: 0 0 0 20px;
}

div.divider {
margin: 1em 0;
text-align: center;
}

body#arkivsida #ram dt,
body#idagsida #ram dt {
text-decoration:none;
font-size : 13px;
font-weight: bold;
color : #731717;
margin: 10px 0 5px 0;
padding-left: 3px;
}

/* Css för Kalender
----------------------------------------------- */
.kalender {
float: left;
margin-left: 5px;
}

.kalender .calendarwidth {
width: 150px;}

.kalender .today {    /* Bakgrundsfärg för dagens datum */
background-color : #EEEEEE;
}

.kalender table {
font-size : 9px;
text-align: center;
border-collapse: collapse;
border: 0 solid #742F28;
}

.kalender td {
font-size : 9px;
text-align: center;
padding: 0;
border-collapse: collapse;
}

.kalender th  {
font-size : 9px;
text-align: center;
padding: 0;
border-collapse: collapse;
}

.kalender a:link,
.kalender a:visited,
.kalender a:active {
font-size : 9px;
color : #000000;
text-decoration :none;
font-weight: bold;
}

.kalender a:hover {
font-size : 9px;
background:#EEEEEE;
color : #000000;
text-decoration :none;
font-weight: bold;
}

.box
{
margin-top: 10px;
margin-bottom: 10px;
width: 400px;
}

#box
{
width: 400px;
margin-bottom: 10px;
border-bottom: 0 solid #DDDDDD;
}

.foto
{
margin: 30px 0 0 0;
}

.left {
margin: 0 10px 10px 10px;
float: left;
}

.right {
margin: 0 0 0 10px;
float: right;
}


#left {
font:11px/17px Verdana, Arial, sans-serif;
margin: 0;
float: left;
width: 160px;
}

#left p{
font:12px/17px Verdana, Arial, sans-serif;
font-weight: bold;
margin-left: 10px;
color : #000000;
clear: both;
}

#left dt{
text-decoration:none;
font-size : 11px;
font-weight: bold;
color : #731717;
}

#right
{
padding: 10px;
float: right;
width: 150px;
border-left: 1px solid #DDDDDD;
}

.idag {
font:9px/20px Verdana, Arial, sans-serif;
width: 230px;
float: right;
margin: 3px 0 0 0;
}

.idag a:link, .idag a:visited, .idag a:active
{ 
font:9px/20px Verdana, Arial, sans-serif;
text-decoration: underline; 
color: #731717;
font-weight: normal;
}

.idag a:hover 
{ 
font:9px/20px Verdana, Arial, sans-serif;
text-decoration:underline;
background:#EEEEEE;
color:#731717;
font-weight: normal;
}

.annons {
padding: 3px 0;
border-bottom: 1px solid #DDDDDD;
}

.bred
{
letter-spacing: 3px;
}

hr {
height:1px;
color: #DDDDDD;
background: #BD9665;
border:none;
clear: both;
margin: 15px 0;
}

#clear {
clear: both;
}

h1
{
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
color: #000000;
margin:0 0 2px 0;
}

h1 a:link, h1 a:visited, h1 a:active {
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
color: #000000;
margin:0;
text-decoration: none;
}

h1 a:hover {
font-family: Verdana, Arial, sans-serif;
font-size: 15px;
color: #000000;
margin:0;
text-decoration: none;
}

h2
{
font-family: Verdana, Arial, sans-serif; 
font-size: 12px;
color: #000000;
margin: 5px 0;
}

h3
{
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
color: #000000;
margin: 5px 0 0 0;
letter-spacing: 1px;
}

h4 {
font-family: Verdana, Arial, sans-serif; 
font-size: 9px;
color: #000000;
font-weight: normal;
margin: 0;
}

table
{
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
margin-top: 0px;
vertical-align: top;
text-align: left;
}

tr, td
{
font-family: Verdana, Arial, sans-serif; 
font-size: 11px;
vertical-align: top;
text-align: left;
}

th
{
font-family: Verdana, Arial, sans-serif; 
font-size: 15px; 
}

.center
{
text-align : center; 
margin: 0 auto;
} 

#center
{
text-align : center; 
margin: 0 auto;
} 

a:link, a:visited, a:active { 
font-size: 11px;
text-decoration:underline; 
color: #731717;
font-weight: bold;
}

a:hover
{
text-decoration:underline; 
font-size: 11px;
background:#EEEEEE;
color: #731717;
font-weight: bold;
}

.pytte
{ 
font-size: 9px;
color: #731717;
}

.pytte a:link, .pytte a:visited, .pytte a:active
{ 
font-size: 9px;
text-decoration: underline; 
color: #731717;
font-weight: normal;
}

.pytte a:hover 
{ 
font-size: 9px;
text-decoration:underline;
background:#EEEEEE;
color:#731717;
font-weight: normal;
}

.pytte ul, .pytte li {
list-style:disc;
font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
color: #731717;
font-weight: normal;
margin-left: 5px;
}

#sidfot a:link, #sidfot a:visited, #sidfot a:active
{ 
font-size: 9px;
text-decoration: underline; 
color: #000000;
}

#sidfot a:hover 
{ 
font-size: 9px;
text-decoration:underline;
background:#EEEEEE;
color:#000000;
}

small, .small {
font-size: 0.9em;
}

img
{
border : 0;
}

.end
{
margin-top: 10px;
clear: both;
}

/* Input för sökrutan--------------------------- */
.sok {
height: 13px;
}

p 
{
font:11px/17px Verdana, Arial, sans-serif;
margin: 0 0 10px 0;
} 

ul.rsx-page-num-list{
display:inline;
}
		
ul.rsx-page-num-list li, ul.rsx-page-num-list li a {
display: inline;
font: 9px Verdana, Arial, sans-serif;
}

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

#rssLiveArchive {
  margin: 10px 0 0;
  }

#rssLiveArchive ul {
  padding: 0;
  }

#rssLiveArchive ul li {
  text-align: left;
  padding: 1px 8px;
  }

#rssLiveArchive ul li:hover {
  background: #EEEEEE;
  border-top: 1px solid #8A0220;
  border-bottom: 1px solid #8A0220;
  padding-top: 0;
  padding-bottom: 0;
  }

html>body .post #rssLiveArchive ul li {
  text-indent: 0;
  margin: 0;
  }

#rssLiveArchive-year {
  float: left;
  width: 90px;
  margin: 0;
  padding: 0;
  }

#rssLiveArchive-year li {
  position: relative;
  font-weight: bold;
  list-style:none; 
  }

#rssLiveArchive-month {
  float: left;
  width: 120px;
  border-left: 1px solid #8A0220;
  margin: 0;
  font-weight: bold;
  list-style:none; 
  }

#rssLiveArchive-month li {
  position: relative;
  list-style:none; 
  }

#rssLiveArchive-post {
  border-top: 1px solid #8A0220;
  float: left;
  width: 400px;
  margin: 20px 0 0 0;
  }

#rssLiveArchive-post  li {
  position: relative;
  font-weight: normal;
  list-style:none; 
  }
  #rssLiveArchive-post  li a{
  position: relative;
  font-weight: normal;
  list-style:none; 
  text-decoration: none;
  }
  

#rssLiveArchive ul li span {
  position: absolute;
  right: 8px;
  font-weight: normal;
  color: #8A0220;
  list-style:none; 
  }

*html #rssLiveArchive ul li span {
top: -4px;
}

#rssLiveArchive .selected {
background-color : #EEEEEE;
  border-top: 1px solid #8A0220;
  border-bottom: 1px solid #8A0220;
  padding-top: 0;
  padding-bottom: 0;
  }

#rssLiveArchive-post a:hover {
text-decoration: none;
}


/* SLIMBOX inget som används för tillfället */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}