/* 
Theme Name: SmartProfil
Author: Binka
Author URI: http://elefantzonen.com
Version: 1.0

Basert på Whiteboard av Brian Purkiss
http://brianpurkiss.com

*/


* {
					margin: 0;
					padding: 0;
}
body {
					color: #333;
					font-size: 14px;
					font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
					text-align: left;
					line-height: 1.5em;
					background: #dfdfd7;
}
ul li { list-style: none; }

h1 {
					font-size: 2.2em;
					line-height: 1em;
					text-align: left;
					color: #000;
					font-weight: bold;
					margin-bottom: 0.5em;

}
h1 a {
					border: 0;
					line-height: 1em;
					text-decoration: none;
					font-weight: bold;
}
h1 a:hover {
					border: 0;
}
h2 {
					font-size: 1.4em;
					color: #333;
					border: 0;
					margin: 0 0 0.5em 0;
					line-height: 1.2em;
					text-align: left;	
					width: 100%;
					font-weight: bold;
}
h2.arkiv { margin: 6px 0 10px 20px; position: relative; font-weight: normal;color: #888; }
h3 {
					color: #4c3427;
					text-shadow: 0 0 1px #fff; 
					font-size: 1.5em;	
					line-height: 1em;
					font-weight: bold;
					margin-bottom: 0.5em;
}

h4 {
					font-size: 1em;
					text-transform: uppercase;
					font-weight: normal;
}
#footer h4 {
					text-transform: uppercase;
					font-weight: normal;
					color: #e5e5e5;
					text-align: left;
					margin-bottom: 1em;
}
a {
					color: #fc9f05;
					outline: none;
					font-size: 1em;
					text-decoration: none;				
}
a:hover {
					border: 0;
					color: #94661b;				
}
a img { border: 0; }
.left, span.left {
					float: left;
}
.right, span.left {
					float: right;
}

span.knapp a { background: #a0007d url(/wp-content/themes/SmartProfil/images/knappbg.jpg); background-position: 0 0; color: #fff; margin: 1.5em 0 0 0; float: left; padding: 10px 15px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-weight: bold; text-transform: normal; }
span.knapp a:hover { background: #f0f0eb url(/wp-content/themes/SmartProfil/images/knappbg.jpg); background-position: 0 -90px; color: #fff; }
span.knapp a:active { background: #a0007d url(/wp-content/themes/SmartProfil/images/knappbg.jpg); background-position: 0 -90px; color: #fc9f05; }


li.knapp { float: right; }
li.knapp a:link img, li.knapp a img { margin-top: 3px; padding: 0 5px; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; opacity: 1; }
li.knapp a:hover img { filter:alpha(opacity=50); moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; opacity: 0.5; }


span.amp, .span.amp a {font-family: Baskerville, "Hoefler Text", Georgia, serif;font-style: italic; font-size: 2.4em;color: #fff; font-weight: normal; }
#content ul li {	margin-bottom: 1em;
					list-style: none;
}
#content ol li { margin-left: 2em; }
input, textarea {
					font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	 				color: #888;
					padding: 5px 10px;
					line-height: 1.5em;
					border: 1px solid #ddd;
					margin-bottom: 2px;
					background: #f0f0eb;
					 /* optional rounded corners for browsers that support it */
  					-moz-border-radius: 5px;
  					-khtml-border-radius: 5px;
  					-webkit-border-radius: 5px;
  					border-radius: 5px;				
}
textarea:focus { border: 1px solid #fc9f05; background: #fff url(/wp-content/themes/SmartProfil/images/gradient.jpg); background-repeat: repeat-x; background-position: bottom; color: #333; }
input:focus { border: 1px solid #fc9f05; background: #fff; color: #333; }

#submit { border: 0; background: #a0007d url(/wp-content/themes/SmartProfil/images/knappbg.jpg); background-position: 0 0; color: #fff; margin: 1.5em 0 0 0; float: left; padding: 10px 15px; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-weight: bold; text-transform: normal; }
#submit:hover { background: #a0007d url(/wp-content/themes/SmartProfil/images/knappbg.jpg); background-position: 0 -90px; color: #fff; }
#submit:active { background: #a0007d url(/wp-content/themes/SmartProfil/images/knappbg.jpg); background-position: 0 -90px; color: #fc9f05; }

			
#searchform input {
					background: #fff url(/wp-content/themes/SmartProfil/images/soekbg.jpg);
					border-top: 0;
					border-right: 0;
					border-left: 0;
					border-bottom: 1px solid #bbb;
					font-weight: normal;
					color: #666;
					padding: 3px 10px;
					float: left;
					height: 25px;
					font-size: 14px;
					-moz-border-radius: 0;
					-webkit-border-radius: 0;
}	
}
#searchsubmit input {
					border: 0;
					color: #aaa;
					font-size: 12px;
					font-family: Times New Roman, Times, Serif;
					text-transform: uppercase;
					padding: 0;
					float: right;
					border-top: 0;
					border-left: 0;
					border-right: 1px solid #ddd;
					border-bottom: 1px solid #bbb;
					-moz-border-radius: 0;
					-webkit-border-radius: 0;					
}					

.comments_replyWrap {
					display: inline-block;
					margin-top: 2em;
}
.comments_reply {
					background: #fff url(/wp-content/themes/SmartProfil/images/gradient.jpg);
					background-repeat: repeat-x;
					background-position: bottom;
					display: inline-block;
					width: 500px;
					padding: 20px;
					margin-bottom: 3em;
					border: 1px solid #d5d5d5;
					/* optional rounded corners for browsers that support it */
 				   	-moz-border-radius: 5px;
 				   	-khtml-border-radius: 5px;
 				   	-webkit-border-radius: 5px;
 				   	border-radius: 5px;
}
.comments_reply span { padding: 0 10px; }
.comments_reply #author, .comments_reply #email, .comments_reply #url, .comments_reply #comment {
					line-height: 1.5em;
					font-size: 1em;
					width: 480px;
					margin-bottom: 1em;
}
#header {
					
					height: 280px;
					border: 0;
					position: relative;
					margin-bottom: -45px;
					background-repeat: no-repeat;
					background-position: bottom left;
}
#logo { 
					margin-top: -105px;
					height: 172px;
					width: 950px;
					text-align: left;
					float: left;
}
#bloggtittel, #bloggtittel span, #bloggtittel span a {
					display: block;
					width: 100%;
					height: 100%;
					border: 0;
					text-indent: -99999px;
					height: 323px;
					float: left;
					position: absolute;
}

#headerNav {
					text-align: left;
					width: 1013px;
					margin: 0 auto;
					background: #fc9f05 url(/wp-content/themes/SmartProfil/images/bakgrunn_nav.jpg);
					margin: 15px -16px 0 -16px;
					height: 69px;
					text-transform: uppercase;
					font-size: 11px;
					position: absolute;
}

#headerNav ul { margin: 4px 0 0 0; }
#headerNav li {
					list-style: none;
					color: #ccc;
					font-weight: normal;
					border: 0;
					float: left;
					text-align: left;
					margin: 0;
}
ul.headerNav { width: 670px; }
#headerNav ul.forsiden { margin: 4px 0 0 30px; }
#headerNav ul.forsiden li a { border: 0; padding: 0 10px 0 0; }
#headerNav li.forsiden_current a { color: #94661b; }
.soek { float: right; text-align: right; width: 250px; margin: 0 -34px 0 0; }

ul.headerNav li a {
					color: #fff;
					margin: 20px 0;
					padding: 0 10px;
					font-weight: bold;
}
#headerNav ul li.current-cat a, #headerNav ul li.current_page_item a {
					color: #94661b;
}
#headerNav ul li.cat-item a {
					text-decoration: none;
					width: 100%;
}
#headerNav ul li a:hover {
					color: #94661b;
}
#toppbakgrunn {
					background: url(/wp-content/themes/SmartProfil/images/toppbakgrunn.jpg);
					background-repeat: no-repeat;
					background-position: center;
					height: 476px;
					text-align: center;
}
#hovedbakgrunn {
					background: url(/wp-content/themes/SmartProfil/images/toppbakgrunn_blank.jpg);
					height: 476px;
					background-repeat: repeat-x;					
					margin: 0 auto;
					text-align: center;
}
#bunnbakgrunn {
					width: 983px;
					margin: 0 auto;
					text-align: left;
					background: #dededc url(/wp-content/themes/SmartProfil/images/rundehjornerbunn.jpg);
					background-repeat: no-repeat;					
					background-position: bottom;
					margin-bottom: 20px;					
}
#wrapper {
					width: 983px;
					background-repeat: no-repeat;
					text-align: left;
					display: inline-block;
					margin: 0 0 10px 0;
					padding: 0 0 0 0;
					background: #dadad5 url(/wp-content/themes/SmartProfil/images/rundehjornertopp.jpg);
					background-repeat: no-repeat;
					background-position: top;		
}
#innerWrapper {
					width: 983px;
					background: #fff url(/wp-content/themes/SmartProfil/images/gradient_hoved.jpg);
					background-repeat: repeat-x;
					text-align: left;
					display: inline-block;
					margin: 5px 0 0 -1px;
					padding: 0 0 0 0;
					border-left: 1px solid #cdcdcb; border-right: 1px solid #cdcdcb;										
}
#container ul li, #container ol li {
					list-style: none;
					margin-bottom: 1em;
}
#content {
					width: 540px;
					margin: 0 0 0 10px;
					position: relative;
					float: left;
}
#content p { text-align: left; }
#content img p {
					float: left;
					clear: right;
					position: relative;
					margin: 0;
					padding: 0;
}
#content img {
					border: 0;
					max-width: 500px;
					margin-bottom: 1em;
}
		
.forfatterinfo {
					background: #eee;
					width: 460px;
					padding: 20px;
					font-size: 0.9em;
					line-height: 1.5em;
					margin-top: 3em;
					display: inline-block;
					clear: left;
					 /* optional rounded corners for browsers that support it */
  					-moz-border-radius: 5px;
  					-khtml-border-radius: 5px;
  					-webkit-border-radius: 5px;
  					border-radius: 5px;					
}	
.forfatterinfo p { padding: 0 0 0 100px; }

.forfatterinfo .avatar {  float: left; width: 80px; height: 80px; margin: 0;}

.forfatterinfo .avatar img { margin: 0; background: #ddd; padding: 3px; margin: 0; float: left; }

				
.innlegg {
					background: #fff url(/wp-content/themes/SmartProfil/images/gradient.jpg);
					background-position: bottom;	
					display: inline-block;
					width: 500px;
					padding: 20px;
					margin-bottom: 3em;
					border: 1px solid #d5d5d5;
					/* optional rounded corners for browsers that support it */
 				   	-moz-border-radius: 5px;
 				   	-khtml-border-radius: 5px;
 				   	-webkit-border-radius: 5px;
 				   	border-radius: 5px;
}
.innlegg p, #page p {  text-align: left; margin: 0 0 1em 0; }


blockquote, .ingress {  font-size: 18px; line-height: 1.5em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #888; }

.left img {
					float: left;
					padding-right: 20px;
}
.right img {
					float: right;
}

.post {
					padding: 0;
					margin: 0;
					border-bottom: 1px solid #eee;
}
#page { margin-bottom: 150px; }
.postInfo {
					color: #888;
					font-size: 11px;
					text-transform: uppercase;
					position: relative;
					margin-bottom: 1.5em;
					letter-spacing: 1px;
					border-top: 1px solid #ccc;
					width: 100%;
					text-align: left;
					float: left;
					padding-top: 0.5em;
}
.postInfo img { margin-top: -10px;position: relative; }
.tags {color: #fff; text-align: left;float: left; margin-top: 1em; clear: right;}
.tags a {
					color: #888;
					background: #eee;
					text-align: left;
					padding: 5px 8px;
					line-height: 2.5em;
  					-moz-border-radius: 5px;
  					-khtml-border-radius: 5px;
  					-webkit-border-radius: 5px;
  					border-radius: 5px;		
}
.tags a:hover { background: #fc9f05; color: #fff; }
.del { float: left; clear: left; padding-top: 3em; }
.del ul li { height: 14px; float: left; clear: left; }
.del img { left: 0; float: left; padding: 0 5px; }
.del span.twitter { font-weight: normal; color: #1c9eba; padding-bottom: 3px; }
.del span.facebook { font-weight: normal; color: #1c72ba; padding-bottom: 3px; }
.del span:hover { font-weight: normal; color: #fc9f05; padding-bottom: 3px; }
span.dato {
					font-size: 1em;
					font-weight: bold;
					letter-spacing: 0px;
					text-transform: uppercase;
					color: #333;
					text-align: left;
}
span.forfatter { text-transform: none; letter-spacing: 0px; font-weight: normal; font-size: 1.5em; }
.kategori { width: 100%; float: left; clear: right;margin-bottom: 0; font-size: 1em; }
.kategori a { color: #94661b; } .kategori a:hover { color: #333; }


.postInfo a {
					border: 0;
					color: #fc9f05;
					text-decoration: none;
}
.postInfo a:hover {
					color: #555;
}
span.smallcaps {
					font-size: 13px;
					text-align: center;
					font-variant: small-caps;
					font-family: "Baskerville", Georgia;
					letter-spacing: 1px;
					color: #666;
}
span.nesteside a {
					float: left;
					padding: 5px 10px;
					color: #fff;
					background: #fc9f05;
					border: 1px solid #fc9f05;
					text-decoration: none;
					 /* optional rounded corners for browsers that support it */
  					-moz-border-radius: 5px;
  					-khtml-border-radius: 5px;
  					-webkit-border-radius: 5px;
  					border-radius: 5px;											
}
span.forrigeside a {
					float: right;
					padding: 5px 10px;
					color: #fc9f05;
					background: #fff;
					border: 1px solid #fc9f05;
					text-decoration: none;
					 /* optional rounded corners for browsers that support it */
  					-moz-border-radius: 5px;
  					-khtml-border-radius: 5px;
  					-webkit-border-radius: 5px;
  					border-radius: 5px;				 								
}
span.forrigeside a:hover, span.nesteside a:hover { background: #fff; color: #fc9f05; border: 1px solid #fc9f05; }
#innleggnavigasjon, #sidenavigasjon {
					width: 600px;
					float: left;
					font-size: 1em;
					color: #fc9f05;
					margin: 0;
					text-align: center;
}
#sidenavigasjon, #innleggnavigasjon { width: 400px; margin: 0 auto; text-align: center; }

#innleggnavigasjon a:visited { color: #ccc; }
#innleggnavigasjon a:hover { color: #333; }
span.forrigeinnlegg {
					width: 200px;
					text-align: left;
					float: left;
}
span.nesteinnlegg {
					width: 200px;
					text-align: right;
					float: right;
}
span.forrigeinnlegg a {
					padding: 20px 20px 20px 0;
}
span.nesteinnlegg a {
					padding: 20px 0 20px 20px;
}
#sidebarWrap {
					width: 410px;
					float: right;
					margin: 0 10px 0 0;
					position: relative;			
}


#sidebar2 {
					width: 170px;
					float: left;
					position: relative;	
					margin: 0;	
					padding-bottom: 1em;	
					font-size: 0.85em;	
}
#sidebar2 h2 { color: #efefef; }

#sidebar2 li {
	margin: 0 0 8px 0;
	background: #333 url(/wp-content/themes/SmartProfil/images/sidebar2bg.jpg);
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	padding: 10px;
	line-height: 1.4em;
	font-size: 1em;
	color: #bbbbbb;
	text-align: left;
  	-moz-border-radius: 5px;
  	-khtml-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;														
}

#sidebar2 li.kat a { float: left; margin-top: 0; padding: 0; }

#sidebar2 ul.widget li { padding: 0; margin-bottom: 0.5em; font-size: 1em; }

#sidebar2 li img { margin-bottom: 0.5em; max-width: 150px; }










#sidebar3 {
					width: 232px;
					float: right;
					position: relative;
					margin-top: -51px;	}
  					
#sidebar3 a { color: #772d39; }
#sidebar3 ul {
					padding: 15px;
					margin-top: 45px;
					color: #666; font-size: 0.9em; line-height: 1.5em;
					/* optional rounded corners for browsers that support it */
  					-moz-border-radius: 5px;
  					-khtml-border-radius: 5px;
  					-webkit-border-radius: 5px;
  					border-radius: 5px;	
  					}
#sidebar3 li { margin-bottom: 1em; }
#sidebar3 li p { margin-bottom: 0.5em;}

#sidebar3 li a { color: #772d39; font-weight: bold; font-size: 0.9em; line-height: 1.5em; text-transform: uppercase; padding: 2px; }
#sidebar3 li a:hover {color: #fff; }


#sidebar3 li p em { }
#sidebar3 li em a { font-size: 0.9em; color: #c67979; font-weight: normal; background: none; text-transform: none; }

#sidebar3 a img {
					filter:alpha(opacity=100);
					-moz-opacity: 1;
					-khtml-opacity: 1;
					opacity: 1;
					opacity: 1;						
}
#sidebar3 a:hover img {
					filter:alpha(opacity=50);
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
					opacity: 0.5;					
}


.sidebar ul {
					list-style: none;
					width: 190px;
					float: left;
}

.sidebar li {
					list-style: none;
					margin-bottom: 1.5em;
					line-height: 1.4em;
}

span.se_alle { float: right; margin-top: -2.5em; }

/*
Kommentarer
*/


#kommentarerWrap {
					display: inline-block;
					float: left;
					text-align: left;
					padding: 0;
}

#kommentarerWrap h2 { padding: 0 20px;}
.comments_reply h2 { margin-left: -20px; }

h2.kommentartittel { margin-top: 40px; }
#kommentarer li.author {
				background: #fff url(/wp-content/themes/SmartProfil/images/admin.jpg) no-repeat;
				background-position: top right;
					
}
#kommentarer ul { }
#kommentarer li {	
					padding: 20px 20px 10px 20px;
					list-style: none;
					font-size: 1em;
					float: left;
					list-style: none;
					background: #f9f9f9;
					width: 500px;
					border-top: 1px solid #ddd;
					border-bottom: 1px solid #eee;		
					
}
.kommentar_tekst p {
					color: #555;
					margin-bottom: 0.5em;
					padding-left: 90px;
					line-height: 1.5em;
					font-size: 0.9em;
}
.kommentar_meta {
					text-align: left;
					color: #aaa;
					font-size: 0.9em;
					margin-bottom: 1em;
}
span.navn { font-size: 1.7em; color: #555; font-weight: bold; }

#kommentarerWrap img {
					float: left;
}
.avatar {
					float: left;
					padding: 0 1em 0 0;
					
}
.avatar img { float: right; width: 70px; height: 70px; background: #dadad5; padding: 3px; }

label { padding: 0 10px; color: #555; font-size: 1em; font-weight: bold; }

span.gravatarinfo { font-size: 0.9em; float: left; color: #888; margin-bottom: 1em; line-height: 1.5em; }




/*
Footer
*/



#footerBunn {
					width: 100%;
					height: 40px;
					padding: 20px 0;
					line-height: 1.3em;
					background: #0c0c0c url(/wp-content/themes/SmartProfil/images/sidebar2bg.jpg);
}


.footerWrap {  width: 980px; margin: 0 auto; text-align: center; }

#footerBunn a {
					text-decoration: none;
					float: left;
					font-size: 0.75em;	
					margin: 0 10px;
					font-weight: bold;
					text-transform: uppercase;
}
#footerBunn a:hover {
					color: #94661b;			
}

span.binka { float: right; text-align: right; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; font-family: Georgia;line-height: 1.3em;  }
span.binka a:hover { color: #94661b; }


.navbar li a { margin-left: 20px;}
ul li.current-cat a, .current_page_item a, .forsiden_current a { color: #94661b; text-decoration: none; }



/*
Innleggstruktur
*/




.row { clear: both; width: 510px; }


.col1 { width: 43%;; float: left; padding: 20px; margin: 0 0 10px 0; }
.col2 { width: 43%; float: right; padding: 20px; margin: 0 0 10px 0; }


.col1 img, .col2 img {
					overflow: none;
					width: 220px;
}



.col1, .col2 { 		background: #fff url(/wp-content/themes/SmartProfil/images/gradient.jpg);
					background-position: bottom;	
					line-height: 1.5em;
					color: #555;
					font-size: 0.9em;
					border: 1px solid #d5d5d5;
					min-height: 365px;
					/* optional rounded corners for browsers that support it */
 				   	-moz-border-radius: 5px;
 				   	-khtml-border-radius: 5px;
 				   	-webkit-border-radius: 5px;
 				   	border-radius: 5px;
 }
 .col1 p, col2 p { float: left; text-align: left;}
 .col1 h1 a, .col2 h1 a { font-size: 21px; line-height: 1em; margin-bottom: 0.5em;  }
.col3 h1 a { font-size: 1.3em; line-height: 1em; margin-bottom: 0.5em;  }
.col3 {
					background: #fff url(/wp-content/themes/SmartProfil/images/gradient.jpg);
					background-position: bottom;	
					width: 500px;
					padding: 20px 20px 80px 20px;
					margin-bottom: 5px;
					border: 1px solid #d5d5d5;
					font-size: 1em;
					line-height: 1.5em;
					/* optional rounded corners for browsers that support it */
 				   	-moz-border-radius: 5px;
 				   	-khtml-border-radius: 5px;
 				   	-webkit-border-radius: 5px;
 				   	border-radius: 5px;
}


#nyeste_innlegg { margin-top: 3em;  clear: left; width: 100%; }
#nyeste_innlegg h2 { padding: 0 20px; }

#nyeste_innlegg .col1, #nyeste_innlegg .col2 { min-height: 240px; }
#nyeste_innlegg .kategori { margin-bottom: -1em; }



/*
Pagination
*/



#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 11px;
	font-family: Arial;
}

#wp_page_numbers {
	width: 100%;
	margin-left: 10px;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
}

#wp_page_numbers a {
	padding: 8px 10px;
	margin-right: 2px;
	display: block;
	color: #333;
	border: 1px solid #ddd;
					/* optional rounded corners for browsers that support it */
 				   	-moz-border-radius: 5px;
 				   	-khtml-border-radius: 5px;
 				   	-webkit-border-radius: 5px;
 				   	border-radius: 5px;	
}

#wp_page_numbers li a:hover {
	border: 1px solid #fc9f05;
}

#wp_page_numbers li.space {
	padding: 8px 10px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	background: #fc9f05;
	color: #fff;
}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
	border-color: #efefef;
}

#wp_page_numbers li.page_info {
	display: none;
}