/*   
Theme Name:jQ
Theme URI:http://devolux.org/jq
Description:Exclusively designed for Nummirock Heavy Metal Festival Demosetä. Not for public use. Based on jQ theme. DO NOT UPDATE/UPGRADE. THERE IS ONLY 1.0 VERSION FROM THIS THEME. 
Author:Jussi Panula
Author URI:http://www.buumimedia.fi/
Version:1.0
Tags:two/three-columns, fixed-width
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/


/*       ###############################
         BASIC TAGS
         ############################### */

* {margin:0; padding:0;}
.hide {
  display:none;
}
body {
  font:normal 10px Verdana; color:#666; 
  background-color:#000000;	
  padding-bottom:0px;
}
img#facebook-link-image-header { /* -- This is the image that shows linking to FB */
 	
}
body.single {
	background-color:#000000;
	background-image: url(img/bg_stage_big_singlepost_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.page {
	background-color:#000000;
	background-image: url(img/bg_wallpaper_flowers_big_1.gif);
	background-repeat: repeat;
	background-position: center top;
}
body.category {
	background-color:#000000;
	background-image: url(img/bg_stage_big_singlepost_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body.single #left{
	width:100%;
	position:relative;
}
body.single #left .tag-link{
	display:none;
}
body.single #single-post-the-post {
	padding-top:1px;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	
	/*background-image:url('img/bg-paper-single-post_1.jpg');*/
}
body.single #single-post-bottom {
	padding-top:10px;
	width:100%;
}
body.single #left .single-post-comment, body.single #left .single-post-comment-clear{
	margin:5px 15px;
	width:270px;
	float:left;
	padding:10px;
	/*background-color:#b2aa97;*/
	background-image:url(img/bg_comment-paper_1.jpg);
	position:relative;
}
body.single #left .single-post-comment-clear{
	clear:left;
}
body.single #left #single-post-comment-commentbox{
	float:left;
	color:#ebe9e3;
	background-image:url(img/bg_comment-paper_2.jpg);
}
body.single #left #single-post-comment-commentbox #fbc_login a{
	position:relative;
	left:35px;
}
body.single #left #single-post-comment-commentbox #fbc_login a:hover{
	left:36px;
	top:1px;
}
body.single #left #single-post-comment-commentbox #login-button a{
	position:relative;
	left:50px;
	bottom:15px;
}
body.single #left #single-post-comment-commentbox #login-button a:hover{
	position:relative;
	left:51px;
	bottom:14px;
}


body.single #left .single-post-sidebar{
	width:240px;
	padding-top:40px;
	padding-right:30px;
	float:right;
	display:none;
}


h1, h2, h3, h4, h5, h6 {margin:0px 0 0 0;}
p {margin:0px 0px 20px 0px;}
.single_content p {font-size:80%;}
a {outline:none; text-decoration:none; color:#8a8a8a;}
a:hover {color:#513e29;}
a img {border:none;}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#outline {width:960px; margin:0 auto;}

div#nav {position:relative; bottom:110px; z-index:2; width:960px; height:38px; /*background:url(img/nav.png);*/ background-color:#000000;}
div#content {clear:both; z-index:3; width:960px; padding:0px 0px 0 0px; }

div#left {width:710px; margin:0; line-height:1.8; float:left; padding:0 0px 0px 0; position:relative; z-index:5;}
body.category div#left {width:100%;}
div#right {width:200px; margin:0; float:right; padding:20px 30px 30px 0px; position:relative; z-index:5;}

p#toggle-all {float:right; width:100px; margin:0; padding:0;}

div.headline {margin:30px 20px 0 25px;}
div.excerpt {padding:0 0 5px 0; border:dotted 0px #ccc; margin:0 0 0 20px;}
div.post-single {margin:0 0 20px 0;}

#single-post-the-post .staple-1 {
      position:absolute;
      left:-10px;
      float:left;
}
#single-post-the-post .staple-2 {
      position:absolute;
      right:0px;
      float:right;
}
#single-post-the-post .staple-3 {
      position:absolute;
      left:-10px;
      bottom:10px;
      float:left;
}
#single-post-the-post .staple-4 {
      position:absolute;
      right:10px;
      bottom:10px;
      float:right;
}
#single-post-bottom .staple-on-white-2 {
      position:absolute;
      right:0px;
      float:right;
}
#single-post-bottom .staple-on-white-1 {
      position:absolute;
      left:-10px;
      float:left;
}
#single-post-bottom .staple-on-white-3 {
      position:absolute;
      right:10px;
      bottom:10px;
      float:right;
}
#single-post-bottom .staple-on-white-4 {
      position:absolute;
      left:-10px;
      bottom:10px;
      float:left;
}

.preview-article {float:right; color:#323232; padding-right:20px; font-size:90%;}

div.preview {float:right; background:url(img/preview2.png) no-repeat; margin:15px 0 0 0;}
div.preview2 {float:right; background:url(img/preview2.png) no-repeat 0px -20px; margin:15px 0 0 0;}
div.preview a {display:block; width:20px; height:20px; color:#ccc !important; font:normal 14px Verdana, serif;}

div.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#fff; -moz-border-radius:5px;}

div.single_content {
     clear:both;
     padding-top: 0px;
     padding-right: 30px;
     padding-bottom: 0px;
     padding-left: 22px;
}
div.bookmarks {text-align:right; float:right;}

div#appendix {
	clear:both;	
	width:100%;
	padding:10px 0px 40px 0px;
	margin:0;
}

div#appendix .rating-widget .postings-list-posting {
	position:relative;
	padding-top:12px;
	padding-bottom:2px;
	font-size:90%;
}

div#appendix .rating-widget .postings-list-posting .band-name{
	padding-bottom:2px;
}
div#appendix .rating-widget .postings-list-posting .rating-stars{
	float:right;
	position:relative;
	right:0px;
	bottom:14px;
}

div#appendix .rating-widget .postings-list-posting .rating-text{
	font-size:100%;
	color:#5d5d5d;
	text-align:left;
}
#single-post-bottom .thumblock{
	display:inline;
	position:relative;
	right:0px;
	height:50px;
	width:50px;
	margin-right:6px;
	border:solid 3px #a79b8a;
	float:right;
	text-align:center;
	background-color:#a79b8a;
}
#single-post-bottom .thumblock .gdt-classica-custom-dark { /*---- for the thumbs*/
	margin-left:5px;
}
#single-post-bottom .thumblock .ratingtext{
	font-size:100%;
	text-align:center;
	display:block;

}
#single-post-bottom .thumblock .comment-rating-number{
	float:right;
	width:50px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	color:#d7cdbf;
	font-size:180%;
	font-family:Georgia,Garamond,serif;
}
#single-post-bottom .voted {
 	font-size: 100%;
 	font-weight: normal;
 	color:#6f6f6f;
}


div.app_widget { width:254px; padding:0px 26px 0px 30px;}
div#appendix div.app_widget {padding-top:20px; border:0; width:254px;}
   #app_widget_left     {padding-left: 30px; padding-right:36px; float:left;}
   #app_widget_center   {padding-left: 33px; padding-right:33px; float:left;}
   #app_widget_right    {padding-right:30px; padding-left:0px; float:right;}
   #app_widget_right ul   {font-size:90%; list-style:none;}

#app_widget_left .textwidget     {
     padding-top:10px;
     font-size:90%;
}


#footer-text-area {
       float:left;
       padding-bottom:20px;
       text-align:center;
       color:#313131;
       clear:both;
}
#footer-text-area p{
       padding-left:30px;
       padding-right:30px;
       clear:both;
}
#footer-text-area-menu-right {
       font-family:garamond, georgia;
       font-size:200%;
       padding-bottom:20px;
       float:right;
}
#footer-text-area-menu-right a{
       padding-right:30px;
       color:#97927f;
}
#footer-text-area-menu-right a:hover{
       color:#ffffff;
}
#footer-text-area-menu-left {
       font-family:garamond, georgia;
       font-size:150%;
       padding-bottom:20px;
       float:left;
}
#footer-text-area-menu-left a{
       color:#97927f;
       padding-left:30px;
}
#footer-text-area-menu-left a:hover{
       color:#ffffff;
}


/*       ###############################
         NAVIGATION
         ############################### */

div#nav ul {float:left; margin-left:30px; list-style:none;}

div#nav li {/*float:left;*/}
div#nav li a {display:block; margin:0; padding:10px 16px; color:#6e5943; text-decoration:none; font:italic 14px Georgia, serif; border-left:1px solid #222;}
div#nav li a:hover {background:#101010; color:#88715a; text-decoration:underline; }

ul#mail_rss a {text-decoration:underline !important;}

/*       ###############################
         WIDGETS
         ############################### */

.widget {border:0px solid #795e50;  padding-top:0px;padding-bottom: 20px; !important; margin:0px 0; -moz-border-radius:5px;}
div.widget h4 {
     border-bottom:1px dotted #797369;
     font:bold 120% Georgia, serif;
     color:#6e5943;
     text-shadow: black 1px 1px 1px;
}
#appendix h4 a {/*border-bottom:1px dotted #797369*/; font:bold 100% Georgia, serif; color:#6e5943;}

div#right, div#appendix {font-size:120%;}
div#right ul, div#left ul {list-style:none; padding:0;}

div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget a { /* LOWER WIDGET a */
    display:block;
    padding:0px;
    font:normal 110% Georgia, serif; color:#513e29;
    text-shadow: black 1px 1px 1px;
} 
div.widget a:hover {color:#6e5a43; text-decoration:underline;}
div.widget li {padding-left:-10px; margin:0; /*border-bottom:1px dotted #383838;*/}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Verdana;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Verdana;}
table#wp-calendar th, td {width:30px; height:30px;}

/*       ###############################
         TEXT
         ############################### */

div#blog-line h1 a {font:normal 60px Georgia, serif; color:#fff; }
div#blog-line h1 {font:30px Georgia; padding:20px 0; margin:0; color:#fff; letter-spacing:-2px;}

div#left {font-size:120%;}
div#left a {color:#513e29;}
div#single-page-template-content-area a{
 	color:#ffffff;
 	/*text-decoration:underline;*/
}
#content-inner div#single-page-template-content-area a{
 	color:#ffffff;
 	text-decoration:underline;
}
div#left .top-list-on-archive-page-right-sidebar #post-rank-1 .band-name a,
div#left .top-list-on-archive-page-right-sidebar #post-rank-2 .band-name a,
div#left .top-list-on-archive-page-right-sidebar #post-rank-3 .band-name a,
div#left .top-list-on-archive-page-right-sidebar #post-rank-4 .band-name a,
div#left .top-list-on-archive-page-right-sidebar #post-rank-5 .band-name a,
div#left .top-list-on-archive-page-right-sidebar #post-rank-6 .band-name a,
div#left .top-list-on-archive-page-right-sidebar #post-rank-7 .band-name a,
div#left .top-list-on-archive-page-right-sidebar #post-rank-8 .band-name a
{        color:#ac9e81; }

div#left .top-list-on-archive-page-right-sidebar #post-rank-1 .band-name a:hover,
div#left .top-list-on-archive-page-right-sidebar #post-rank-2 .band-name a:hover,
div#left .top-list-on-archive-page-right-sidebar #post-rank-3 .band-name a:hover,
div#left .top-list-on-archive-page-right-sidebar #post-rank-4 .band-name a:hover,
div#left .top-list-on-archive-page-right-sidebar #post-rank-5 .band-name a:hover,
div#left .top-list-on-archive-page-right-sidebar #post-rank-6 .band-name a:hover,
div#left .top-list-on-archive-page-right-sidebar #post-rank-7 .band-name a:hover,
div#left .top-list-on-archive-page-right-sidebar #post-rank-8 .band-name a:hover
{        color:#ffffff; }

div#left .top-list-on-archive-page-right-sidebar #post-rank-1 .rank-number,
div#left .top-list-on-archive-page-right-sidebar #post-rank-2 .rank-number,
div#left .top-list-on-archive-page-right-sidebar #post-rank-3 .rank-number,
div#left .top-list-on-archive-page-right-sidebar #post-rank-4 .rank-number,
div#left .top-list-on-archive-page-right-sidebar #post-rank-5 .rank-number,
div#left .top-list-on-archive-page-right-sidebar #post-rank-6 .rank-number,
div#left .top-list-on-archive-page-right-sidebar #post-rank-7 .rank-number,
div#left .top-list-on-archive-page-right-sidebar #post-rank-8 .rank-number
{ color:#ac9e81; }

div#left .top-list-on-archive-page-right-sidebar {
       position:relative;
}
div#left .top-list-on-archive-page-right-sidebar .post-rank{
       position:relative;
}

div#left .top-list-on-archive-page-right-sidebar .rank-number{
       position:absolute;
       right:0px;
       top:0px;
       font-size:110%;
       font-family:garamond, georgia, times;
       color:#543f28;
}


#Etusivu-curtains-open div#left a, #Etusivu-curtains-open-sofa-empty div#left a {
     color:#7e7e7e;
} 
#Etusivu-curtains-open div#left a:hover, #Etusivu-curtains-open-sofa-empty div#left a:hover {
     color:#9b9a9a;
} 

div#left a:hover {color:#c2b8a9; /*text-decoration:underline;*/}
div#left h1 {margin:0px 20px 20px 0px; font:bold 200% Georgia, serif; color:#ffffff; border-bottom:1px dotted #f5f5f5;}
.single div#left h1 {margin:0px 20px 20px 0px; font:bold 200% Georgia, serif; color:#ffffff; /*border-bottom:1px dotted #f5f5f5;*/}

div#left h1 a {color:#666; /*display:block;*/}
div#left h1 a:hover {color:#513e29; text-decoration:none;}
div#left h2 {font:bold 140% Georgia, serif; margin:0 0 10px 0;}
div#left h2.archive-title {margin:20px 30px 20px 30px; font:bold 200% Georgia, serif; color:#ffffff; border-bottom:1px dotted #f5f5f5;}
div#left h3 {font:bold 160% Georgia, serif; margin:0 0 5px 0;}
div#left h3 a {color:#f0eae1;}
div#left h3 a:hover {color:#ffffff;}

div#left .table-container h1 {
	color: #cdc2b3;
	font-family: Garamond, Georgia, Tahoma, Geneva, sans-serif;
	font-size: 220%;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.2em;
	line-height: 0.8em;
	border:0px;
	text-align:center;
	line-height:1em;
	width:100%;
}
div#left .table-container #band-name-ornament-top {
	padding-top:20px;
}
div#left .table-container #band-name-ornament-bottom {
	padding-bottom:30px;
	position:relative;
	bottom:10px;
}
div#left .table-container .single-band-genre-text{
	text-transform:uppercase;
	position:relative;
	bottom:20px;
	display:block;
	text-align:center;
	line-height:1.2em;
	padding-top:5px;
	margin-right:8px;
	color:#ddc78f;
}

div#left .table-container h4 {
	color: #a79b8a;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.2em;
	margin-bottom:0px;
	line-height:1em;
}


div#left ul, ol {margin:0 0 0 0;}
div.content-bottom-ruler {margin:10px 30px 20px 30px; font:bold 200% Georgia, serif; color:#4c4c4c; border-bottom:1px dotted #4c4c4c;}

div.excerpt {font-size:120%;}
div.single_content {font-size:120%;}

p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px; display:none;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif;}
a.show-all {background:url(img/toggle.png) no-repeat;}
a.hide-all {background:url(img/toggle.png) 0px -20px no-repeat;}

#more-posts-buttons {display:none;}
p.previous-posts {margin-left:-160px; margin-top:200px; font:normal 130% Verdana; position:absolute; top:10px; left:10px; display:none;}
p.next-posts {margin-right:-370px; margin-top:200px; font:normal 130% Verdana; position:absolute; top:10px; right:10px; display:none; }
div.date {font:normal 14px Georgia; text-align:center; color:#666;}
p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia;}

p.post_info {font-size:100%;}
p.tag_info {margin:0; font-size:100%;}
p.offset {margin:5px 0;}

p.wp-bookmark {margin:0; display:none;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px; font:120% normal Georgia, serif; display:none;}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}

.category-link {background:url(img/page.png) no-repeat;}
.comment-link {background:url(img/comments.png) no-repeat;}
.tag-link {background:url(img/tag-blue.png) no-repeat;}
.hide-link {float:right; padding:5px 0 0 0;}
.user-name {background:url(img/user-green.png) no-repeat;}
.user-mail {background:url(img/email.png) no-repeat;}
.user-url {background:url(img/world-edit.png) no-repeat;}
.user-comment {background:url(img/comment-add.png) no-repeat;}
.info-icon {padding:3px 0 3px 20px; margin:0 0 0 0px; background-position:0px 4px;}
 
.clear {clear:both;}

code {font:normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {margin:10px 0; padding:10px 0; border-bottom:1px dotted #ccc;}
p.comment-details {font:normal 100% Georgia, serif; padding-top:15px;}
p.comment-details a{font:bold 110% Georgia, serif;}
.avatar {float:right; margin:0 5px 0 0; border:3px solid #ccc;}
div.comment-text {margin:20px 0 0 0;}

h2#comment-header {margin:40px 0 10px 0 !important; border-bottom:1px dotted #ccc; padding:0 0 5px 0;}
h2#comment-header-no-comments {
     margin:40px 0 10px 0 !important;
     /*border-bottom:1px dotted #ccc;*/
     padding:0 0 5px 0;
     text-align:center;
}
h2#respond {margin:20px 0 10px 0 !important;}
h3#no-comments {font:bold 120% Verdana !important; color:#513e29 !important; margin:0 !important;}

.single-post-comment #commentform .commenter-name {
     font-family: Georgia,serif;
     font-size: 120%;
     font-weight: bold;
}
.single-post-comment #commentform .logout-text {
     position:absolute;
     right:10px;
     top:85px;
     font-size: 90%;
}
.single-post-comment #commentform p{
     margin-bottom:5px;
}
.single-post-comment #commentform .signed-in-text {
     font-size: 90%;
}
#commentform .countdownbox{
     position:absolute;
     text-align:center;
     color:#ebe9e3;
     float:left;
     left:60px;
     bottom:80px;
}


/*        ##################################
           FORMS
        ################################## */

label {display:block; margin:0 0 5px 0;}
.text {width:260px; margin:0 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}
textarea {width:260px; height:150px; margin:0; padding:5px; /*background:url(img/bg-form-text.gif)
repeat-x left top #fff;*/ background-color:#84817a; border:1px solid #ccc; -moz-border-radius:5px;}


.submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;}
.postform {width:auto; padding:5px 10px; margin:5px 0; color:#fff; background:#333; border:1px solid #333; -moz-border-radius:5px;}
input {-moz-border-radius:5px; margin:0 5px 0 0;}

#commentform .countdownbox input{
     width:150px;
     font-size:120%;
     padding:5px;
     background-color:#84817a;
     /*background:url(img/bg-form-text.gif) repeat-x left top;*/
     border:1px solid #84817a;
}
#commentform .submit{
     margin-top:10px;
}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}
#search-submit {width:30px; padding:5px; color:#fff; background:#333; border:none;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 30px 30px;}
img.alignleft {float:left; margin:0 50px 30px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 30px 30px;}
a img.alignleft {float:left; margin:0 50px 30px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		1000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** CUSTOM STYLES ***/

.sf-menu li ul {
 	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}
.sf-menu li li ul, .sf-menu li li li ul {
 	background:#222;
	border:1px solid #000;
	border-top:none;
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}



/*       ###############################
         DEMOSETA STYLES 
         ############################### */
body#Etusivu-curtains-open{
	background-image: url(img/bg_stage_big_frontpage_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body#Etusivu-curtains-closed{
	background-image: url(img/bg_stage_big_frontpage_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body#Etusivu-curtains-open-sofa-empty{
	background-image: url(img/bg_stage_big_frontpage_3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body#Etusivu-curtains-open #left, body#Etusivu-curtains-closed #left, body#Etusivu-curtains-open-sofa-empty #left{
	width:100%;
}
#header-img{
 	position:absolute;
 	top:50px;
 	left:30px;
 	width:530px;
 	height:52px;
 	margin-bottom:30px;
 	border:0px;
}
div#header-search-bar{
 	position:absolute;
 	top:45px;
 	right:0px;
 	font-size:120%;
 	margin-right:28px;
}

#blog-line{
 	position:relative; top:40px;
 	width:960px;
 	height:130px;
 	position:relative;
 	left:50%;
 	margin-left:-480px;
}
#content{
 	/*background-image: url(img/bg_wallpaper_flowers_wide_1.jpg)*/;
}
#left h1, #left h2 {
 	color:#ffffff;
}
#left ol{
 	margin-left:30px;
 	margin-bottom:20px;

}
.preview, .show-all, #toggle-all {
 	display:none;
}
.excerpt p, .preview {
 	display:none;
}
#font-resize {
 	text-align:center;
}
.date {
 	display:none;
}
.front-page-top-list {
 	position:relative;
 	margin-left:42px;
 	margin-top:87px !important;
 	margin-top:65px;
}
.front-page-top-list .top-list-band {
 	width:277px !important;
 	width:285px ;
 	height:19px;
 	position:relative;
}
#Etusivu-curtains-open #left h4, #Etusivu-curtains-closed #left h4, #Etusivu-curtains-open-sofa-empty #left h4{
 	display:none;
 	border:0px;
}
.front-page-top-list .Top8-number{
 	left:0px;
 	top:1px;
 	position:absolute;
 	margin-right:5px;
}
.front-page-top-list .stars{
 	float:right;
 	margin-right:5px;
}
#Etusivu-curtains-open .front-page-top-list .band-name, #Etusivu-curtains-open-sofa-empty .front-page-top-list .band-name {
 	font-size:10px;
 	font-family:verdana, arial;
 	line-height:13px;
 	text-transform: uppercase;
 	letter-spacing:0.1em !important;
 	letter-spacing:0em;
 	padding-bottom:6px;
 	margin-left:13px;
 	text-decoration:none;
}



/* ************************************************ */
/* Category Archive & Loop Styles                   */
/* ************************************************ */



.postings-list-posting{
 	font-size:70%;
 	padding-top:3px;
}
#categories-on-archive-page  {
 	padding-left:30px;
}

#archive-page-content-left .postings-list-posting {
 	font-size:100%;
 	padding-top:3px;
 	padding-bottom:3px;
}
#archive-page-content-right .postings-list-posting {
 	font-size:100%;
 	padding-top:13px;
 	padding-bottom:10px;
}
#archive-page-content-left .postings-list-posting .ratingstars{
 	position:relative;
 	bottom:28px;
}
#archive-page-content-right .postings-list-posting .ratingstars{
 	position:relative;
 	bottom:28px;
}
#archive-page-content-center .widget h4{
 	margin-bottom:10px;
 	margin-left:0px;
}
#archive-page-content-left .widget h4 {
 	margin-bottom:10px;
 	margin-left:30px;
}
#archive-page-template-content-area .ratingtext{
 	padding-top:3px;
 	font-size:90%;
}
#archive-page-content-left .postings-list-posting .ratingtext{
 	clear:both;
 	margin-bottom:8px;
}
#archive-page-content-right .postings-list-posting .ratingtext{
 	clear:both;
 	margin-bottom:8px;
}
#archive-page-content-right .postings-list-posting .band-name{
 	width:230px;
}
.postings-list-posting .ratingstars {
 	float:right;
 	position:relative;
 	bottom:4px;
 	z-index:1000;
}
.postings-list-posting .ratingtext, .postings-list-posting .ratingtext .voted {
 	font-size: 100%;
 	font-weight: normal;
 	position:relative;
 	bottom:3px;
 	color:#4c4c4c;
}

#left a {
 	color:#ffffff;
}


#right .widget ul li, #left .widget ul li {
 	font-size:90%;
 	padding-bottom:10px;
}


#single-page-template-content-area {
 	padding:30px;
 	padding-right:10px;
 	padding-bottom:20px;
 	color:#bbbbbb;
}


#single-page-content-left {
 	float:left;
 	width:260px;
}
.page #left .ratingblock{
 	display:none;
}
.page #content-inner #right {
 	height:420px;
}
#single-page-content-right {
 	float:left;
 	margin-left:30px;
 	width:360px;
}
.page #content-inner #right .sidebar-right-general-text{
 	padding-top:15px;
 	color:#6a6561;
 	font-size:90%;
}
#archive-page-content-left {
 	float:left;
 	width:280px;
}
#archive-page-content-center {
 	margin-left:25px;
 	float:left;
 	width:342px;
 	padding-left:  5px;
 	padding-right: 25px;
}
#archive-page-content-right {
 	float:right;
 	width:250px;
 	padding-right:30px;
}

#header_top_text {
 	background-color:#ffffff;
 	postion:absolute:
 	top:0px;
 	right:0px;
}


body#Etusivu-curtains-open #left, body#Etusivu-curtains-closed #left, body#Etusivu-curtains-open-sofa-empty #left {
 	height: 470px;
}


#content_left{
 	width:315px;
 	float:left;
}


#content_right{
 	width:390px;
 	float:right;
}
#content_right p{
 	padding-right:60px;
}
/*#Etusivu-curtains-closed #content_right{
 	width:390px;
 	float:right;
 	padding-right:0px;
}*/


#frontpage-content-right-login, #frontpage-content-right-welcome {
 	padding-right: 30px;
 	padding-top: 0px;
}


#frontpage-content-right-welcome #button-bar{
 	padding-top: 20px;
}
#Etusivu-curtains-closed #frontpage-content-right-login, #Etusivu-curtains-closed #frontpage-content-right-welcome  {
 	padding-right: 30px;
 	padding-top: 0px;
}

#button-bar {
 	padding-top:0px;
}
#fbconnect span {
 	display:none;
}
#button-bar #fbconnect{
 	padding-top:0px;
}
#button-bar #vote-button {
 	float:left;
 	padding-bottom:0px;
}
#button-bar #login-button a img {
 	float:right;
 	position:relative;
 	margin-top:20px;
}
#button-bar #signin_aband{
 	float:right;
 	position:relative;
 	bottom:0px;
}

#button-bar img:hover, .content-button a:hover{
 	position:relative;
 	top:1px;
 	left:1px;
}

.slogan-text-header{
 	font-family:Garamond, Georgia;
 	font-size: 24px;
 	padding-bottom:15px;
 	color:white;
 	text-shadow: 0.1em 0.1em 2px #000000;
}
.slogan-text-normal{
 	font-family:Garamond, Georgia;
 	font-size: 18px;
 	color: white;
 	line-height:1.3em;
 	padding-left:6px;
 	text-shadow: 0.1em 0.1em 2px #000000;
}
.slogan-text-normal a{
 	color: #97927f;
 	text-decoration:underline;
}
.slogan-text-normal a:hover{
 	color: #ffffff;
}
.widget ul li a {
 	padding-top:12px;
 	padding-bottom:4px;
}
.page #single-page-template-content-area ul li {
 	list-style:square;
}

.page #single-page-template-content-area ul {
 	list-style:square;
 	margin:30px;
 	margin-top:10px;
}
.rating-widget ul li a{
 	margin:0px;
 	padding-top:0px;
 	padding-bottom:0px;
}
.rating-widget-word-votes{
 	position:relative;
 	float:left;
 	/*bottom:31px;*/
}
.rsswidget img{
 	float:right;
}
.rsswidget .rss-date{
 	
}
#left .single_content .ratingblock{
 	display:block;
 	width:250px;
 	height:76px;
 	float:left;
 	position:relative;
 	top:0px;
 	left:0px;
 	padding-top:25px;
 	padding-left:30px;
 	padding-bottom:15px;
 	padding-right:15px;
 	text-align:center;
 	background-color:#000000;
 	border-left:2px #2e2e2e solid;
 	border-top:2px #2e2e2e solid;
}
#left .single_content a#share-in-facebook{
 	display:block;
 	width:150px;
 	height:82px;
 	float:right;
 	top:4px;
 	right:0px;
 	position:relative;
 	padding-top:22px;
 	padding-bottom:12px;
 	text-align:center;
 	background-color:#000000;
 	border-left:2px #2e2e2e solid;
 	border-top:2px #2e2e2e solid;

}
#left .single_content a#share-in-facebook:hover{
 	text-decoration:none;
 	background-color:#161616;
}
#left .single_content a#share-in-facebook:hover #share-in-facebook-text{
 	color:#999898;
}
#left .single_content #share-in-facebook .inner-block{
 	display:block;
}

#left .single_content #share-in-facebook #share-in-facebook-text{
 	position:relative;
 	display:block;
 	width:100%;
 	color:#606060;
 	font-size:90%;
}


#left .single_content div.login-to-vote{
 	display:block;
 	position:absolute;
 	left:0px;
 	width:285px;
 	height:105px;
 	margin-top:15px;
 	margin-left:35px;
 	text-align:center;
 	font-size:80%;
 	background-color:#000000;
}
#left .single_content div.login-to-vote #fbc_login a{
 	position:absolute;
 	top:35px;
 	left:45px;
}
#left .single_content div.login-to-vote #fbc_login a:hover{
 	top:36px;
 	left:46px;
}
#left .single_content div.login-to-vote #login-button a{
 	position:absolute;
 	top:65px;
 	right:65px;
}
#left .single_content div.login-to-vote #login-button a:hover{
 	position:absolute;
 	top:66px;
 	right:64px;
}

/* ****************************************************** */
/*  Facebook Connect styles - rest are in plugin-folder   */
/* ****************************************************** */



#fbc_profile_spacer {
  width:900px;
  position:relative;
  float:left;
  background-color:#ffff00;
  left:50%;
  margin-left:-480px;
  padding-left:30px;
  padding-right:30px;
}

#fbc_profile_spacer a{
  color:#513e29;
}
#fbc_profile_spacer a:hover{
  color:#725a40;
}
.fbc_profile_header #footer-fbc-profile-name-text a{
  color:#ffffff;
}
.fbc_profile_header .FB_ElementReady a {
  float:right;
  position:absolute;
  top:0px;
  font-family:garamond, georgia;
  font-size:2em;
  right:0px
}

.fbc_profile_header #footer-fbc-header-img {
  position:absolute;
  left:100px;
  top:22px;
  margin:0px; 
}
.fbc_profile_header #footer-fbc-img {
  position:absolute;
  top:14px;
  left:30px;
  margin:0px; 
}

.fbc_profile_header #footer-fbc-logout-text {
  float:left;
  position:absolute;
  left:30px;
  top:45px;
  margin-left:70px; 
}
.fbc_profile_header .FB_Link {
}
.fbc_profile_header .fb_profile_pic_rendered{
  position:absolute;
  right:0px;
}
.fbc_profile_header #footer-fbc-profile-img{
  float:right;
  position:absolute;
  top:13px;
  right:30px;
}

.fbc_profile_header .FB_Link .fb_profile_pic_rendered{
  border: 1px solid white;
  
}

.fbc_profile_header #footer-fbc-profile-name-text{
  position:absolute;
  width:300px;
  float:right;
  right:100px;
  top:35px;
  background-color:#ffff00;
}

.single-post-comment .fbc_connect_button_area{
  position:relative;
  bottom:20px;
}

#shortcode-button-bar {
 	position:relative;
 	width:100%;
 	text-align:center;
}
#shortcode-button-bar #button-bar {
 	width:400px;
}

#shortcode-button-bar #fbc_login {
 	float:inline;
}



/*  ******************************************************** */
/*  *******                Table Frames CSS            ***** */
/*  ******************************************************** */

.table-container {
	width: 615px;
	position: relative;
	left:172px;
}
.table-container .the-table-content {
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.table-container #main {
	color: #FFF;
	position:relative;
	padding-right: 20px;
	padding-left: 20px;
}
.table-container #bg-block-1-2 {
	width: 50%;
	position: absolute;
	height: 32px;
	z-index: -1;
	left: 0px;
	background-image: url(img/table/1-2-bg.png);
}
.table-container #bg-block-1-4 {
	width: 50%;
	position: absolute;
	height: 32px;
	z-index: -1;
	right: 0px;
	background-image: url(img/table/1-4-bg.png);
}
.table-container #block-1-5 {
	position: absolute;
	right: 0px;
}
.table-container #block-5-5 {
	position: absolute;
	right: 0px;
}
.table-container #block-5-1 {
	position: absolute;
	left: 0px;
}
.table-container #block-5-2 {
	position: absolute;
	left: 20px;
}
.table-container #block-5-4 {
	position: absolute;
	right: 20px;
}
.table-container #bg-block-5-2 {
	width: 50%;
	position: absolute;
	left: 0px;
	height: 20px;
	z-index: -1;
	background-image: url(img/table/5-2-bg.png);
}
.table-container #bg-block-5-4 {
	width: 50%;
	position: absolute;
	right: 0px;
	z-index: -1;
	background-image: url(img/table/5-4-bg.png);
}

.table-container #footer {
 }
 
.table-container #block-1-4 {
	position: absolute;
	right: 20px;
}
.table-container #block-1-3-A {
	position: absolute;
	clip:rect(0px,53px,32px,0px);
	z-index: -1;
	right: -53px;
}
.table-container #block-1-3-B {
	position: absolute;
	left: -53px;
	clip:rect(0px,106px,32px,53px);
	z-index: -1;
}
.table-container #block-5-3-A {
	position: absolute;
	clip:rect(0px,53px,32px,0px);
	z-index: -1;
	right: -53px;
}
.table-container #block-5-3-B {
	position: absolute;
	left: -53px;
	clip:rect(0px,106px,32px,53px);
	z-index: -1;
}
.table-container #block-1-1 {
	position: absolute;
	left: 0px;
}
.table-container #block-1-2 {
	position: absolute;
	left: 20px;
}
.table-container #header {
	position: relative;
}
.table-container #block-2-5 {
	position: absolute;
	top: 0px;
	right: 0px;
}
.table-container #block-2-1 {
	position: absolute;
	left: 0px;
	top: 0px;
}
.table-container #block-4-1 {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.table-container #block-4-5 {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.table-container #block-3-1 {
	position: absolute;
	left: 0px;
	top: 50%;
}
.table-container #left-top {
	display:block !important;
	display:none;
	width: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 50%;
	background-image: url(img/table/2-1-bg.png);
	background-repeat: repeat-y;
}
.table-container #left-bottom {
	display:block !important;
	display:none;
	width: 20px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 50%;
	background-image: url(img/table/4-1-bg.png);
	background-repeat: repeat-y;
}
.table-container #right-top {
	display:block !important;
	display:none;
	width: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 50%;
	background-image: url(img/table/2-5-bg.png);
	background-repeat: repeat-y;
	
}
.table-container #right-bottom {
	display:block !important;
	display:none;
	width: 20px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 50%;
	background-image: url(img/table/4-5-bg.png);
	background-repeat: repeat-y;
	
}
.table-container #block-3-1-A {
	position:absolute;
	left:0px;
	bottom:-26px;
	clip:rect(0px,20px,26px,0px);
}
.table-container #block-3-1-B {
	position:absolute;
	left:0px;
	top:-26px;
	clip:rect(26px,20px,52px,0px);
}
.table-container #block-3-5-A {
	position:absolute;
	bottom:-26px;
	right:0px;
	clip:rect(0px,20px,26px,0px);
}
.table-container #block-3-5-B {
	position:absolute;
	top:-26px;
	right:0px;
	clip:rect(26px,20px,52px,0px);
}
.table-container #block-3-5 {
	position: absolute;
	top: 50%;
	right: 0px;
}
.table-container #center {
	background-image: url(img/table/center-bg_1.gif);
	}
.table-container #footer {
	position: relative;
	height: 20px;
	width: 100%;
}
.table-container #header {
	height: 32px;
}
/*  ******************************************************** */
/*  *******                The Speakers            ***** */
/*  ******************************************************** */

#speakers-row-whole-battery {
	padding-bottom:30px;
}
#speakers-row-whole-battery h4{
	display:none;
	margin-left:30px;
	margin-bottom:0px;
	padding-bottom:0px;
	width:230px;
}


.the-speakers {
/*	background-color:#00ff00;*/
	width:239px;
	height:432px;
	left:20px;
	position:relative;
}
#the-speaker-1 {
	background-image:url('img/bg_speaker_bottom_1.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:239px;
	height:217px;
	position:absolute;
	bottom:0px;
	left:0px;
}
#the-speaker-1:hover{
	bottom:1px;
	left:2px;
}
#the-speaker-2 {
	background-image:url('img/bg_speaker_top_1.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:238px;
	height:215px;
	position:absolute;
	bottom:217px;
	left:0px;
}
#the-speaker-2:hover{
	bottom:216px;
	left:2px;
}
#the-speaker-3 {
	background-image:url('img/bg_speaker_bottom_2.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:239px;
	height:217px;
	position:absolute;
	bottom:-5px;
	left:232px;
}
#the-speaker-3:hover{
	bottom:-4px;
	left:233px;
}
#the-speaker-4 {
	background-image:url('img/bg_speaker_top_2.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:238px;
	height:215px;
	position:absolute;
	bottom:211px;
	left:238px;
}
#the-speaker-4:hover{
	left:239px;
	bottom:210px;
}
#the-speaker-5 {
	background-image:url('img/bg_speaker_bottom_3.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:239px;
	height:217px;
	position:absolute;
	bottom:-5px;
	left:463px;
	z-index:1000;
}
#the-speaker-5:hover{
	bottom:-4px;
	left:462px;
}
#the-speaker-6 {
	background-image:url('img/bg_speaker_top_3.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:238px;
	height:215px;
	position:absolute;
	bottom:211px;
	left:467px;
	z-index:1000;
}
#the-speaker-6:hover{
	left:466px;
	bottom:210px;
}
#the-speaker-7 {
	background-image:url('img/bg_speaker_bottom_4.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:239px;
	height:217px;
	position:absolute;
	bottom:0px;
	left:680px;
}
#the-speaker-7:hover{
	bottom:1px;
	left:678px;
}
#the-speaker-8 {
	background-image:url('img/bg_speaker_top_4.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width:238px;
	height:215px;
	position:absolute;
	bottom:216px;
	left:677px;
}
#the-speaker-8:hover{
	bottom:215px;
	left:675px;
}
.the-speakers .ratingstars{
	position:absolute;
	top:90px;
	right:57px;
}
.the-speakers .ratingtext{
	position:absolute;
	bottom:60px;
	left:30px;
}
.the-speakers .band-name{
	position:absolute;
	bottom:135px;
	left:30px;
	margin-right:40px;
	font-size:110%;
}
.the-speakers #the-speaker-8 .ratingstars, .the-speakers #the-speaker-7 .ratingstars{
	position:absolute;
	top:90px;
	right:37px;
}
.the-speakers #the-speaker-8 .ratingtext, .the-speakers #the-speaker-7 .ratingtext{
	position:absolute;
	bottom:60px;
	left:50px;
}
.the-speakers #the-speaker-8 .band-name, .the-speakers #the-speaker-7 .band-name{
	position:absolute;
	bottom:135px;
	left:50px;
	margin-right:40px;
	font-size:110%;
}


/* ********************************************************
/ ** BNS-LOGIN PLUGIN STYLES (Bottom of page)           **
/ ******************************************************** */

#bns-logged-in {
  background-image:url(http://demoseta.nummirock.fi/wp/wp-content/themes/jq/img/bg_fbc_footer_wallpaper_1.jpg);
  background-position:center top;
  background-color:#ffffff;
  bottom: 0px;
  height:80px;
  width:100%;
  left: 0px;
  z-index:2001;
}
#bns-logged-out {
  display:none;
}
/* .bns-logged-in_pic {
  width:50px;
  height:50px;
  float:right;
  position:absolute;
  right:0px;
} */
#bns-logged-in-content {         
  width:900px;
  background-color:#ffff00;
  float:left;
  position:relative;
  padding-left:30px;
  padding-right:30px;
 	left:50%;
 	margin-left:-480px;
}
#bns-logged-in #bns-logged-in-header-img {         
  position:absolute;
  top:22px;
  left:30px
}
#bns-logged-in a.wp-user-name {         
  position:absolute;
  top:35px;
  right:30px;
  font-family: garamond,georgia;
  font-size: 2em;
  color:#ffffff;
}
#bns-logged-in a.wp-user-name:hover {         
  color:#666666;
  text-decoration:underline;
}
#bns-logged-in .bns-logged-in-logout-text {         
  position:absolute;
  top:42px;
  left:30px;
}
#bns-logged-in .bns-logged-in-logout-text a{         
  color:#513e29;
}
#bns-logged-in .bns-logged-in-logout-text a:hover{         
  color:#725a40;
}