/* layout */

body {
    background: #C83828 url(/images/09/layout/background8.gif) no-repeat top center;
    color: #444;
    font-family: sans-serif;
    font-size: 100%;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

body.blue { background-image: url(/images/08/blue-bg.gif);}
body.orange { background-image: url(/images/08/orange-bg.gif);}

img { 
    border: 0
}

a {
    color: #C83235;
    text-decoration: none;
}
a:hover {
    color: #FF6600;
    text-decoration: underline;
}

h1, h2, h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: none;
    color: #4C89DC;
    background-color: transparent;
    margin: 15px 0 -2px 0;
    letter-spacing:0.01em;
}
h2 { 
    text-transform: uppercase;
    font-size: 24px;
    color: #C83235;
}
h3 {
    font-size: 16px;
    color: #FF6600;
}


#outer {
    background: transparent url(/images/09/layout/surround.png) repeat-y;
    width: 1006px;
    margin: 0 auto;
}

#container {
    width: 990px;
    margin: 0 8px;
    background: #fff;
    position: relative;
}

#header {
    position: relative;
    background: #fff url(/images/09/layout/header.gif) no-repeat; 
    height: 171px
}
/*#header a.home {
    float:left; 
    display:block; 
    width:220px; 
    height:83px;
    margin: 2px;
}*/
#header .sociallinks {
    position: absolute;
    top: 8px;
    left: 710px;
    overflow: hidden;
    width: 270px;
    text-align: right;
    font-weight: bold;
    height: 13px;
}

.dropdowns { 
    margin: 0;
	padding: 0;
	
	position: absolute; 
    top: 149px; 
    left: 45px;
    margin: 0;
    padding: 0;
    height: 19px;
    width: 580px;
}

.dropdowns li {	
    float: left;
	list-style: none;
}

.dropdowns li a {
	display:block;
	color: #C83235;
	font-weight: bold;
	text-decoration: none;
	padding: 3px;
	font-size: 12px;
	margin: 0 2px;
	padding: 2px 5px 2px 5px;
	text-transform:uppercase;
}

.dropdowns li a.on, .dropdowns li a:hover {	
    color: #FF7700;
}
	
.dropdowns li ul {
    background: #fff;
    border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	padding: 5px;
	z-index: 101;
}

.dropdowns li ul li {
    float: none;
	display: block;
	margin: 0;
	padding: 0;
	margin: 3px 0;
}

.dropdowns li ul li a {
    text-transform: none;
    font-weight: lighter;
    width: auto;
}

.dropdowns li ul li a:hover {
    color: #FF7700;
}

.col680 {
    float: left;
    width: 680px;
    margin-left: 3px;
}

.col680 #content {
    margin: 10px 15px;
}

.col300 {
    float: left;
    width: 300px;
    margin-left: 4px;
}

.mpu {
    display: none;
    
    margin: 4px 0;
    width: 300px;
    height: 250px;
    overflow: hidden;
}
.mpu a {
    border: 0;
}

.twocol .col1 {
    float: left;
    background: #eee;
    width: 176px;
    overflow-x: hidden;
}
.twocol .col1 h4 {
    color: #4C89DC;
    font-size: 12px;
    margin: 8px 4px;
}
.twocol .col1 p {
    font-size: 12px;
    margin: 8px 4px;    
}
.twocol .col2 {
    float: left;
    margin: 0 0 3px 4px;
    width: 120px;
}

#twitter_update_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 11px;
}
#twitter_update_list li {
    margin: 6px 4px;
}

/*
body.no_nav #main .body {float:left; width: 735px;}

body.wide #left, body.wide #right, body.wide #main .nav {display: none;}
body.wide #container {background: #fff;}
body.wide #main {width: 986px;  border-width: 0 2px;margin: 0;}
body.wide #main .body {width: 790px; margin: 0 100px;}
*/

#footer {
/*    background: transparent url(/images/09/layout/footer.gif);*/
/*    height: 29px;*/
    clear:both;
    text-align:right;
}
#footer p {
    margin: 0;
    padding: 0;
}
/*
#footer p {
    font-weight: lighter;
    font-size: 11px;
    color: #fff;
    margin: 0 12px;
    padding: 8px 0;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
*/

/* Errors */
div.fieldWithErrors input { border-left: 3px solid #FF6600; background: #FFFFCD }

/* Helpers */
.no-top-margin { margin-top: 0; }
.small-margins { margin: 4px 0; }
.small { font-size: 8pt; }
.left { float:left; }
.right { float: right }
.hl { color: #c00; }
.clear { clear:both }

/* Login */
/*
table.login {padding: 0;margin: 5px 10px 0 0;color:#fff;}
table.login th {text-align: right; font-size: 12px;}
table.login * {font-size: 10px;}
table.login td.submit {text-align: right;}
a.register {font-weight: bold; color:#fff;font-size: 11px;}
a.register:hover {color:#000}
*/

/* Search */
/*
div.search {margin:20px 0 10px 0px;font-weight:bold;border-top: 2px solid #fff;padding: 2px;}
div.search * {font-size: 10px;}
*/

/* Notices */
div#notices {border: 1px solid #33FF00; padding: 0 8px; margin-bottom: 8px; background-color: #CCFFBF}
div#notices.error {border-color: #f00; background-color: #FFBFBF}


/* Left */
/*#left a.signup {margin: 5px;}

#left ul {padding: 0 0 0 20px;}
#left ul li {list-style-image: url("/images/newer/arrow.png"); list-style-type: square; margin: 2px 0;}
#left ul li a {padding: 2px;font-size:11px;text-decoration:none;}
#left ul li a.on {color: #c00;}

#left ul.user {padding: 0;margin: 0 0 10px 20px;}
#left ul.user li a {font-weight: bold;}*/

/* Uploads */
/*p.categories select {font-size: 9px;}*/


/* Pagination 
div.pagination {clear:both; float:right;padding-top:5px;}
div.pagination a, div.pagination span.disabled, div.pagination span.current {font-weight: bold;
  padding: 2px 3px;text-decoration:none; background: #fff}
div.pagination a:hover {text-decoration: underline}
div.pagination span.disabled { color: #ccc}
div.pagination span.current {color: #0078D4; background: transparent}
*/

/* Gallery 
div.photo {float:left; display: block; padding: 2px; margin: 8px 2px 0 0; text-align: center; background: #eee; width: 131px;}
div.photo a {}
div.photo a img {margin: 0 auto;}
 
div#main-photo {background-image: url(/images/photo-bg.png);padding: 20px 0;text-align:center;}
div#main-photo > div {margin: 0 auto;}
div#main-photo > div > img {border: 4px solid #fff;}
*/


/* Forms */
fieldset {padding-top: 10px}
fieldset label {display:block; float:left;width: 120px; font-weight: bold;color:#FF6600;}
fieldset input {}
fieldset input.submit, fieldset input[type=submit] {clear: both; float: left}
fieldset {background: #f5f5f5;border-width:0;border:1px solid #ccc;}
fieldset legend {display:none;background: #f5f5f5; padding: 2px; color:#FF6600; font-weight:bold}
fieldset p {margin: 4px 0;}

/* News */

.news h2 {margin-bottom: 2px}
.news .subheadline {margin-top: 0; text-transform: none; font-weight: bold; font-size: 11px;color: #C83235}
.news .subheadline a {color: #FFAD5E;}
div.article_body h1 {font-size: 12px; color: #0078D4;}
/*div#related {float:right;clear:right; width: 160px;background:#fff}*/
div.seperator {border-top: 1px dotted #ff6600;line-height:0.01em;margin: 20px 0;}


/* Shop - Product list */
#c_products {
    padding: 0 !important;
    margin: 0;
}
#c_products li {
    background: #ececec;
    list-style-type: none !important;
    list-style-image: none !important;
    clear: left;
    padding: 4px;
    margin: 10px 0 !important;
}
#c_products li img {
    float: left;
    width: 60px;
    border: 1px solid #ddd;
}
#c_products li p {
    font-size: 12px;
    margin: 8px 10px 8px 80px;
}

/* Ticket columns */

.threecolumns .col {
    width: 180px;
    float: left;
}

.breakerbreaker {
    float: left;
    height: 580px;
    width: 25px;
    background: #fff url(/images/09/home/line.gif) repeat-y center;
}

/* TODO - refactor these */
.music #content, .sports #content, .tickets #content {
    margin-left: 38px;
}

.tickets .col h2 {
    text-transform: none;
    font-size: 16px;
    margin-top: 10px;
}
.tickets .col h3 {
    font-size: 14px;
}

.tickets .col1 h1, .tickets .col1 h2, .tickets .col1 h3, .tickets .col1 .buy, .tickets .col1 a {
    color: #B91F2F;
}

.tickets .col2 h1, .tickets .col2 h2, .tickets .col2 h3, .tickets .col2 .buy, .tickets .col2 a {
    color: #3B69A6;
}

.tickets .col3 h1, .tickets .col3 h2, .tickets .col3 h3, .tickets .col3 .buy, .tickets .col3 a {
    color: #DB6C3A;
}


#threecol {
    height: 320px;
}
#threecol .biglinks {
    display: block;
    width: 200px;
    float: left;
    clear: none;
}
#threecol .biglinks a {
    margin: 3px 0;
    display: block;
}

.biglinks {
    clear: left;
    line-height: 170%;
}
.biglinks a {
    font-size: 17px;
    font-weight: bold;
}