/*
Theme Name: Converse Spark
Theme URI: http://dev.converse-spark.nomonday.com/
Description: Wordpress theme for converse spark hub
Version: 0.2
Author: Max Schedin - some changes by Barnaby Irish; see changes.txt
Paula Kreuger - additions after line 955 to integrate with drupal
*/

/* ----------------------------------------*/
/* ------------->>> COMMON <<<-------------*/
/* ----------------------------------------*/
html {width: 100%;height: 100%;overflow-y: scroll;}

body {  
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #e7e7e7;
	color: #333;
  	height: 100%;
	width: 100%;	
}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
#page {overflow: hidden;}
.skiplink{display:none;}

/* ----------------------------------------*/
/* ------------>>> HEADER <<<--------------*/
/* ----------------------------------------*/
#header {height: 64px;z-index: 10000;}

#header .holder {
	background: 50% 100% url(./images/header.jpg) no-repeat;
	height: 40px;
	width: 1000px;
	min-width: 1000px;
	margin: 0px auto 0 auto;
	/*padding: 10px 0px 10px 65px;*/
	padding: 10px 0px 10px 23px;
	left: -4px;
	position: relative;
}

#header .holder #logo {
	background: url(./images/logo.png) no-repeat;
	height: 18px;
	width: 143px;
	display: block;
	float: left;
	/*margin: 6px 100px 0 -4px;*/
	margin: 6px 110px 6px 20px;
}

/* 
LANG EDIT START
*/

#header .holder .links {
	margin: 0px;
	padding: 8px 0 0 0;
	display: block;
	float: left;
}

#header .holder .links .link {
	margin: 0 5px;
	float: left;
	display: inline;	
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;	
	color: #FFF;
	cursor: pointer;
}

#header .holder .links .link.hover:hover {border-bottom: 1px solid #fff;}

#langSelectorBtn{position:relative;}

#header .holder .links .link #langSelector {
	margin: 0;
	padding: 0;
	z-index: 5000; 
	position: absolute;
	display: none;	
	top:20px;
	left:0;
	width:125px;	
	padding: 10px;
	background-color: #fff;
}

#header .holder .links .link #langSelector ul {
	background-color: #fff;	
	margin: 0;
	width: 125px;
}

#header .holder .links .link #langSelector ul li {margin: 5px 0 5px 0;}

#header .holder .links .link #langSelector ul li a,
a:link,
a:active,
a:visited{color: #333;text-decoration: none;}

#header .holder .links .link #langSelector ul li.empty {display:none;}

#header .holder .links .link #langSelector ul li a:hover{text-decoration: underline;}

#header .holder .links #mplayerWrapper{
	margin: -7px 0 0 0;
	padding: 0;
	float: left;
	display: inline;	
}

/* 
LANG EDIT END
*/

/* ----------------------------------------*/
/* ------------->>> FOOTER <<<-------------*/
/* ----------------------------------------*/
#footer-blog,
#footer {
	background: #333;
	border: none;
	height: 22px;
	color: #fff;
	line-height: 22px;
	padding: 0px 5px;
	position: fixed;
	bottom: 0;	
	width: 100%;
	background: url(./images/footer-blog.jpg) repeat-x;
	z-index: 2000;
}

	
#footer-blog .right {margin-right: 10px;}

#footer-blog .right a#rss {
	font-weight: bold;
	color: #FFF;
	background: url(./images/rss.png) no-repeat 0 center;
	text-indent: 19px;
	display: block;
	height: 22px;
	line-height: 22px;
}

#footer-blog .right a#toplink {
	font-weight: bold;
	color: #FFF;
	background: url(./images/top.png) no-repeat 0 center;
	text-indent: 28px;
	display: block;
	height: 22px;
	line-height: 22px;
}

/* ----------------------------------------*/
/* --------------->>> TAGS <<<-------------*/
/* ----------------------------------------*/
#tagsHeading {
	display: none;
	/*margin: 91px 0 0 0;*/
	margin: 60px 0 0 0;
	padding: 0px;
	display: block;
	height: 100%;
	float: left;
}

#tagsHeading .heading {
	background: url(./images/tags.png) no-repeat;
	text-indent: -9999px;
	height: 60px;
	width: 18px;
	cursor: pointer;
}

#tags {
	display: none;
	/*margin: 91px 0 0 0;*/
	margin: 60px 0 0 0;
	padding: 0px;
	height: 100%;
	float: left;
	width: 120px;
}

#tags .wrapper {
	padding: 0px 10px 25px 10px;
	position: relative;
}

#tags .wrapper .tag {
	color: #FFF;
	background: #999999;
	text-decoration: none;
	font-size: 11px;
	margin-bottom:5px;
	padding: 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
}

#tags .wrapper .tag a {
	color: #FFF;
}


/* ----------------------------------------*/
/* ---------->>>MAIN CONTENT <<<-----------*/
/* ----------------------------------------*/

.block#navigation {
	padding: 12px;
	width: 220px;
}

#navigation .content {
	background: #000;
	color: #FFF;
	padding: 12px;
	font-size: 14px;
	text-align: center;
}

#navigation a {color: #FFF;} 
#contentWrapper {padding: 0px 25px 0px 25px;}
#content {
	margin: 0px auto 39px auto;
	width: 980px;
	padding: 0 0;
}

.block {
	background: #FFF;
	display: block;
	float: left;
}

.block.topleft {
	width: 244px;
	margin-right: 1px;
	margin-bottom: 1px;
}

.block.topleft .tags {margin: 27px 0 0 0;}

.block.topleft .tags .tag {
	padding: 3px;
	font-size: 11px;
	background: #E8E8E8;
	color: #333;
	font-weight: bold;
	margin: 2px 0px;
	cursor: pointer;
}

.block.topleft .tags .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.block.topleft .tags .tag.active, .block.topleft .tags .tag.active:hover {
	background: #CC0000;
	color: #FFF;
}

.block.topleft .tags .tag:hover {
	background: #000;
	color: #FFF;
}

/*.block .search {padding: 12px 12px 10px 12px;}*/
.block .search {padding: 4px 12px 10px 12px;}

.block .search input[type="text"] {
	background: #999;
	color: #FFF;
	height: 19px;
	border-top: 1px #666 solid;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 1px 3px 0px 3px;
	font-size: 14px;
	margin: 0 auto;
	float: left;
	width: 191px;
}

.block .search input[type="image"] {
	height: 21px;
	width: 21px;
	margin: 0 0;
	vertical-align: top;
	float: right;
}

.block .menu {background: #FFF;padding: 0px 12px 12px 12px;}

.block .menu .link {
	background: #e8e8e8;
	padding: 0px 12px;
	height: 30px;
	line-height: 33px;
	margin: 2px 0 2px -12px;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-transform:uppercase;
}

.block .menu a.link.active, .block .menu a.link:hover {background: #000;color: #FFF;}

.block .mapview_wrapper {
	border-top: 1px solid #e7e7e7;
	width: 100%;
	height: 100%;
}

.block .mapview_wrapper .mapview {
	width: 220px;
	height: 109px;
	margin: 12px;
	text-align: center;
	display: block;
	position: relative;
}

.block .extendedInfo {
	border-top: 1px solid #e7e7e7;
	padding: 6px 12px 12px 12px;
}

.block .extendedInfo p{margin: 5px 0;}
.block .extendedInfo .last {margin: 10px 0 0 0 !important;}
.block .extendedInfo .title {font-size: 16px;font-weight: bold;}

.block .extendedInfo .name {font-size: 14px;font-weight: bold;}
.block .extendedInfo .desc {font-size: 12px;}
.block .extendedInfo .url {font-size: 12px;	font-weight: bold;}
.block .extendedInfo .map {margin: 10px 0 0 0;}
.block .extendedInfo img {margin: 3px 0 5px 0;}
.block .links {border-top: 1px solid #e7e7e7;padding: 12px;}

.block .newsletter {
	padding: 12px 12px 0px 12px;
	border-top: 1px solid #e7e7e7;
	display: block;
}

.block .newsletter .advertise {
	min-height: 12px;
	max-height: 12px;
	margin-bottom: 12px;
}

.block .newsletter p {
	font-weight: bold;
	font-size: 15px;
	color: #000;
	margin: 3px 0;
}

.block .newsletter #newsletterFormDiv {padding: 0;margin: 0;}
.block .newsletter #newsletterFormDiv input[type="text"] {padding: 3px;}

.block .newsletter #newsletterFormDiv button {
	background: #000;
	color: #FFF;
	padding: 3px;
	font-weight: bold;
	border: 0px;
	cursor: pointer;
}
 
.block #twittershare {
	padding: 12px;
	border-top: 1px solid #e7e7e7;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.block #twittershare a {color: #000;}

.block #twittershare #twittershareimage {
	background: url(./images/twitter.jpg);
	width: 223px;
	height: 42px;
	display: block;
	text-indent: -9999px;
}

.block#flashgallery_wrapper {
	width:710px;
	height: 310px;
	padding: 12px;
	margin-bottom: 1px;
}

#musicheader_wrapper {
	width:710px; 
	height: 340px; 
	padding: 12px; 
	margin-bottom: 1px; 
	float: left;
}

#musicheader p {
	margin: 10px 0;
	line-height: 14px;
	font-size: 12px;
	font-weight: normal;
}

.block.searchbig {
	width: 734px;
	margin-bottom: 1px;
	height:94px;
	background-color:#FFF;
}

.block .big {
	margin: 12px;
	display: block;
	padding: 20px;
	background: #000;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
}

.block.notFoundWrapper {
	padding: 12px;
}

.block.notFoundWrapper .notFound {
	background: #000;
	color: #FFF;
	font-size: 14px;
	padding: 20px;
}

.block.notFoundWrapper .notFound h2 {font-weight: bold;}
.block.notFoundWrapper .notFound p {margin: 5px 0;}

/* ----------------------------------------*/
/* --------->>> UPCOMING TAG <<<-----------*/
/* ----------------------------------------*/
/* Changes to post styling for posts tagged 'upcoming' in Music category */

.block.post.tag-upcoming .excerpt,	
.block.post.tag-upcoming .tags,
.block.post.tag-upcoming .comments.right,
.block.post.tag-upcoming .title,
.block.post.tag-upcoming .category,
.block.post.tag-upcoming .date.left {display: none;}

.block.post.tag-upcoming .comingup {
	font-size: 14px;
	margin: 5px 0;
	font-weight: bold;
}

.block.post .comingtitle {
	font-size: 14px;
	margin-top: 22px;
	font-weight: bold;
}

/* ----------------------------------------*/
/* -------------->>> POST <<<--------------*/
/* ----------------------------------------*/
		
.block.post a, .block.post a:active, .block.post a:visited, .blocks.post a:hover {
	color: #333;
	text-decoration: none;
}

.block.post {
	background: #FFF;
	padding: 12px;
	width: 220px;
	margin: 0px 1px 1px 0;
}

.block.post .category {
	background: #000;
	color: #FFF;
	margin: 0 0 0 -12px;
	padding: 3px 5px 3px 12px;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	text-transform:uppercase;
}

.block.post .image {display: block;}

.block.post .meta {
	margin: 5px 0;
	font-size: 10px;
	font-weight: bold;
}

.block.post .meta .comments {color: #666;height: 9px;}

.block.post .meta .comments .commenticon {
	height: 10px;
	width: 10px;
	background: center center url(./images/comment.png) no-repeat;
	display: block;
	float: left;
	margin: 0px 2px;
}

.block.post .meta .comments .comment {
	float: right;
	height: 9px;
	line-height: 10px;
}

.block.post .title {
	font-size: 14px;
	margin: 5px 0;
	font-weight: bold;
}

.block.post .excerpt {margin: 5px 0;}

.block.post .tags, #content .single .tags { /* Using same for single post */
	margin: 5px 0 0px 0;
}

.block.post .tags .tag, #content .single .tags .tag {
	padding: 1px 3px;
	color: #FFF;
	background: #999;
	display: block;
	float: left;
	margin: 0 1px 3px 0;
}

.block.post .tags .tag a, .block.post .tags .tag a:hover, #content .single .tags .tag a, #content .single .tags .tag a:hover {
	color: #FFF;
	text-decoration: none;
}

/* ----------------------------------------*/
/* --------->>> SINGLE POST<<<-----------*/
/* ----------------------------------------*/

#content .group {float: left;}

#content .single {
	background: #FFF;
	padding: 14px 12px;
	width: 465px;
	max-width: 465px;
	display: block;
	font-size: 12px;
}

#content .single .body p {margin: 5px 0px;}
#content .single img {margin-bottom: 20px;}
#content .single h1 {margin-bottom: 10px;}
#content .single .body a:hover {text-decoration: underline;}
#content .single .meta {margin-bottom: 14px;font-size: 14px;}

#content .single .meta .date {
	float: left;
	font-weight: bold;
	margin-right: 70px;
}
#content .single .meta .author {float: left;}
#content .single .twitter-share-button {
	margin-left: 0px;
	position: relative;
	top: -5px;
}
#content .single .meta .addthis_toolbox {	
	float: right;
	margin-left: 0px;
}
#content .single .meta .addthis_button_compact {
	clear: both;
	height: 17px;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #DADADA;
	background-color: #F8F8F8;
	padding: 1px 2px 0 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #000;
	cursor: pointer;
}
#content .single h1 {font-weight: bold;font-size: 24px;}
#content .single .tags {margin-top: 13px !important;}

#content .single #flashplayer_wrapper {
	width:465px;
	height: 310px;
	margin-bottom: 10px;
}

/* Upload Form */
#content .single #uploadForm{margin: 10px 0 0 0;}
#content .single #uploadForm label{
	margin: 20px 0 0 0;
	float: left;
	clear: both;
	font-weight: bold;
}

#content .single #uploadForm input {margin: 3px 0 0 0;}
#content .single #uploadForm input[type="text"] {
	height: 16px;
	width: 300px;
	background: #e8e8e8;
	border: none;
	margin-right: 8px;
	padding: 4px;
}

#content .single #uploadForm input[type="file"] {
	height: 16px;
	width: 300px;
	background: #e8e8e8;
	border: none;
	margin-right: 8px;
	padding: 4px;
	
	position: relative;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;	
}

#content .single #errorBox {
	background-color: #ff0000;
	color: #fff;
	font-family: helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	font-size: 12px;
	line-height: 15px;
	padding: 15px;
	margin: 20px 0 0 0;
	font-weight: normal;
	display: none;
}

#content .single #errorBox.green{background-color: #0c7135;}
#content .single #uploadForm .fakeBtn {
	padding: 4px;
	background: #000;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#content .single #uploadForm .fileHolder {
	position: relative; 
	clear:both; 
	float: left;
}

#content .single #uploadForm .fileHolder input{margin: 3px 0 0 0;}
#content .single #uploadForm .uploadImgHolder {clear: both;float: left;}

#content .single #uploadForm .uploadImgHolder img {margin: 14px 14px 0 0;border: 1px solid #e8e8e8;}

#content .single #uploadForm input {margin: 3px 0 0 0;}

#content .single #uploadForm .submitBtn {
	clear: both;
	float: left;
	padding: 4px;
	background: #000;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	margin: 20px 0 20px 0;
}

#content .single #uploadForm input[type="checkbox"] {margin: 0 5px 0 0;}

#content .single #uploadForm textarea {
	font-family: helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	font-size: 12px;
	font-weight: normal;
	background: #e8e8e8;
	border: none;
	width: 457px;
	height: 96px;
	padding: 4px;	
}

/* ----------------------------------------*/
/* ----->>> SINGLE POST COMMENTS <<<-------*/
/* ----------------------------------------*/

#content .comments_holder {
	margin-top: 1px;
	padding: 20px 12px;
	background: #FFF;
}

#content .comments_holder h1 {
	margin-bottom: 8px;
	font-size: 18px;
	color: #000;
}

#content .comments_holder .comments .comment {
	padding-bottom: 30px;
	border-bottom: 1px dotted #333;
	margin-top: 22px;
	max-width: 465px;
}

#content .comments_holder .comments .comment:last-child {
	padding-bottom: 0px !important;
	border-bottom: none !important;
}

#content .comments_holder .comments .comment .meta {font-size: 12px;}
#content .comments_holder .comments .comment .author {margin: 13px 0px;}

#content .comments_holder .comments .comment .author .commenticon {
	height: 14px;
	width: 10px;
	background: center center url(./images/comment.png) no-repeat;
	display: block;
	float: left;
	margin-right: 5px;
}

#content .comments_holder .comments .comment .author .name {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	display: block;
	float: left;
	color: #000;
}

/* ----------------------------------------*/
/* --->>> SINGLE POST COMMENT FORM<<<------*/
/* ----------------------------------------*/

#content .commentsform {
	background: #FFF;
	padding: 15px 12px;
	margin-top: 1px;
}

#content .commentsform h2 {
	margin-bottom: 8px;
	font-size: 18px;
	color: #000;
}

#content .commentsform p {margin-bottom: 5px;}
#content .commentsform label {font-size: 12px;}

#content .commentsform input[type="text"] {
	height: 16px;
	width: 300px;
	background: #e8e8e8;
	border: none;
	margin-right: 8px;
	padding: 4px;
}

#content .commentsform textarea {
	background: #e8e8e8;
	border: none;
	width: 457px;
	height: 96px;
	padding: 4px;	
}

#content .commentsform input[type="submit"] {
	padding: 1px 4px;
	background: #000;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: none;
	cursor: pointer;
}

#content #downloads .title {
	color:#000000;
	font-size:16px;
	font-weight:bold;
}

#content #downloads .downloadpost{
	background:#FFFFFF none repeat scroll 0 0;
	margin-top:1px;
	padding:15px 12px;
}

#content #downloads .downloadtag{
	color: #FFF;
	background: #999999;
	text-decoration: none;
	font-size: 11px;
	margin-bottom:5px;
	padding: 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: table;
}

#content #downloads .desc{padding: 3px;}

/* ----------------------------------------*/
/* --------->>>LEFT SIDEBAR<<<-------------*/
/* ----------------------------------------*/
.left_bar {
	border-top: 1px solid #e7e7e7;
	width: 244px;
	margin-right: 1px;
	padding: ;
}
.left_bar h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 12px 2px 12px;
	background: #FFF;
}
.termHead {
	font-weight: bold;
	margin-top: 15px;
//	padding: 10px 12px 2px 12px;
	background: #FFF;
}

.left_bar .post {
	margin-bottom: 1px;
	background: #FFF;
	padding: 10px 12px;
}

.left_bar .post .title {
	margin: 10px 0px 0px 0px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

.left_bar .post .title a,
.left_bar .post .title a:active,
.left_bar .post .title a:visited,
.left_bar .post .title a:hover {
	color: #333;
	text-decoration: none;
}

.left_bar .post .category {
	background: #000;
	color: #FFF;
	margin: 0 0 0 -12px;
	padding: 3px 5px 3px 12px;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
}

/* ----------------------------------------*/
/* --------->>>RIGHT SIDEBAR <<<-----------*/
/* ----------------------------------------*/

.right_bar {
	width: 244px;
	margin-left: 1px;
	float: left;
}

.right_bar h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 12px 2px 12px;
	background: #FFF;
}

.right_bar .post {
	margin-bottom: 1px;
	background: #FFF;
	padding: 10px 12px;
}

.right_bar .post .title {
	margin: 10px 0px 0px 0px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}

.right_bar .post .title a,
.right_bar .post .title a:active,
.right_bar .post .title a:visited,
.right_bar .post .title a:hover {
	color: #333;
	text-decoration: none;
}

.right_bar .post .category {
	background: #000;
	color: #FFF;
	margin: 0 0 0 -12px;
	padding: 3px 5px 3px 12px;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
}

div .disclaimHolder a {color : #ffffff;}

/* ----------------------------------------*/
/* -------->>> INFINITE SCROLL <<<---------*/
/* ----------------------------------------*/

#infscr-loading {
	color: #FFF;
	position: fixed;
	z-index: 4000;
	padding: 10px;
	height: 50px;
	width: 100px;
	top: 100%;
	left: 100%;
	margin-top: -102px;
	margin-left: -130px;
	background: #999;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px
}

#infscr-loading p {margin: 10px 0;}

#infscr-loading {
    position: absolute;
    top: 100%;
    left: 100%;
    margin-top: -51px;
    margin-left: 0px;
}
div.single { color: #000000 }

.likeboxwrap	{
	height:231px;
	width:245px;
	overflow:hidden;
	border-top:1px solid #e7e7e7;
}

.likeboxwrap iframe	{
	margin:-1px;
}

/* ----------------------------------------*/
/* ----------->>> CONDITIONALS <<<---------*/
/* -- depend on css_browser_selector.js -- */
/* ----------------------------------------*/

/*IE6*/
html.ie6 {
    width: 100%;
    height: 100%;
    overflow: auto;
}
.ie6 body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.ie6 .left { display: inline }
.ie6 .right { display: inline }
.ie6 .block .menu { padding: 0px 12px 6px 12px }
.ie6 .block .newsletter { width: 216px }
.ie6 .block .newsletter #newsletterFormDiv #emailInput { display: inline }
.ie6 .block .newsletter #newsletterFormDiv a {
    float: right;
    display: inline;
}

/*IE8*/
.ie8 #header .holder .links .link #langSelector ul {
	min-height: 0px;
	max-width: 0px;
	margin: 30px 0px 0px -145px;
}