/*
Theme Name: Tónaslóð
Theme URI: http://birkir.is
Description: Útlit með Grunge-style border.
Author: Birkir Brynjarsson
Author URI: http://birkir.is
*/

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

body {
	background-color: #EEE;
	font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
}

/*	STRUCTURE	*/

#page-wrap {
	width: 955px;
	position: relative;
	margin: 10px auto;
	border: 1px solid #CCC;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

#header {
	position: relative;
	height: 160px;
	background: url(style/images/wrap-bg.jpg) top center no-repeat #FFF;
	width: 955px;
	float: left;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;

}

#content-wrap {
	background: url(style/images/content-bg.jpg) top center repeat-y;
	width: 955px;
}

#sidebar {
	float: left;
	width: 220px;
	margin: 20px 0 0 60px;
}

#sidebar-border {
	background: url(style/images/sidebar3.jpg) top right no-repeat;
	float: left;
	width: 60px;
	height: 540px;
	margin-right: 10px;
}

div#main-content {
	margin: 30px 0 0 10px;
	width: 520px;
	float: left;
}

div#main-content-single {
	margin: 20px 60px 0 60px;
	width: 835px;
	float: left;
}

#foot-bg {
	background: url(style/images/wrap-bg.jpg) bottom center no-repeat;
	height: 243px;
	position: relative;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px; 	
}

#footer {
	margin: 10px;
}

/* HEADER */
	
a#logo {
	position: absolute; top: 29px; left: 37px;
	display: block;
	text-indent: -9999px;
	width: 202px;
	height: 125px;
	background: url(style/images/logo.png) top center no-repeat;
}

a#header_name {
	position: absolute; top: 50px; left: 284px;
	display: block;
	text-indent: -9999px;
	width: 621px;
	height: 55px;
	background: url(style/images/header.png) top center no-repeat;
}

div#flash-header {
	position: absolute; left: 274px; top: 27px;	
}

/* NAVIGATION */

div#nav-box {
	float: right;
	width: 640px;
	margin-right: 40px;
	margin-top: 113px;
	position: relative;
}	

ul#nav { }

	ul#nav li { display: inline; }
	
		ul#nav li a { display: block; height: 40px; text-indent: -9999px; float: left; background-image: url(style/images/nav/navigation.jpg); background-color: #FFF; background-repeat: no-repeat; }
		
		ul#nav li.home a { width: 63px; background-position: -10px -90px; }
			ul#nav li.home a:hover { background-position: -10px -10px; }
				body.home ul#nav li.home a { background-position: -10px -10px; }
			
		ul#nav li.bands a { width: 198px; background-position: -10px -230px; }
			ul#nav li.bands a:hover { background-position: -10px -150px; }
						body.bands ul#nav li.bands a { background-position: -10px -150px; }

			
		ul#nav li.about a#about-nav { width: 114px; background-position: -10px -370px; }
			ul#nav li.about a#about-nav:hover { background-position: -10px -290px; }
				body.about ul#nav li.about a#about-nav { background-position: -10px -290px; }
			
				ul#nav li.about ul#sub-nav-about { display: none; position: absolute; top: 40px; left: 180px; }
				body.about ul#nav li.about ul#sub-nav-about { display: block; z-index: 50; }
				ul#nav li.about:hover ul#sub-nav-about { display: block; z-index: 100; }
					ul#sub-nav-about li.service a { width: 106px; background-position: -10px -772px; }
						ul#sub-nav-about li.service a:hover { background-position: -10px -708px; }
							body.service ul#sub-nav-about li.service a { background-position: -10px -708px; }
					ul#sub-nav-about li.reglur a { width: 79px; background-position: -10px -888px; }
						ul#sub-nav-about li.reglur a:hover { background-position: -10px -824px; }
							body.reglur ul#sub-nav-about li.reglur a { background-position: -10px -824px; }
					ul#sub-nav-about li.hellirinn a { width: 94px; background-position: -10px -1004px; }
						ul#sub-nav-about li.hellirinn a:hover { background-position: -10px -940px; }
							body.hellirinn ul#sub-nav-about li.hellirinn a { background-position: -10px -940px; }
					ul#sub-nav-about li.studio a { width: 70px; background-position: -10px -1120px; }
						ul#sub-nav-about li.studio a:hover { background-position: -10px -1056px; }
							body.studio ul#sub-nav-about li.studio a { background-position: -10px -1056px; }											

				
		ul#nav li.gallery a#gallery-nav { width: 107px; background-position: -10px -510px; }
			ul#nav li.gallery a#gallery-nav:hover { background-position: -10px -430px; }
				body.gallery ul#nav li.gallery a#gallery-nav { background-position: -10px -430px; }
			
			ul#nav li.gallery ul#sub-nav-gallery { display: none; position: absolute; top: 40px; left: 120px; }
			body.gallery ul#nav li.gallery ul#sub-nav-gallery {	display: block; z-index: 50; }
			ul#nav li.gallery:hover ul#sub-nav-gallery { display: block; z-index: 100; }
				ul#sub-nav-gallery li.myndir a { width: 310px; background-position: 220px -1236px; }
					ul#sub-nav-gallery li.myndir a:hover { background-position: 220px -1172px; }
						body.myndir ul#sub-nav-gallery li.myndir a { background-position: 220px -1172px; }
				ul#sub-nav-gallery li.myndbond a { width: 160px; background-position: -10px -1352px; }
					ul#sub-nav-gallery li.myndbond a:hover { background-position: -10px -1288px; }
						body.myndbond ul#sub-nav-gallery li.myndbond a { background-position: -10px -1288px; }

						
		ul#nav li.contact a { width: 158px; background-position: -10px -650px; }
			ul#nav li.contact a:hover { background-position: -10px -570px; }
				body.contact ul#nav li.contact a { background-position: -10px -570px; }

/* SUB-NAVIGATION */

ul#sub-nav-about, ul#sub-nav-gallery {

}
	ul#sub-nav-about li, ul#sub-nav-gallery li {

	}
		ul#sub-nav-about li a, ul#sub-nav-gallery li a {
			height: 32px;
			display: inline;
		}
		
		
		
/* MAIN CONTENT */

div.post {

}

p.tagline { font-style: italic; color: #666; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; text-align: center; font-size: 13px;}
body.about div.post { padding-top: 5px; }
.post li { list-style: circle; margin-bottom: 5px;}

/* SIDEBAR */

.image-hus {
	float: left;
	margin: 0 0 10px 5px;	
}

ul#cyclelist {
	list-style: none;
	position: relative;
}

ul#cyclelist li {
	opacity:0;
	font-family: Georgia, serif;
	font-style: italic;
	text-align: center;
	position: absolute; top: 190px; left: 10px;
}

#sidebar h4 { text-align: center; border-bottom: 1px dashed #AAA; padding-bottom: 3px; }
ul.sidebar-list { text-align: center;}

h2.sidebar-title { display: block; width: 220px; padding: 5px 0px 5px 55px; font-variant: small-caps; border-bottom: 1px dashed #666; position: relative; left: -61px; }

.sidebar-box {}

/* FOOTER */

ul#support {
	position: absolute; top: 100px; left: 150px;
}

ul#support li {
	display: inline;
	margin: 0px 25px;
}

#footer p {
	text-align: center;
	font-size: 0.9em;
	color: #444;
}

/* UTILITIES */

cite {
	font-style: italic;
	font-family: Garamond;
	color: #222;
	font-size: 1.0em;
}

.image-box {
	
}

.clear {
	clear: both;
}

.hidden { display: none; }

label {
	float: left;
	clear: both;
}

input {
	float: left;
	clear: both;
	margin-bottom: 15px;
}

textarea {
	float: left;
	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
}

.button {
	border: 1px solid #272727;
	background: white; 
	padding: 3px 8px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	color: #333;
}
.button:hover {
	background: #AAA;
	color: white;
}

#myndbond {
	margin: 20px 0 0 80px;
}

#myndir {
	margin: 20px 0 0 30px;
}

.img-border { padding: 5px; border: 1px solid #AAA; }

div.video { text-align: center; border-bottom: 1px dashed #AAA; padding: 20px;  }

/* BAND-BOX-NAVIGATION */

ul#hljomsveitirnar {
}

ul#hljomsveitirnar li {
	display: inline;	
}

	ul#hljomsveitirnar li a {
		display: block;
		float: left;
		text-indent: -9999px;
		margin: 10px;
		height: 108px; width: 108px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		background-color: #EEE;
		border: 1px dashed #AAA;
	}
		ul#hljomsveitirnar li a.agent-fresco { background: url(style/images/bands/agentfresco.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.angist { background: url(style/images/bands/angist.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.bloodgroup { background: url(style/images/bands/bloodgroup.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.carpe-noctem { background: url(style/images/bands/carpenoctem.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.johnnyrest { background: url(style/images/bands/johnnyrest.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.quadruplos { background: url(style/images/bands/quadruplos.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.mdm { background: url(style/images/bands/mdm.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.momentum { background: url(style/images/bands/momentum.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.severed-crotch { background: url(style/images/bands/severed_crotch.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.stinni { background: url(style/images/bands/stinni.png) center center no-repeat #EEE; }
		ul#hljomsveitirnar li a.who-knew { background: url(style/images/bands/whoknew.png) center center no-repeat #EEE; }

ul#hljomsveitirnar li a:hover {	background-color: #CCC; }

/* BAND PAGES */

#bandpage h2 { border-bottom: 1px dashed #CCC; font-variant: small-caps; font-size: 2.0em; }
#bandpage h4 { font-variant: small-caps; }
#bandpage li { list-style: none; }
#bandpage ul { margin-bottom: 10px;}
#bandpage object { padding: 10px 0; border-bottom: 1px dashed #CCC; border-top: 1px dashed #CCC; margin-left: 10px; }

span.band-info { font-family: Garamond, serif; font-weight: bold; font-size: 1.1em; color: #990000; text-transform: capitalize;}

/* BAND SIDEBAR */

ul#band-nav li {
	font-variant: small-caps;
	padding: 5px;
	text-align: center;
}
	ul#band-nav li:hover {
		list-style: square;
	}
	ul#band-nav li a {
		color: #444;
	}
	ul#band-nav li a:hover {
		color: #000;
	}

span.sidebar-band-title {
	margin: 5px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px dashed #CCC;
}
	
/* CONTACT FORM */

div#contact-form {
	margin-left: 20px;
}

div#contact-form input {
	float: none;
	width: 150px;
	margin-bottom: 10px;
	margin-top: 5px;
}

div#contact-form textarea {
	float: none;
	margin-bottom: 0px;
}