body {
padding-bottom: 40px;
}

#header {
width: 955px;
height: 200px;
}

#content {
width: 955px;
overflow: hidden;
}

#content-column {
width: 215px;
float: left;
}

#content-main {
float: left;
width: 735px;
}

#home #content {
padding-top: 40px;
}

.break {
border-top: 1px solid;
margin: 0px 5px 5px 0px;
clear: both;
}

.cal-break {
border-top: 1px solid;
margin: 0px 10px 5px 0px;
clear: both;
}

.clear {
clear: both;
}

.no-margin {
margin: 0px;
}

.thin-column {
width: 107px;
float: left;
}

.right {
width: 108px;
}

.label-column {
width: 190px;
margin-right: 10px;
padding-right: 10px;
float: left;
}

.image-column {
width: 520px;
margin-right: 5px;
float: left;
margin-bottom: 5px;
}

.title-column {
width: 105px;
float: left;
}

#content .label-column ul {
margin-bottom: 10px;
}

/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. Homepage *'*-.,.-*'*-.,.*'*-.,.-*/

.homebox {
float: right;
height: 165px;
width: 720px;
margin-right: 10px;
margin-bottom: 5px;
overflow: hidden;
display: inline;

}

.box1 {
background-image: url(http://www.matterlondon.com/images/matter/homebox1-bg.png);
}

.box2 {
background-image: url(http://www.matterlondon.com/images/matter/homebox2-bg.png);
}

.homebox-title {
float: left;
width: 185px;
padding: 5px;
}

.homebox-content {
float: left;
width: 515px;
padding: 5px;
}

.homebox-content-artists {
float: left;
width: 520px;
padding: 0px 0px 5px 5px;
}

.frontpage_artist {
width: 100px;
float: left;
height: 140px;
margin-right: 5px;
}

.last_artist {
margin: 0px;
}

.frontpage_artist img {
width: 100px;
height: 100px;
margin-bottom: .4em;
}


/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. Menu *'*-.,.-*'*-.,.*'*-.,.-*/

.main-menu {
float: right;
padding-right: 5px;
}

#logo {
float: left;
width: 100px;
color: #ffffff;
}

#cal #logo {
color: #000000;
}

.menu-top {
float: left;
width: 100px;
padding-right: 5px;
height: 200px;
}

.sub-menu {
padding-top: 5px;
}

.sub-menu li {
height: 1.2em;
}

.main-link {
display: block;
height: 90px;
padding-top: 5px;
border-top: 2px solid;
border-bottom: 1px solid;
}


/** Calendar: Sidebar **/
div#calendar-sidebar {
	float: left;
	overflow: hidden;
	width: 200px;
	padding-right: 15px;
}

div#calendar-sidebar h2 {
	float: left;
	padding: 3px 0 6px 7px;
	width: 131px;
	border-bottom: 1px solid #fff;
	height: 14px;
}

ul#calendar-nav {
	float: right;
	padding-right: 6px;
}

ul#calendar-nav li {
	float: left;
	display: inline;
	margin-left: 2px;
	border-bottom: 1px solid #cb3e00;
}

ul#calendar-nav li a {
	display: block;
	padding: 5px 0 4px;
	width: 26px;
	text-align: center;
	height: 14px;
}

ul#calendar-nav li a:hover {
	background-color: #111;
}

ul#calendar-nav li img {
	margin: 0 auto;
}

ul#mini-calendar {
	clear: both;
	width: 202px;
	overflow: hidden;
	margin: -2px 0 0 -2px;
}

ul#mini-calendar li {
	margin: 2px 0 0 2px;
	float: left;
	display: inline;
}

ul#mini-calendar li.selected span, ul#mini-calendar li.selected a {
	background-color: #000;
}

ul#mini-calendar li.week-day, ul#mini-calendar a, ul#mini-calendar span {
	padding: 5px 0 3px;
	text-align: center;
	width: 26px;
	display: block;
	height: 14px;
}

ul#mini-calendar a {
	background-color: #222;
	border-top: 1px solid #cb3e00;
}

ul#mini-calendar a:hover {
	background-color: #000;
}

ul#mini-calendar span {
	background-color: #111;
	border-top: 1px solid #fff;
	color: #555;
	cursor: default;
}

ul#mini-calendar span.empty {
	visibility: hidden;
}

div#calendar-tooltip {
	background-color: #000;
	border: 1px solid #fff;
	padding: 5px 8px;
}


/** Calendar: Listing **/
ul#calendar-list {
	float: left;
	width: 730px;
}

ul#calendar-list li.item {
	float: left;
	clear: left;
	width: 100%;
	border-bottom: 1px solid #CB3E00;
	padding: 8px 0;
}

ul#calendar-list li.item.first {
	padding-top: 0;

}

ul#calendar-list h3.date {
	float: left;
	width: 210px;
}

ul#calendar-list div.details {
	float: left;
	width: 520px;
}

ul#calendar-list li.no-results {
	border-bottom: 0;
}

ul#calendar-list li.no-results div.details {
	width: 520px;
}

ul#calendar-list div.details a, ul#calendar-list div.other-details a {
	color: #fff;
	font-weight: normal;
}

ul#calendar-list div.other-details a {
	text-decoration: underline;
}

ul#calendar-list div.details a:hover, ul#calendar-list div.other-details a:hover {
	color: #cb3e00;
}

ul#calendar-list h4 {
	font-size: 100%;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 100%;
}

ul#calendar-list p {
	margin-bottom: 0;
}

ul#calendar-list div.details h4, ul#calendar-list p.meta {
	margin-top: 0px;
}

ul#calendar-list div.other-details p {
	margin-bottom: 12px;
}

ul#calendar-list div.description {
        margin-bottom: 12px;
}

ul#calendar-list div.task a {
	text-decoration: underline;
}

ul#calendar-list div.link-to-this-input {
	padding-top: 5px;
}

ul#calendar-list div.link-to-this-input input {
	width: 200px;
}

ul#calendar-list div.other-details {
	float: left;
	width: 205px;
	margin-left: 5px;
        border-top: 1px solid #CB3E00;
        padding-top: 8px;
}

/*
ul#calendar-list div.line-up {
	float: left;
	width: 100px;
	margin-left: 5px;
}
*/

ul#calendar-list div.line-up {
	float: left;
	width: 150px;
}

ul#calendar-list .in-page {
	clear: left;
	float: left;
}
/*End Calendar*/

/** Calendar: Listing New Layout**/
.date-container {
	float: left;
        width: 210px;
        height: 166px;
}
.lineup-container {
	float: left;
        width: 310px;
        border-top: 1px solid #CB3E00;
}
.lineup-container h4 {
        padding-top: 8px;
}

div#month-list {
	margin-top: 15px;
}
div#month-list h6 {
	padding-bottom: 5px;
}
div#month-list a {
	font-weight: normal;
}
/*End Calendar: Listing New Layout*/


#info-pane {
width: 210px;
margin: 0px 5px 0px 0px;
min-height: 490px;
float: left;
overflow: hidden;
}

.info-pane-details {
margin-top: 8px;
overflow: hidden;
}

#calendar {
width: 735px;
float: left;
}

#calendar-controls {
height: 25px;
color: #111111;
}

.day {
width: 90px;
margin-right: 5px;
height: 85px;
border-top: 1px solid #CB3E00;
float: left;
padding-top: 5px;
margin-bottom: 5px;
padding: 5px;
overflow: hidden;
}


.empty {
border-top: 1px solid #ffffff;
background-color: #000000;
background-color: #111111;
}

.entry {
background-color: #000000;
background-color: #222222;
}

.today {
border-top-width: 2px;
height: 84px;
}

.blank {
border: none;
color: #666;
width: 90px;
height: 86px;
}

.calendar-selected {
color: #CB3E00;
background-color: #fff;
}

.calendar-selected a {
border-color: #CB3E00;
}

.label {
height: 25px;
border-top: none;
background-color: transparent;
padding: 3px 0px 0px 5px;
width: 95px;
}

.calendar-break {
border-top: 1px solid #CB3E00;
margin: 0px 10px 20px 0px;
clear: both;
}

#link-to-this-input {
display: none;
}

#link-to-this-input input {
background-color: #222222;
color: #FFFFFF;
padding: 3px 3px 3px 2px;
border: 0px solid;
width: 140px;
}

#link-to-this-input input:hover, #link-to-this-input input:focus {
color: #FFFFFF;
}

.calendar-nav {
display: block;
float: left;
width: 15px;
height: 20px;
padding: 5px 5px 0px 7px;
font-size: 12pt;
margin-left: 5px;
background-color: #000000;
}

.calendar-month {
float: left;
height: 21px;
width: 145px;
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
background-color: #000000;
}

.listing-datebox {
width: 94px;
margin-right: 5px;
height: 90px;
float: left;
background-color: #000000;
margin-bottom: 5px;
padding: 0px 10px 5px 0px;
}

.listing-imagebox {
width: 100px;
height: 95px;
float: left;
margin-bottom: 5px;
}
.lightbox-imagebox {
width: 100px;
height: 95px;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}

.listing-imagebox img {
width: 100px;
height: 95px;
}

.listing-break {
border-top: 1px solid;
margin: 0px 5px 5px 0px;
clear: both;
}

.loader {
margin-left: 0px;
margin-top: 0px;
}

.infopane-divide {
margin-top: .5em;
}

ul#calendar-month span {
	color: #555;
}

/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. Network *'*-.,.-*'*-.,.*'*-.,.-*/

label {
font-weight: bold;
display: block;
margin-bottom: 2px;
}

input {
	background-color: #111111;
        width: 195px;
	color: #FFFFFF;
	padding: 3px 3px 3px 2px;
	margin-bottom: 6px;
	border: 0px solid;
	font-weight: normal;
}

input:hover, input:focus {
	background: #222222;
}

.submit {
	color: #FFFFFF;
        height: 20px;
	background-color: #111111;
	border: 0px solid;
	padding-top: 0px;
        width: 120px; 
	font-weight: normal;
	margin-bottom: 6px;
}

.submit:hover {
	background-color: #222222;
}

/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. Team *'*-.,.-*'*-.,.*'*-.,.-*/

.team-column {
width: 415px;
float: left;
margin-right:5px;
}
.team-info {
float: left;
width:100px;
}

.team_box {
width: 100px;
padding-right: 5px;
float: left;
margin-bottom: 25px
}

.team-pic {
height: 100px;
width: 100px;
margin-bottom: 3px;
}
#first_col_form {
width: 100px;
float: left;
margin-right: 5px;
}
#left_col_form {
width: 205px;
float: left;
margin-right: 5px;
}
#right_col_form {
width: 205px;
float: left;
}
/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. Venue for students *'*-.,.-*'*-.,.*'*-.,.-*/
.student-info {
margin-bottom: 5px;
border-bottom: solid 1px #cf267c;
padding-bottom: 20px;
}

/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. Gallery *'*-.,.-*'*-.,.*'*-.,.-*/
.gallery {
width: 730px;
margin-bottom: 5px;
border-top: solid 1px #cf267c;
padding-bottom: 5px;
}

/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. Alerts *'*-.,.-*'*-.,.*'*-.,.-*/
.travel-alert {
margin-bottom: 5px;
border-bottom: solid 1px #339DCB;
padding-bottom: 20px;
}

/*'*-.,.-*'*-.,.*'*-.,.-*'*-.,.*'*-.,.-*'*-.,. New homepage *'*-.,.-*'*-.,.*'*-.,.-*/

.homebox-new {
float: right;
height: 463px;
width: 720px;
margin-right: 10px;
margin-bottom: 5px;
overflow: hidden;
display: inline;

}

.homepage-blogbox {
	width: 350px;
	height: 433px;
	padding: 15px;
	margin-left: 5px;
	display: block;
	float: right;
}

.homepage-blogbox p {
	text-align: justify;
}

.blog-holder {
	margin-top: 20px;
	overflow: auto;
	display: block;
	height: 400px;
	width: 340px;
	padding-right: 15px;
}

.post {
	margin-bottom: 20px;
}

.post-title {
	color: #fff;
	font: bold 20px/21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.homepage-featured {
	width: 335px;
	height: 463px;
	opacity: 1;
	display: block;
	float: right;
	background-image: url(http://www.matterlondon.com/images/matter/homebox2-bg.png);
}

.featured-panel {
	width: 335px;
	height: 463px;
	opacity: 1;
	display: block;
}

.featured-date {
	color: #000;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #fff;
	padding: 3px;
	clear: both;
	position: relative;
	top: 21px;
	left: 20px;
}

.homepage-featured-infobox {
	display: block;
	background: url(http://www.matterlondon.com/images/homepage/black.png) repeat;
	width: 335px;
	height: 150px;
	position: relative;
	top: 330px;
}

.homepage-featured-infobox-inner {
	padding: 10px;
	opacity: 1;
}

.homepage-featured-infobox-inner p {
	margin: 0;
	padding: 0;
	position: relative;
	top: -5px;
}

.featured-artist-name {
	color: #fff;
	font: bold 18px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	height: 40px;
	display: block;
}
.banner {
float: right;
height: 100px;
width: 720px;
margin-right: 10px;
overflow: hidden;
display: inline;

}