/*
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
*/

/*
				Elin S�isdal
				http://amokk.no
				
				Light Tan:	#f4dfb8
				Dark Tan: #d7b880
				Dark Gray:	#272727
				Dark Red:	#990000

/* RESET*/
*				{margin: 0; padding: 0; }
html			{overflow-y: scroll;}
html. body		{heigth: 100%;}
body			{font-size: 90%; font-family: Arial, Helvetica, sans-serif; 
				color: #272727; background: url(/images/body-bg.png) 				
				top center repeat-x white;}
ul				{list-style: square inside;}
ol				{list-style: decimal inside;}
a				{color: black; outline: none; text-decoration: none;}
a img			{border: none;}
img				{vertical-align: middle;}
table			{border-collapse: collapse;}

/*UTILITY*/

.floatLeft		{float: left;}
.floatRight		{float: right;}
.clear			{clear: both;}
.button			{border: 1px solid #272727; background: white; 
				padding: 3px 8px; -moz-border-radius: 5px; 
				-webkit-border-radius: 5px; color: 272727;}
.button:hover	{background: #990000; color: white;}

/* TYPOGRAPHY*/

p. li				{font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0;}
p#intro-paragraph	{font-family: Tekton Pro Cond, Helvetica, sans-serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; margin-top: 5px;}
p#intro-paragraph span	{font-size: 2.4em; font-weight: bold;}
p#intro-paragraph em	{color: #99000;}
a						{color: #99000;}
a:hover					{/*background: #99000;*/ color: #99000;}
a:hover visited			{color: black;}
h1						{font-size: 3.6em; font-family: Tekton Pro Cond, Helvetica, sans-serif; font-weight: normal;}
h2						{font-size: 2.6em; font-family: Tekton Pro Cond, Helvetica, sans-serif; font-weight: normal; color: black;}
h3						{font-size: 1.6em; line-height:1.2em; font-family: Tekton Pro Cond, Helvetica, sans-serif; font-weight: normal; 						color: #990000; margin: 30px 30px 5px 0px;}
h4						{color: white; font-size: 2.0em; margin-bottom: 15px;}
h5						{font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 30px 30px 5px 0px}

/*TEKSTEN*/
.post			{line-height: 1.2em; margin: 40px 10px 50px 35px;}
p				{line-height: 1.2em; margin: 20px 10px 5px 0px;}

/*STRUCKTURE*/

#page-wrap		{width: 960px; margin: 0px auto -250px; min-height: 
				100%; height: auto; !important; heigth: 100%;}
#push			{heigth: 250px;}

/*#socialsidebar	{width: 190px; float: left; margin-right: 15px;}*/
#main-col		{width: 765px; float: left; background: /*url(images/grey.jpg)*/#BDBDBD;/* margin-top: 5px;*/}
/*#linkssidebar	{width: 100px; float: right;}*/


/*HEADER*/

h1#logo			{width: 321px; height: 184px;
				background: url(images/logo5.jpg) top left
				no-repeat; text-indent: -9999px; margin: 0px 0px 0 160px;
				float: left;}
#top-bar		{padding: 5px 0 0 0; float: left;}
#top-bar		{font-family: Tekton Pro Cond; font-size: 1.6em; color:#000; width: 400px; float: left;}

form#searchform	{margin: 0 0 0 0; float: right;}


/*MENU*/

/*testing*/

#menu {
	width: 1080px;/*menyknappene*/
	height: 0px;
	margin: 0 auto;
	padding: 0;
	
}

#menu ul {
	margin: 0px 0 0;;/*plassering av menyknappene*/
	margin-top: 120px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	width: 95px;
	height: 30px;
	margin-right: 14px;
	margin-bottom: 10px;
	padding: 0px 0 0;
	/*background: url(images/img02.gif) no-repeat left top;*//*knappene*/
	text-decoration: none;
	text-align: center;
	font-family: Crackhouse, Tekton Pro Cond;
	font-size: 25px;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
	padding-left: 0;
}
/*slutt p� testing*/

/*MENU*/

#menu-bar		{width:960px; padding-top: 110px; margin-bottom: 20px;}
ul#main-nav		{width:960px; float: left; margin: 10px 0 0 0;}
ul#extra-nav	{width: 960px; float: right; text-align: right; 
				margin: 10px 0 0 0;}
ul#main-nav li, ul#extra-nav li	{display: inline;}
ul#main-nav li, ul#extra-nav li	{text-transform: uppercase; color: white;
								font-size: 1.2em; padding: 3px 8px;
								-moz-border-radius: 5px
								-webkit-border-radius:5px;}
ul#main-nav li a:hover,	
ul#extra-nav li a:hover			{background: white; color: #272727;}
								
/*Widgets*/

.widget			{/*background: #f4dfb8;*/ width: 190px; /*border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880*/;
				-moz-border-radius:10px; margin: 50px 10px 15px 40px;}
.widget .inside	{padding: 10px;}
.widget ul		{list-style: square; margin-left: 15px;}
widget ul a		{display: block; padding: 2px;}
widget ul li a:hover	{/*background: #900;*/ color: white;}
.thumb			{width: 62px; float: left; margin: 0 0 10px 15px;}

.otherposts		{margin: 0px 0px 0px 40px;}

/* BLOG ENTRIES datodingser*/
.post 		{}
.datebox		{width: 56px; /*height: 120px;*/ float: left; padding: 5px; background: #990000; color: white; text-align: center; margin: 30px 10px 10px 0px;}
.day			{font-size: 3.4em; font-weight: bold; margin: 0;}
.month			{font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0;}
.year			{font-size: 1.6em; font-weight: bold; margin: 0;}

ol.commentlist						{ list-style: none; margin: 0px 0px 0px 40px; }
.comment-bubble						{ background: #990000; color: white; padding: 1px 5px 10px 10px; margin:20px 180px 0 1px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
ol.commentlist li p					{ font-size: 1.0em;  }
.avatar							{ margin-top: 3px; padding: 2px; height: 40px; }
.commentform					

/*I KOMMENTARFELTET*/
/*.gravatar                     { margin-top: 3px; padding: 2px; height: 40px; }*/
/*.avatar                     { margin-top: 3px; padding: 2px; height: 40px; }*/

/*FOOTER*/


#footer			{height: 15px; width: 565px; float: left; background: #272727; /*border-top: 4px solid #990000;*/ padding-top: 20px;}
#footer-inside;	{width: 960px; margin: 0 auto;}
#page-names		{float: right; margin: 0px 0px 0px 20px;}

/*#footer								{ height: 250px; background: #272727; border-top: 4px solid #990000; padding-top: 20px; }
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: white; }
#footer-1							{ width: 300px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer a							{ color: white; }
#footer ul							{ color: white; }*/