/*  
	Theme Name: Urban Antidote
	Theme URI: http://www.urbanantidote.com
	Description: Theme designed exclusively for Urban Antidote, by Nefasto.eu.
	Version: 1.0
	Author: Nefasto
	Author URI: http://www.nefasto.eu
*/
@charset "utf-8";
body {
	background: #fff url('images/background.jpg') fixed repeat-x center top;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
body a, body a:visited, body a:active {
	text-decoration: none;
	color: #4c5e72;
}
body a:hover {
	color: #313131;
}

body img a, body img a:visited, body img a:active {
	border: 0;
}


.container {
	width: 746px;
	margin-right: auto;
	margin-left: auto;
}
.logo {
	width: 100%;
	height: 322px;
	background: url('images/header.png') no-repeat center bottom;
}
.skip a img {
	float: right;
	border: 0;
	width: 97px;
	height: 28px;
	background: url('images/skip.png') no-repeat center bottom;
}
.logo .top {
	height: 294px;
}
.logo .menu {
	padding: 0 20px 0 0;
	margin: 0;
}
.logo .menu ul {
	margin: 0;
	padding: 0;
}
.logo .menu li {
	float: right;
	width: 100px;
	background: url('images/menu-item-unsel.png') no-repeat center top;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	list-style-type: none;
	padding: 5px 0 5px 0;
	margin: 0 2px 0 0;
}
.logo .menu li a, .logo .menu li a:visited, .logo .menu li a:active {
	text-decoration: none;
	color: #313131;
	display: block;
}
.logo .menu li:hover {
	color: #000;
	background: url('images/menu-item.png') no-repeat center top;
}


/* LATEST */
.latest {
	clear: both;
	height: 118px;
	background: url('images/latestbg.png') no-repeat center bottom;
}

/* LEFT */
.latest .left {
	width: 173px;
	padding: 8px 0 0 8px;
	margin: 0;
	float: left;
}
.latest .left span {
	margin: 0;
	padding: 0;
}
.news img {
	margin: 0 0 2px 0;
	padding: 0;
	background: url('images/latestmenu.png') no-repeat;
}
.news img:hover, .news img.active {
	cursor: pointer;
	margin: 0 0 2px 0;
	padding: 0;
	background: url('images/latestmenu.png') no-repeat;
	background-position: -172px 0;
}
.releases img {
	margin: 0 0 2px 0;
	padding: 0;
	background: url('images/latestmenu.png') no-repeat;
	background-position: 0 -33px;
}
.releases img:hover, .releases img.active {
	cursor: pointer;
	margin: 0 0 2px 0;
	padding: 0;
	background: url('images/latestmenu.png') no-repeat;
	background-position: -172px -33px;
}
.artists img {
	width: 173px;
	margin: 0;
	padding: 0;
	background: url('images/latestmenu.png') no-repeat;
	background-position: 0 -66px;
}
.artists img:hover, .artists img.active {
	cursor: pointer;
	width: 173px;
	margin: 0;
	padding: 0;
	background: url('images/latestmenu.png') no-repeat;
	background-position: -172px -66px;
}

/* RIGHT */
#mask {
	position:relative;
	width: 564px;
	height: 102px;
	overflow:hidden;
	float: right;
	padding: 0;
	margin: 8px 0 0 0;
}
#right{
	margin: 0;
	position:absolute;
}
#right .news, #right .releases, #right .artists {
	width: 100%;
	height: 102px;
	padding: 0;
}
.item {
	padding: 0 0 0 10px;
	clear: both;
}
.item .date {
	float: left;
	width: 55px;
	padding: 0 0 10px 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	color: #4c5e72;
}
.item .text {
	float:right;
	width: 490px;
}
.item .headline {
	padding: 1px 0 0 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	color: #313131;
	font-weight: bold;
	text-decoration: none;
}
.item .headline a, .item .headline a:active, .item .headline a:visited {
	color: #313131;
}
.item .headline a:hover {
	text-decoration: underline;
}
.item .subline {
	padding: 0;
	position: relative;
	top: -4px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color: #878787;
	font-weight: bold;
	text-decoration: none;
}
.item .subline a, .item .subline a:active, .item .subline a:visited {
	color: #878787;
}
.item .subline a:hover {
	color: #4c5e72;
	text-decoration: underline;
}

/* SEARCH */
.search {
	width: 185px;
	height: 26px;
	padding: 5px 0 0 12px;
	margin: 7px 0 12px 0;
	background: url('images/search.png') no-repeat;
}
.search form {
	padding: 0;
	margin: 0;
}
.search form input.keyword {
	float: left;
	border: 0;
	background: #4a4a4a;
	padding: 1px 0 1px 5px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.search form input.submit {
	float: right;
	width: 35px;
	height: 31px;
	cursor: pointer;
	border: 0;
	background: url('images/pixel.png') no-repeat;
}

/* ACCORDION */
.accordion {
	width: 205px;
	float:left;
	margin: 0;
	padding: 0;
}
.toggler {
	cursor: pointer;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	width: 179px;
	height: 24px;
	padding: 7px 0 0 18px;
	margin: 7px 0 5px 0;
	background: url('images/toggler.png') no-repeat;
}
.element {
	width: 197px;
	padding: 0 0 20px 0;
	margin: 0;
}
.element li {
	list-style-type: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #313131;
	width: 177px;
	padding: 8px 0 8px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #313131;
}
.element a, .element a:link,
.element a:visited, .element a:active {
	color: #313131;
	text-decoration: none;
}
.element a:hover {
	color: #000;
	text-decoration: none;
}

/* CONTENT */
.content {
	width: 541px;
	float:right;
	margin: 7px 0 20px 0;
}
.content .top {
	width: 541px;
	height: 26px;
	padding: 0;
	margin: 0;
	background: url('images/content-top.png') no-repeat;
}
.content .mid {
	width: 541px;
	margin: 0;
	background: url('images/content-mid.png') repeat-y;
}
.content .mid h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #313131;
	padding-bottom: 10px;
	margin: 0 20px 20px 20px;
}
.content .bottom {
	width: 541px;
	height: 26px;
	padding: 0;
	margin: 0;
	background: url('images/content-bottom.png') no-repeat;
}
.push {
	margin: 0;
	padding: 0;
	clear: both;
}

/* POST */
.post {
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 20px 30px 20px;
	border-bottom: 1px dotted #313131;
}
.post .title, .post .title a, .post .title a:visited {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #313131;
	text-decoration: none;
}
.post .title a:hover {
	color: #4c5e72;
}
.post li a, .post li a:active, .post li a:visited {
	text-decoration: none;
	color: #313131;
}
.post li a:hover {
	text-decoration: none;
	color: #4c5e72;
}
.post ul li.author {
	list-style-type: none;
	display: inline;
	background: url('images/post-author.png') no-repeat center left;
	padding: 0 8px 0 18px;
	margin: 0 8px 0 0;
	border: 0;
}
.post ul li.date {
	list-style-type: none;
	display: inline;
	background: url('images/post-date.png') no-repeat center left;
	padding: 0 8px 0 15px;
	margin: 0 8px 0 0;
	border: 0;
}
.post ul li.comments {
	list-style-type: none;
	display: inline;
	background: url('images/post-comments.png') no-repeat center left;
	padding: 0 0 0 20px;
	margin: 0;
	border: 0;
}
.post .text p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c5e72;
	text-align: justify;
}
.alignleft { font-size: 12px; float: left; margin: 0 0 20px 20px; }
.alignright { font-size: 12px; float: right; margin: 0 20px 20px 0; }



/* \ */
.page {
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 20px 30px 20px;
}
.page .title, .page .title a, .page .title a:visited {
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #313131;
	text-decoration: none;
	border-bottom: 1px dotted #313131;
	margin: 0 0 20px 0;
}
.page .title a:hover {
	color: #4c5e72;
}
.page ul {
	margin-bottom: 0;
	padding-bottom: 0;
}
.page li a, .page li a:active, .page li a:visited {
	text-decoration: none;
	color: #313131;
	text-transform: uppercase;
}
.page li a:hover {
	text-decoration: none;
	color: #4c5e72;
	text-transform: uppercase;
}
.page .text p {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4c5e72;
	text-align: justify;
}

.page .gallery img, .page .gallery a img {
	border: 1px solid #000;
	margin: 0 10px 10px 0;
}
.page .gallery img:hover {
	border: 1px solid #4c5e72;
	margin: 0 10px 10px 0;
}

.columns {
	width: 100%;
}
.columns div {
	float: left;
	margin: 0 30px 0 0;
}
.columns .push {
	clear: both;
	margin: 0 0 30px 0;
}


/* DIVS FOR RELEASES PAGE */

.release {
	width: 500;
	height: 180px;
	clear: both;
}
.release .image {
	width: 150px;
	float: left;
}
.release .image img {
	border: 0;
	width: 150px;
	height: 150px;
}
.release .info {
	width: 330px;
	float: right;
}
.release .info .releasename,
.release .info .releasename a, 
.release .info .releasename a:visited,
.release .info .releasename a:active {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: #313131;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.release .info .releasename a:hover {
	color: #4c5e72;
}
.release .info .releaseinfo {
}



/* GENERIC CONFIGURATION FOR POSTS */
.post ul {
	margin: 0;
	padding: 0;
}
.post li {
	padding: 0;
	margin: 0 0 0 15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #313131;
}
.post h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
.post h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.post h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.post h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}



/* COMENTARIOS */
/* IMPORTANT: CHECK CODE */
.comments {
	padding: 0;
	margin: 0 20px 30px 20px;
}
.comments .List h3 {
	font-size: 14px;
	font-weight: normal;
	color:#000;
	margin: 0;
	padding: 0;
}
.comments .List ul {
	padding: 0;
	margin: 0;
	display: inline;
}
.comments .List li {
	list-style-type: none; font-size: 11px;
	border-bottom: 1px solid #bcc4cd;
	padding: 10px 0 10px 0;
}
.comments .List .ListDate {
	font-size: 10px;
	color:#000;
	margin: 0;
	padding: 0;
}
.comments .List .ListDate a {
	text-decoration: none;
	color: #252525;
}
.comments .List .ListDate a:hover {
	text-decoration: underline;
}
.comments .List .ListUser {
	color: #4c5e72;
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.comments .List .ListUser a,
.comments .List .ListUser a:visited {
	color: #4c5e72;
}
.comments .List .ListUser a:hover {
	text-decoration: underline;
}
.comments .List .ListContent {
	margin-right: 10px;
	color:#252525;
	font-size: 11px;
}
.comments .List .ListContent a {
	color: #4c5e72;
}
.comments .List .ListContent a:visited {
	color: #4c5e72;
}
.comments .List .ListContent a:hover {
	color: #252525;
}

.comments .Form {
	margin: 0;
	padding: 0;
}
.comments .Form h3 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color:#4c5e72;
	display: block;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.comments .Form form { padding: 0;}
.comments .Form p { padding: 5px 0; margin: 0; font-size: 12px;}
.comments .Form p label { padding-bottom: 10px; display: block;}
.comments .Form p label small { font-size: 10px; color: #4c5e72}
.comments .Form .Note {  margin: 5px 0; width: 250px;}
.comments .Form .Note small { font-size: 10px;}
.comments .Form .TextField { width: 350px; border: solid 1px #000; padding: 5px; color: #252525; font-size: 12px;}
.comments .Form .TextArea { width: 350px; border: solid 1px #000; padding: 5px; color: #252525; font-size: 13px;}
.comments .Form input.SubmitComment { border: 0; width: 150px; height: 26px; background: url(images/comment.png) no-repeat;margin-top: 7px; cursor: pointer; }
.comments .Form input.SubmitComment:hover { background: url(images/comment.png) no-repeat -150px 0; }
.comments .Form input.Subscribe { background: #eaf4ff; border: 1px #fff solid; font-weight: bold; padding: 2px 0;}


/* CALENDAR */
div.attribution, div.gigs-rss {
	text-align: center;
	font-size: 87%;
	margin: .5em 0px;
}

div.gigs-rss img {
	position: relative;
	top: 2px;
}

div.attribution span {
	margin: 0px 1em;
}

table.gigs {
	width: 100%;
	text-align: left;
	font-size: .9em;
	border-collapse: collapse;
	border-top: 1px solid #313131;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table.gigs td.icon {
	width: 18px;
	text-align: center;
}

table.gigs td.time {
	text-align: right;
}

table.gigs a {
	font-weight: bold;
}

table.gigs a img {
	border: 0px;
}


table.gigs tr.gig {
	border: 0;
}

table.gigs td.shortNotes {
	padding-left: 4px;
}

.bold {
	font-weight: bold;
}

img.buy {
	position: relative;
	top: 3px;
}

table.gigs caption {
	font-weight: bold;
	font-size: 125%;
	text-align: left;
}

table.gigs caption div.notes{
	font-weight: normal;
	font-size: 80%;
	text-align: left;
}

table.gigs, div.no-gigs {
	margin-bottom: 1em;
}

/* LINKS */
.links {
	margin: 0;
	padding: 0;
}
.linkcat {
	padding: 0;
	margin: 0;
	display: inline;
	margin: 10px 0 0 0;
}
.linkcat h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #313131;
	text-decoration: none;
	text-transform: uppercase;
}
.linkcat ul {
	margin: 0;
	padding: 0;
}
.linkcat li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	list-style-type: none; font-size: 11px;
	border-bottom: 1px solid #bcc4cd;
	padding: 5px 0 5px 0;
	margin: 0;
}

/* FOOTER */
.footer {
	border-top: 1px solid #bcc4cd;
	clear: both;
	padding: 20px 0 0 0;
	margin: 0 20px 0 20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #313131;
}
.footer .left {
	padding: 0;
	width: 40%;
	float: left;
	text-align: left;
}
.footer .right {
	padding: 0;
	width: 40%;
	float: right;
	text-align: right;
}



/** Next Gig Widget **/
.gig.next {
	padding-left: 10px;
}

.gig table {
	width: 100%;
	text-align: left;
	font-size: .9em;
	border-collapse: collapse;
	border: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/** Ad Serve **/
.ad1 {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

.ad2 {
	clear: both;
	width: 100%;
	min-height: 20px;
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
}

.ad1 img, .ad2 img {
	border: 1px solid;
}