/* @override http://localhost:3000/stylesheets/screen.css */

/* 
Title:      soulpeddler styles for screen media
Author:     *
Copyright:  *
*/

/* @group basic tags */

html {
  background: #6a6f78;
}

body {
  background: transparent url(/images/bg_html.gif) center bottom repeat-y;
  margin: 0;
  padding: 0p 0 5px 0;
  font: 12px/1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#wrapper_home{
  width: 1033px;
  margin: 0 auto;
  background: transparent url(/images/bg_body_home.gif) 0px 0px no-repeat;
  overflow: hidden;
}

.container_12{
  overflow: hidden;
}

#wrapper{
  background: transparent url(/images/bg_body.gif) center top no-repeat;
  overflow: hidden;
}

a {
  color: #080808;
}

h1,
h2,
h3 {
  padding: 10px 0;
  color: #080808;
  font-weight: bold;
}

h1 {
  font-size: 2em;
  letter-spacing: -.5px;
  padding-bottom: 15px;
}

h2 {
  font-size: 1.8em;
  line-height: 1.2em;
}

h3 {
  font-weight: bold;
  font-size: 1.1em;
}

h4 {
  color: #333;
}

h5 {
  font-weight: normal;
  margin-bottom: 2px;
  font-size: 0.95em;
}

p {
  padding-bottom: 10px;
}

span.strong {
  font-weight: bold;
}

p strong,
label,
.grid_4 h4, 
.small_artist_box h3 {
  display: block;
  line-height: 1.4em;
  color: #333;
  margin-bottom: 3px;
  font-weight: bold;
}

.small_artist_box .grid_5 p {
  padding-bottom: 0px;
}

p strong,
.grid_4 h4, 
.small_artist_box h3 {
  border-bottom: 1px dotted #DDD;
  clear: both;
}


.grid_4 ul li h4 {
  border-bottom: none;
}


label.inline{
  display: inline;
}

ul li {
  margin: 5px 0;
  clear: both;
}

textarea, 
input[type='text'],
input[type='password'] {
  width: 99%;
}

textarea {
  height: 150px;
}

dl {
  margin-bottom: 1em;
  overflow: hidden;
}

dt,
dd {
  float: left;
  margin-left: 0;
  margin-bottom: .25em;
}

dt {
  clear: left;
  width: 95px;
  font-weight: bold;
  color: #333;
}

legend {
  padding: 15px 0;
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
}


/* @end */

/* @group shared */

button::-moz-focus-inner { border: none;}

.container_12 {
  overflow: hidden;
  padding-bottom: 30px;
}

button,
a.button {
  padding: 0 0 0 12px;
  margin: 0;
  height: 29px;
  border: none;
  background: transparent url(/images/buttons.png) no-repeat 0 -29px;
  cursor: pointer;
}

#tool-box button,
#tool-box a.button {
  background-position: 0 0;
}

#tool-box button span,
#tool-box a.button span {
  background-position: right 0;
}

button span,
a.button span {
  display: block;
  padding: 6px 27px 7px 0;
  height: 16px;
  background: transparent url(/images/buttons.png) no-repeat right -29px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  color: #FFF;
  position: relative;
  right: -2px;
}

a.button {
  display: block;
  text-decoration: none;
}

a.button span {
  padding: auto;
}

p.actions {
  margin-top: 1em;
}

a.link_add,
a.link_message,
a.link_edit,
a.link_delete,
a.link_accept,
a.link_recommend{
  padding-left: 22px;
  background: transparent url(/images/icon_add.png) center left no-repeat;
  color: #333;
  font-weight: bold;
  display: block;
  line-height: 1.5em;
  overflow: hidden;
}

#tools li form a {
  padding-left: 22px;
  color: #333;
  font-weight: bold;
  display: block;
  line-height: 1.5em;
  overflow: hidden;
}

a.link_message{
  background: transparent url(/images/icon_message.png) center left no-repeat;
}

a.link_edit{
  background: transparent url(/images/icon_edit.png) center left no-repeat;
}


a.link_delete{
  background: transparent url(/images/icon_delete.png) center left no-repeat;
}

a.link_accept{
  background: transparent url(/images/icon_accept.png) center left no-repeat;
}

a.link_recommend{
  background: transparent url(/images/icon_arrow.png) center left no-repeat;
}

label.link_add {
  padding-left: 22px;
  background: transparent url(/images/icon_add.png) center left no-repeat;
  color: #333;
  font-weight: bold;
  display: block;
  line-height: 1.5em;
  overflow: hidden;
}


#active_filters dt {
  width: 65px;
}

.grid_8 h3,
.grid_4 h3 {
  clear: both;
  margin: 1.5em 0 .5em 0;
}

.grid_4 h3,.grid_3 h3 {
  padding-left: 12px;
  padding-top: 5px;
  margin-top: 0;
  background: url(/images/bg_h3.png) 0px 0px no-repeat;
  color: #FFF;
}

.grid_3 h3 {
  background: url(/images/bg_h3_small.png) 0px 0px no-repeat;
}
  
.grid_8 h4 {
  margin-bottom: 1em;
}

.grid_3 h4,
.grid_5 h4,
.grid_7 h4 {
  margin-bottom: 0;
}

.cornered-box {
  padding: 5px 10px;
  margin-bottom: 20px;
  background: #EDEDED;
  border: 1px solid #CCC;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

.box {
  background: #EEE;
  margin-bottom: 10px;
}

div.small img,
div.medium img,
div.large img {
  padding: 1px;
  background: #fff;
  border: 1px solid #ccc;
}

#event-map div.small,
.grid_4 li div.small,
.grid_3 li div.small,
.grid_8 li div.small {
  width: 30px;
  background: transparent url(/images/bg_img_small.png) bottom left no-repeat;
}

div.medium {
  width: 60px;
  background: transparent url(/images/bg_img_small.png) bottom left no-repeat;
}

div.large {
  margin-bottom: 1em;
  padding-bottom: 4px;
  background: transparent url(/images/bg_img_large.png) bottom left no-repeat;
}

.grid_4 li {
  overflow: hidden;
}

.grid_4 ul.benefits li {
  overflow: visible;
}

.grid_4 li div.extended {
  margin-left: 0;
  width: 260px;
}
.grid_3 li div.extended {
  margin-left: 0;
  width: 180px;
}

ul.tab-navigation li {
  display: inline;
  margin-left: 20px;
  position: relative;
}

ul#featured_artists li {
  clear: none;
  float: left;
  margin-right: 15px;
}

ul.benefits {
  list-style-type: square;
  margin-bottom: 1em;
  padding-left: 15px;
}

ul.profiles {
  border-bottom: 1px solid #DDD;
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

ul.profiles + h4 + ul.profiles{
  border-bottom: none;
}

ul.profiles p{
  margin-top: 5px;
}

.contact_list h3 {
  clear: both;
  margin-top: 0;
}

.contacts h4, .contacts ul.tags,
.bookmarks h4, .bookmarks ul.tags {
  margin-bottom: .25em;
}

ul.profiles p em,
#artists-list ul em,
.contacts li em,
.bookmarks li em {
  font-style: normal;
  color: #999;
}

.artist_info h4 {
  margin-bottom: 0.5em;
}

ul.tags, .small_artist_box form ul.tags {
  overflow: hidden;
  margin: 0 0 1em 0;
}


form ul.tags {
  margin-top: -9px;
  color: #333;
}

ul.tags li {
  display: block;
  float: left;
  margin-right: 5px;
  clear: none;
}

.contacts ul.tags li,
.bookmarks ul.tags li {
  overflow: visible;
}

ul.tags li a {
  text-decoration: none;
  padding: 2px 5px;
  background: #ffd;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  border-right: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}

ul.tags li a:hover {
  background: #fefeaa;
}

ul.tags li a:active,
ul.tags li a.selected {
  background: #ff9;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

#helpBubble {
  position: absolute;
  left: 460px;
  top: -33px;
  width: 220px;
  padding: 20px 0 20px 20px;
  font-size: 18px;
  line-height: 24px;
}

.helpBubble {
  position: relative;
  width: 100%;
  background: #a4b3cf;
  padding: 5px 10px 12px 10px;
  margin: 40px 0 0 0;
  font-size: 13px;
  color: #fff;
}

.helpBubble h4 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 2px;
}

.helpBubble img {
  position: absolute;
  left: -19px;
  top: 15px;
}

.fieldWithErrors{
  border-bottom: 2px solid red;
  width: 375px;
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}

.fieldWithErrors input {
  background: #ffd;
}

#errorExplanation {
  clear: both;
  border: 2px solid red;
  margin-bottom: 20px;
  padding: 20px;
  background: #ffd;
}

#errorExplanation h2 {
  padding-top: 0;
}

form .date_time input {
  width: 50%;
}

p.info,
.howto p.info {
  color: #666;
  font-size: 1em;
  font-weight: bold;
}

form p.info {
  margin-top: .5em;
  margin-bottom: -3em;
  text-align: right;
}

#explore {
  margin-top: 20px;
}

#explore ul li {
  overflow: hidden;
}

input#remember_me {
  margin: 2px 2px 0 0;
}

.details ul li.grid_8 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #DDD;
}

p.comment span {
  color: #444;
  font-size: 1.1em;
}

span.new {
  position: relative;
  top: -3px;
  padding: 0 .4em .2em .4em;
  background: red;
  color: white;
  font-size: .67em;
}

#active_filters {
  margin-bottom: 1.5em;
}

#active_filters .new_subscription {
  margin-top: -.5em;
}

.event-data {
  margin-left: 0;
}


.event-data dt {
  width: 95px;
}

/* @group dependencies */

ul.artist {
  color: #ff2c37;
}

ul.venue,
#main-navigation li,
#main-navigation a:hover,
#main-search a:hover {
  color: #6083f0;
}

.helpBubble img,
.venue .helpBubble img {
  position: absolute;
  left: -8px;
  top: 13px;
  background: #a4b3cf;
}

.artist .helpBubble {
  background: #af4f54;
}

.artist .helpBubble img {
  position: absolute;
  left: -8px;
  top: 13px;
  background: #af4f54;
}

#calendar table thead th {
  background: #6083f0;
  color: #FFF;
}

#calendar table thead .weekdays th {
  background: #94a6dc;
}

table.month-table td {
  text-align:center;
  vertical-align:middle;
}

table#premium_account_table tbody td.center {
  text-align: center;
}

.venue li a.url {
  border-left: none;
  padding-left: 0;
}

/* @end */

/* @end */

/* @group header */

a#home-link {
  display: block;
  text-indent: -9999px;
  width: 200px;
  height: 60px;
  position: absolute;
  left: -20px;
  top: -4px;
  background: url(/images/logo.png) no-repeat -10px 0px;
}

#meta-navigation {
  margin: 0 6px;
  padding: 15px 0 20px 10px;
  height: 10px;
  color: #FFF;
}

#meta-navigation ul {
  margin-left: 5px;
  text-align: right;
}

#meta-navigation a {
  color: #FFF;
  text-decoration: none;
}

#meta-navigation a:hover {
  text-decoration: underline;
}

#main-navigation {
  padding-bottom: 0;
  margin-bottom: 1.5em;
  position: relative;
  height: 45px;
  border-bottom: 1px solid #DDD;
}

#main-navigation li,
#main-search span.link {
  font: bold 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#main-navigation ul {
  position: relative;
  left: 200px;
  top: 12px;
}

#main-navigation ul li {
  position: relative;
}

#main-navigation ul li a {
  position: relative;
  z-index: 10;
}

#main-search {
  position: relative;
  padding: 8px 0;
  border-bottom: 1px solid #DDD;
}

#main-search input#city {
  margin-right: -4px;
  width: 100px;
}

#main-search button {
  padding: 0px;
  width: 29px;
  background: transparent url(/images/button_arrow.png) no-repeat 0 0px;
}

#main-search button span {
  background: none;
}

#main-search span.link {
  position: absolute;
  top: 12px;
  right: 5px;
}

/*

 @end */

/* @group sidebar */

#tools {
  margin-bottom: 2.5em;
}

#sidebar h3 {
  margin: 0 0 .5em 0;
  padding: 0;
  background: none;
  color: #000;
}

#sidebar ul {
  margin-bottom: 1em;
}

#sidebar #tools ul {
  margin-bottom: 0;
}

#sidebar li p {
  padding-bottom: 0;
}

#calendar {
  padding: 10px;
}

#calendar table {
  width: 100%;
  border: 2px solid #DDD;
  margin-bottom: 10px;
}

#calendar table thead th {
  padding: 3px 0;
  border-bottom: 1px solid #DDD;
}

#calendar table thead th a {
  color: white;
}

#calendar table td {
  width: 14.2%;
  height: 30px;
  border: 1px solid #DDD;
  padding: 3px;
  background: white;
}

#calendar table td.non-current {
  background: #f0f0f0;
}

#calendar table td.selected {
  border: 2px solid #bbb;
}

#calendar table td var {
  display: block;
  text-align: right;
  color: #999;
  font-style: normal;
}

#calendar table td a {
  text-decoration: none;
  color: #444;
}

#calendar table td.non-current a {
  color: #888;
}

#calendar table td ul li {
  float: left;
  display: block;
  height: 5px;
  width: 5px;
  background: #DDD;
  margin-right: 1px;
  color: transparent;
  overflow: hidden;
  margin: 1px 0;
}

#calendar table td ul li {
  background: #bbb;
}

#filter-list li label,
li a.url {
  border-left: 10px solid #bbb;
  padding-left: 5px;
}

#filter-list li label span{
  font-weight: normal;
  color: #666;
}

.public li a.url {
  border-left: none;
  padding-left: 0;
}

#calendar table td ul li.own {
  background: #3b3;
}

#filter-list li.own label,
li.my_events a.url {
  border-left: 10px solid #3b3;
  padding-left: 5px;
}

#calendar table td ul li.genre {
  background: #c44;
}

#filter-list li.genre label,
li.my_genre_events a.url {
  border-left: 10px solid #c44;
  padding-left: 5px;
}

#calendar table td ul li.region {
  background: #eb3;
}

#filter-list li.region label,
li.my_near_events a.url {
  border-left: 10px solid #eb3;
  padding-left: 5px;
}

#calendar table td ul li.myvenues {
  background: #3ad;
}

#filter-list li.myvenues label {
  border-left: 10px solid #3ad;
  padding-left: 5px;
}

#calendar label {
  display: inline;
}

#calendar .link_add {
  margin-left: 3px;
}

#tool-box input[type='text'] {
  width: 250px;
}

#tool-box input {
  vertical-align: middle;
}

ul.sounds h5 {
  float: left;
  padding: 3px 10px 0 0;
}

ul.sounds object {
  float: left;
  width: 235px;
}

ul.sounds li h5{
  width: 100%;
}


/* @end */

/* @group home */

#intro {
  position: relative;
  margin-top: 0;
  margin-bottom: 1em;
  height: 180px;
  font-size: 0.85em;
}

#main-visual{
  position: absolute;
  left: -40px;
  top: -30px;
}

#intro p {
  position: absolute;
  left: 320px;
  top: 20px;
  font: bold 2.5em/.75em "Lucida Grande", Lucida, Verdana, sans-serif;
  white-space: normal;
  letter-spacing: -1px;
  word-spacing: -2px;
  color: #333;
}

#intro p strong,
#intro p a {
  display: inline;
  border: none;
  font-size: 1.5em;
  letter-spacing: -2px;
}

#intro .artist {
  color: #ff2c37;
}

#intro .venue {
  color: #6083f0;
}

#intro span.available_dates {
  line-height: 2em;
  text-indent: 15px;  
}

#intro span.available_dates a {
  font-size: 1em;
}

#intro p a {
  text-decoration: none;
  border-bottom: 1px dotted #333;
}

#intro p a.artists {
  color: #ff2c37;
}

#intro p span {
  display: block;
  text-indent: 30px;
}

#intro form {
  position: absolute;
  left: 340px;
  bottom: 5px;
}

#intro label,
#intro input,
#intro button {
  display: inline;
  font-size: 1.4em;
}

#intro label {
  margin-bottom: 0;
}

#intro input {
  width: 200px;
  font-weight: bold;
  color: #333;
}

#home_login {
  margin-top: -33px;
  margin-bottom: 1em;
  text-align: right;
}

/* @end */

/*

@group dashboard */

#event-list ul {
  margin-bottom: 20px;
}

/* @end */

/* @group main */

p#flash {
  position: relative;
  margin: 0 5px 1em 5px;
  padding: 1em 0.5em;
  width: 930px;
  background: #ffe;
  border: 2px solid #555;
  color: #333;
  font-weight: bold;
  text-align: center;
  font-size: 1.5em;
  line-height: 1.1em;
}

p#flash #flash-nose{
  position: absolute;
  top: -13px;
  left: 25px;
}

.login-actions {
  position: relative;
}

.login-actions button {
  position: absolute;
  right: 0;
}

#comment-form {
  margin: 10px 0;
  overflow: hidden;
  position: relative;
}

#comment-form #comment-nose {
  position: absolute;
  top: 20px;
  left: 62px;
}

#comment-form #comment-nose-bottom {
  position: absolute;
  top: 40px;
  left: 62px;
}

#comment-form select {
  margin-bottom: 4px;
}

#comment-form textarea {
  height: 90px;
}

#comment-form .comment-teaser {
  padding: 10px;
  border: 1px solid #999;
}

#comment-form button {
  float: right;
}

.handshake {;
  padding: 0 1em;
  background: #ffe;
  border: 2px solid #ddc;
  color: #333;
  position: relative;
  clear: both;
}

.handshake form{
  position: absolute;
  right: 5px;
  bottom: 5px;
}

.donate{
  position: relative;
}

.donate form{
  position: absolute;
  right: 0;
  bottom: 5px;
}

#event-list ul {
  margin-bottom: 0;
}

.vevent {
  padding: 5px 0 10px 90px;
  position: relative;
  min-height: 40px;
  border-bottom: 1px dotted #DDD;
}

.vevent .dtstart {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 40px;
}

.vevent abbr {
  display: none;
}

.vevent span.first {
  display: block;
  background-color: #fff;
}

.vevent abbr.only {
  background-color: transparent;
}

.vevent .dtstart .weekday {
  color: #999;
  font-size: 0.9em;
}

.vevent .dtstart .date {
  margin-top: .25em;
  display: block;
  font-size: 1.8em;
}

.vevent a.url {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: 3px 0;
}

.vevent .tags {
  margin-left: 40px;
}

/*
.vevent .tags {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 50px;
  overflow: hidden;
}

.vevent .tags li {
  float: right;
}
*/
table.admin_table td,
table.admin_table th {
  padding: 0 10px 0 0;
}

table.admin_table td {
  vertical-align: top;
}

table.admin_table tr.even td {
  background: #eee;
  padding-top: 3px;
  padding-bottom: 3px;
}

table#kpi td,
table#kpi th {
  text-align: right;
}

/* @end */

/* @group footer */

#footer-navigation {
  padding-top: 0;
  width: 100%;
  margin: 0 auto;
    background: #6a6f78;
    text-align: center;
}


#footer-navigation ul{
  width: 980px;
  margin: 0 auto;
  padding: 10px 0;
  background:  url(/images/bg_footer.gif) top left no-repeat;
}

#footer-navigation ul li{
  display: inline;
  margin: 10px;
  color: #FFF;
}

#footer-navigation ul li a{
  color: #FFF;
  text-decoration: none;
}

#footer-navigation ul li a:hover{
  text-decoration: underline;
}

/* @end */

/* @group bottom fixed footer */


#footer {
    width: 100%; 
    padding-bottom: 0;   
}

/* @end */

/* @group static */

.static ul {
  list-style: circle;
  margin-left: 15px;
  list-style-position: inside;
  opacity: 1;
  list-style-type: square;
}

.static dt {
  width: auto;
  display: block;
}

.static li {
  text-indent:-13px;
}

.static form {
  margin: 15px 0;
  overflow: hidden;
}

.static form textarea {
  width: 100%;
  height: 100px;
}

.howto p {
  font-size: 1.2em;
  margin-bottom: 5px;
}

.howto p em {
  font-size: 1.4em;
  font-weight: bold;
  font-style: normal;
  color: #6083f0;
}

#artist {
  margin-top: 30px;
}

#artist p em {
  color: #ff2c37;
}

h3.step1,
h3.step2,
h3.step3 {
  background: url(/images/bg_step1.png) top left no-repeat;
  height: 33px;
  padding-top: 15px;
  padding-bottom: 0;
  text-indent: 50px;
  position: relative;
  left: -10px;
}

h3.step2 {
  background-image: url(/images/bg_step2.png);
}

h3.step3 {
  background-image: url(/images/bg_step3.png);
}

.howto ul {
  padding-left: 40px;
}

.howto ul li {
  list-style-type: disc;
  list-style-position: outside;
  overflow: visible;
  list-style-image: url(../images/bullet_howto.png);
}

.howto ul li a.button {
  width: 195px;
  margin-top: 15px;
  margin-left: -5px;
}

.howto ul li.image {
  list-style-type: none;
  list-style-image: none;
}

/* @end */
.profile-chooser {
  display:inline;
}
.profile-chooser select {
  font-size:10em; font-weight:bold;
}


#mini-feed {
  position: relative;
  margin: 0 5px 1em 5px;
  padding: 0;
  width: 940px;
  background: #ffe;
  border: 2px solid #555;
  color: #333;
  font-weight: bold;
  
}

#mini-feed li {
 background: #fff;
 padding:0.5em;
 margin:0.5em;
}

#mini-feed h2 {
  font-size:1.3em;
  margin:0; padding:0;
}

#mini-feed .closer {
  position:absolute;
  margin:0; padding:0;
  right:-9px;top:-9px;
}

#mini-feed .closer a {
  background: #f00 url(/images/icon_delete.png) top left no-repeat;
  overflow:hidden;
  width:17px; height:17px;
  display:block;
}


#mini-feed .closer a span {
  margin-top:200px;
  display:block;
}

.small_artist_box {
  margin-left: 0px;
  margin-right: 0px;
}

#active_year {
  color: #6083F0;
}

.available_dates h4 {
  margin-bottom: 2em;
}

.small_artist_box {
  border-bottom: 1px dotted #ddd;
}

.small_artist_box h3 {
  margin-top: 0;
}

.small_artist_box h4 a {
  vertical-align: top;
}

.small_artist_box h4 input {
  margin-top: 1px;
}

.small_artist_box a.link_add {
  background-position: 0 2px;
}

p.more {
  margin-top: -.5em;
}

p.more a, p.more a:visited {
  color: #444;
}

.banner_top {
  margin: 1em 0 1.5em 0;
}

table#premium_account_table {
  margin-top: 20px;
}

table#premium_account_table th {
  padding: 1em;
}

table#premium_account_table td {
  padding: 1em;
  border-bottom: 1px solid #DDD;
}

table#premium_account_table th.free {
  background: #EDEDED;
  color: #000;
}

table#premium_account_table th#first {
  border-top: 2px solid #FFED3D;
}

table#premium_account_table td#last {
  border-bottom: 2px solid #FFED3D;
/*  text-align: center;*/
}

table#premium_account_table td.desc {
  background: #EDEDED;
}

table#premium_account_table th.premium,
table#premium_account_table td.premium {
  background: #FFFFDD;
  color: #000;
  border-top: 1px solid #CCCCCC;
  border-left: 2px solid #FFED3D;
  border-right: 3px solid #FFED3D;
}

table#premium_account_table td.diff {
  color: green;
  font-weight: bold;
}

a#premium_info {
  width: 170px;
}

a#premium_info span {
  padding-top: 4px;
}