/*    
Theme Name: Frisør Huset Theme
Theme URI: http://www.spotas.no/themes/frisor/ 
Description: Theme for Frisør Huset. 
Author: Terje Otto Tobiassen 
Author URI: http://www.spotas.no 
Version: 1.0 
*/ 

/* Reset CSS v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '' ;
	content: none ;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* Reset CSS End */


@font-face {
	font-family: 'DanielRegular';
	src: url('fonts/daniel.eot');
	src: local('Daniel'), local('Daniel'), url('fonts/daniel.woff') format('woff'), url('fonts/daniel.ttf') format('truetype'), url('fonts/daniel.svg#Daniel') format('svg');
}

@font-face {
	font-family: 'DanielBold';
	src: url('fonts/danielbd.eot');
	src: local('Daniel'), local('DanielBold'), url('fonts/danielbd.woff') format('woff'), url('fonts/danielbd.ttf') format('truetype'), url('fonts/danielbd.svg#DanielBold') format('svg');
}

@font-face {
	font-family: 'DanielBlackRegular';
	src: url('fonts/danielbk.eot');
	src: local('Daniel Black'), local('DanielBlack'), url('fonts/danielbk.woff') format('woff'), url('fonts/danielbk.ttf') format('truetype'), url('fonts/danielbk.svg#DanielBlack') format('svg');
}


.size-thumbnail {
border: 1px solid #ccc;
margin: 5px;
}


#kulfont {
text-decoration: none;
font-family: DanielRegular, Gill Sans, sans-serif;
font-size: 14px;
}


html body {
font-family: Gill Sans, sans-serif;
background-color: #fff;
}

a:link, a:visited {
text-decoration: none;
color: #e3a8ff;
}

.main-wrapper {
overflow:hidden;
width: 900px;
height: auto;
position: relative;
margin: 10px auto 10px auto;
z-index: 3;
border: 0px solid #aaa;
}


#logohus {
float:left;
margin-left: 60px;
}


#logotekst {
margin-top: -65px;
margin-left: 30px;
}


#menuwrapper {
width: auto;
height: 26px;
margin: 0px auto 0 auto;

}


.dropmenu, .dropmenu ul {
margin:0; 
padding:0; 
list-style-type:none; 
list-style-position:outside; 
position:relative; 
line-height: 25px;
z-index:300; 
width:100%; 
}

.dropmenu a {
padding: 5px 10px 5px 10px;
color:#aaa;  
text-decoration:none; 
background-color: inherit;
font-family: DanielRegular, Gill Sans, sans-serif;
}

.dropmenu a:hover {
background-color: inherit;
color:#9021c4;
}

.dropmenu li {
float:left; 
position:relative;
}

.dropmenu ul {
position:absolute; 
display:none; 
margin-top: 1px;
}

.dropmenu ul a {

}

.dropmenu li ul {
width: 200px;
background-color: rgb(255, 255, 255);
margin-top: 4px;
padding-top: 5px;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
}

.dropmenu li ul a {
width: 200px;
height:auto; 
float:left;  
color: #9021c4;
}

.dropmenu li ul a:hover {
color: #000;
}


.dropmenu ul ul {
top:auto;
}

.dropmenu li ul ul {

margin:0px 0 0 10px;
}

.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul, .dropmenu li:hover ul ul ul ul {
display:none;
}

.dropmenu li:hover ul, .dropmenu li li:hover ul, .dropmenu li li li:hover ul, .dropmenu li li li li:hover ul {

}

.dropmenu li.current_page_item a {
color: #9021c4;
background-color: inherit;
}


.content-box-main {
margin: 0 auto 20px auto;
height: auto;
float: left;
width: 900px;
max-width: 900px;

/* Shadow
-webkit-box-shadow: 0px 0px 25px #999;
-moz-box-shadow: 0px 0px 25px 4px #999;
/* Shadow */
}



/* SLIDER */


/*--Main Container--*/
.main_view {
	height: 200px;
	width: 865px; /*Images should be this width!*/
	margin: 5px auto 0 auto;
	position: relative;
	border: 1px solid #aaa;
}
/*--Window/Masking Styles--*/
.window {
	height:200px;	width: 865px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	width: 400px; height:33px;
	margin-left: 250px;
	text-align: center;
	z-index: 1; /*--Assures the paging stays on the top layer--*/
	line-height: 35px;
	background-color: rgb(153, 153, 153);
	background-color: rgba(153, 153, 153, 0.6);
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 2px 5px 2px 5px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #fff;
	border: 0px solid #fff;
	font-family: DanielRegular, Gill Sans, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.paging a.active {
	color: #9021c4;
}
.paging a:hover {
	color: #9021c4;
}

.hide-paging {
background-color: #fff;
width: 100%;
height: 33px;
z-index: 2;
margin-top: 1px;
position: absolute;
}



/* SLIDER */




/*Home Page*/
.home-page-box-single-content {
margin: 60px auto 0 auto;
width: 900px;
max-width: 900px;
padding: 10px 0 10px 0;
}

.home-page-single-content {
font-size: 14px;
width: 400px;
max-width: 400px;
float:left;
margin-left: 5px;
padding: 0 0 10px 0; /*styrer hvor langt ned innhold på venstre side av homepage er*/
text-align: center;
}

/*Page*/
.page-box-single-content {
margin: 20px auto 0 auto;
width: 600px;
max-width: 600px;
padding: 0px 0 0px 0;
}

.page-single-content {
font-size: 14px;
width: 600px;
max-width: 600px;
float:left;
margin-left: 5px;


}

/*
h2#newstitle {
//font-family: DanielRegular;
font-weight: normal;
margin-bottom: 20px;
font-size: 18px;
width: 400px;
max-width: 400px;
float:right;
margin-right: 5px;
text-align: center;
}
*/


h2#hometitle {
font-family: DanielRegular, Gill Sans, sans-serif;
color: #aaa;
font-size: 20px;
font-weight: normal;
width: 400px;
max-width: 400px;
text-align: center;
margin-bottom: 10px;
}







.featuredposts {
margin-bottom: 50px;
font-size: 14px;
width: 400px;
max-width: 400px;
float:right;
margin-right: 5px;
padding: 0 0 10px 0;
text-align: center;
margin-top: -30px;
}

#featured-wrapper {
border-bottom: 3px solid #ddd;
}

/*Home Page*/

/*News Page*/

/*
.post-box-single-content {
margin-top: 20px;
background-color: green;
}

.post-single-content {
font-size: 14px;
width: 300px;
max-width: 300px;
float:left;
margin	: 10px 0 10px 0;
border-bottom: 3px solid #ddd;
text-align: center;
}
*/
.post_title {
margin-bottom: 10px;
font-family: DanielRegular, Gill Sans, sans-serif;
}

.post_title a:link, .post_title a:visited {
color: #aaa;
background-color: inherit;
font-size: 20px;
text-decoration: none;
}

.post_title a:hover {
color: #9021c4;
background-color: inherit;
}

#nextprev-link {
text-align: center;
margin-top: 180px;
}


/*News Page*/

#top-column {
	width: 900px;
	float:left;
	clear:none;
	margin-left: 10px;
	margin-top: 40px;
	}
#bottom-column {
	width: 900px;
	float:right;
	clear:none;
	margin-left: 10px;
	margin-top: 40px;
	}




.footerwrapper {
width: 900px;
height: 50px;
float:left;
margin: 0 auto 0 auto;
color: #aaa;

}

p#footertext {
text-align: center;
margin-top: 15px;
font-size: 12px;
}



canvas {
cursor: crosshair;
position: fixed;
top: 0;
left: 0;
z-index: 2;
}