body, html {
	margin: 0;
	padding: 0;
	border: 0;			/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	height: 100%;
	background: #333;
	font-size: 90%;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	height:99%;			/* height of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

.rightmenu {
	background: url(/files/images/sidebar_bg.jpg) no-repeat top right #333;
	height: 100%;
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-200px;
	position:relative;
	right:100%;
	height:100%;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
	height: 100%;
}
.rightmenu .col1 {
	margin:0 0 0 195px;
	overflow:hidden;
	height: 100%;
}
.rightmenu .col2 {
	float:right;
	width:195px;
	position:relative;
	left:195px;
	height: 100%;
}

#logo {
	background: url(/files/images/navbar_new.png) no-repeat top right;
	height: 91px;
	width: 200px;
}
#follow_title {
	background: url(/files/images/navbar_new.png) no-repeat -200px -91px;
	height: 34px;
	width: 200px;
}
#follow_box {
	background: url(/files/images/navbar_new.png) no-repeat -200px -125px;
	height: 35px;
	width: 224px;
}
a.facebook, a.myspace, a.twitter, a.rss, a.email, a.youtube {
	display: block;
	float: left;
	width: 31px;
	height: 35px;
	float: left;
}
a.facebook { width: 39px; }
a.facebook:hover { background-image: url(/files/images/navbar_new.png); background-position: left -125px; }
a.myspace:hover { background-image: url(/files/images/navbar_new.png); background-position: -39px -125px; }
a.twitter:hover { background-image: url(/files/images/navbar_new.png); background-position: -70px -125px; }
a.youtube:hover { background-image: url(/files/images/navbar_new.png); background-position: -101px -125px; }
a.rss:hover { background-image: url(/files/images/navbar_new.png); background-position: -132px -125px; }
a.email:hover { background-image: url(/files/images/navbar_new.png); background-position: -163px -125px; }

#contents_box {
	height: 65px;
	width: 200px;
}
#contents_title {
	background: url(/files/images/navbar_new.png) no-repeat -200px -160px;
	height: 25px;
	width: 200px;
}

a.music,a.fashion,a.adl5000,a.film,a.procrastinate,a.whatson,
a.fringe_cabaret,a.fringe_comedy,a.fringe_dance,a.fringe_music,a.fringe_theatre,a.fringe_visualarts {
	display: block;
	width: 90px;
	height: 20px;
	margin: 0;
	background-image: url(/files/images/navbar_new.png);
	background-repeat: no-repeat;
	float: left;
}
a.fringe_cabaret,a.fringe_comedy,a.fringe_dance,a.fringe_music,a.fringe_theatre,a.fringe_visualarts {
	background-image: url(/files/images/navbar_fringe.png);
}
a.music, a.fringe_cabaret {		background-position: -200px -185px;}
a.film, a.fringe_comedy {	width: 80px; background-position: -290px -185px;}
a.fashion, a.fringe_dance {	height: 25px; background-position: -200px -205px;}
a.procrastinate, a.fringe_music {	height: 25px; width: 100px; background-position: -290px -205px;}
a.adl5000, a.fringe_theatre {	background-position: -200px -230px;}
a.whatson, a.fringe_visualarts {	width: 80px; background-position: -290px -230px;}

a.music:hover, a.music.selected, a.fringe_cabaret:hover, a.fringe_cabaret.selected {		background-position: left -185px;}
a.film:hover, a.film.selected, a.fringe_comedy:hover, a.fringe_comedy.selected {	background-position: -90px -185px;}
a.fashion:hover, a.fashion.selected, a.fringe_dance:hover, a.fringe_dance.selected {	background-position: left -205px;}
a.procrastinate:hover, a.procrastinate.selected, a.fringe_music:hover, a.fringe_music.selected {	background-position: -90px -205px;}
a.adl5000:hover, a.adl5000.selected, a.fringe_theatre:hover, a.fringe_theatre.selected {	background-position: left -230px;}
a.whatson:hover, a.whatson.selected, a.fringe_visualarts:hover, a.fringe_visualarts.selected {	background-position: -90px -230px;}

#ads_box {
	height: 75px;
	width: 200px;
}
#ads_box a.ad {

	display: block;
	background: url(/files/images/navbar_new.png) no-repeat -200px -250px;
	height: 75px;
	width: 200px;
}
#ads_box a.ad:hover {
	background: url(/files/images/navbar_new.png) no-repeat 0 -250px;
}


#pdf_box {
	height: 55px;
	width: 200px;
}
#pdf_box a.pdf {
	display: block;
	background: url(/files/images/navbar_new.png) no-repeat -200px -350px;
	height: 55px;
	width: 200px;
}
#pdf_box a.pdf:hover {
	background: url(/files/images/navbar_new.png) no-repeat 0 -350px;
}

#comments_title {
	background: url(/files/images/navbar_new.png) no-repeat -200px -325px;
	height: 22px;
	width: 200px;
}

#comments {
	width: 200px;
	height: 230px;
	overflow: auto;
	font-size: 11px;
	text-align: left;
}
p.commentBlock {
	padding: 4px;
	border-bottom: solid 1px #444;
	margin: 3px 0;
}
.commentBlock a { color: #AAA; text-decoration: none; }
.commentBlock a:hover { color: #F00; }

#yourname { width: 170px; }
#message { width: 170px; height: 35px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#sendComment {}


/* MEGAZINE STYLES */
#megazine { margin: 0 auto; outline: none; width: 100%; position: relative; height: 100%; /*565px;*/
 }
#megazine h1 { color: #FFFFFF; }
#megazine img { border: none; }
#megazine p { color: #999999; font-size: 0.6em; }
#megazine a, a:visited { color: #CCCCCC; text-decoration: none; }
#megazine a:active { color: #FFFFFF; text-decoration: none; }
#megazine a:hover, a:focus { color: #FFFFFF; text-decoration: underline; }