/******************************************************************************
 *	Noop::Sofie::CSS
 *
 *       Author: svale/andreas@noop.no
 *        $Date: 2010-11-02 13:36:11 $
 *    	  $Revision: 1.42 $
 * 
 ***/

/**
 * page layout
 */
html, body {
	margin: 0; padding:0; 
}
body 				{color:#2C2C2C;  background-color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif;}

div.body {
	border-bottom:5px solid #438373;
	width:100%;
	margin: 0;
	font-size: 18px;
	line-height: 1.4;
	font-family: 'Vollkorn', serif;
}

.wrapper {
	margin: 0 auto;
	max-width:800px;
	padding-left: 24px;
	padding-right: 24px;
}


/**
 * head
 */

div.head {
	position:relative; 
	padding-top: 1em; 
	padding-bottom: 1em; 
	background-color:#438373;
}

div.head wrapper {
	height: auto;
}

div.head a {
	position: relative;
	z-index:1;
	float:none;
	width:100%;
	height:8em
}
div.head a:hover {
	border-bottom: none !important;
}

div.head img {
	width:100%;
	border: 0; outline: 0; /* for ie7*/
}

div.head h1			{text-indent:-100em;overflow:hidden;background-image: url(../images/sophieprize.png);height:110px; margin: 0;}
div.head h1.no		{background-image: url(../images/sofieprisen.png);}



/**
 * clearing
 */
.clear 				{clear:both;}
.clearfix:after 	{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix 			{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix 	{height: 1%;}
.clearfix 			{display: block;}
/* End hide from IE-mac */


/**
 * globals
 */
a, a:visited 		{color:#438373; text-decoration:none;}

body a, body a:visited {
	border-bottom: 1px solid #438373;
}
h2 a, .img a {
	border-bottom: none !important;
}
body a:hover {
	text-decoration: none !important;
	color: #000;
	border-color:#000;
}


.site-title a {
	float: right;
	font-size: .45em;
}

h1 {
	font-weight: 400;
}


p.f					{margin-top:0px;}
p.l					{margin-bottom:0px;}
blockquote 			{margin-right:0px;}
.frm				{margin:0em;}
input.button		{cursor:pointer;}
input,
textarea,
select				{font: 0.8em Verdana, Arial, Helvetica, sans-serif;}
textarea			{overflow:auto;}
input.button		{cursor:pointer;}


/**
 * locater bar
 */
div.loc						{width:100%; height:2em; padding-top:0.7em; color:#4A8878;}
div.loc-path				{float:left;}
div.loc-path a:hover		{text-decoration:underline;}


/**
 * main
 */


/* main - row seperator */
div.m-sep 						{clear:both; height:1.2em; overflow:hidden;}


/* main - head */
div.m-head						{float:left;}
h1.m-head-name,
h1.m-head-title	 				{margin:1em 0em 0.5em 0em; color:#2c2c2c;  font-weight:normal;}
div.m-head-desc, div.m-head-lead{margin-bottom:1em;  font-weight:bold; line-height:1.3;}


/* main - head prize winner */
div.h-winner					{width:100%; margin-bottom:1.3em; background:#FCE5C2 url(../images/b-gfx.jpg) bottom right no-repeat;}
div.h-winner h1 		 		{display:block; margin:0em; padding:0.2em; font:italic 2.5em "Times New Roman", Times, serif  letter-spacing:0.1em; color:#FCE5C2; background:#F3990A;}
div.h-winner div.text			{float:right; color:#438373; width:39.5em;}				/*60-(19.5 + 1)*/
div.h-winner h2 		 		{margin:1em 0em 0em 0.3em; font-weight:normal;}
div.h-winner h2 a,
div.h-winner h2 a:visited 		{color:#438373;}
div.h-winner h2 a:hover 		{color:#438373; text-decoration:underline;}
div.h-winner img		 		{float:left; margin:0em; padding:0em; border:0em;}
div.h-winner div.body			{margin-left:0.7em; padding:0em 1em 0em 0em; width:38.5em;}
div.h-winner div.body a,
div.h-winner div.body a:visited	{text-decoration:none;}
div.h-winner div.body a:hover	{text-decoration:underline;}
div.h-winner div.body ul		{margin:-0.8em 0em 0em 1.3em; padding:0em;}
div.h-winner div.body ul li		{margin:0em 0em 0.3em 0em; padding:0em;}
div.h-winner div.link			{display:block; float:right; margin:0em 0.5em 0.5em 0em; padding:0px 13px 1px 0px; background:url(../images/link-bg.gif) bottom right no-repeat;}

/* main - new prize winner (since 2011) */
.new-winner						{ position: relative; height: 365px; overflow: hidden; margin-bottom: 20px;}

.new-winner .text-headers		{
	display:block;
	position:absolute;
	top:20px;
	left:383px;
	width:350px;
	padding:12px 17px;
	color:#fff;
	text-decoration: none;

	background: #11211d;
	background: url(../images/trans_bg.png);

	background: -webkit-gradient(linear, left top, right top,
			from(rgba(17,33,29,0.3)),
			color-stop(0.25, rgba(17,33,29,0.8)),
			to(rgba(17,33,29,0.9)));

	background: -moz-linear-gradient(left,
			rgba(17,33,29,0.3),
			rgba(17,33,29,0.8) 25%,
			rgba(17,33,29,0.9));

	font-family: Georgia, Times, ‘Times New Roman’, serif;
}

.new-winner .text-headers sup {font-size: 1.25em;font-weight: 400; margin: 0;}
.new-winner .text-headers h1 {font-size: 2.5em; font-weight: 400; margin: 5px 0 0 0;}

.new-winner .text {
	display:block;
	position:absolute;
	top:130px;
	left:383px;
	width:350px;
	padding:12px 17px;
	color:#fff;
	font-size: 1.1em; line-height: 1.5;
	text-decoration: none;

	background: #11211d;
	background: url(../images/trans_bg.jpg);

	background-image: -webkit-gradient(linear, left top, right top,
			from(rgba(17,33,29,0.3)),
			color-stop(0.25, rgba(17,33,29,0.8)),
			to(rgba(17,33,29,0.9)));
	background-image: -moz-linear-gradient(left,
			rgba(17,33,29,0.3),
			rgba(17,33,29,0.8) 25%,
			rgba(17,33,29,0.9));
}


.new-winner .text a {font-size: 1em; line-height: 1.75;}

/* right - head */
div.r-head						{width:20em; float:right;}

/* right - head - tools */
div.tools						{float:left;}
div.tools a						{display:block; float:left; margin:0em 1em 0em 0em;  padding:0px 13px 1px 0px; background:url(../images/link-bg.gif) bottom right no-repeat;}


/* main - content */
div.m-cnt						{line-height:1.3;}
div.m-cnt-head					{margin-bottom:1em; color:#1C4C4C;}
div.m-cnt-author				{margin-top:2em; padding-top:3px; border-top:1px dashed #A1C1B9; color:#1C4C4C;}
div.m-cnt-author span 			{font-weight:bold;}
div.m-cnt-author a:hover		{text-decoration:underline;}

div.m-cnt-body a:hover			{text-decoration:underline;}
div.m-cnt-body ul li, 			
div.m-cnt-body ol li 			{margin-bottom:0.3em; line-height:1.3;}
div.m-cnt-body hr				{height:1px; overflow:hidden; border:0px; background-color:#A1C1B9; color:#A1C1B9; margin:3px 0px;}

/* main - content - font size*/
div.m-cnt-body p				{font-size:1em; line-height:1.5;}
div.m-cnt-body font.f1			{font-size:x-small;}
div.m-cnt-body font.f2			{font-size:small;}
div.m-cnt-body font.f3			{font-size:medium;}
div.m-cnt-body font.f4			{font-size:large;}
div.m-cnt-body font.f5			{font-size:x-large;}
div.m-cnt-body font.f6			{font-size:xx-large;}
div.m-cnt-body font.f7			{font-size:xx-large;}

div.m-cnt-body h2				{font-size: 2em; font-weight: normal; text-align: center;}
div.m-cnt-body h2 strong		{font-weight: normal;}
div.m-cnt-body h3				{font-size: small; line-height:1.2;}

/* main - content - images */
.m-cnt-body .image				{display:inline; float:left;}
.m-cnt-body .image p,
.m-cnt-body .image span 		{margin:0px; padding:2px 0; clear:both; color:#72A296;}
.m-cnt-body img,
.m-cnt-body .image 						{margin:3px 7px;}
.m-cnt-body .image img					{margin:0px;}
.m-cnt-body .image.border					{border:1px solid #438373; margin:3px 7px;}
.m-cnt-body .image.image-left,
.m-cnt-body .image.image-left				{float:left;margin-left:0px;}
.m-cnt-body .image.image-right,
.m-cnt-body .image.image-right				{float:right;margin-right:0px;}
.m-cnt-body .image.image-center,
.m-cnt-body .image.image-center				{float:none;margin:0em auto !important; display:block;}


/* main - content seperator */
div.m-cnt-sep					{height:1px; overflow:hidden; border-top:1px solid #A1C1B9;  margin:2em 0em;}

/* main - containers */
div.m-cats 						{clear:both; overflow:visible;}
div.m-cat h2 					{margin:0em 0em 0.3em 0em; color:#1C4C4C; font-size:1.4em; font-weight:normal; line-height:1.3em; letter-spacing:0.05em;}		/* TODO: letter-spacing ? */
div.m-cat h2 a,
div.m-cat h2 a:visited 			{color:#1C4C4C; text-decoration:none;}
div.m-cat h2 a:hover 			{color:#1C4C4C; text-decoration:underline;}
div.m-cat p 					{margin:0.3em 0em 0em 0em; line-height:1.3em; text-align:justify;}
div.m-cat img					{border:0px; padding:0px; margin:0px;}
div.m-cat a.link,
div.m-cat a.link:visited 		{float:right; margin-top:0.2em; }
div.m-cat a.link:hover 			{text-decoration:none;}



/* main - objects */
div.m-objs 						{clear:both; overflow:visible;}
div.m-objs-span 				{margin-bottom:0.5em;text-align:right;font-size:1em;}
div.m-obj h2 					{margin:0em 0em 0.3em 0em; color:#1C4C4C; font-size:1.4em; font-weight:normal; line-height:1.3em; letter-spacing:0.05em;}		/* TODO: letter-spacing */
div.m-obj h2 a,
div.m-obj h2 a:visited 			{color:#1C4C4C; text-decoration:none;}
div.m-obj h2 a:hover 			{color:#1C4C4C; text-decoration:underline;}
div.m-obj p 					{margin:0.3em 0em 0em 0em;  text-align:justify;}
div.m-obj img					{border:0px; padding:0px; margin:0px;}
div.m-obj div.linked 			{color:#1C4C4C;}
div.m-obj div.linked a 			{color:#1C4C4C; text-decoration:none;}
div.m-obj div.linked a:hover 	{color:#1C4C4C; text-decoration:underline;}
div.m-obj a.link,
div.m-obj a.link:visited 		{float:right; margin-top:0.2em; }
div.m-obj a.link:hover 			{text-decoration:none;}

div.m-obj span 					{color:#1C4C4C;}

/* main - objects - one column */
div.m-obj-1-1						{overflow:visible;}



/* media object : http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/*/
.media {margin-bottom:1em;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 1em; margin-bottom: 1em; width:20%;}
.media .img img{display:block; width:100%;}



/**
/* error and messages
 */
div.msg 						{margin-bottom:1em; background:#FCE5C2; border:1px solid #F3990A;}
div.msg h3 						{margin:0em 0em 0.3em 0em; padding:0.2em 0.7em; color:#438373; background:#F3990A;}
div.msg ul						{margin:1em 0em 1em 2em;}
div.msg p						{margin:1em;}

div.m-cnt-error h2				{margin:0em 0em 0.8em 0em; color:#1C4C4C; font-size:1.5em; font-weight:normal;}
div.m-cnt-error hr				{height:1px; overflow:hidden; margin:1em 0em; border-width:0px; border-bottom:1px dashed #145050;}


/**
/* dump
 */
div.dump table					{border-collapse:collapse;font:11px Courier New, Arial, Verdana;}
div.dump td						{padding:3px;}