@charset "UTF-8";

/*******************************************************************************

 - typography.css

 - Här finns alla styles som har med utseendet på text att göra.

 - Utgår från browserdefault 16px textstorlek

*******************************************************************************/

/**********************************
  Import av fonter
**********************************/

/* Fonts */
@font-face {
    font-family: 'canarobook';
    src: url('/css/fonts/canaro-book/canaro_book-webfont.eot');
    src: url('/css/fonts/canaro-book/canaro_book-webfont.svg#canarobook') format('svg'),
    	url('/css/fonts/canaro-book/canaro_book-webfont.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/canaro-book/canaro_book-webfont.woff') format('woff'),
        url('/css/fonts/canaro-book/canaro_book-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'canaro_bookbold';
    src: url('/css/fonts/canaro-bold/canaro_bold-webfont.eot');
    src: url('/css/fonts/canaro-bold/canaro_bold-webfont.svg#canaro_bookbold') format('svg'),
    	url('/css/fonts/canaro-bold/canaro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/canaro-bold/canaro_bold-webfont.woff') format('woff'),
         url('/css/fonts/canaro-bold/canaro_bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open-sans/opensans-regular-webfont.eot');
    src: url('/css/fonts/open-sans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/open-sans/opensans-regular-webfont.woff2') format('woff2'),
         url('/css/fonts/open-sans/opensans-regular-webfont.woff') format('woff'),
         url('/css/fonts/open-sans/opensans-regular-webfont.ttf') format('truetype'),
         url('/css/fonts/open-sans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open-sans/opensans-regularitalic-webfont.eot');
    src: url('/css/fonts/open-sans/opensans-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/open-sans/opensans-regularitalic-webfont.woff2') format('woff2'),
         url('/css/fonts/open-sans/opensans-regularitalic-webfont.woff') format('woff'),
         url('/css/fonts/open-sans/opensans-regularitalic-webfont.ttf') format('truetype'),
         url('/css/fonts/open-sans/opensans-regularitalic-webfont.svg#open_sansitalic') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open-sans/opensans-semibold-webfont.eot');
    src: url('/css/fonts/open-sans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/open-sans/opensans-semibold-webfont.woff2') format('woff2'),
         url('/css/fonts/open-sans/opensans-semibold-webfont.woff') format('woff'),
         url('/css/fonts/open-sans/opensans-semibold-webfont.ttf') format('truetype'),
         url('/css/fonts/open-sans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/open-sans/opensans-bold-webfont.eot');
    src: url('/css/fonts/open-sans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/open-sans/opensans-bold-webfont.woff2') format('woff2'),
         url('/css/fonts/open-sans/opensans-bold-webfont.woff') format('woff'),
         url('/css/fonts/open-sans/opensans-bold-webfont.ttf') format('truetype'),
         url('/css/fonts/open-sans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

/**********************************
  Ikoner
**********************************/
@charset "UTF-8";
@font-face { 
    font-family: pictonic;
    src: url("/css/fonts/pictonic/pictonic.eot?r1");
    src: url("/css/fonts/pictonic/pictonic.eot?#iefix&r1") format("embedded-opentype"),
        url("/css/fonts/pictonic/pictonic.ttf?r1") format("truetype"),
        url("/css/fonts/pictonic/pictonic.woff?r1") format("woff"),
        url("/css/fonts/pictonic/pictonic.svg?r1") format("svg");
    font-weight: normal;
    font-style: normal;
}
 
.icon{
  font-family: "pictonic";
  font-weight: normal; font-style: normal;
  -webkit-font-smoothing:  antialiased !important;
  -moz-font-smoothing:  antialiased !important;
  -moz-osx-font-smoothing: grayscale !important; 
  font-smoothing:  antialiased !important;
  line-height:1em;
	font-size: 16px;
}

a.icon, span.icon, small.icon {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
}
[class^="icon-"], [class*="icon-"]{
  font-family: "pictonic";
  font-weight: normal; font-style: normal;
  -webkit-font-smoothing:  antialiased !important;
  -moz-font-smoothing:  antialiased !important;
  font-smoothing:  antialiased !important;
  line-height:1em;
}
i[class^="icon-"], i[class*="icon-"], a[class^="icon-"], a[class*="icon-"] {
  display: -moz-inline-stack;
  display:inline-block;
  zoom: 1;
  *display: inline;
	margin-left: 5px;
	margin-right: 5px;
}

/* Storlek på ikoner */
i[class^="icon-"].xx-small, i[class*="icon-"].xx-small {
	font-size: 12px;
} 
i[class^="icon-"].x-small, i[class*="icon-"].x-small {
	font-size: 14px;
}
i[class^="icon-"].small, i[class*="icon-"].small {
	font-size: 16px;
}
i[class^="icon-"].medium, i[class*="icon-"].medium {
	font-size: 20px;
}
i[class^="icon-"].large, i[class*="icon-"].large {
	font-size: 24px;
}
i[class^="icon-"].x-large, i[class*="icon-"].x-large {
	font-size: 28px;
}
i[class^="icon-"].xx-large, i[class*="icon-"].x-large {
	font-size: 32px;
}

a.arrow-down:after,
a.arrow-up:after { 
	display: inline-block;
	font: 9px 'pictonic'; 
	line-height:10px;  
	vertical-align:0px; 
	margin: 4px 0 0 3px;  
	text-decoration:none; 
	zoom:1; 	
	width:10px;
}
a.arrow-down:after { 
	content:""; 
}
a.arrow-up:after { 
	content:""; 
}

/*.icon-folder-open:before{ 
	display: inline-block;
	/*color:#cbcbcb;*/
/*	font: 9px 'pictonic'; 
	line-height:10px;  
	vertical-align:0px; 
	margin: 0 0 0 3px;  
	text-decoration:none; 
	zoom:1; 	
	width:10px;
	content:""; 
}*/

/* lägg in nya iconer på public_html/icon.html */
.icon-lock-open:before { content:""; } 
.icon-thumbs-up:before { content:""; } 
.icon-thumbs-down:before { content:""; }
.icon-lock-close:before { content:""; } 
.icon-face-sleep:before { content:""; } 
.icon-face-nomimic:before { content:""; } 
.icon-face-enjoy:before { content:""; } 
.icon-phone-1:before { content:""; } 
.icon-search:before { content:""; } 
.icon-print:before { content:""; } 
.icon-cog-narrow:before { content:""; } 
.icon-hc-book-01:before { content:""; } 
.icon-calendar-selected:before { content:""; } 
.icon-earth:before { content:""; } 
.icon-cr2-add:before { content:""; } 
.icon-check:before { content:""; } 
.icon-kub-trash:before { content:""; } 
.icon-chevron-left:before { content:""; } 
.icon-chevron-up:before { content:""; } 
.icon-chevron-down:before { content:""; } 
.icon-folder-open:before { content:""; } 
.icon-trash:before { content:""; } 
.icon-cr2-delete:before { content:""; } 
.icon-speech-3:before { content:""; } 
.icon-tag:before { content:""; } 
.icon-calendar-empty:before { content:""; } 
.icon-chevron-right:before { content:""; } 
.icon-geo-arrw-up:before { content:""; } 
.icon-geo-arrw-down:before { content:""; } 
.icon-avatar-3:before { content:""; } 
.icon-sign-out:before { content:""; } 
.icon-rss:before { content:""; } 
.icon-foldr1-user:before { content:""; } 
.icon-mail-send01:before { content:""; } 
.icon-plus:before { content:""; } 
.icon-file1-add:before { content:""; } 
.icon-file-pdf:before { content:""; } 
.icon-file-word:before { content:""; } 
.icon-file-xls:before { content:""; } 
.icon-star-empty:before { content:""; } 
.icon-star:before { content:""; } 
.icon-like-3:before { content:""; } 
.icon-like-4:before { content:""; } 
.icon-target-02:before { content:""; } 
.icon-chart-pie-04:before { content:""; } 
.icon-chart-diagonal-3:before { content:""; } 
.icon-chart-bars-4:before { content:""; } 
.icon-document-2:before { content:""; } 
.icon-mail-user:before { content:""; } 
.icon-mail-favourite:before { content:""; } 
.icon-foldr2-search:before { content:""; } 
.icon-foldr2-add:before { content:""; } 
.icon-speech-alt-1:before { content:""; } 
.icon-avatar-4:before { content:""; } 
.icon-kub-edit:before { content:""; } 
.icon-kub-home:before { content:""; } 
.icon-cr2-remove:before { content:""; } 
.icon-folder-close:before { content:""; } 
.icon-document-3:before { content:""; } 
.icon-kub-upload:before { content:""; } 
.icon-tl-wrench-01:before { content:""; } 
.icon-facebook:before { content:""; } 
.icon-twitter-1:before { content:""; } 
.icon-linkedin:before { content:""; } 
.icon-speech-1:before { content:""; } 
.icon-chart-bars-3:before { content:""; } 
.icon-clock:before { content:""; } 
.icon-outgoing-link:before { content:""; } 
.icon-tl-text:before { content:""; } 
.icon-link:before { content:""; } 
.icon-cr2-help:before { content:""; } 
.icon-cr2-info:before { content:""; } 
.icon-cr2-ok:before { content:""; } 
.icon-openbook-01:before { content:""; } 
.icon-sort-filter01:before { content:""; } 
.icon-foldr2:before { content:""; } 
.icon-file-js:before { content:""; } 
.icon-document-1:before { content:""; } 
.icon-document-4:before { content:""; } 
.icon-mail-2:before { content:""; } 
.icon-frame:before { content:""; } 
.icon-camera:before { content:""; } 
.icon-floppy:before { content:""; } 
.icon-checkbox-empty:before { content:""; } 
.icon-checkbox-full:before { content:""; } 
.icon-bookmark-3:before { content:""; } 
.icon-bookmark-6:before { content:""; } 
.icon-bell:before { content:""; } 
.icon-mobile:before { content:""; } 
.icon-turn-left:before { content:""; } 
.icon-file1:before { content:""; } 
.icon-kub-search:before { content:""; } 
.icon-key-modern:before { content:""; } 
.icon-lb-book-02:before { content:""; } 
.icon-mail-share:before { content:""; } 
.icon-file-web:before { content:""; } 
.icon-broadcast:before { content:""; } 
.icon-google__x2B_:before { content:""; } 
.icon-share:before { content:""; } 
.icon-mail-1:before { content:""; } 
.icon-edit:before { content:""; } 
.icon-Layer_8:before { content:""; }

/* EXTRA SVG IKONER */

[class^="svg"], [class*="svg"] {
	display: inline-block;
	color: #000000;
	fill: currentColor;
}
.svg {
	fill: currentcolor;
}

/* Extra fontikoner från Ionicons */

@font-face {
	font-family: 'icomoon';
	src:url('/css/fonts/icomoon/icomoon.eot?6jtkcz&r1');
	src:url('/css/fonts/icomoon/icomoon.eot?#iefix6jtkcz&r1') format('embedded-opentype'),
		url('/css/fonts/icomoon/icomoon.woff?6jtkcz&r1') format('woff'),
		url('/css/fonts/icomoon/icomoon.ttf?6jtkcz&r1') format('truetype'),
		url('/css/fonts/icomoon/icomoon.svg?6jtkcz#icomoon&r1') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* lägg in nya iconer på public_html/icon.html */
.icomoon{
	font-family: "icomoon";
}
.icon-columns:before {
  content: "\e900";
}
.icon-paragraph:before {
  content: "\e607";
}
.icon-ion-android-arrow-up:before {
  content: "\f366";
}
.icon-ion-arrow-up-c:before {
  content: "\f10e";
}
.icon-ion-clipboard:before {
  content: "\f127";
}
.icon-ion-compose:before {
  content: "\f12c";
}
.icon-ion-eye:before {
  content: "\f133";
}
.icon-ion-help:before {
  content: "\f143";
}
.icon-ion-paperclip:before {
  content: "\f20f";
}
.icon-ion-refresh:before {
  content: "\f21c";
}
.icon-ion-scissors:before {
  content: "\e600";
}
.icon-ion-social-facebook:before {
  content: "\f231";
}
.icon-ion-social-googleplus:before {
  content: "\f235";
}
.icon-ion-social-instagram:before {
  content: "\f351";
}
.icon-ion-social-twitter:before {
  content: "\f243";
}
.icon-ion-social-youtube:before {
  content: "\f24d";
}
.icon-page-break:before {
  content: "\e601";
}
.icon-ion-image:before {
  content: "\e602";
}
.icon-ion-person:before {
  content: "\e603";
}
.icon-ion-trash:before {
  content: "\e604";
}
.icon-ion-arrow-move:before {
  content: "\e605";
}
.icon-ion-edit:before {
  content: "\e606";
}

/**********************************
  Text generellt
**********************************/
body {
	font-size: 75%;	 /* => 12px */
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
	-webkit-font-smoothing:  antialiased !important;
	-moz-font-smoothing:  antialiased !important;
	-moz-osx-font-smoothing: grayscale !important; 
	font-smoothing:  antialiased !important;
}


/**********************************
  Rubriker
**********************************/
h1, h2 {
	font-family: 'canaro_bookbold', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #404142;
}
h3, h4, h5, h6 {
	font-family: 'Open sans', Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #404142;
}
h1 {
	font-size: 2.1em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.1em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 1.1em;
	line-height: 1;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 1em;
	font-weight: bold;
}

/**********************************
  Rubriker - vänstermeny
**********************************/

.left-menu-headers {
  font-family: 'canarobook', verdana, sans-serif;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #ec0c6e;
}


/**********************************
  Rubriker - pod huvudrubriker
**********************************/
#pod_title h1 {
    
}
#pod_main_title h1 {
	margin: 0;
}

/**********************************
  Rubriker - pod menu
**********************************/

#pod_menu .block h2 {
    color: #404142;
    font-size: 1.3em;
    margin: 0 0 3px 0;
}

/**********************************
  Högerkolumn - Widgets
**********************************/
#pod_auxiliary .widget h3 {
	margin: 0;
	font-weight: 600;
}
#pod_auxiliary .widget h4 {
	margin: 1em 0 0.5em 0;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
}
#pod_auxiliary .widget p {
	margin: 0 0 1em 0;
}

/**********************************
  Länkar
**********************************/

a { 
    color:#303030; 
    text-decoration: none;
    outline: none;
}
a:hover { 
    color:#000; 
}
a.underline { 
    text-decoration: underline;
}
a.faded { 
   color: #000;
}
a.faded:hover { 
   color: #000;
}

/**********************************
  Andra typer av text-taggar
**********************************/
p {
	margin: 0 0 1.5em;
	line-height: 1.5em;
}
p .left	{
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p .right {
	margin: 1.5em 0 1.5em 1.5em;
	padding: 0;
}
blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong, dfn {
	font-weight: bold;
}
em, dfn {
	font-style: italic;
}
sup, sub {
	line-height: 0;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 1.5em; font-style: italic;
}
del {
	color:#666;
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/**********************************
  Listor
**********************************/

li ul, li ol {
    margin: 0;
}
ul, ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
}
ul {
    list-style-type: disc;
}
ol {
    list-style-type: decimal;
}
dl {
    margin: 0 0 1.5em 0;
}
dl dt {
    font-weight: bold;
}
dd {
    margin-left: 1.5em;
}

/**********************************
  Tabeller
**********************************/

table {
    margin-bottom: 1.4em;
    width:100%;
}
th, thead th, thead td {
    text-align: left;
    font-weight: bold;
    padding: 0 5px 5px 5px;   
}
td,caption {
    padding: 5px 5px;
}
th,td,caption {
    padding: 4px 10px 4px 5px;
}

tfoot {
    font-style: italic;
}
caption {
    background: #eee;
}

/* Ram och bakgrundsfärg för tabeller */
#_articles_ tbody tr:nth-child(even) td,
#profile_list tbody tr:nth-child(even) td,
#_articles_ tbody tr.even td,
#profile_list tbody tr.even td { 
    background: #F9F9F9;
    border-bottom: 1px solid #E1E1E1;
}
#_articles_ tbody tr:nth-child(odd) td,
#profile_list tbody tr:nth-child(odd) td, 
#_articles_ tbody tr.odd td,
#profile_list tbody tr.odd td { 
    background: #FFF;
    border-bottom: 1px solid #E1E1E1;
}

/* Ram och bakgrundsfärg för tabeller */
#_articles_ .list_even { 
    background: #F9F9F9;
    border-bottom: 1px solid #E1E1E1;
    padding: 5px;
}
#_articles_ .date { 
    background: #D9D9D9;
}
#_articles_ .list_odd { 
    background: #FFF;
    border-bottom: 1px solid #E1E1E1;
    padding: 5px;
}

/**********************************
  Snabbklasser
**********************************/
.small-text {
	font-size: .9em;
}
.smaller-text {
	font-size: .85em;
}
.smallest-text {
	font-size: .8em;
}
.large-text {
	font-size: 1.1em;
}
.larger-text {
	font-size: 1.2em;
}
.largest-text {
	font-size: 1.3em;
}
.faded-text {
	color: #3E3D3D;
}
.highlighted-text {

}