/* BASE STYLES */

/* PINK color:#DF3565; */

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"Helvetica","Lucida Grande",Arial,sans-serif;
	background:#6b7a79;
}

hr {
	background:url(../img/hr.png) repeat-x;
	height:3px;
	border:0px;
}

a.more {
	background:url(../img/more_arrow.png) no-repeat right center;
	padding-right:10px;
	font-size:11px;
}

p a.more {
	font-size:13px;
	margin-top:5px;
}

a.block {
	display:block;
	margin:5px 0 0 0;
	text-align:right;
}

.left {
	float:left !important;
	margin:0 10px 10px 0;
}

.right {
	float:right !important;
	margin:0 0 10px 10px;
}

.nomargin {
	margin:0px;
}

.border {
	padding:5px;
	border:1px solid #999;
}

div.map {
	border:1px solid #999;
	padding:2px;
	margin-bottom:10px;
}

/* ELEMENTS */

#header {
	background:url(../img/topbar.png) repeat-x;
	text-align:center;
}

#topbar {
	margin:0 auto;
	text-align:left;
	width:980px;
	padding:0px;
	height:80px;
	position:relative;
}

	#topbar ul {
		margin:30px 0 0 0px;
		padding:0px;
		list-style-type:none;
		float:right;
	}
	
	#topbar li {
		float:left;
		display:block;
		padding:2px 0;
	}
	
	#topbar li.noborder {
		border:0px;
	}
	
		#topbar li.highlight a {
			color:#ff80a8;
		}
		
		#topbar li a {
			color:white;
			text-decoration:none;
			font-size:14px;
			font-weight:bold;
			padding:0 20px;
			text-shadow: rgba(0,0,0,.3) 0px 1px 0px;
		}
		
		#topbar li a:hover {
			text-decoration:underline;
		}
		
div#pinkbar {
	height:5px;
	background:#DF3565;
	border-top:1px solid #999;
	border-bottom:1px solid #333;
}

#menu {
	background:url(../img/navbar2.png) repeat-x;
	border-top:1px solid #bbb;
	text-align:center;
}

#navigation {
	width:980px;
	margin:0 auto;
	text-align:left;
	height:38px;
}

	#navigation ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}

	#navigation li {
		float:left;
		display:block;
	}

	html>body #navigation a {
		height:14px;
		padding:12px 0;
	}
	
	#navigation a {
		display:block;
		width:80px;
		height:14px;
		padding:12px 0 9px 0;
		color:white;
		font-weight:bold;
		font-size:14px;
		text-align:center;
		text-decoration:none;
		text-shadow: rgba(0,0,0,.3) 0px 1px 1px;
	}

	#navigation a:hover {
		background:url(../img/nav_over.png) no-repeat;
	}
	
	#navigation a:active, #navigation a.active {
		background:url(../img/navactive.png) no-repeat;
	}
	
	#search {
		margin:0px auto;
		width:980px;
		text-align:left;
	}
	
		#search label {
			font-size:17px;
			text-shadow:#555 0px -1px 0;
			width:500px;
			padding:4px 0;
			color:white;
		}
	
		#search a {
			font-size:15px;
			margin-right:20px;
			text-decoration:none;
			color:white;
		}
		
		#search a:hover {
			text-decoration:underline;
		}

	#navigation #search {
		float:right;
		padding-top:6px;
	}

		#search input {
			border:none;
			width:450px;
			font-size:13px;
			margin-top:-1px;
			font-weight:normal;
			padding-top:7px;
			padding-left:25px;
			background:url(../img/search_big.png) no-repeat;
		}
		
		input.placehold {
			color:#333;
		}

#header h1 {
	float:left;
	margin:0px 0 0 0px;
	height:80px;
	overflow:hidden;
	width:50px;
	text-indent:-400px;
	background:url(../img/logo.png) no-repeat 0px 10px;
}

	#header h1 a {
		display:block;
		height:80px;
	}
	
#location {
	background:url(../img/location_bg.png) no-repeat;
	width:460px;
	height:80px;
	float:left;
	overflow:hidden;
}

html>body #location h2 {
	margin-top:20px;
}

#location h2 {
	color:white;
	font-size:22px;
	margin:15px 0 5px 60px;
	padding:0px;
	text-shadow: rgba(0,0,0,.6) 0px 1px 1px;
}

	#location form { 
		margin:0px;
		padding:0px;
		display:inline;
	}

	#location h2 span {
		 color:#aaa;
		 font-size:15px;
	}

#location h3 {
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 60px;
	padding:0px;
	color:#b9c6c5;
}

	#location h3 a {
		color:#fff;
	}
	
	#location h3 a:hover {
		text-decoration:none;
	}

#wrapper {
	min-height:500px;
	text-align:center;
}

#content {
	margin:20px auto 30px auto;
	text-align:left;
	width:940px;
	background:#ced9d7 url(../img/bg_top.png) repeat-x;
	padding:20px;
}

#right div.filter {
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
	padding-top:10px;
}

	#right div.filter ul {
		list-style-type:none;
		margin:10px 0;
		margin-left:-40px;
		width:185px;
		padding:0 0 0 0px;
	}
	
	#right div.filter ul a {
		color:#666;
		display:block;
		padding:3px 5px;
		padding-left:50px;
		font-size:13px;
		line-height:17px;
		text-decoration:none;
	}
	
	#right div.filter ul a span {
		float:right;
		color:#999;
		font-size:11px;
		margin-right:5px;
	}
	
	#right div.filter li a:hover {
		background:url(../img/highlight.png) no-repeat;
		color:#111;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	
	#right div.filter li a.active {
		background:url(../img/highlight_active.png) no-repeat;
		color:white;
	}
	
	#right div.filter li a.active span {
		color:white;
	}

div.banner {
	background:url(../img/banner_bg.png);
	height:285px;
	text-align:center;
	margin-bottom:20px;
}
	
	div.banner div.banner_inner {
		background:url(../img/sxsw_banner_lg.png) no-repeat;
		height:285px;
		margin:0 auto;
		width:900px;
		position:relative;
	}

	div.banner div.links {
		position:absolute;
		right:0px;
		top:20px;
		width:230px;
		font-size:16px;
		color:white;
		text-shadow:#000 0px 1px 0px;
		text-align:left;
	}
	
	div.banner div.links a {
		font-size:24px;
		color:white;
		display:block;
		line-height:34px;
		text-decoration:none;
		text-shadow:#000 0px 1px 0px;
	}
	
	div.banner div.links a:hover {
		color:#ccc;
	}

#left {
	width:680px;
	float:left;
}

	#left.long {
		width:740px;
	}

#right {
	width:240px;
	float:right;
}

	#right.short {
		width:180px;
	}

#footer {
	background:#354443;
	padding-top:30px;
	text-align:center;
	border-top:1px solid #556665;
}

#footer_inner {
	width:940px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	color:#ced9d7;
	min-height:160px;
}

	div.footer_block {
		float:left;
		margin-right:60px;
	}
	
	div.footer_block h2 {
		color:#bdccca;
		font-size:14px;
		margin:0 0 20px 0;
	}

	div.footer_column {
		float:left;
		width:133px;
	}
	
	div.footer_column a {
		display:block;
		margin-bottom:6px;
		color:#e1e6e5;
		font-size:12px;
		text-decoration:none;
	}
	
	div.footer_column a:hover {
		text-decoration:underline;
	}
	
	div.copyright {
		padding-top:20px;
		font-size:13px;
	}
	
/* GENERIC BOXES */

div.box {
	background:#e1e6e5 url(../img/bg_top_fade.png) repeat-x top left;
	border:1px solid #919c9a;
	padding:10px;
	margin-bottom:15px;
	position:relative;
}

	div.box span.right {
		float:right;
		font-weight:bold;
		color:#444;
		font-size:12px;
	}
	
	div.box span.right a {
		padding:0 5px;
		color:#333;
		text-decoration:none;
	}
	
	div.box span.right a.active {
		color:#DF3565;
	}
	
	div.box span.right a:hover {
		color:#eee;
	}

#right div.box h1 {
	font-size:14px;
}

#right img.badge_ad {
	border:1px solid #919C9A;
	margin-bottom:10px;
	width: 240px;
}

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

div.box.noback {
	background:none;
	border:0px;
}

div.nopad {
	padding:0px !important;
}

div.pad {
	padding:10px !important;
}

div.nocurve {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div.box.black {
	background:#333;
	text-align:center;
	padding-top:13px;
	margin-bottom:4px;
}

div.box.white {
	background:white;
}

div.box.gradient {
	background:url(../img/banner_bg.png) repeat-x;
	margin-bottom:10px;
}

	div.box.gradient h1 {
		color:white;
		text-shadow:black 0px 1px 0px;
	}
	
	div.box.gradient h2 {
		color:#aaa;
		text-shadow:black 0px 1px 0px;
	}
	
	div.box.gradient ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
		float:right;
		color:white;
		width:200px;
	}
	
		div.box.gradient li {
			font-size:12px;
			line-height:17px;
		}

div.box.gray {
	text-align:center;
	padding-top:13px;
	background:#999;
	margin-bottom:4px;
}

div.box.pink {
	text-align:center;
	margin-bottom:4px;
	padding-top:13px;
	background:#2b63a1;
}

div.box.links a {
	text-align:left;
	color:#333;
	font-size:13px;
	display:block;
	padding-left:30px;
	text-shadow: rgba(0,0,0,.3) 0px 1px 1px;
}

div.box a.going {
	background:url(http://www.macwebos.com/icons/star.png) no-repeat left center;
}

div.box a.favorite {
	background:url(http://www.macwebos.com/icons/heart_add.png) no-repeat left center;
}

div.box a.calendar {
	background:url(http://www.macwebos.com/icons/date_go.png) no-repeat left center;
}

div.box a.share {
	background:url(http://www.macwebos.com/icons/mail_go.png) no-repeat left center;
} 

div.space { height:15px; }
div.space_sm { height:8px; }

	div.box h1 {
		margin:0px;
		padding:5px 0;
		font-size:17px;
		color:#444;
		line-height:21px;
		text-shadow:#ddd 0px 1px 0px;
	}
	
	div.box h1 span {
		font-weight:normal;
		font-size:15px;
		color:#666;
	}
	
		div.box h1 select {
			border:1px solid #999;
			padding:4px;
		}
	
	div.box h1.nopad {
		padding:0px;
	}
	
	div.box h1.extrapad {
		margin-bottom:10px;
	}
	
	div.box h2 {
		color:#333;
		font-size:15px;
		margin:0px;
		padding:0px;
		text-shadow:#ddd 0px 1px 0px;
	}
	
	div.box h2 span {
		display:block;
		color:#888;
		margin-bottom:10px;
		font-weight:normal;
	}
	
	div.box h2 span a {
		color:#888;
	}
	
	div.box h3 {
		font-weight:normal;
		color:#666;
		font-size:13px;
		margin:2px 0;
		padding:0px;
	}
	
	div.box h3 a {
		color:#444;
	}
	
	div.box h4 {
		color:#777;
		font-size:12px;
		margin:0px; 
		padding:0px;
		font-weight:normal;
	}
	
	div.box p {
		color:#333;
		font-size:13px;
		line-height:17px;
	}
	
	div.box p.large {
		font-size:18px;
		line-height:21px;
	}
	
	div.box p.small {
		font-size:11px;
		line-height:15px;
		margin:0px;
	}
	
	div.box a {
		color:#DF3565;
		text-decoration:none;
	}
	
	div.box a:hover {
		text-decoration:underline;
	}
	
	div.price {
		float:right;
		background:url(../img/yellow.png);
		border:1px solid #818686;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		padding:2px 4px;
	}
	
/* GIG ITEMS */
	
div.item {
	width:47%;
	float:left;
	font-size:12px;
	margin-bottom:10px;
	margin-right:10px;
	padding:5px;
	border-bottom:1px solid #cdd6d4;
	position:relative;
}

	#featured div.item {
		width:46%;
	}

div.item.artist {
	width:30%;
}

div.item.small {
	width:90px;
}

div.item.long {
	float:none;
	width:100%;
}

	div.big_item img, div.item img {
		display:block;
		padding:2px;
		border:1px solid #ccc;
		margin-right:10px;
	}
	
	div.item h3 a {
		color:#DF3565;
		font-size:15px;
	}
	
		div.item.artist div.item_detail {
			width:155px;
		}
	
		div.item.artist h3 a {
			font-size:21px;
		}
	
	div.item h4 a {
		color:#444;
		margin:2px 0;
	}
	
	div.item h5 {
		color:#777;
		font-size:10px;
		font-weight:normal;
		margin:8px 0;
	}
	
		div.item h5 a {
			color:#777;
		}
	
	div.item span a {
		color:#222;
		font-size:10px;
	}
	
	div.item span a.more {
		background:url(../img/more_arrow_gray.png) no-repeat right center;
		padding:0 10px 0 0;
	}
	
div.big_item {
	margin-bottom:10px;
	width:96%;
	position:relative;
}

div.big_item.border {
	border:0px;
	border-bottom:1px solid #ccc;
}
		
	div.big_item h3 a {
		font-size:17px;
		color:#DF3565;
		font-weight:bold;
	}

	div.big_item span.gray {
		color:#999;
		font-size:17px;
		font-weight:normal;
	}
	
	div.big_item span.gray a {
		color:#666;
		font-weight:bold;
	}
	
div.big_item_sub {
	margin-top:10px;
	color:#777;
}

	div.big_item_sub a {
		font-size:13px;
		color:#DF3565;
	}

div.big_item div.item_detail {
	margin-left:110px;
	width:380px;
}
	
div.item_detail {
	margin-left:90px;
	width:200px;
}

	div.item_detail h3 span {
		font-size:16px;
		color:#444;
		font-weight:bold;
	}

	div.item_venue {
		float:right;
		font-size:11px;
		color:#666;
		width:170px;
	}
	
	div.item_venue b {
		font-size:13px;
	}
	
div.noresults {
	padding:40px;
}

	div.noresults h2 {
		font-size:26px;
		color:#919C9A;
		margin:0 0 5px 0;
		padding:0px;
	}
	
	div.noresults h3 {
		font-size:17px;
		color:#aaa;
		margin:0px;
		padding:0px;
	}


div.cal_item {
	border:1px solid #999;
	width:50px;
	float:left;
	margin-right:10px;
}

	div.cal_item_top {
		background:#DF3565;
		text-align:center;
		color:white;
		font-size:11px;
		padding:2px;
	}
	
	div.cal_item_date {
		background:white;
		font-size:28px;
		text-align:center;
		padding:5px 4px 2px;
	}
	
div.item_title {
	background:url(http://www.fruitunes.com/m/iui/listGroup.png) repeat-x;
	padding:5px 8px 3px;
	color:#222;
	margin:0 -10px;
	font-weight:bold;
	border-bottom:1px solid #888;
	border-top:1px solid #bbb;
	margin-bottom:10px;
}

div.clearfix {
	clear:both;
}

img.banner {
	display:block;
	margin-bottom:10px;
}

/* FORMS */

label {
	float:left;
	padding:8px 0 5px 0;
	width:80px;
	font-size:12px;
	color:#444;
}

form span {
	font-size:10px;
	color:#444;
}

form a.small {
	font-size:11px;
}

#left label {
	width:150px;
}

#right form, #left form {
	margin:10px 0;
}

form div.extra {
	margin:10px 0;
}

form div.extra p {
	font-size:11px;
	display:inline;
}

input[type=text], input[type=password] {
	border:1px solid #999;
	padding:4px;
	font-size:13px;
	letter-spacing:-.3px;
	font-weight:bold;
	margin-bottom:2px;
	background:white;
}

#left input[type=text], #left input[type=password] {
	margin-bottom:5px;
}

#right input[type=text], #right input[type=password] {
	width:130px;
}

input.button {
	background:url(../img/button.png) no-repeat;
	width:133px;
	padding:8px 0 12px 0;
	text-align:center;
	font-size:13px;
	color:white;
	border:0px;
}

input.button_sm {
	background:url(../img/button_sm.png) no-repeat;
	width:90px;
	padding:5px 0 7px 0;
	text-align:center;
	color:white;
	font-size:11px;
	border:0px;
}

input.button_gray {
	background:url(../img/button_sm_gray.png) no-repeat;
	width:90px;
	padding:6px 0 9px 0;
	text-align:center;
	color:white;
	font-size:11px;
	border:0px;
}

div#additional_info {
	margin-bottom:5px;
	clear:both;
	display:block;
}

div#additional_info ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:4px 0 0 -13px;
	overflow:hidden;
	padding:0;
	width:100%;
}

div#additional_info li {
	display:inline;
	float:left;
	font-size:11px;
	line-height:14px;
	margin:0 0 2px 20px;
	width:190px;
}

div#additional_info strong {
	color:#222;
}

div#additional_info li p {
	font-size:11px;
	margin:0px;
}

#content div#viewicons {
	clear:both;
	height:24px;
	margin:0 18px 15px 0;
}

#content div#viewicons ul {
	list-style-type:none;
	margin:0 0 0px 0;
	padding:0px;
}

	#content div#viewicons li {
		display:inline;
	}

	#content div#viewicons li a {
		background:url(../img/viewicons.png) no-repeat 0px 0px;
		float:left;
		overflow:hidden;
		padding:0px;
		text-indent:-100px;
		height:24px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	#content div#viewicons li.grid a {
		background-position:0px 0px;
		width:28px;
	}
	
	#content div#viewicons li.grid a:active {
		background-position:0px -24px;
	}
	
	#content div#viewicons li.grid a.active {
		background-position:0px -48px;
	}
	
	#content div#viewicons li.list a {
		background-position:-28px 0px;
		width:30px;
	}
	
	#content div#viewicons li.list a:active {
		background-position:-28px -24px;
	}
	
	#content div#viewicons li.list a.active {
		background-position:-28px -48px;
	}

#content div.tabs {
	border-bottom:1px solid #919c9a;
	background:url(../img/dkfade.png) repeat-x bottom left;
	margin:0 0 10px 0;
	height:29px;
}

	#content div.tabs span.right {
		padding-top:10px;
		padding-right:22px;
	}

#content div.tabs ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:14px;
}

#content div.tabs li {
	display:inline;
	color:#555;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}

#content div.tabs li span {
	padding:11px 14px;
	float:left;
	margin-right:10px;
}

#content div.tabs li a {
	float:left;
	padding:11px 14px 6px;
	text-align:center;
	color:#333;
	height:12px;
	text-decoration:none;
}

#content div.tabs li a:hover {
	background:#7d908c;
	color:#E1E6E5;
}

#content div.tabs li a.active {
	color:#000;
	background:#adbcb9;
	border-left:1px solid #919c9a;
	border-right:1px solid #919c9a;
	padding-bottom:7px;
}

div.alphalist {
	padding:5px 0;
	border-bottom:1px solid #919c9a;
}

	div.alphalist a {
		color:#555;
		text-decoration:none;
	}
	
div.citylist {
	margin-top:10px;
}

	div.citylist ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	
	div.citylist li {
		margin-bottom:2px;
	}

	div.citylist li a {
		text-decoration:none;
		font-size:14px;
	}

/* autocomplete */
.autocomplete-w1 { z-index:501;background:url(../img/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:220px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:5px; white-space:nowrap; font-size:11px;color:#333; }
.autocomplete strong { font-weight:normal; color:#DF3565; }

/* flyout */
#cityselection {
	z-index:500;
	padding:5px;
	border:solid 1px #000;
	text-align:center;
	display:none;
	position: absolute;
	top: 18px;
	background:#fff;
}

#location span#selectionContainer input#query {
	background:none;
	border:1px solid white;
	padding:2px;
	font-size:12px;
	width:130px;
	color:white;
	letter-spacing:-.3px;
}

#location span#selectionContainer input.button_sm {
	background:#222;
	color:white;
	text-align:center;
	font-size:11px;
	padding:2px;
	border:1px solid #666;
	width:50px;
	margin-left:5px;
}

#cityselection a {
	color:#DF3565;
	float:right;
	display:block;
	padding:5px 0;
	font-size:10px;
	text-decoration:none;
}

#cityselection #citycontainer div {float:left;width:140px;margin-left:10px;height:100%;}
#cityselection #citycontainer h3 {width:100%;font-size:1.3em;font-weight:600;background-color:#f7c106;text-align:center;}

div.banner {
	background:url(../img/banner_bg.png);
	height:285px;
	text-align:center;
	margin-bottom:20px;
}
	
	div.banner div.banner_inner {
		background:url(../img/sxsw_banner_lg.png) no-repeat;
		height:285px;
		margin:0 auto;
		width:900px;
		position:relative;
	}

	div.banner div.links {
		position:absolute;
		right:0px;
		top:20px;
		width:230px;
		font-size:16px;
		color:white;
		text-shadow:#000 0px 1px 0px;
		text-align:left;
	}
	
	div.banner div.links a {
		font-size:24px;
		color:white;
		display:block;
		line-height:34px;
		text-decoration:none;
		text-shadow:#000 0px 1px 0px;
	}
	
	div.banner div.links a:hover {
		color:#ccc;
	}