/*
Theme Name: Informedia redesign
Author: Osynlig
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

img {
	border: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.right, .alignright {
	float: right;
}

.left, .alignleft {
	float: left;
}

.clear {
	clear: both;
	display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.hidden {
	display: none;
}

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

.alignright {
	margin-left: 20px;
}

.alignleft {
	margin-right: 20px;
}

body							{ background: url(layout/backgrounds/top-bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; line-height: 145%; font-size: 13px; color: #2b2b2b; }	

h1, h2, h3, h4					{ margin: 3px 0 8px; font-weight: normal; }

h1								{ font-size: 36px; margin-bottom: 20px; line-height: 110%; font-family: Georgia, "Times New Roman", serif; }
h2								{ font-size: 27px; margin: 0 0 15px; line-height: 120%; font-family: Georgia, "Times New Roman", serif; width: 90%; }
h3								{ font-size: 18px; margin-bottom: 10px; color: #5487aa; line-height: 1.2em; }
h4								{ font-size: 15px; font-weight: bold; margin-top: 20px; }

.home h1						{ margin-bottom: 20px; }
.home #content					{ margin-top: 0; }

a								{ color: #55a836; text-decoration:none;}
a:active,
a:focus							{ text-decoration: none; }
a:hover 						{ text-decoration: underline; }

p								{ margin-bottom: 15px; }

input							{ -moz-border-radius: 3px; -webkit-border-radius:3px; border:1px solid #e6e6e6; padding: 3px 6px; color: #888; text-transform: uppercase; }


#wrapper,
#header-content,
#sub-navigation-content,
#footer-content					{ width: 940px; margin: 0 auto; padding: 0 20px; }


/*------------[ Header ]-------------*/


#header							{  position: relative; padding-top: 20px; }

#top							{ color: #75a1bf; }
#top a							{ float: left; }
#slogan							{ float: right; text-align: right; margin: 9px 0 0 0; font-weight: bold; width: 520px; letter-spacing: -0.01em; }

#header h1						{ display: none; }
#header a img					{ margin-bottom: 12px; margin-left: -6px; }

#main-navigation				{ margin: 10px 0 4px; }
#main-navigation ul li 			{ display:block; float:left; padding:0; margin: 9px 34px 9px 0; }

#main-navigation ul li a 		{ display: block; font-size: 15px; font-weight: bold; }

#main-navigation ul li.active a,
#main-navigation ul li a:hover,
#main-navigation ul li a:active,
#main-navigation ul li.has-active a 	{ text-decoration: none; color: #a1abb2; }	

.flag-sv						{ background: url(layout/icons/english.png) no-repeat right 3px; padding-right: 30px; float: right; color: #787878; margin-top: 8px; }
.flag-en						{ background: url(layout/icons/swedish.png) no-repeat right 3px; padding-right: 30px; float: right; color: #787878; margin-top: 8px; }

#sub-navigation 				{ display: block; background: url(layout/backgrounds/submenu-bg.png) repeat-x; height: 20px; }

#sub-navigation ul li			{ display:block; float: left; margin:0 20px 0px 0; }
#sub-navigation ul li a			{  display:block; font-size:13px; float: left; }

#sub-navigation ul li.active > a,								
#sub-navigation ul li a:hover	{ color: #a1abb2; text-decoration: none; }


#sub-navigation-content			{ padding-top: 10px; }


/*------------[ Content ]-------------*/


#content						{ margin: 25px 0; }

#content-panel					{ width: 717px; margin-right: 19px; float: left; }
#content-panel p,
#content-panel ul				{ width: 360px; }

#content-panel ul				{ margin-left: 30px; }

#content-panel ul li			{ list-style: disc outside; margin-bottom:3px;}
* html #content-panel ul li		{ margin-left: 15px; }

.ingress						{ color: #5487aa; font-size: 18px; line-height: 22px; }

.slide-post-wrapper				{ margin-top: 10px; border-top: 1px solid #ccc; padding: 10px 0 0 0; }

.slide-post-wrapper h2 			{ width: 610px; margin-bottom: 0; }

.post-wrapper img.right			{ margin-left: 15px; margin-bottom: 45px; }

img.alignright					{ margin: 0 0 10px 20px; }

#content-panel p.has-image		{ width: 717px; }

.viewport-margin				{ background: #e4eff8; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 20px; position: relative; width: 677px; height: 104px; }
.holder							{ overflow: hidden; width: 677px; height: 104px; position: absolute; }
.viewport-margin h4				{ font-size: 17px; font-weight: normal; margin-top: 0; }
.viewport						{ width: 1500px; }
.viewport .article				{ position: absolute; width: 348px; }
#article-1						{ margin-left: 348px; }
#article-2						{ margin-left: 696px; }
.viewport .article .inner-loader	{ height: 104px; position: relative; }

#content .news-list .inner-loader div,
#content .news-loader div,
#content .loader div,
#cases .case-loader div,
#cases .case-list div 			{ padding: 0 0 5px; position: relative; text-align: center; top: 44%; width: 100%; }

.text							{ float: left; margin-left: 10px; width: 180px; }


.nav .next						{ background: url(layout/icons/arrow-left.png) no-repeat; position: absolute; top: 50px; left: -15px; width:32px; height: 36px; }
.nav .next:hover				{ background: url(layout/icons/arrow-left-hover.png) no-repeat; }
.nav .prev						{ background: url(layout/icons/arrow-right.png) no-repeat; position: absolute; top: 50px; right: -15px; width:32px; height: 36px;  }
.nav .prev:hover				{ background: url(layout/icons/arrow-right-hover.png) no-repeat; }


/*------------[ Page ]-------------*/

.slide-post-wrapper .arrow {
	padding-top: 20px;
}

.expand-arrow					{ background: url(layout/icons/arrow-bottom.png) no-repeat; width: 23px; height: 22px; text-indent: -9999px; display: block; }
.expand-arrow:hover,
.expanded						{ background: url(layout/icons/arrow-bottom-hover.png) no-repeat; }

.expand-panel					{ cursor: pointer; }

.slide-entry					{ display: none; }
.slide-entry h3					{ font-family: Georgia, "Times new roman", serif; font-size: 18px; margin: 10px 0 5px; color: #2b2b2b; }

span.slide-pic {
	display: block;
	float: left;
	width: 58px;
	margin-right: 13px;
	padding: 4px 0 4px 0;
}

.contact						{ background: #E4EFF8; padding: 8px 7px; width: 101px;  text-align: center; float: left; margin: 0 28px 20px 0; height: 135px; }

* html .contact { height: 140px; }

.contact-entry					{ display: none; position: absolute; margin: -8px 0 0 -7px; background: #fff; z-index: 1000; text-align: left; border: 10px solid #E4EFF8; padding: 15px; width: 285px; }

.close-button					{ background: url(layout/icons/close.png) no-repeat; display: block; text-indent: -9999px; width: 15px; height: 14px;
									position: absolute; top: 10px; right: 10px; }

#content-panel .contact p		{ color: #2b2b2b; font-family: Georgia, "Times new Roman", serif; font-style: italic; margin: 10px 0 0; width: auto; font-size: 11px; line-height: 120%; }

#content-panel .contact-entry p	{ color: #333; font-style: normal; line-height: 140%; font-size: 13px; font-family: Arial, sans-serif; margin-bottom: 15px; }


/*------------[ Sidepanel ]-------------*/


#sidepanel						{ width: 204px; float: right; margin-top: 24px; }



/*------------[ Twitter ]-------------*/

ul#twitter li 					{ background:transparent url(images/quote.gif) no-repeat scroll 0 3px; line-height:1.5em; padding:0 0 20px 19px; font-size:12px; }
ul#twitter li.title,
ul#twitter li.loader			{ background: none; padding-bottom:0; }
.news-loader div img,
.viewport .article .inner-loader div img,
ul#twitter li.loader img		{ vertical-align: middle; }
ul#twitter li.title 			{ margin-bottom:10px; }


/*------------[ Footer ]-------------*/

#footer							{ background: url(layout/backgrounds/footer-bg.png) repeat-x; color: #888888; }

#footer-content					{ padding-top: 15px; padding-bottom: 20px; font-size: 11px; }

#footer-content ul		{ margin-right: 10px; width: 233px; float: left; }

#footer-content ul li.proi { line-height: 1.3em; margin-top: 4px; }



/*------------[ Classes ]-------------*/


.left							{ float: left; margin-right: 10px; }

.content-left					{ width: 717px; }