/*
Theme Name: Webroi
Theme URI: http://gomedia.no/
Description: Webroi Default Template
Version: 1.0
Author: Thomas Orten
Tags: webroi

*/

@import "reset.css";

/***** Font styles ******/

body 
{
	font: 0.8em arial, sans-serif;
	background-color: #ddd;
}

#meny 
{
	font: 100% bold verdana, sans-serif;
}

/***** Link styles ******/

a, a:visited, a:active 
{
	color: #339900;
}

a:hover  
{
	color: #8BC53F;
}

/***** Structure ********/

#pageWrapper
{
	margin: 0 auto;
	max-width: 1300px;	
	background-color: #fff;
}

#meny
{
	padding: 55px 0 0 0;
	position: relative;
	float: left;
	width: 25%;
	max-width: 300px;
	min-width: 250px;
	border-right: 1px solid #000;
	z-index: 20;
} 

#wrapper, #frontWrapper
{
	position: relative;
	overflow: hidden;
	max-width: 1000px;
}

#frontWrapper
{
	background: url(images/blk_dot.png) repeat-x left 295px;
}

#tags
{
	position: relative;
	border-bottom: 3px solid #000;
	overflow: hidden;
	height: 112px;
}

#innhold
{
	padding: 0 0 20px 20px;
	position: relative;
	float: left;
	width: 68%;	
}

#sidebar
{
	margin: 20px 0 0 0;
	width: 26%;
	float: right;
	background: #fff;
	border-left: 1px solid #000;
}

#kontaktinfo
{
	margin: 50px 0 0 0;
	padding: 5px;
	font-size:  85%;
}


/**** Page elements *****/


/*** Meny ***/

a.webroi
{
	/* margin:0 0 0 30px; */
	/* margin: 0 0 0 15%; */
}

a.webroi img
{
	margin: 0 0 0 15%;
}

#meny h2
{
	margin: 20px 0 0 0;
	/*padding: 0.4em 0 0.4em 37px;*/
	padding: 0.4em 0 0.2em 17%;
	background-color: #8bc53f;
	letter-spacing: 1.2px;
	font-size: 115%;
	color: #fff;
}

#meny h3
{
	margin:12px 0 2px 0;
	/*padding: 0 0 0 37px;*/
	padding: 0 0 0 17%;
	/* color: #8bc53f; */
	color: #71A93C;
}

#meny h3.currentTitle
{
	color: #8bc53f; 
}

#meny ul
{
	margin: 8px 0 0 0;
	/*padding: 0 1em 0 30px;*/
	padding: 0 1em 0 17%;
}

#meny ul li
{
	margin: 0 0 6px 20px;
	list-style: disc; 
	font-size: 150%;
	color: #8bc53f;
}


#meny ul li a, #meny ul li a:visited, #meny ul li a:active
{
	color: #000;
	font-size: 65%;
	text-decoration: none;
	font-weight: bold; 
}

#meny ul li a:hover
{
	/*color: #96CA66;*/
	color: #71a93c;
}

#meny ul li#current a
{
	color: #8BC53F;
}

#meny ul li a span
{
	color: #000;
	text-decoration: none;
	font-weight: normal; 
}

/**** Topp tags *****/

#tags h2
{
	padding: 53px 0 37px 20px;
	color: #8bc53f;
	font-size: 165%;
}

#tags h2 a, #tags h2 a:hover, #tags h2 a:visited
{
	color: #8bc53f;
	text-decoration: none;
}

a.tags, a.tags:visited, a.tags:active
{
	position: absolute;
	color: #b5b5b5;
	text-decoration: none;
	font-weight: normal;
}

a.tags:hover
{
	color: #71a93c;
	text-decoration: none;
}

a.tags.current
{
	color: #8BC53F;
}

/**** Toppnavigasjon *****/

ul#toppnav
{
	position: absolute;
	right: -8px;
	top: 91px;
	z-index: 10;
	border-top: 3px solid #000;
	border-left: 3px solid #000;
	width: 310px;
	background-color: #fff;
}

ul#toppnav li
{
	float: left;
	display: inline;
}

ul#toppnav li a
{
	margin: 2px 0 2px 0;
	padding: 0 25px 0 25px;
	float: left;
	text-decoration: none;
	border-right: 1px solid #000;
}

/*** Tag cloud ****/

.pullstrategi	{top: 0; right: -38px; font-size: 200%;}
.affiliate		{top: 22px; right: -19px; font-size: 165%;}
.nyhetsbrev		{top: 38px; right: 45px; font-size: 200%;}
.ppc			{top: 50px; right: 210px; font-size: 200%;}
.facebook		{top: 60px; right: 135px; font-size: 115%}
.viral			{top: 55px; right: -300px; font-size: 400%;}
.firmablogg		{top: 73px; right: 125px; font-size: 200%;}
.adwords		{top: 87px; right: 365px; font-size: 250%;}
.seo			{top: 73px; right: 255px; font-size: 380%;}


/***** Hovedinnhold *****/

#innhold h2
{
	margin: 0 0 20px 0;
	font-size: 150%;
}

#innhold h2 a, #innhold h2 a:visited, #innhold h2 a:active, #innhold h2 a:hover
{
	text-decoration: none;
}

#innhold .post
{
	margin: 18px 0 0 0;
    float: left;
    width: 100%;
}

#innhold .post .more-link
{
	padding: 0 0 10px 0;
    float: left;
}

#innhold .post p
{
	margin: 5px 0 5px 0;
}

#innhold.page .post p
{
	margin: 0 0 15px 0;
}

#innhold .post p.postmetadata
{
	margin: 10px 0 5px 0;
}

#innhold.page .post h1
{
	margin: 0 0 15px 0;
	color: #626262;
	font-size: 150%;
}

#innhold.page .post
{
	border-bottom: 0;
	float: none;
}

#innhold.page .post.extraLinks {
	margin: 0;
}

#innhold.page .post.extraLinks.top {
	margin: 18px 0 0 0;
}

.txtRight
{
	text-align: right;
}

#innhold .post ul 
{
	margin: 0 0 15px 20px;
}

#innhold .post ul li
{
	margin: 0 0 6px 20px;
	list-style: disc;
}

#innhold .post p.tid
{
	font-weight: bold;
	font-style: italic;
}

#innhold .entry
{
	float: left;
	width: 100%;
	border-bottom: 1px solid #777;
}

#innhold .entry.topPost
{
	border-bottom: 0;
}

#innhold.page .entry
{
	border-bottom: 0;
}

#innhold.page .entry.extraLinks {
	border-bottom: 1px solid #777;
	margin: 0 0 18px 0;	
}

#innhold.page .entry.extraLinks.top {
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;	
	padding: 15px 0 0 0;
}

/******* Sidebar *****/

#sidebar div.first
{
	padding: 10px 20px 0 15px;
	border-top: 7px solid #8bc53f;
}

#sidebar div.last
{
	padding: 15px 0 15px 15px;
	border-bottom: 7px solid #8bc53f;
}

#sidebar div.middle
{
	padding: 5px 0 5px 15px;
	border-top: 7px solid #8bc53f;
	border-bottom: 7px solid #8bc53f;
}

#sidebar div.last a
{
	font-weight: bold;
}

#sidebar h3
{
	font-size: 115%;
}

#sidebar p
{
	margin: 0 0 10px 0;
	font-size: 85%;
}

#sidebar form p
{
	margin: 0 0 5px 0;
}

#sidebar form p.epostAdr
{
	margin: 0;
}

#sidebar form label, #sidebar div.first div
{
	display: none;
}

#sidebar form input#email
{
	width: 93%;
}

#sidebar form input#contactsubmit
{
	margin: 10px 0 10px 0;
	padding: 2px 10px 2px 10px;
}

#sidebar a, #sidebar a:visited, #sidebar a:active, #sidebar a:hover
{
	margin: 0 0 5px 0;
	text-decoration: none;
	display: block;
}

#sidebar h3.relevanteLenker
{
	margin: 10px 0 13px 15px;
	color: #9e9e9e;
	font-size: 115%;
}

#sidebar a.extLnk
{
	margin: 0 0 8px 15px;
	font-size: 100%;
}

/****** Footer ******/

#kontaktinfo
{
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	float: left;
	width: 100%;
}

/***** General ******/

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.post img.alignright
{
	margin: 0 0 5px 5px;
}

.post img.alignleft
{
	margin: 0 5px 5px 0;
}

.post img.thumbimg
{
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
}

#sidebar div.sociable ul li a
{	
	margin: 0 10px 0 0;
	display: inline;
}

#sidebar div.sociable ul
{	
	margin: 0 0 0 15px !important;
}

#sidebar div.sociable .sociable-hovers
{	
	opacity: 1;
}

#sidebar div.sociable .sociable-hovers:hover
{	
	opacity: 0.7;
}

.navigation {
	float:left;
	margin: 20px 0 0 0;
	width:100%;
}

/** Cforms **/
.formTitle {
	border-color:#ECECEC #ADADAD #ADADAD #ECECEC;
	border-style:solid;
	border-width:1px;
	margin: 0 auto 30px auto;
	width: 600px;
	position: relative;
}
.formTitle #cforms3form {
	margin: 0 auto;
	width: 560px;
	padding: 20px 20px 5px 20px;
}

.formTitle h3 {
	color:#666666;
	font-family: Times,serif;
	font-size:20px;
	font-weight:normal;
	padding:0 5px 0 5px;
	position:absolute;
	top: -10px;
	left: 10px;
	background-color: #fff;
}