/*   
Theme Name: Stiluett frisør
Theme URI: 
Description: A search engine optimized website framework for WordPress.
Author: Alexander Prestmo
Author URI: http://alexanderprestmo.no/
Version: 2.0
Tags:
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Rammeverk for oppsett */
@import url('styles/2c-r.css');

body {
	background: #fff;
	color: #111111;
	font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

#wrapper {
	background: #fff;
	margin: 0 auto;
	width: 960px;
}

#branding {margin: 20px 0 0 10px;}
	#branding h1 {
		padding: 0;
		text-indent: -9999px;
	}
	#blog-title a {
		display: block;
		background: url("images/stiluett-logo.png") top left no-repeat;
		width: 560px;
		height: 126px;
		text-indent: -9999px;
	}
	#blog-description {text-indent: -9999px;}

.skip-link {
	position: absolute;
	left: -9999px;
}

#access {
	margin: 0;
	overflow: hidden;
}
	#access li {
		border-top: 3px solid #9c0;
		float: left;
		display: inline;
		width: 140px;
		margin: 0 10px;
	}
		#access li a {
			color: #333;
			display: block;
			font-size: 1.25em;
			font-weight: bold;
			line-height: 1.08em;
			padding: 3px 0 0 3px;
			text-decoration: none;
			text-transform: uppercase;
		}
		#access li span {
			display: block;
			font-size: .73em;
			font-weight: normal;
		}
	#access li:hover, #access li.current_page_item {border-top: 3px solid #a00057;}

#main {margin: 30px 10px 0 10px;}

#content {
	font-family: 'Didot', 'Palatino Linotype', Cambria, Georgia, Times, 'Times New Roman', serif;
	padding-top: 10px;
	width: 620px;
}
	#content h2 {margin-bottom: .67em;}

.post-edit-link {
	background: #fff url("images/edit_page.png") 0 0 no-repeat;
	cursor: pointer;
	position: fixed;
	top: 163px;
	left: 0;
	text-indent: -9999em;
	width: 35px;
	height: 150px;
}
	.post-edit-link:hover {
		background: #fff url("images/edit_page.png") -35px 0 no-repeat;
	}

#aside {
	background: #fff url("images/aside_btm-shadow.png") bottom left no-repeat;
	padding: 0 0 17px 0;
}
#aside ul {
	background: #fff url("images/aside_bg.png") top center;
	margin: 0;
	}
	#aside li {
		background: transparent url("images/aside-ruler.png") center bottom no-repeat;
		padding: 1.67em 0;
	}
	#aside li:last-child {background: none;} /* skriv en if ie6 evt. 7 og 8 -- ingen ruler i det hele tatt. */
	
	#aside h3 {
		font-size: 1.25em;
		line-height: 1.33em;
		padding: 0 40px;
	}
	#aside .textwidget {
		line-height: 150%;
		padding: 0 40px;
	}
	#aside p {
		font-size: 1em;
		margin: 0;
		
	}
	
#brandlogos {
	background: #fff url("images/brandlogos.png") no-repeat;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	clear: left;
	display: inline;
	width: 940px;
	height: 102px;
	margin: 1.67em 0 0 0;
}
	#brandlogos span {display: none;}
	#brandlogos li, #brandlogos a {
		display: block;
		height: 102px;
	}
	#brandlogos li {float: left;}
	
	.american-crew {width: 70px;}
	.american-crew a:hover {background: url("images/brandlogos.png") 0 -102px no-repeat;}
	.fudge {width: 68px;}
	.fudge a:hover {background: url("images/brandlogos.png") -70px -102px no-repeat;}
	.great-lengths {width: 173px;}
	.great-lengths a:hover {background: url("images/brandlogos.png") -138px -102px no-repeat;}
	.sara-s {width: 105px;}
	.sara-s a:hover {background: url("images/brandlogos.png") -311px -102px no-repeat;}
	.paul-mitchell {width: 228px;}
	.paul-mitchell a:hover {background: url("images/brandlogos.png") -416px -102px no-repeat;}
	.tigi {width: 86px;}
	.tigi a:hover {background: url("images/brandlogos.png") -644px -102px no-repeat;}
	.goldwell {width: 210px;}
	.goldwell a:hover {background: url("images/brandlogos.png") -730px -102px no-repeat;}

#footer {
	background: #fff url("images/footer_bg.png") 0 1px repeat-x;
	margin: 0;
	padding: 5px 10px;
	width: 920px;

	text-shadow: #ccc 0 0 1px;
}
	#footer p {
		font-size: .92em;
		line-height: 23px;
		margin: 0;
	}
	
	#footer p.left-footer{
		float: left;
		text-align: left;
		width: 720px;
	}
	#footer p.right-footer {
		background: transparent url("images/to-the-top.png") .2em 1px no-repeat;
		float: right;
		text-align: right;
		width: 120px;
	}
	#footer p.right-footer a:hover {
		background: transparent url("images/to-the-top.png") .2em -21px no-repeat;
		float: right;
		width: 120px;
	}
	#footer a {text-decoration: none;}
	#footer a:hover {text-decoration: underline;}

/*--- GLOBALE TAGGER ---*/
address {font-style: normal;}

a:link, a:visited {
	color: #a00057;
	text-decoration: none;
}
a:hover, a:active {
	color: #a00057;
	text-decoration: underline;
}

h2 {color: #a00057;}

ol {margin: 0 0 1.5em 0;}
ol li {
	font-size: 1.17em;
	list-style-type: decimal;
	margin: 0 0 .5em 0;
}

ul {margin: 0;}
li {list-style-type: none;}

dl {margin: 0;}
dt {
	float: left;
	clear: left;
	font-weight: normal;
}
dd {margin: 0; text-align: right;}

/*--- TYPOGRAFI ---*/
#content h3 {
	font-family: 'Didot', 'Palatino Linotype', Cambria, Georgia, Times, 'Times New Roman', serif;
	font-weight: bold;
	text-transform: none;
	}
h1, h2, h3, #hjem h3 {
	font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
p {
	font-size: 1.17em;
	line-height: 150%;
}
h1 {font-size: 3.5em;}
h2 {font-size: 2.5em;}
h3 {font-size: 1.5em;}

em, strong {font-weight: bold;}

/*--- BILDER ---*/
img, a img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 4px;
}
#lightbox-image {
	border: 0 none;
	padding: 0;
}
img.alignleft {margin: 0 20px 20px 0;}

/*--- FORSIDEN ---*/
#hjem #main {margin: 0;}
#index-top li, #index-insert li, #hjem #brandlogos, #hjem #footer {margin: 0 10px;}

#index-top {
	float: left;
	margin: 40px 0 30px 0;
}
#index-top li#text-417133101 {
	background: #000 url("images/olive.jpg") no-repeat top left;
	float: left;
	display: inline;
	width: 620px;
	height: 250px;
	position: relative;
}
	#index-top li#text-417133101 .textwidget {
		background: url("images/semi-transparent_bg.png");
		position: absolute;
		bottom: 0;
		left: 0;
		padding: .83em 1.67em;
		width: 580px;
	}
		#index-top li#text-417133101 .textwidget h2 {
			color: #fff;
			font-size: 3em;
			line-height: 1.2em;
		}
		#index-top li#text-417133101 .textwidget p {
			font-family: 'Didot', 'Palatino Linotype', Cambria, Georgia, Times, 'Times New Roman', serif;
			font-size: 2em;
			color: #fff;
			line-height: 1.25em;
			margin: 0;
		}
		#index-top li#text-417133101 .textwidget a {
			color: #fff;
			text-decoration: underline;
		}
		#index-top li#text-417133101 .textwidget a:hover {
			color: #d8f6e4;	
		}
#index-top li#text-459605491 {
	background: #fff url("images/no_ad.png") no-repeat;
	float: left;
	margin-left: 10px;
	width: 270px;
	height: 150px;
}


#index-insert {
	float: left;
	margin-bottom: 30px
}
	#index-insert li {
		float: left;
		display: inline;
		width: 300px;
		height: 150px;
	}
	#index-insert h3 {font-size: 1.67em;}
	#index-insert p {
		font-family: 'Didot', 'Palatino Linotype', Cambria, Georgia, Times, 'Times New Roman', serif;
		font-size: 1.17em;
	}
#index-insert #pageexcerptmulti-417136051 {background: url("images/front_hair-extension.png") no-repeat;} /* HAIR EXTENSION */
#index-insert #pageexcerptmulti-417136051 h3, #index-insert #pageexcerptmulti-417136051 p {margin-left: 85px;}
#index-insert #pageexcerptmulti-417136052 {background: url("images/front_haardeler.png") no-repeat;} /* HÅRDELER */
#index-insert #pageexcerptmulti-417136052 h3, #index-insert #pageexcerptmulti-417136052 p {margin-left: 115px;}
#index-insert #pageexcerptmulti-417136053 {background: url("images/front_produkter.png") no-repeat;} /* PRODUKTER */
#index-insert #pageexcerptmulti-417136053 h3, #index-insert #pageexcerptmulti-417136053 p {margin-left: 140px;}


#index-bottom {
	background: url("images/frontpage-btm-bg.png") repeat-x;

	height: 170px;
	margin: 0 10px 40px 10px; /* FIKSER MARGER TIL BRANDLOGOS. JUSTERES TIL SLUTT */
}
	#index-bottom ul{
	
	}
	#index-bottom li {

		padding: 14px 20px 0 20px;
	}
	#index-bottom .widgetcontainer {
		float: left;
	}
	#index-bottom #wp_geo_map_widget { /* WP GEO */
		margin-top: 7px;
	}
	#index-bottom #text-417201531 { /* ADRESSE */
		margin-left: 20px;
		width: 160px;
	}
	#index-bottom #text-417205251 { /* VI HAR */
		margin-left: 0px;
		width: 160px;
	}
	#index-bottom #text-417207671 { /* ÅPNINGSTIDER */
		margin-left: 0px;
		width: 220px;
	}
	#index-bottom #text-text-459605492{ /* KONTAKT OSS */
		margin-left: 0;
		width: 180px;
	}
	#index-bottom h3 {font-size: 1.25em; line-height: 1.5em;}
	#index-bottom p {font-size: 1em;}
	
	
/*--- KONTAKT OSS ---*/
form.ddfm p {
	float: left;
	width: 620px;
	margin: .8em 0;
	padding: 0;
}

label {
	clear: left;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	font-weight: bold;
}

input, textarea {
	background: #fff;
	border: 1px solid #d9d9d9;
	float: right;
	width: 480px;
	margin: 0;
	padding: .3em .5em;
}

textarea {height: 200px;}

button {
	background: #a00057;
	border: 0 none;
	color: #fff;
	float: right;
	padding: .5em;
}

input, textarea, button {
	font-family: 'Didot', 'Palatino Linotype', Cambria, Georgia, Times, 'Times New Roman', serif;
	font-size: 1em;
}

input:focus, textarea:focus {border: 1px solid #a00057;}
.required {color: #a00057;}
.credits {display: none;}

/*--- DIVERSE KLASSER ---*/
.clear {clear: both;}

#content ul {float: left; width: 340px; margin: 0 0 20px 0; padding: 0;}
#content ul li {float: left; margin: 0 20px 20px 0;}