/************************ GENERAL ************************/

body {
    font-family: "Calibri", "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    font-size: 14px;
	color: #333;
	background: url(../images/background.png) repeat-x;
}

a {
	text-decoration:underline;
	cursor: pointer;
	padding: 0;
	margin: 0;
	color: #0000FF;
}

a:hover {
	color:#0000FF;
}

/************************ STRUCTURE ************************/

#background {
	padding: 10px 0;
	background: #d7d7d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 1024px;
	margin: 0 auto;
	margin-top: 35px;
}

#container {
	width: 960px;
	border: solid 1px #bbb;
	margin: 0 auto;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}

#content {
	margin-top: -70px;
	position: relative;
}

#content.event {
	margin-top: -20px;
	background-color:#FFFFFF;
}

#header {
	position: relative;
	background: #acacac url(../images/bg_header.png) repeat-x top center;
	height: 135px;
}

#header .logo {
	position: absolute;
	top: -10px;
	left: -3px;
}

#header .menu .links {
	text-align: left;
	font-weight: bold;
	margin: 5px 0;
}

#header .menu .links li {
	display: inline;
	text-transform: uppercase;
	color:#000000;
	font-size: 12px;
}

#header .menu .links li.first a {
	padding-left: 3px;
}

#header .menu .links li.last {
	padding-right: 0;
}

#header .menu .links li.last a {
	border-right: 0;
}

#header .menu .links li a {
    border-right: 1px solid #999999;
    color: #000000;
    padding: 1px 14px 7px 7px;
}

#header .menu .buttons {
	margin-right: 8px;
}

#header .menu .buttons li {
	display: inline;
	vertical-align: top;
}

#header .menu .buttons .input_text {
	width: 100px;
}

#header .menu .buttons li .menubutton {
	background: url(../images/bg_button.png) repeat-x;
	border: solid 1px #933;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	padding: 1px;
	margin-left: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

#footer {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	padding: 20px;
	color:#000000;
}

#footer a {
	color: inherit;
}


/* Home */

.sidebanners {
	width: 200px;
	background: #fff;
}

.banner {
	border: solid 1px #666;
	background: #fff;
}

.banner-side {
	height: 200px;
	border-bottom: none;
}

.banner-side.first {
	border-top: none;
}

.banner-side.last {
	border-bottom: solid 1px #666;
}

.banner-500x60 {
	width: 500px;
	height: 60px;
}

.banner-430x175 {
	width: 430px;
	height: 175px;
	border-top: none;
}

.maincontent {
}

.events,
.sidebar,
.bottomarea,
.security {
	border: solid 1px #666;
	background: #fff;
	border-top: 0;
}

.maincontent .sidebar,
.maincontent .events {
	height: 375px;
}

.maincontent .sidebar,
.maincontent .security {
	width: 200px;
	border-left: 0 !important;
	background-position:center;
}

.maincontent .submenu {
	background: url(../images/bg_button.png) repeat-x;
	color: #fff;
	font-weight: bold;
	margin-top: 38px;
}

.maincontent .submenu .item {
	float: left;
}

.maincontent .submenu .item a {
	color: #fff;
}

.maincontent .submenu .item a:hover {
	color: #ff0;
}

.maincontent .hr.clear {
	background: #f00;
	border: solid 1px #933;
	border-top: none;
	border-left: none;
	height: 7px;
}

.events,
.bottomarea {
	width: 757px;
}

.bottomarea,
.security {
	height: 200px;
}


.bottomarea {
}

.events {
	border: solid 1px #666;
	border-top: 0;
	background: #fff;
	overflow: auto;
	float: left;
}

.events .row {
	color: #666;
	padding: 2px 5px;
}

.events .row a {
	color: #666;
}

.events .row a:hover {
	color: #444;
}

.events .row.even {
	background: #eee;
}

.social {
	height: 175px;
	border: solid 1px #666;
	width: 236px;
	background: #fff;
	border-top: none;
	border-left: none;
	text-align: center;
}

.social .icons {
	margin-top: 5px;
	text-align: center;
}

.social .icons img {
	margin: 5px;
	width: 24px;
}

.social .block {
	height: 100px;
	border-bottom: solid 1px #666;
	margin-bottom: 10px;
}

/* Event Page */

.topbar .selecttickets {
	background: url("../images/bg_button.png") repeat-x scroll 0 0 transparent;
	line-height: 30px;
	width: 200px;
	color: #ff0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	height: 30px;
}

.topbar .eventinfo {
	background:#FFFFFF;
	color:#333333;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	width: 757px;
	max-width:750px
	height: 28px;
	border: solid 1px #666;
	text-transform: uppercase;
}

.maincontent.event {
	background: #fff;
	width: 757px;
	border: solid 1px #666;
	overflow: auto;
	text-align:center;
	height: 100%;
	min-height:583px;
}

.sidebanners.event {
	margin-top:0;
}

.sidebanners.event .box {
	width: 200px;
	height: 145px;
	border: solid 1px #666;
	border-bottom: none;
}

.sidebanners.event .box.last {
	border-bottom: solid 1px #666;
}

.sidebanners.event .box .heading {
	background: url(../images/bg_graydient2.png) repeat-x;
	height: 24px;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
}

.sidebanners.event .box .inner {
	padding: 10px;
	text-align: center;
}

.sidebanners.event .box.share .inner {
	padding: 5px;
}

.sidebanners.event .box.share .inner img {
	margin: 1px;
}

.maincontent.event .eventdescription {
	width: 100%;
	max-width:757px;
	text-align:center;
}

.maincontent.event .eventdescription .inner {
	padding: 10px;
	text-align:center;
}


.maincontent.event .extracontent {
	padding: 10px;
	border-top: solid 1px #666;
}

.graybar {
	background: url(../images/bg_graydient.png) repeat-x;
	border: solid 1px #666;
	border-bottom: none;
	border-left: none;
	height: 19px;
}

.checkout {
	background: #a1a1a1;
	border: solid 1px #666;
	margin-top: 10px;
}

.checkout .buttons {
}

.checkout .buttons .step {
	float: left;
	background: url("../images/bg_button.png") repeat-x scroll 0 0 transparent;
	line-height: 30px;
	width: 200px;
	color: #ff0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	height: 30px;
	margin-right: 3px;
	border: solid 1px #666;
	border-top: none;
	border-bottom: none;
}

.checkout .buttons .step.active {
	color: #ff0;
}

.checkout .buttons .step.last {
	margin-right: 0;
}

.checkout .buttons .step.first {
	border-left: 0;
}

.checkoutdetails {
	background: #fff;
	height:100%;
}
/* Event Public Page */
#fbFriendsTable {
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #3b5998; 
	font-weight: bold;
}