@charset "utf-8";
/* 
CSS av Linus Staf (email@linusstaf.com)



VARNING! 
Var försiktig vid redigering av den här filen, den styr nästan allt 
om hur sidan är uppbyggd. Den ser till att artiklarna ser bra ut, 
att menyerna är rätt formaterade, att sidan har rätt färgerm bredd 
och så vidare.

Jag har använt engelska ord och begrepp för att namnge elementen på
sidan eftersom man inte behöver oroa sig för Å Ä Ö.  Det kan kännas 
konstigt när allt det andra är på svenska, men CSS och HTML baserar
sig på engelskan så det blir lättare om allt sådant är på engelska.
*/



/* ------------------------------------------------------------
Grundläggande
Typsnitt, färger, bakgrund, bredd på sidan etc.
------------------------------------------------------------- */
body,td,th {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size: 12px;
	color: #000;
}
body {
	background-color: #EEE;
	background-image: url(top.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 10px;
	margin-bottom: 0px;
}
a:link {
	color: #00002B;
}
a:visited {
	color: #00002B;
}
a:hover {
	color: #666;
}
a:active {
	color: #666;
}
#wrapper {
	background-color: #FFF;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	width: 960px;
	height: 100%;
	min-height: 100%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	background-image: url(ubg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#shadow {
	background-image: url(shadow.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#shadow-top {
	background-image: url(shadow-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 15px;
}
h2 {
}
h3 {
	padding-top: 15px;
	color: #003;
}
h4 {
	text-decoration:underline;
	font-size: 15px;
}


/* ------------------------------------------------------------
Sidhuvud
Logo, bildspel och menyn.
------------------------------------------------------------- */
#header {
	padding: 0px;
}
#logo {
}
#slideshow {
}
#nav {
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(nav-bg.png);
	background-repeat: repeat-x;
	background-position: center center;
}
#nav a:link {
	font-size: 14px;
	color: #000;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	text-decoration: none;
}
#nav a:visited {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#nav a:hover {
	color: #666;
	text-decoration: underline;
	background-color: #FBFBFB;
}
#nav a:active {
	color: #666;
	text-decoration: none;
}



/* ------------------------------------------------------------
Innehåll
Introduktion, artiklar
------------------------------------------------------------- */
#intro {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#article {
	padding-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 3px;
}
#archive {
	padding-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 3px;
	padding-right: 10px;
}
div.article {
	padding-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 3px;
}
#archive-link {
	text-align: right;
	padding-bottom: 30px;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 35px;
}



/* ------------------------------------------------------------
Sidofält
Senaste artiklar och annat utvalt
------------------------------------------------------------- */
#sidebar {
	position:fixed;
}
ul.latest {
	margin-left: 0;
}
ul.latest li {
	list-style: none;
	border-top: 1px solid #EEE;
	padding: 4px 0;
}



/* ------------------------------------------------------------
Sidfot
Sidinfo + Copyright
------------------------------------------------------------- */
#footer {
	text-align: center;
	color: #666;
	padding-bottom: 5px;
	padding-top: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
#footer a:link {
	font-size: 10px;
	color: #666;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}
#footer a:visited {
	color: #666;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#footer a:hover {
	color: #000;
	text-decoration: underline;
}
#footer a:active {
	color: #000;
	text-decoration: none;
}
#updated {
	text-align: center;
	color: #999;
	font-size: 10px;
}




/* ------------------------------------------------------------
Hjälpredor
Lite "tweaks" för att hjälpa utseendet på sidan.
------------------------------------------------------------- */
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.clear,.clearer {clear: both;}
.clearer {display: block;font-size: 0;line-height: 0;height: 0;}
.img {padding-top: 10px;padding-bottom: 10px;}
.img-center {margin:auto;padding-top: 10px;padding-bottom: 10px; text-align:center;}
.img-right {float: right;padding-left: 10px;text-align: right;padding-top: 10px;padding-bottom: 10px;padding-right:2px;}
.img-left {float: left;padding-right: 10px;text-align: left;padding-top: 10px;padding-bottom: 10px;padding-left:2px;}
.description {
	text-align: left;
	font-size: 10px;
	color: #003;
	padding-left:10px;
	padding-right:10px;
}
.r {text-align: right;}
.l {text-align: left;}

a.more {color: #579;font-weight: bold;text-decoration: none;}
a.more:hover {color: #234;text-decoration: underline;}
a.article {color: #0A6283;font-size: 18px;font-weight: bold;text-decoration: none;}
a.article:hover {color: #679;text-decoration: underline;}
a.current {font-weight:bolder;}
a.archivelink {text-decoration:none;color:#666}
a.contact {font-size:18px;text-decoration:none;}
a.contact:hover {font-size:18px;text-decoration:underline;color:#666;}

table.content {}
td.sidebar {background: url(sidebar-bg.jpg) repeat-y top left;}

p.archivedate {padding-left:5px;font-size:11px;font-weight:bolder;text-transform:uppercase;}
p.author {padding-right:20px;font-weight:bold;font-style:italic;text-align: right;}

ul.archive {margin-left: 0;}
ul.archive li {list-style: none;border-top: 1px solid #EEE;padding: 4px 0;}