/*
Theme Name: Tone Damli Aaberge
Theme URI: http://tonedamli.com
Description: Design for the official website of Tone Damli Aaberge
Version: 1.0
Author: Mathias Mikkelsen
*/


/* RESET */

* { 
	margin: 0; 
	padding: 0; 
	}
	
html, body {
	height: 100%;
	}
	
body { 
	font-size: 62.5%; 
	font-family: Lucida Grande,Arial,Verdana,Sans-serif;
	color: black;
	background-color: #f8f7f5;
	}
	
	
.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -87px;
	}
	
	.push {
		height: 87px;
		}
	
a { 
	text-decoration: none;
	color: #672d82;
	}
	
	a.arrow{
		background-image: url('images/arrow.png');
		background-repeat: no-repeat;
		background-position: 100% 55%;
		padding-right: 8px;
		}
	
a:active{
    border:none;
    outline:none;
    }

a:focus {
	-moz-outline-style: none;
	outline: none;
	}
	
a:hover	{ 
	text-decoration: underline;
	}
	
a img { 
	border: none; 
	}
	
strong{
	font-weight: bold;
	}

p { 
	font-size: 13px; 
	line-height: 1.35em; 
	margin-bottom: 16px; 
	}
	
img { 
	vertical-align: middle;
	}
	
table { 
	border-collapse: collapse; 
	}
	
hr { 
	border: 0; 
	width: 100%; 
	border-top: solid 1px #e8e8e8;
	margin: 0;
	}

img.alignright { 
	float:right; 
	margin: 0 0 5px 15px; 
	padding: 0px;
	}

img.alignleft { 
	float:left; 
	margin: 0 5px 0px 0; 
	padding: 0px;
	}

img.aligncenter { 
	float:center; 
	margin: 0 5px 5px 0; 
	padding: 2px;
	}


/* UTILITY */

.floatLeft { 
	float: left; 
	}
	
.floatRight	{ 
	float: right;
	}
	
.clear { 
	clear: both; 
	}


/* FONTS */
	
h1,h2,h3,h4,h5{

	}
	
h4{
	display: inline;
	}
	
	h4 span{
		font-weight: normal;
		}

h1 {
	font-size: 35px;
	margin-bottom: 5px;
	}
	
h2 {
	font-size: 16px;
	}
	
	h2.large{
		text-transform: uppercase;}
	
	h2#subpage{
		float: left;
		font-size: 3.6em;
		color: #292929;
		}
		
	h2.title{
		margin: 0 0 24px 0;
		}

.weak{
	color: #a6a6a6;
	float: right;
	}
	
	.weak a{
		color: #a6a6a6;
		}

/* STRUCTURE */



/* Subnav og landswitching */	

	
	#top-bar{
		height: 32px;
		width: 100%;
		margin-bottom: 81px;
		}
		
		#top-bar ul{
			float: left;
			color: #4f4f4f;
			margin: 5px 0 0 0px;
			font-size: 1em;
			}
			
			#top-bar li{
				float: left;
				list-style-type: none;
				margin-right: 25px;
				}
				
				#top-bar li a{
					color: #6a6a6a;
					text-decoration: none;
					display: block;
					}
					
					#top-bar li a:hover{
						color: #d0d0d0;
						background: none;
						}
	
	
/* Main content fra newsflash og ned til footer */	
	
#top-header-wrap{
	background-image: url('images/top_bg.gif');
	background-repeat: repeat-x;
	height: 416px;
	z-index: 1;
	margin-bottom: -416px;
	}
	
#top-header-tone{
	background-image: url('images/tonedamli.jpg');
	background-repeat: no-repeat;
	z-index: 8;
	width: 473px;
	height: 359px;
	margin-bottom: -359px;
	float: right;
	margin-right: -75px;
	}
	
	
#page-wrap {
	width: 960px; 
    margin: 0 auto;
    padding: 0 0px;
    z-index: 500;
	}
	
	
/* Logo og navigasjon */	
	
#top-content{
	width: 960px;
	margin: 0 auto;
	z-index: 200;
	height: 244px;
	}
		
	#logo{
		float: left;
		}
		
		#logo img{
			padding-right: 24px;
			}
			
		#logo img:hover{
			background-image: url('images/hjem.png');
			background-repeat: no-repeat;
			background-position: 100% 18px;
			}
			
		#logo img:active{
			margin-top: 1px;
  			}
			
	
	#nav-wrapper{
		width: 100%;
		opacity:0.85;
		filter:alpha(opacity=85)
		-moz-opacity:0.85;
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
		background: #f4f2ee;
		height: 27px;
		margin-bottom: 25px;
		z-index: 800;
		overflow: visible;
		position: relative;
		}
	
	ul#navigation{
		list-style-type: none;
  		overflow: auto;
		width: 960px;
		margin: 0 auto;
		text-transform: uppercase;
		margin-top: 6px;
		overflow: visible;
		}
		
		ul#navigation li{
			display: inline;
			font-size: 14px;
			}
			
			ul#navigation li a{
				display: block;
				float: left;
				margin-right: 50px;
				}
			
				ul#navigation li.album{
					float: right;
					font-size: 12px;
					font-weight: bold;
					margin-right: 0px;
					margin-top: 1px;
					}
					
					ul#navigation li.album a{
						color: #801308;
						margin-right: 0px;
						}
			
			ul#navigation a{
				color: #4e3624;
				}
				
			ul#navigation li span{
				display: none;
				}
				
				.home, .tour, .disc, .medi, .blog, .vide, .phot{
					background: url('images/nav.png');
					background-repeat: no-repeat;
					height: 30px;
					
					}
					
				.home{
					width: 44px;
					background-position: 0 0;
					}
					
					.home:hover{
						background-position: 0 -30px;
						}
						
					.home:active{
						background-position: 0 -29px;
						}
						
						body#default .home, body#tonedamli .home{ 
  							background-position: 0 -30px;
							}
					
				.tour{
					width: 41px;
					background-position: -51px 0;
					}
					
					.tour:hover{
						background-position: -51px -30px;
						}
						
					.tour:active{
						background-position: -51px -29px;
						}
						
						body#tour .tour{ 
  							background-position: -51px -30px;
							}
						
				.disc{
					width: 107px;
					background-position: -97px 0;
					}
					
					.disc:hover{
						background-position: -97px -30px;
						}
						
					.disc:active{
						background-position: -97px -29px;
						}
						
						body#discography .disc{ 
  							background-position: -97px -30px;
							}
							
				.medi{
					width: 47px;
					background-position: -209px 0;
					}
					
					.medi:hover{
						background-position: -209px -30px;
						}
						
					.medi:active{
						background-position: -209px -29px;
						}
						
						body#media .medi{ 
  							background-position: -209px -30px;
							}
							
				.blog{
					width: 41px;
					background-position: -261px 0;
					}
					
					.blog:hover{
						background-position: -261px -30px;
						}
						
					.blog:active{
						background-position: -261px -29px;
						}
						
						body#blog .blog{ 
  							background-position: -261px -30px;
							}
							
				.vide{
					width: 54px;
					background-position: -307px 0;
					}
					
					.vide:hover{
						background-position: -307px -30px;
						}
						
					.vide:active{
						background-position: -307px -29px;
						}
						
						body#videos .vide{ 
  							background-position: -307px -30px;
							}
							
				.phot{
					width: 62px;
					background-position: -367px 0;
					}
					
					.phot:hover{
						background-position: -367px -30px;
						}
						
					.phot:active{
						background-position: -367px -29px;
						}
						
						body#photos .phot{ 
  							background-position: -367px -30px;
							}
							
				
						
				



/* BLOGG */

#content{
	width: 610px;
	float: left;
	}
	
	#content hr{
		margin: 0 auto;
		margin-bottom: 20px;
		width: 95%;
		border: 0; 
		border-top: 1px dashed #cbcbcb;
		}
	
	#mediaplayer{
		padding: 4px;
		background: white;
		border: 1px solid #e2e2e2;
		margin-bottom: 35px;
		}
		
	h2.headertext{
		 border-bottom: 1px solid #cacaca;
		 margin-bottom: 15px;
		 font-weight: normal;
		 text-transform: uppercase;
		 padding-bottom: 3px;
		 color: #30261f;
		 font-size: 12.5px;
		 letter-spacing: 0.4px;
		 }
		 
		 h2.headertext span{
		 	display: none;
		 	}

.entry{
	margin: 0px 0 20px 0;
	}
	
		.frontpage{
			margin-bottom: 20px;
			}
		
	.entry h2{
		font-size: 26px;
		}
		
			.frontpage h2{
				font-size: 18px;
				}
		
		.entry h2 a{
			color: #672d82;
			}
			
			.entry h2 a:hover{
				background: #672d82;
				color: white;
				text-decoration: none;
				}
		
	.entry-time{
		color: #a2a2a2;
		font-size: 13px;
		margin-bottom: 15px;
		}
		
			.frontpage .entry-time{
				margin-bottom: 5px;
				font-size: 12px;
				}
	
	.entry-content{
		}
	
		.frontpage .entry-content p{
			margin-bottom: 10px;
			}
		
	.entry-tags{
		font-size: 11px;
		color: #5d5d5d;
		margin: 20px 0px;
		}
		
		.entry-tags a{
			color: #5d5d5d;
			}
			
			.entry-tags a:hover {
				background: #5d5d5d;
				color: white;
				text-decoration: none;
				}
		
	.entry-comments{
		float: left;
		}
		
		.entry-comments a{
			font-weight: bold;
			font-size: 13px;
			}
			
			.frontpage .entry-comments a{
				font-size: 13px;
				}
			
	
ul#sidebar{
	float: right;
	list-style-type: none;
	width: 317px;
	font-size: 12.5px;
	}

	ul#sidebar li{
		list-style-type: none;
		margin: 0 0px 40px 0px;
		}
		
		ul#sidebar li ul li{
			margin: 0 0 12px 0;
			padding: 0;
			}
			
						
		span.from-meta{
			display: none;
			}
			
		span.time-meta{
			display: block;
			font-size: 10px;
			margin-top: 2px;
			}
		
	ul#sidebar h2{
		border-bottom: 1px solid #cacaca;
		margin-bottom: 15px;
		font-weight: normal;
		text-transform: uppercase;
		padding-bottom: 3px;
		color: #30261f;
		font-size: 12px;
		letter-spacing: 0.4px;
		max-width: 317px;
		}
		
		ul#sidebar h2 a{
			color: #30261f;
			}
			
			li#text-3 h2{
				font-weight: bold;
				color: #801308;
				}
				
		 	li#flickrrss{
		 		margin-left: -18px;
		 		width: 335px;
		 		}
		 	
		 		li#flickrrss img{
		 			width: 65px;
		 			height: 65px;
		 			margin: 0 18px 10px 0;
		 			}
		 			
		 		li#flickrrss h2{
					text-indent: -9999px;
		 			background-image: url('images/headers/toneonflick.png');
		 			background-repeat: no-repeat;
		 			}
		 		
		 	.concerts{
		 		margin-bottom: 15px;
		 		}
		 		
		 	li#twitter-1 h2{
		 		text-indent: -9999px;
		 		background-image: url('images/headers/toneontwitter.png');
		 		background-repeat: no-repeat;
		 		}
		 		
		 	li#text-4 h2{
		 		text-indent: -9999px;
		 		background-image: url('images/headers/toneontour.png');
		 		background-repeat: no-repeat;
		 		}

		
/* FOOTER */

#footer{
	background: #672d82;
	height: 87px;
	color: white;
	margin-top: 100px;
	}
	
	#push{
		height: 87px;
		}
	
	#footer a{
		color: white;
		}
	
	#footerwrap{
		width: 960px;
		margin: 0 auto;
		font-size: 10px;
		}
		
		#footer span{
			padding-top: 40px;}

	

/* TJENESTER */

.tjenesterli{
	width: 935px;
	border-bottom: 1px solid #dbdbdb;
	padding: 40px 15px 30px 15px;
	display: table;
	position: relative;
	overflow: hidden;
	height: 100%;
	}
	
	.tjenesterli .image{
		width: 180px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		height: 100%;
		}
		
	.tjenesterli .text{
		width: 730px;
		float: left;
		height: 100%;
		}
		
		.tjenesterli .odd{
			float: right;
			}
	
		.tjenesterli:hover{
			background: #f8f8f8;
			}
			
	#tjenesterwrap{ 
		}
	
	#tjenesterwrap h3{
		font-size: 28px;
		}
		
		#tjenesterwrap p{
			color: #727272;
			line-height: 1.4em;
			font-size: 1.4em;
			}
		
	#tjenesterwrap p.intro{
		font-size: 18px;
		margin-top: 0px;
		color: black;
		}
	
		
		.last{
			border-bottom: none;
			}
		
.infobar{
	padding: 15px 30px;
	width: 920px;
	background: #d1f5ff;
	border: 1px solid #94e3ff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-top: 50px;
	}
		
	#infobar2{
		font-size: 18px;
		float: left;
		color: black;
		}



/* KOMMENTARER */	
	
.commentlist{
	list-style:none; 
	padding:0; 
	text-indent:0; 
	border-bottom: 1px solid #efefef;
	}
	
	.commentlist li{
		border-top: 1px solid #efefef;
		}
		
		.commentlist li:hover{
			 }

h3#comments{
	margin: 30px 0 20px 0;
	font-size: 20px;
	}
	
	h4{
		font-size: 13px;
		}
		
	#respond{
		}
	
	#respond h3{
		margin: 30px 0 20px 0;
		font-size: 20px;
		}
		
		#respond h4{
			font-weight: normal;
			}
			
		#respond p{
			margin-top: 4px;
			}
			
		#respond input{
			background: white;
			border-top: 1px solid #c5c5c5;
			border-right: 1px solid #f7f7f7;
			border-bottom: 1px solid #f7f7f7;
			border-left: 1px solid #c5c5c5;
			padding: 4px;
			font-size: 13px;
			}
			
		#respond textarea {
			background: white;
			border-top: 1px solid #c5c5c5;
			border-right: 1px solid #f7f7f7;
			border-bottom: 1px solid #f7f7f7;
			border-left: 1px solid #c5c5c5;
			padding: 4px;
			font-size: 13px;
			}
			

		#respond #submit1 { 
		background: url('images/submit.gif');
		width: 162px; 
		height: 41px;
		border: 0px;
    	text-decoration: none;
    	text-indent: -9999px;
    	margin-top: 10px;
    	cursor: pointer; cursor: hand;
    	display: block;
    	}
      
		#respond #submit1:hover { 
			background-position: 0 -41px;
			}
	
		#respond #submit1:active { 
			background-position: 0 -82px;
			}


ol.commentlist li { 
	
	}
	
.reply {
	float: right;
	font-size: 14px;
	}
	
.reply a{
	font-weight: normal;}
	
	
ol.commentlist li.alt {  }
ol.commentlist li.bypostauthor { }

ol.commentlist li.byuser { 
	
}

	

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment { 
		margin-bottom: 13px;
		
	
}

ol.commentlist li.comment div.comment-author {margin-top: 0px; padding-top: 5px; }

ol.commentlist li.comment div.vcard { 
	font-size: 15px;
}

ol.commentlist li.comment div.vcard cite.fn { 
	font-style: normal;
	font-weight: bold;
float: left; margin-right: 10px;
}

ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.vcard img.avatar { 
	border:1px solid #efefef; 
	float:left; 
	margin:-4px 15px 0 0;
	padding: 2px;
	background: white;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {
		margin-top: 0px;
	color: #b3af97; 
	font-weight: normal;
	font-size: 13px;
	padding-top: 2px;}

ol.commentlist li.comment div.comment-meta { 
	margin-top: 0px;
	color: #b3af97; 
	font-weight: normal;
	font-size: 13px;
	}
	
ol.commentlist li.comment div.comment-meta a { 
	color: #a2a2a2; 
	font-weight: normal;
	font-size: 12px;
	}
	
ol.commentlist li.comment div.comment-meta a:hover {  
	font-weight: normal;
	text-decoration: underline;
	background: none;
	}
	
ol.commentlist li.comment p { 
	margin: 15px 10px 5px 53px;
	}
	
ol.commentlist p { 
	font-size: 14px;	
	}
	
ol.commentlist li.comment ul { 
	list-style:square; 
	margin:0 0 1em 2em;
}



ol.commentlist li.comment div.reply { 
	height: 25px;
	margin-left: 60px;
	
	}
	
.comment-body{
		padding: 20px 0px;}
	
ol.commentlist li.comment div.reply a { font-size: 0.8em; margin-left: 5px; }
ol.commentlist li.comment ul.children { 
	list-style:none; margin:0px 0 0 0; 
	text-indent:0; padding-left: 20px;
	background-image: url('images/arrow.png'); 
	background-position: 4px 12px; 
 	background-repeat: no-repeat;
 	border-top: 1px solid #efefef;
 	}
ol.commentlist li.comment ul.children li {	margin-bottom: 0px;
	border: 0px;
}

ol.commentlist li.comment ul.children li .comment-body{
	padding-top: 7px;
	}
	
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {	margin-bottom: 13px;}
ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 { margin:13px 0 0px 15px;
 padding-top: 0px; 
 }
ol.commentlist li.comment ul.children li.depth-3 { margin:13px 0 0px 16px; }
ol.commentlist li.comment ul.children li.depth-4 { margin:13px 0 0 20px; }

ol.commentlist li.comment ul.children li.depth-5 {margin:13px 0 0 20px;}
ol.commentlist li.comment ul.children li.depth-6 {margin:13px 0 0 20px;}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {
 }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd { }


#avatar2{
	float: left;
	display: block;
	width: 65px;
	height: 120%;
	}
	
.last{
	margin-right: 0px;
	}
	
	
	
	
#author_page{
	}
	
	#author_page li{
		list-style-type: none;
		}
		
	#rightbar_small li{
		list-style-type: none;
		border-bottom: 1px solid #ebebeb;
		padding: 3px 0 5px 5px;
		height: 28px;
		}
		
		#rightbar_small img.avatar{
			padding: 4px;
			background: white;
			border: 1px solid #dcdcdc;
			-moz-border-radius: 2px;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			margin-bottom: 15px;
			}
			
		#rightbar_small h3{
			font-size: 14px;
			margin-left: 8derepx;
			}
	
	#author_page h1{
		font-size: 30px;
		}
		
		#author_page .tittel{
			color:#686868;
			font-size:16px;
			margin-bottom:15px;
			}