@import url("reset.css");
@import url("basic.css");
@import url("type.css");

/* Formulär */

select {
border: 1px solid #ebebeb;
background: #ebebeb;
font-size: 11px;
}

.field {
margin: 0;
padding: 2px 4px 1px;
border: 1px solid #ebebeb;
background: #ebebeb;
font-size: 11px;
}

.focus {
border-color: #00aaa0;
}

input.field {
height: 15px;
}

input.button {
height: 20px;
margin: 0;
padding: 0 2px;
border: none;
background: #353535;
color: #fff;
font: 10px/18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

div.form {
width: 405px;
}

div.form-row {
margin: 0 0 15px;
}

div.form-row input.button {
float: right;
}

div.form-row-col-1 {
float: left;
width: 130px;
}

div.form-row-col-2 {
float: left;
width: 275px;
}

div.form-row-col-2 input.field {
width: 265px;
}

/* Länkar */

p.more {
margin: 0;
}

p.more a,
p.link-archive a,
a.link-arrow {
background: url(../img/arrow-right.gif) no-repeat 100% 50%;
padding-right: 8px;
}

p.link-archive {
float: right;
margin: 0;
margin-top: -43px;
}

/* Modul 1 */

div.module-1 {
background: url(../img/dots-horizontal.gif) repeat-x;
padding: 11px 0 0;
margin: 0 0 10px;
}

div.module-1 div.inner {
width: 165px;
padding: 3px 0 3px 17px;
border-left: 3px solid #00aaa0;
}

div.module-3 h3,
div.module-1 h3 {
font-size: 1.1em;
margin: 0 0 0.25em;
padding-left: 0;
background: none;
}

div.module-1 h3 {
border: none;
padding-bottom: 0;
}

div.module-1 p {
margin: 0.35em 0 0;
}

/* Modul 2 */

div.module-2 {
background: url(../img/dots-horizontal.gif) repeat-x;
padding: 1px 0 0;
}

div.module-2 img {
display: block;
}

/* Modul 3 */

div.module-3 {
margin: 0 0 35px;
}

/* Liten artikellista */

ul.article-list {
overflow: hidden;
width: 100%;
margin: 10px 0 0;
}

ul.article-list li {
background: url(../img/dots-horizontal.gif) repeat-x 0 100%;
padding: 8px 0;
margin: 0 0 -1px;
}

/* Artikellista för startsidan */

div.article-list-compact h3 {
margin: 0 0 20px;
}

div.article-list-compact ul {
overflow: hidden;
border-top: 1px solid #000;
}

div.article-list-compact ul li {
font-size: 1.65em;
background: url(../img/dots-horizontal.gif) repeat-x 0 100%;
margin: 0 0 -1px;
}

div.article-list-compact ul li a {
display: block;
width: 495px;
padding: 11px 0 11px 20px;
background: url(../img/more-arrow-big.gif) no-repeat 5px 50%;
color: #000;
font-weight: normal;
}

div.article-list-compact ul li a:hover {
color: #00aaa0;
text-decoration: none;
}

/* Artikellista */

div.article-list {
overflow: hidden;
width: 100%;
}

div.article-list div.article-list-item {
background: url(../img/dots-horizontal.gif) repeat-x;
margin: -1px 0 20px;
padding: 21px 0 0;
}

div.article-list div.article-list-item p {
line-height: 1.4;
}

div.article-list div.article-list-item p.more,
div.article-list div.article-list-item p.author,
div.article-list div.article-list-item p.tags {
margin: 0;
line-height: 1.5;
}

div.article-list div.article-list-item p.tags {
padding-right: 100px;
}

div.article-list div.article-list-item p.more {
float: right;
margin-top: -1.5em;
}

div.article-list div.picture {
padding-left: 200px;
}

div.article-list div.picture img {
float: left;
margin-left: -185px;
}

/* Arkiv */

ul.archive {
margin: 10px 0 0 10px;
font-size: 1.1em;
line-height: 2;
}

ul.archive li {
background: url(../img/arrow-right.gif) no-repeat 0 8px;
padding-left: 15px;
}

ul.archive li.sel {
background-image: url(../img/arrow-down.gif);
background-position: 0 10px;
}

ul.archive li a {
color: #000;
}

ul.archive ul {
margin: 0 0 0 10px;
}

ul.archive ul li {
padding: 0;
background: none !important;
}

ul.archive ul li a {
font-weight: normal;
}

ul.archive ul li.sel a {
font-weight: bold;
}

/* Artikel */

div.article img {
border: 1px solid #000;
}

div.article-meta {
font-weight: bold;
margin: 0 0 25px;
}

div.article-meta p {
margin: 0.5em 0;
}

div.article-functions {
margin: 0 0 10px;
background: url(../img/dots-horizontal.gif) repeat-x 0 100%;
}

div.article-functions-item {
padding: 10px 0;
background: url(../img/dots-horizontal.gif) repeat-x;
}

div.article-functions-item p {
margin: 0;
}

div.article-functions-item p a {
background: url(../img/arrow-down.gif) no-repeat 100% 6px;
padding-right: 12px;
}

div.article-functions-item-content {
margin: 10px 0 0;
}

/* Kommentarer */

div.comment {
background: #f3f3f3;
padding: 20px 25px;
margin: 0 0 10px;
}

div.comment-form {
width: 515px;
}

div.comment-form div.form-row-col-2 textarea {
width: 375px;
}

/* Grid */

body {
background: #f6f6f6;
}

div#wrapper {
position: relative;
width: 780px;
padding: 0 40px;
background: #fff;
}

div#header {
margin: 0 0 40px;
padding: 85px 0 0;
}

div#header h1 {
float: left;
display: inline;
margin: -2px 0 0 4px;
}

div#header h1 a {
float: left;
background: url(../img/quick-response.gif) no-repeat;
width: 294px;
height: 50px;
text-indent: -999em;
overflow: hidden;
}

div#header h3 {
float: right;
position: relative;
width: 255px;
padding: 0 0 8px;
margin: 2px 0 20px;
border: none;
background: url(../img/small-head-arrow.gif) no-repeat 20px 100%;
line-height: 1.4;
font-weight: normal;
}

div#header h3 span {
display: block;
background: #00aaa0;
color: #fff;
padding: 6px 10px 8px;
}

ul#navigation {
float: left;
display: inline;
position: relative;
overflow: hidden;
width: 820px;
padding: 0 0 0 40px;
margin: 0 -40px;
background: #383838;
color: #fff;
font-size: 1.2em;
line-height: 2;
text-transform: uppercase;
}

ul#navigation li {
display: inline;
padding: 0 0 0 12px;
margin: 0 15px 0 0;
background: no-repeat 0 50%;
white-space: nowrap;
}

ul#navigation li.sel {
background-image: url(../img/menu-arrow.gif);
}

ul#navigation a {
color: #fff;
font-weight: normal;
}

ul#navigation li.sel a {
font-weight: bold;
}

ul#mini-navigation {
/*position: absolute;
overflow: hidden;
top: 50px;
left: 50px;
width: 400px;
height: 200px;
z-index: 100;*/
float: right;
margin-top: -16.5em;
overflow: hidden;
}

ul#mini-navigation li {
display: inline;
background: url(../img/bar.gif) no-repeat 0 60%;
margin-left: -1px;
padding: 0 7px 0 10px;
}

div#content {
padding: 0 0 30px;
border-bottom: 1px solid #000;
font-size: 1.1em;
}

div#main {
float: left;
overflow: hidden;
width: 515px;
padding: 0 40px 0 0;
margin: 0 40px 0 0;
background: url(../img/dots-vertical.gif) repeat-y 554px 0;
}

div#side {
float: left;
width: 185px;
overflow: hidden;
}

div#search {
margin: 0 0 25px;
}

div#search input.field {
float: left;
width: 140px;
}

div#search input.button {
float: left;
width: 31px;
}

div#newsletter-subscription {
margin: 5px 0 0;
}

div#newsletter-subscription input.field {
float: left;
width: 130px;
}

div#newsletter-subscription input.button {
float: left;
width: 25px;
}

p#feed {
background: url(../img/dots-horizontal.gif) repeat-x;
padding: 8px 0 0;
font-size: 0.9em;
}

p#feed a {
display: block;
padding: 5px 0 5px 30px;
background: url(../img/feed-icon.gif) no-repeat 0 50%;
color: #000;
font-weight: normal;
}

div#footer {
background: url(../img/dots-horizontal.gif) repeat-x 0 1px;
padding: 15px 0;
text-align: right;
font-size: 1.1em;
}

/* Startsidan */

body#start div.article-list {
width: 590px;
margin: 20px 0 35px;
}

body#start div.article-list div.article-list-item {
float: left;
width: 220px;
margin: 0 35px 0 -40px;
padding: 0 40px;
background: url(../img/dots-vertical.gif) repeat-y;
}

body#start div.article-list div.article-list-item p.more {
float: none;
margin-top: 0;
}

body#start div.article-list div.big {
width: 515px;
padding: 0 0 20px;
margin: 0 0 30px;
background: url(../img/dots-horizontal.gif) repeat-x 0 100%;
}

body#start div#content h3 {
border: none;
padding-bottom: 0;
}

/* paging styleee */
ul.paging li {
display:inline;
padding-right:3px;
}

/*print button */
a.print {
background: url(/img/icon-print.gif) no-repeat scroll 0 50%;
padding: 2px 0 2px 22px;
}