/*

Theme Name: Simple Organization

Theme URI: http://templates.arcsin.se/

Description: A simple and elegant theme suitable for organizations. Based on the <a href="http://templates.arcsin.se/simple-organization-website-template/">Simple Organization Website Template</a>.

Version: 1.01

Author: Viktor Persson

Author URI: http://arcsin.se/

Last updated: 2009-09-25

*/





/* 

   Reset

------------------------------------------------------------------- */



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

table {border-collapse: collapse; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

table, td, th {vertical-align: top;}


blockquote:before, blockquote:after, q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

a img {border: none;}

:focus {outline: 0;}





/* 

   General 

------------------------------------------------------------------- */



html {

	height: 100%;

	padding-bottom: 1px; /* force scrollbars */

}





body {

	background: #000;

	color:#CCCCCC;

	font-family: "Trebuchet MS", Verdana, sans-serif;

	font-size:11px;

}





/* 

   Layout 

------------------------------------------------------------------- */



/* Common */



div.bg

{

  background-image:url(img/bg.jpg);

  background-repeat:no-repeat;

  background-position:top;

  background-position:center;	

  height:470px;
  
  _padding-top:0px;
  
  _height:8px;

  font-size:12px;

  color:#CCCCCC;

  display: block;
  
  _display:inherit;
  
  margin-left: auto;

  margin-right: auto;

  vertical-align:top;

  margin-top:0px;

}


/*  HUVUDMENY  */


div.menu{
	position:absolute;
	width:620px;
	text-align:left;
	float:left;
	padding-top:-100px;
	padding-left:240px;
	margin-top:0px;


}


a.rollover {

	display: block;
	width: 61px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_home.png");
	float:left;
	
	}

a.rollover:hover {
	background-position: -62px 0;
	}


/*
a.news {
	display: block;
	width: 61px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_news.png");
	float:left;

	}

a.news:hover {
	background-position: -61px 0;
	}

*/
a.press {
	display: block;
	width: 61px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_press.png");
	float:left;

	}

a.press:hover {
	background-position: -61px 0;
	}



a.images {
	display: block;
	width: 61px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_images.png");
	float:left;

	}

a.images:hover {
	background-position: -61px 0;
	}


a.videos {
	display: block;
	width: 65px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_videos.png");
	float:left;

	}

a.videos:hover {
	background-position: -65px 0;
	}



a.merchandise {
	display: block;
	width: 110px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_merch.png");
	float:left;

	}

a.merchandise:hover {
	background-position: -115px 0;
	}





a.lyrics {
	display: block;
	width: 61px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_lyrics.png");
	float:left;

	}

a.lyrics:hover {
	background-position: -61px 0;
	}


a.contact {
	display: block;
	width: 82px;
	height: 27px;
	text-decoration: none;
	background: url("img/btn_contact.png");
	float:left;

	}

a.contact:hover {
	background-position: -82px 0;
	}





.displace {
	position: absolute;
	left: -5000px;
	}







#leftcol{

	

	float:left;

	width:400px;

	text-align:left;

	padding-left:20px;

	color:#CCCCCC;

	padding-right:10px;

}



#centercol{

	

	float:left;

	width:300px;

	height:230px;



}

#rightcol{



	float:left;

	width:210px;



	text-align:left;

	color:#CCCCCC;



}


#listen{
	margin-top:50px;
	margin-left:30px;
}

#mp3player{
}


/*

#middlesection{

		

		width:940px;
		
		background-color:#181818;

		background-image:url(img/bg_middle.png);

		background-position:center;

		background-position:top;

}

*/



#site-wrapper {

	margin: 0 auto;

	width:960px;

	

}







#wrapper {

	


	
	width:100%px;


	background-image:url(img/bg_middle.png);
	
	background-color:#000;
	
	background-position:center;

	padding-left:30px;

	padding-right:18px;
	


	

}



#middlebg{
	
	background-repeat:no-repeat;
	background-position:top;
}

/* Splash */

#splash{
	background-image:url(img/splaschBG.jpg);
	_height:520px;
	height:270px;

	
	
}


/* Header */



div.header {

height:440px;

text-align:right;

_margin-top:0px;

_vertical-align:top;



}



div.soc {

padding-right:40px;
margin-left:740px;
margin-top:320px;
position:absolute;
float:right;

}

/* Top */



#top {
	padding-bottom: 32px;
}



/* Navigation */



.navigation a {

	color: #888;

	text-decoration: none;

}

.navigation a:hover {color: #002;}

.navigation li.current-tab a,.navigation li.current_page_item a  {color: #222;}



#main-nav li:first-child, #sub-nav li:first-child {margin-left: 0;}





/* Main navigation */



#main-nav {padding-top: 72px;}

#main-nav li {margin: 0 1.5em;}

#main-nav a {

	font-size: 1.8em;

	line-height: 2em;

	padding-bottom: 2px;

}

#main-nav li.current-tab a {color: #333;}

#main-nav a:hover {color: #002;}

#main-nav li.current-tab a {border-bottom: 2px solid #94CC5F;}





/* Subnav */



#sub-nav {

	border-bottom: 1px solid #DDD;

	padding: 12px 0;

}

#sub-nav a {

	font-size: 1.2em;

	text-decoration: none;

}

#sub-nav li {margin: 0 1em;}

#sub-nav li.current-tab a {font-weight: bold;}





/* Main  */



.main {margin: 24px 0;}

.main#main-two-columns {background: url('img/main-two-columns.png') repeat-y right top;}

.main#main-two-columns-left {background: url('img/middlebg.png') repeat-y left top;}

.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {width: 620px;}





/* Sidebar */



#sidebar {width: 220px;}





/* Columns */



.col3, .col3-mid {width: 20%;}

.col3-mid {margin-left: 3%;}





/* Sections */



.section {margin-bottom: 24px;}

.section-title {


	
	color:#666666;
	text-align:left;

	font: bold 1.2em sans-serif;

	margin-bottom: 5px;

	

}

#sidebar .section-title {margin-bottom: 5px;}





/* Floats */   



.left,.alignleft {float: left;}

.right,.alignright {float: right;}



.clear,.clearer {clear:both;}

.clearer {

	display: block;

	font-size: 0;

	line-height: 0;

	

}









/* Footer */





#footer {

 

  	

	margin-top:-25px;

	 background-image:url(img/bg_footer.jpg);

	 background-position:center;

	 background-position:top;

	 background-repeat:no-repeat;



	color: #666;

	padding: 16px 20px 4px;

	height:87px;

	text-align:center;



}



#footerinfo{

	text-align:center;

	width:600px;

	padding-left:180px;

	.padding-left:0px;

	

	

}



#footer a:hover{color: #fff;}

#footer a {color: #999;}





#madeby{



	margin-top:-25px;

	color: #333;

	padding: 16px 20px 4px;

	height:87px;

	text-align:center;

	

}

#madeby a

{	

	color:#666;

}



/* 

   WordPress Captions 

------------------------------------------------------------------- */



.wp-caption {

   border: 1px solid #DDD;

   text-align: center;

   /*background-color: #F9F9F9;*/

   padding-top: 4px;

   margin-top: 10px;

   margin-bottom: 10px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 0.9em;

   padding: 4px;

   margin: 0;

}







/* 

   Misc overriding classes

------------------------------------------------------------------- */



/* Border */



.noborder {border: 0;}

.notborder {border-top: 0;}

.norborder {border-right: 0;}

.nobborder {border-bottom: 0;}

.nolborder {border-left: 0;}



/* Margin */



.nomargin {margin: 0;}

.notmargin {margin-top: 0;}

.normargin {margin-right: 0;}

.nobmargin {margin-bottom: 0;}

.nolmargin {margin-left: 0;}



/* Padding */



.nopadding {padding: 0;}

.notpadding {padding-top: 0;}

.norpadding {padding-right: 0;}

.nobpadding {padding-bottom: 0;}

.nolpadding {padding-left: 0;}





/* 

   IE Fixes (zzz)

------------------------------------------------------------------- */



* html .navigation, * html #footer, * html #splash, * html .comment ul, * html .archive-pagination {height: 0.01%;}

.navigation, #splash, .comment ul, .archive-pagination {min-height: 0.01%;}

* html #footer-left {width: 500px;}



/* 

   Typography 

------------------------------------------------------------------- */



/* Headings */



h1,h2,h3,h4,h5,h6 {

	color:#666666;

	font-weight: bold;
text-align:left;


}

h4,h5,h6 {font-weight: bold;}



h1 {font-size: 1.9em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.5em;}

h4 {font-size: 1.25em;}

h5 {font-size: 1.1em;}

h6 {font-size: 1em;}



h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}





/* Links */



a:focus,a:hover {color:#FF0000;}

a {

	color:#7b1714;

	text-decoration: none;

}

a:hover {text-decoration: underline;}



a.feed {

	background: url('img/icon-feed.gif') no-repeat left center;

	padding-left: 18px;

}

a.more {

	color: #579;

	font-weight: bold;

}

a.more:hover {color: #234;}





/* Text elements */



p {margin-bottom: 1em;}



abbr, acronym {border-bottom: 1px dotted #666;}

address {margin-bottom: 1.5em;}

blockquote {margin: 1.5em;}

del, blockquote { color:#666; }

em, dfn, blockquote, address {font-style: italic;}

strong, dfn {font-weight: bold;}

sup, sub {line-height: 0;}



pre {

	margin: 1.5em 0;

	white-space: pre;

}

pre,code,tt {

	font: 1em monospace;

	line-height: 1.5;

}





/* Lists */



li ul, li ol {margin-left: 1.5em;}

ul, ol {margin: 0 0 1.5em 1.5em;}



ul {list-style-type: disc;}

ol {

	list-style-type: decimal;

	margin-left: 1.9em;

}



dl {margin: 0 0 1.5em 0;}

dl dt {font-weight: bold;}

dd {margin-left: 1.5em;}





/* Special lists */



ul.plain-list li, ul.nice-list li, ul.tabbed li, .widget ul li {

	list-style: none;

	margin-top: 0;

}



ul.tabbed {

	display: inline;

	margin: 0;

}

ul.tabbed li {float: left;}



ul.plain-list {margin: 0;}



ul.nice-list, .widget ul {margin-left: 0;}

ul.nice-list li, .widget ul li {

	border-top: 1px dotted #333;

	list-style: none;

	padding: 4px 0;

}

ul.nice-list li:first-child, .widget ul li:first-child {border-top: none;}

ul.nice-list li .right, .widget ul li .right {color: #999;}





/* Tables 

table {margin-bottom: 1.4em; width: 100%;}

table {margin-bottom: 1.4em; width: 100%;}

th {font-weight: bold;}

thead th {background: #C3D9FF;}

th,td,caption {padding: 4px 10px 4px 5px;}

tr.even td {background: #F2F6FA;}

tfoot {font-style: italic;}

caption {background: #EEE;}



table.data-table {

	border: 1px solid #CCB;

	margin-bottom: 2em;

	width: 100%;

}

table.data-table th {

	background: #F0F0F0;

	border: 1px solid #DDD;

	color: #555;

	text-align: left;

}

table.data-table tr {border-bottom: 1px solid #DDD;}

table.data-table td, table th {padding: 10px;}

table.data-table td {

	background: #F6F6F6;

	border: 1px solid #DDD;

}

table.data-table tr.even td {background: #FCFCFC;}

*/



/* Misc classes */



.small {font-size: 0.9em;}

.smaller {font-size: 0.8em;}

.smallest {font-size: 0.7em;}



.large {font-size: 1.15em;}

.larger {font-size: 1.25em;}

.largest {font-size: 1.35em;}



.hidden {display: none;}



.quiet, .quiet a {color: #999;}

.loud, .loud a {color: #000;}

.highlight, .highlight a {background:#ff0;}



.text-left {text-align: left;}

.text-right {text-align: right;}

.text-center {text-align: center;}

.text-separator {padding: 0 5px;}



.error, .notice, .success {

	border: 1px solid #DDD;

	margin-bottom: 1em;

	padding: 0.6em 0.8em;

}



.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}

.error a {color: #8A1F11;}



.notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}

.notice a {color: #514721;}



.success {background: #E6EFC2; color: #264409; border-color: #C6D880;}

.success a {color: #264409;}





/* 

   Forms 

------------------------------------------------------------------- */



label {

	cursor: pointer;

	font-weight: bold;

}

label.checkbox, label.radio {font-weight: normal;}

legend {

	font-weight: bold;

	font-size: 1.2em;

}

textarea {overflow: auto;}

input.text, textarea, select {

	background: #FCFCFC;

	border: 1px inset #AAA;

	margin: 0.5em 0;

	padding: 4px 5px;

}

input.text:focus, textarea:focus, select:focus {background: #FFFFF5;}



input.button {

	background: #DDD;

	border: 1px outset #AAA;

	padding: 4px 5px;

}

input.button:active {border-style: inset;}





/* Specific */



form .required {font-weight: bold;}



.form-error {border-color: #F00;}

.form-row {padding: 5px 0;}

.form-row-submit {

	border-top: 1px solid #DDD;

	padding: 8px 0 10px 76px;

	margin-top: 10px;

}

.legend {

	
	font-size: 1.5em;
	text-align:center;

	margin: 0;

	padding: 8px 14px;

}

.form-property, .form-value {float: left;}

.form-property {

	padding-top: 8px;

	text-align: right;

	width: 60px;

}

.form-value {padding-left: 16px;}

.form-error {border-color: #F00;}







/* 

   Alignment 

------------------------------------------------------------------- */



/* General */



.center,.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}





/* Images */



img.bordered,img.alignleft,img.alignright,img.aligncenter {

	/*background-color: #FFF;*/



	padding: 3px;

}

img.alignleft, img.left {margin: 0 1.5em 1em 0;}

img.alignright, img.right {margin: 0 0 1em 1.5em;}









/* 

   Separators 

------------------------------------------------------------------- 



.content-separator, .archive-separator {

	background: #E5E5E5;

	clear: both;

	color: #FFE;

	display: block;

	font-size: 0;

	line-height: 0;

	height: 1px;	

}

.content-separator {margin: 32px 0;}

.archive-separator {margin-bottom: 20px;}

*/



/* 

   Posts 

------------------------------------------------------------------- */



.post {margin-bottom: 20px;}



.post img.left, .post img.right {margin-bottom: 0;}



.post-date {

	color: #777;

	margin: 2px 0 10px;

}

.post-date a {color: #444;}



.post-meta a {color: #345; }

.post-meta a:hover {color: #001;}



.post-body a {color:#7b1714;}

.post-body a:hover {color:#990000;}



.post-body img.left, .post-body img.right {margin-bottom: 1em;}





/* Pagination */



.pagination .left, .pagination .right {width: 125px;}

.pagination .right {text-align: right;}



.pagination {

	color: #777;

	padding: 10px 0;

}

.pagination-top {

	border-bottom: 2px solid #DDD;

	margin-bottom: 24px;

}

.pagination-bottom {

	border-top: 2px solid #DDD;

	margin-top: 24px;

}



/* Archives */



.archive-post-date {

	/*background: #F5F5F5;*/

	border-bottom: 1px solid #C5C5C5;

	

	float: left;

	margin-right: 12px;

	padding: 2px 0 5px;

	text-align: center;

	width: 46px;

}

.archive-post-title .post-date {margin: 0;text-align:left;}

.archive-post-title {padding-top: 4px;text-align:left;}

.archive-post-day {font: normal 1.6em Georgia,serif;}





/* 

   Comments 

------------------------------------------------------------------- */



.comment-input-text textarea {width: 80%;}



/* Comment list */



.comment-list-wrapper {

	margin: 10px 0 0;

	padding: 5px 12px 10px 7px;

}

.comment-list {

	margin: 0;

	padding: 0;

}

.comment-list li {list-style: none;}

.comment-list ul {margin-bottom: 0;}



.comment-profile-wrapper {

	text-align: center;

	width: 105px;

}



.comment-gravatar {margin-bottom: 3px;}



.comment-content-wrapper {

	float: right;

	width: 481px;

}



.comment-parent, .comment-single {margin-top: 15px;}



.comment-list ul.children, #comments #respond ul {

	

	margin: 0 0 0 130px;

}

.comment-list ul.children ul.children {margin-left: 15px;}



.comment-list ul.children li {

	background: url('img/comment-reply.gif') no-repeat left top;

	margin: 0;

	padding: 10px 0 0 15px;

}



.comment-body {

	border: 1px solid #333;

	padding: 10px 12px 0;

}



.comment-author {padding-top: 2px;}



.comment-text p {margin-bottom: 0.8em;}



.comment .post-date, .comment-author {font-size: 0.9em;}

.comment .post-date .right a {color: #BBB;}

.comment .post-date .right a:hover {color: #234;}



.comment-arrow {

	background: url('img/comment-arrow.gif') no-repeat left top;

	display: block;

	float: left;

	height: 45px;

	margin: 3px 0 -45px -41px;

	position: absolute;

	width: 29px;

}



/* Respond */



#respond li {list-style: none;}

#respond {



	padding: 10px 12px;

}

#respond ul {margin: 0;}

#respond .legend {margin-bottom: 10px;}



#comments #respond {padding: 0;}

#comments #respond .legend {

	border-bottom: 0;

	margin-bottom: 0;

}

#comments #respond ul {

	background: url('img/comment-reply.gif') no-repeat left top;

	padding: 10px 0 0 15px;

}

#comments ul.children #respond ul {

	margin-left: 30px;

	padding: 0;

}



#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow {display: none;}

#comments #respond .comment-content-wrapper {

	float: none;

	width: 100%;

}





/* 

   Layout 

------------------------------------------------------------------- */



/* Common */









/* Wrapper */









/* Header */



div.header {padding-top: 24px;}





/* Top */



#top {padding-bottom: 32px;}









/* Navigation */



.navigation a {

	color: #888;

	text-decoration: none;

}

.navigation a:hover {color: #002;}

.navigation li.current-tab a,.navigation li.current_page_item a  {color: #222;}



#main-nav li:first-child, #sub-nav li:first-child {margin-left: 0;}





/* Main navigation */



#main-nav {padding-top: 72px;}

#main-nav li {margin: 0 1.5em;}

#main-nav a {

	font-size: 1.8em;

	line-height: 2em;

	padding-bottom: 2px;

}

#main-nav li.current-tab a {color: #333;}

#main-nav a:hover {color: #002;}

#main-nav li.current-tab a {border-bottom: 2px solid #94CC5F;}





/* Subnav */



#sub-nav {

	border-bottom: 1px solid #DDD;

	padding: 12px 0;

}

#sub-nav a {

	font-size: 1.2em;

	text-decoration: none;

}

#sub-nav li {margin: 0 1em;}

#sub-nav li.current-tab a {font-weight: bold;}





/* Main */



.main {margin: 24px 0;}

/*.main#main-two-columns {background: url('img/main-two-columns.gif') repeat-y right top;}*/

.main#main-two-columns-left {

	/*background: url('img/main-two-columns-left.gif') repeat-y left top;*/

	}

.main#main-two-columns #main-content, .main#main-two-columns-left #main-content {

	width: 620px;

	}



















/* 

   Misc overriding classes

------------------------------------------------------------------- */



/* Border */



.noborder {border: 0;}

.notborder {border-top: 0;}

.norborder {border-right: 0;}

.nobborder {border-bottom: 0;}

.nolborder {border-left: 0;}



/* Margin */



.nomargin {margin: 0;}

.notmargin {margin-top: 0;}

.normargin {margin-right: 0;}

.nobmargin {margin-bottom: 0;}

.nolmargin {margin-left: 0;}



/* Padding */



.nopadding {padding: 0;}

.notpadding {padding-top: 0;}

.norpadding {padding-right: 0;}

.nobpadding {padding-bottom: 0;}

.nolpadding {padding-left: 0;}





/* 

   IE Fixes (zzz)

------------------------------------------------------------------- */



* html .navigation, * html #footer, * html #splash, * html .comment ul, * html .archive-pagination {height: 0.01%;}

.navigation, #splash, .comment ul, .archive-pagination {min-height: 0.01%;}

* html #footer-left {width: 500px;}