/*
Theme Name: Reactable Systems
Theme URI: http://reactable.com/
Description: Reactable Systems WordPress theme
Version: January 2011
Author: Marcos Alonso
Tags:
*/

a {
	color: #09c;
	text-decoration: none;
}

img { border: 0; }

img.alignright  {
	margin: 0 0 20px 20px;
	border: none;
}

img.alignleft  {
	margin: 0 20px 20px 0;
	border: none;
}

a:visited {
	color: #09c;
	text-decoration: none;
}

a:hover {
	color: #09c;
	text-decoration: underline;
}

acronym,
abbr {
	border-bottom: 1px dashed;
	cursor: help;
}

acronym,
abbr,
span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

blockquote {
	background: #eee url('/images/quotebg.jpg') no-repeat;
	font-family: 'Georgia', serif;
	font-size: 13px;
	margin: 0;
	padding: 15px 15px 1px 20px;
}

blockquote p,
blockquote span{ line-height: 20px; }

body {
	width: 920px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #555;
	background: #fff;
}

cite {
	font-size: 90%;
	font-style: normal;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	color: #09c;
	margin: 0 0 17px 0;
	padding: 0;
}

h3,
h3 a,
h3 a:visited {
	font-size: 20px;
	font-weight: bold;
	color: #666;
	margin: 40px 0 17px 0;
	padding: 0;
}

h4 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	margin: 20px 0 10px 0;
}

h5 {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	margin-bottom: 10px;
}

ol#comments li p { font-size: 100%; }

p,
.feedback,
table {
	margin: 0 0 20px 0;
	line-height: 17px;
}

ul { margin-bottom: 30px; }

li { line-height: 20px; }

td { padding: 0 20px 0 0; }

/*-----------------------------------------
	Header
------------------------------------------*/

#header {
	margin: 0;
	padding: 0;
	height: 100px;
}

#header a { text-decoration: none; }

#header a:hover { text-decoration: underline; }

#header h1 {
	padding: 29px 0 0 0;
	margin: 0;
}

#header h1 a {
	width: 200px;
	height: 42px;
	display: block;
	background: url('images/title.png') no-repeat;
}

#header h1 a span { display: none; }

/*-----------------------------------------
	Pages menu
------------------------------------------*/

#pages {
	margin: 40px 0 0 0;
	padding: 0;
	float: right;
	list-style: none;
	font-size: 14px;
}

#pages li {
	border-right: 1px solid #ddd;
	margin: 0;
	padding: 0;
	display: block;
	float: left;	
	width: 105px;
	height: 20px;
	line-height: 20px;

	text-align: center;
}

#pages li:first-child {
	border-left: 1px solid #ddd;
}

#pages li a {
	padding: 0;
	margin: 0;
	line-height: 20px;
	height: 20px;
	
	color: #999;
}

#pages li.current_page_item a,
#pages li.current_page_ancestor a {
	color: #09c;
}

#pages li a:hover {
	color: #666;
	text-decoration: none;
}

/*-----------------------------------------
	Submenu
------------------------------------------*/

#submenu {
	padding: 0;
	margin: 0;
	float: left;
	font-size: 14px;
}

#submenu li {
	background-color: #ddd;
	display: block;
	height: 40px;
	width: 200px;
	margin-bottom: 2px;
}

#submenu li:hover {
	background-color: #666;
}

#submenu li.current_page_item {
	background-color: #aaa;
}

/* first element */
#submenu li:first-child {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

/* last element */
#submenu li:last-child,
#submenu li.last {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

#submenu li a {
	display: block;
	text-align: center;
	line-height: 40px;
	height: 40px;
	color: #666;
	text-decoration: none;
}

#submenu li:hover a,
#submenu li.current_page_item a {
	color: #fff;
}

/*-----------------------------------------
	Content
------------------------------------------*/

#maincontent {
	margin-left: 240px;
	min-height: 320px;
}

.entry p {
	text-align: justify;
}

.no-bullets {
	list-style: none;
}

/*-----------------------------------------
	Home
------------------------------------------*/

a.reactable_live_cover {
	display: block;
	float: none;
	margin-top: -25px;
}

a.cover_classic_left {
	display: block;
	float: left;
}

a.cover_classic_rtop { display: block; }

a.cover_classic_rbot {
	display: block;
	margin-top: 20px;
}

/*-----------------------------------------
	Columns structures
------------------------------------------*/

.col1 { width: 920px; }

/* 2 col structure */

.col2_left { width: 450px; }

.col2_right {
	width: 450px;
	margin-left: 470px;
}

.col2_last {
	width: 200px;
	margin-left: 720px
}

/* 2 col structure (b) */

.col2b_block {
	float: left;
	width: 320px;
	margin-right: 40px;
	text-align: justify;
}

.col2b_last {
	float: left;
	width: 320px;
	text-align: justify;
}

/* 3 col structure */

.col3_row {
	margin-top: 20px;
	margin-bottom: 20px;
}

.col3_row p {
	margin-bottom: 10px;
}

.col3_block {
	float: left;
	width: 200px;
	margin-right: 40px;
}

.col3_last {
	float: left;
	width: 200px;
}

/*-----------------------------------------
	Latest news
------------------------------------------*/

#latestnews {
	display: block;
	float: left;
	width: 200px;
	margin-top: 37px;
}

.breakall { clear: both; }

.newsfooter,
.newsfooter a,
.newsfooter a:visited {
	color: #aaa;
	text-align: right;
}

.newsfooter a:hover {
	color: #666;
	text-decoration: none;
}

.meta,
.meta a {
	color: #999;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 5px;
}

.storytitle { margin: 0; }

.storytitle a,
.storytitle a:visited {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
}

.storycontent {
	margin-bottom: 40px;
	text-align: justify;
}

.storyelement .storycontent {
	margin-bottom: 20px;
}

.cover_icon {
	margin: 0 0 0 2px;
	vertical-align: -2px;
}

/*-----------------------------------------
	Events
------------------------------------------*/

.events {
	margin: 0 auto 20px;
	padding: 0;
	list-style: none;
}

.event-element {
	margin-bottom: 20px;
}

.event-element p {
	margin: 0;
}

.event-col {
	float: left;
}

.eventmeta {
	width: 110px;
	padding-right: 20px;
}

.eventinfo {
	width: 550px;
}

.eventname {
	font-size: 14px;
	margin: 0;
}

p.eventdate {
	color: #999;
	margin-bottom: 5px;
}

.event-col .eventdate {
	margin-bottom: 0;
	padding-top: 3px;
	text-align: right;
}

.event-col .eventlocation {
	color: #999;
	margin-bottom: 5px;
}

.feedback {
	color: #ccc;
	text-align: right;
	clear: both;
}

.specstable {
	width: 390px;
	margin: 3px 0 40px 0;
}

.specstable th {
	padding: 5px 0 5px 20px;
	background: #aaa url('/images/tablespecstop.png') no-repeat;
	color: #fff;
	text-align: left;
}

.specstable td {
	padding: 10px;
	border-right: solid 2px #aaa;
	border-bottom: solid 2px #aaa;
}

.specstable .tdleft {
	border-left: solid 2px #aaa;
	width: 60px;
	font-weight: bold;
}

.museums {
	margin: 0;
	padding: 0;
}

.museums li {
	margin-bottom: 5px;
	line-height: 17px;
}

hr {
	margin: 20px 0;
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	border: 0;
}

/*-----------------------------------------
	Widget bars
------------------------------------------*/

.widget-bar {
	float: left;
	margin: 37px 0 0 0;
	padding: 0;
	list-style: none;
}

.widget {
	float: left;
	width: 200px;
	margin-left: 40px;
	padding: 0;
}

#widget-bar-01 {
	margin: 0 0 20px 0;
}

#widget-bar-01 .widget {
	margin: 0;
	padding: 0;
}

.newsletter-subscribe {
	font-weight: bold;
}

#widget-bar-02 {
	width: 720px;
}

#widget-bar-02 .caption {
	font-size: 12px;
	line-height: 15px; 
	padding: 0;
	margin-bottom: 20px;
	color: #555;
}

.socialmedia-buttons {
	margin-bottom: 10px;
}


/*-----------------------------------------
	User YouTube videos
------------------------------------------*/

.youtube_video {

}

.youtube_thumblink {
	display: block;
	position: relative;

	margin: 0 0 10px 0;
	width: 200px;
	height: 120px;
}

.youtube_biglink {
	display: block;
	position: relative;

	margin: 0 0 0px 0;
	width: 740px;
	height: 410px;
}



.youtube_video .youtube_overlay {
	position: absolute;
	width: 200px;
	height: 120px;
}

.youtube_video .youtube_thumb {
	position: absolute;

	width: 200px;
	height: 150px; /* real height after crop is 120px */
	top: -15px;
	clip: rect(15px,200px,135px,0px);
}

/*-----------------------------------------
	User Tables
------------------------------------------*/

.tables_view {
	text-align: right;
	font-size: 16px;
	margin-bottom: 20px;
}

.tables_view a {
}

.tables_row {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.tables_title {
	float: left;
	width: 330px;
	font-size: 15px;
	line-height: 24px;
}

.tables_info {
	float: left;
	width: 160px;
	line-height: 16px;
}

.tables_download {
	float: right;
	width: 180px;
	text-align: center;
}

.tables_download a {
	display: block;
	padding: 5px;
	margin: 0 auto 5px auto;
	width: 120px;

	background: #09c;
	border: 2px solid #6ce;
	border-radius: 10px;
	-moz-border-radius: 10px;
	
	font-size: 16px;
	font-weight: bold;	
	color: #fff;
}

.tables_download a:visited {
	color: #fff;
}

.tables_download a:hover {
	color: #fff;
}

#tables_login_popup {
	overflow: auto;
	width: 400px;
	height: 50px;
	text-align: center;
}

/*-----------------------------------------
	Artists
------------------------------------------*/

.artists_row {
	margin-bottom: 40px;

}

.artists_item {
	margin-left: 40px;
	width: 200px;
	height: 200px;
	display: inline-block;
	
	background: #999;
	text-align: center;
	color: #fff;
	font-size: 15px;

	border-radius: 10px;
	-moz-border-radius: 10px;
}

.artists_item img {
	margin-bottom: 10px;
}

.artists_item:first-child {
	margin-left: 0;
}

#artist_header {
	margin-bottom: 40px;
}

#artist_header a {
	float: right;
}


/*-----------------------------------------
	Musicians
------------------------------------------*/

.musician-avatar { position: absolute; }

.musician-description { margin: 0 0 20px 240px; }

/*-----------------------------------------
	Newsletter form
------------------------------------------*/

form { margin-bottom: 10px; }

input { border: 1px solid #ccc; }

/*-----------------------------------------
	Contact form
------------------------------------------*/

.contactform_before {
	background: #f4f4f4;
	margin: 20px 0 20px 0;
	padding: 20px;

	border: 2px solid #ddd;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.contactform_before ul {
	margin: 10px 0 0 20px;
	padding: 0;
}

.contactform_before li {
	margin-top: 10px;
}


.contactform input {
	width: 340px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 3px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
}

.contactform select { margin-bottom: 10px; }

.contactform textarea {
	width: 340px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 3px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
}

/*-----------------------------------------
	Support
------------------------------------------*/

#software-form fieldset {
	border: 0;
}

#software-form fieldset.softwares {
	border: 1px solid #ccc;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#software-form fieldset input,
#software-form fieldset textarea {
	border: 1px solid #ccc;
	margin: 10px auto;
}

#software-form fieldset textarea {
	color: #333;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	padding: 3px;
	width: 100%;
}

#software-form fieldset input.accept {
	float: left;
	margin: 15px 15px auto 0;
}

#software-form fieldset label.accept {
	float: left;
	text-align: justify;
	width: 80%;
}

#software-form fieldset input#submit {
	float: right;
}

/*-----------------------------------------
	Footer
------------------------------------------*/

#footer {
	border-top: 1px solid #aaa;
	margin: 40px 0 20px 0;
	min-height: 140px;
}

#credit {
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 10px;
	height: 20px;
}

#webtree {
	margin: 10px 0 20px 0;
	padding: 0;
	display: block;
	float: left;
	font-size: 10px;
}

#webtree li {
	margin: 0 20px 0 0;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	min-width: 90px;
}

#webtree ul {
	margin: 0 0 20px;
	padding: 0;
	float: none;
	display: block;
}

#webtree ul li {
	margin: 0;
	padding: 0;
	float: none;
	display: block;
	font-weight: normal;
}

#webtree li a { color: #888; }

#webtree li a:hover {
	color: #444;
	text-decoration: underline;
}

/*-----------------------------------------
	Captions & aligment
------------------------------------------*/

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

.alignleft { float: left; }

.alignright {
	float: right;
	margin-left: 20px;
}

.caption {
	font-size: 13px;
	padding: 10px 0 0 0;
	margin: 0;
	color: #999;
	font-style: italic;
	font-family: 'Georgia', serif;
	text-align: center;
}

.wp-caption {
	text-align: center;
	margin-bottom: 20px;
}

.wp-caption.alignright { margin: 0 0 20px 20px; }

.wp-caption.alignleft { margin: 0 20px 20px 0; }

.wp-caption img {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #999;
	font-style: italic;
	font-family: 'Georgia', serif;
}