* {
 padding:0;
 margin:0;
}

html,body {
 width:100%;
}

body {
 font-family:arial;
 line-height:14px;
text-align:center;
}

body,h3 {
 font-size:12px;
}

object,embed {
	width:355px;
}

.pagination, .pagination a:link,.pagination a:visited {
	font-weight:bold;
	clear:both;
	margin-top:10px;
	font-size:11px;
	color:rgb(0,49,86);	
}
p.posted {
	font-size:11px;	
	margin-bottom:10px;
}

#blog .page h2 {
	margin-bottom:3px;
}

#blog .page {
	margin-bottom:30px;
}

#news #menu_news a,
#agenda #menu_agenda a,
#contact #menu_contact a,
#artists #menu_artists a,
#about #menu_about a {
 color:rgb(0,159,224);
}

#wrapper {
 width:775px;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:60px;
text-align:left;

}

#logo {
 position:relative;
 height:110px;
 background-color:rgb(255,255,255);
 background-image:url(../images/web/friendlyfire.gif);
 background-repeat:no-repeat;
}

#sub {
 position:absolute;
 bottom:0px;
 color:rgb(0,49,86);
 font-size:11px;
}

#menu {
 height:auto;
}

.banner {
	margin-bottom:10px;
}

.left,.middle,.right {
 float:left;
}

#content .left, #content .middle, #content .right {

}

.left,.middle {
	overflow:hidden;
 width:190px;
}

.right {
	overflow:hidden;
	width:355px;
}


.middle {
 margin-left:20px;
 margin-right:20px;
}

ul {
 list-style:none;
}

ul li {
 display:inline;
}

#menu {
 margin:10px 0 10px 0;
 padding:4px 0 4px 0;
 border-top:1px dashed #999999;
 border-bottom:1px dashed #999999;	
}

#menu table {
  width:740px;
  margin-right:20px;
  margin-left:20px;
}

#menu table td {
	text-align:center;
 	font-size:16px;
 	font-weight:bold;	
}


a:link, a:visited {
 color:#000000;		
 text-decoration:none;
}

a:hover {
 color:rgb(0,159,224);	
 text-decoration:none;
}


.middle h3 a:link,.middle h3 a:visited {
	color:rgb(0,159,224);
 text-decoration:underline;
}

.middle h3 a:hover {
	color:rgb(0,0,0);
 text-decoration:none;
}


div.title {
	padding:3px 0 3px 0;
	background-color:rgb(0,49,86);
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	margin-bottom:3px;
}

.right div.title {
	text-align:left;
	text-indent:5px;
}

.box {
	margin-bottom:10px;
}

.line {
 	margin:3px 0 0px 0;
 	border-top:1px dashed #999;
}

.line p {
	margin-top:5px;
}

.small {
	font-size:10px;
	color:#999999;
}

.small a:link,.small a:visited {
	color:#999999;
}

.small a:hover {
	text-decoration:underline;
}

form.search {
	margin-top:10px;
}

ul.list li {
	display:block;
	padding:10px 0px;
 	border-bottom:1px dashed #999;	
}

ul.list li h3,ul.list li small,ul.list p {
	margin:0 5px;	  
}

ul.list li h3 {
	text-transform:uppercase;
}


ul.list li.gray {
	background-color:#ccc;
}

.box p {
	text-align:justify;
}

div.page {
	margin-top:10px;
	text-align:justify;
}

h2 {
	font-size:18px;
	margin-bottom:10px;
	line-height:18px;
}

div.media {
	margin-bottom:10px;
}

p.byline {
	padding-top:3px;
	font-size:11px;
}

img.cropped {
	margin-left:10px;
	margin-bottom:5px;
}

form.search input {
	width:190px;
	border:0px;
	background-color:#ccc;
	color:#000;
	font-family:"Helvetica",Arial,sans-serif;
	font-size:12px;
	padding:4px;
}

div.page table {
	width:355px;
	font-size:11px;
	margin-bottom:20px;
}

div.page table td {
	padding:3px 0;
}

td.c_title {
	width:90px;
}

td.c_date {
	width:70px;
}

td.c_time {
	text-align:center;
	width:45px;
}

td.c_venue {
	text-align:left;
}

td.c_place {
	text-align:right;

}

div.upcoming {
	margin-top:10px;
}

div.clear                              {clear:both;}
div.column                             {float:left; width:245px; margin-bottom:10px; margin-right:20px;}
div.last                               {float:left; margin-right:0px;}

table#concerts                         {font-size:100%; margin-bottom:10px; border-top:1px dashed #999999;}
table#concerts tr td                   {border-bottom:1px dashed #999999;}
table#concerts tr td.gray              {background-color:#ccc;}
table#concerts tr td.white             {background-color:#fff;}
#events h2                             {margin-bottom:0px;}
#events small                          {margin-bottom:10px; display:block;}
td.artist                              {width:200px; padding:6px 10px 6px 10px;}
td.date                                {width:90px; padding:6px 10px 6px 0;}
td.venue                               {width:350px; padding:6px 10px 6px 0;}
td.tickets                             {width:110px; text-align:right; padding:6px 10px 6px 0}

div.whole .line                        {margin-bottom:10px;}
div.whole .title                       {text-align:left; text-indent:5px;}

/* tweet */
.tweet { width:190px; padding-top:5px;}
.tweet, .query {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #000000; }
  .tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
	  border-bottom:1px dashed #999;
	  display:block;
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #009fe0; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color: #ccc; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }