/*
Theme Name: JUICEOnline
Author: Jill Low
Description: This theme is aimed to integrate JUICEOnline and MSN.
Version: 2
*/


/*------------------------------- LESS VARIABLES ---------------------------------*/
@base: #000;
@maincolor: #fff;
@secondarycolor: #e8e8e8;
@tertiarycolor: #cfcfcf;
@juicecolor: #fb2176;
@textcolor: #666;
@secondarytextcolor: #ccc;
@fieldcolor: #747474;

@xxxxlfont: 3em;	// 36px
@xxxlfont: 2.5em;	// 30px
@xxlfont: 2em;	// 24px
@xlfont: 1.5em;	// 18px
@lfont: 1.33333em; // 15px
@mfont: 1.16666667em; // 14px
@nfont: 1em; // 12px or normal size
@sfont: 0.91666667em; // 11px
@xsfont: 0.83333333em; // 10px

@wrapwidth: 974px;
@contentwidth: 643px;
@sidebarwidth: 300px;

.contenttop (@top: 24px) { margin-top: @top; }
.contentbottom (@bottom: 24px) { margin-bottom: @bottom; }
.listpostwidth (@postwidth:343px) { width:@postwidth; }
.formborder (@elementborder: 1px solid #7f7f7f) { border: @elementborder; }
.submitbutton {
	background:@base url(images/more-arrow.gif) bottom right no-repeat;
	border:none;
	padding:3px 20px;
	color:@maincolor;
	width:auto;
	text-transform:uppercase;
	display:inline;
}
.arrow { background:url(images/arrow-white-right.gif) center right no-repeat; }
.liststylenone { list-style-type:none; }


.float_l (@floatl: left) { float:@floatl; }
.float_r (@floatr: right) { float:@floatr; }
.float_n (@floatn: none) { float:@floatn; }

.opacity(@opacity: 0.7) {
  -moz-opacity: @opacity;
  -khtml-opacity: @opacity;
  -webkit-opacity: @opacity;
  opacity: @opacity;
}



/*------------------------------- MSN CSS ---------------------------------*/
#wrapper .pgtheme, .pgtheme .channelheader #more, .pgtheme .channelheader #pgoptslinks, #head.pgtheme .channelheader, #head .pgtheme .channelheader {
   background:none;
}

.pgtheme .channelheader #more, #wrapper .pgtheme { /*background:@base url(images/bg.jpg) bottom center no-repeat;*/ background:@base; }
.pgtheme .channelheader #more { border:1px solid @base; }

#nav .wings, .nav3 .navtier1, #head .pgtheme .channelheader #more a:hover, #head .pgtheme .channelheader #pgoptslinks a:hover, #head.pgtheme .channelheader #more a:hover, #head.pgtheme .channelheader #pgoptslinks a:hover { background:@base; }

#nav { clear:both; }
#nav .wings { height: 37px; }
#wrapper #nav .w12 { margin-top:-37px; }

#page { background:@maincolor; }

/*.wide #wrapper.region9 #page { background:#000 url(images/heineken-wallpaper.jpg) top center no-repeat; }

#foot { background:@maincolor; }
#foot .w12 { background:@maincolor; color:@base; }
#foot a { color:@base !important; }
*/
.juicefoot {
	.float_l;
	width:@wrapwidth;
	height:48px;
	/*background:@base url(images/footer-bg.jpg) top center no-repeat;*/
	font-size:0.91666667em;
	text-align:center;
	padding-top:25px;
	margin-bottom:25px;
	p { margin:0; 
		a { color:@base !important; }
	}
}

#infotop.ca { margin-left:0; padding-left:0; padding-right:20px; }
	
	
/*------------------------------- Navigation ---------------------------------*/
#wrapper #nav .w12 {
	ul { margin:0; }
}
#nav { 
	height:37px;
}

	.menu-main-navigation-container {
		.float_l;
		width:@wrapwidth;
		background:@base url(images/nav-bg2.gif) bottom left repeat-x;
		clear:both;
		ul {
			.float_l;
			list-style-type:none;
			margin-left:0;
			padding-left:0;
			li {
				.float_l;
				background:url(images/nav-seperator.gif) right 5px no-repeat;
				height:37px;
				a {
					text-transform:uppercase;
					color:@maincolor;
					padding:10px 24px 0 23px;
					float:left;
					height:27px;
				}
			}
			li.current-menu-item, li.current-category-parent, li.current-post-ancestor, li.current-menu-parent {
				a {
					color:@juicecolor;
					background:@maincolor;
					font-weight:bold;
				}
				&:before {
					background:none;
				}
			}
		}
	}

	#subhead {
		.float_l;
		width:@wrapwidth - 10px;
		clear:both;
		ul {
			.liststylenone;
			margin:0;
			padding:0;
			li {
				.float_l;
			}
			a {
				display:none;
			}
			ul { 
				li {
					.float_l;
					padding:5px 10px 0 10px;
					a {
						display:block;
						color:@textcolor;
						text-transform:uppercase;
						font-size:@mfont;
						.float_l;
					}
				}
				li.current-menu-item a, li.current-post-ancestor a, li.current-category-ancestor a {
					background:url(images/nav-rollover.gif) bottom left repeat-x;
					color:@base;
					font-weight:bold;
				}
			}
		}
	}
/*------------------------------- Content ---------------------------------*/
#mediapage4column1and3, #area2.ca.mpreg4 { .contenttop; .contentbottom; }
#infotop, #infotop .child, .single_post { .float_l; }

#wrapper .w12 { clear:both; }

#header_pic {
	.float_l;
	width:@contentwidth;
	height:250px;
	border:2px solid @secondarycolor;
	overflow:hidden;
	a img {
		border:0 !important;
	}
	#container {
		position:absolute;
		height:250px;
		width:@contentwidth;
		.float_l;
		overflow:hidden;
	}
	.jFlowSlider {
		position:relative;
	}
	#juiceController {
		position:relative;
		bottom:20px;
		.float_r;
	}
	.jFlowControl {
		.float_l;
		width:9px;
		height:9px;
		background:url(images/slider-indicator.png) top left no-repeat;
		margin-right:9px;
	}
	.jFlowSelected {
		background-position:bottom left;
	}
}

.home_post, .posts {
	.float_l;
	width:@contentwidth;
	background:url(images/post-seperator.gif) bottom left repeat-x;
	padding:25px 0 15px 0;
	position:relative;
	display:inline;
	img {
		.float_l;
		border:1px solid @secondarycolor;
		margin-right:18px;
	}
	h1 {
		font-size:@lfont;
		.listpostwidth;
		.float_l;
		a {
			line-height:1.2em !important;
		}
	}
	a {
		color:@base;
	}
	p {
		.float_l;
		.listpostwidth;
		color:@textcolor;
		margin:1em 0 0 0;
		line-height:1.2em;
	}
	.category {
		font-size:@xsfont;
		text-transform:uppercase;
		color:@juicecolor;
	}
	.postmeta {
		font-size:@sfont;
		color:@base;
	}
	.socialmedia {
		.float_l;
		position:absolute;
		top:202px-23px;
		right:0;
		z-index:1;
		.listpostwidth;
		.fb {
			.float_l;
			width:343px;
		}
		.tweet {
			.float_l;
		}
	}
}
	.posts {
		padding-top:0;
		margin-bottom:25px;
		.socialmedia { 
			top:177px-23px;
		}
	}
	
	.posts.search {
		background:none;
		h1, p {
			width:@contentwidth;
		}
	}
	
	.contests {
		.float_l;
		width:@contentwidth;
		h1 {
			width:@contentwidth;
			margin-top:15px;
		}
		p {
			width:@contentwidth;
		}
		.socialmedia_contests {
			.float_l;
			width:@contentwidth;
			text-align:right;
			margin-top:10px;
			.fb {
				.float_l;
				width:450px;
			}
			.tweet {
				.float_l;
				width:110px;
			}
		}
	}
	
	.gallery.posts, .survey.posts {
		background:@secondarycolor;
		padding:10px;
		width:@contentwidth - 10px;
		h1, .postmeta, .gallery_thumbs, .socialmedia {
			width:343px - 10px;
		}
		.socialmedia {
			right:10px;
			top:163px;
		}
		.gallery {
			margin-top:10px !important;
		}
		.gallery_thumbs {
			.float_l;
		}
		.gallery_thumbs img {
			width:40px;
			height:40px;
			border:0;
			margin:0 !important;
		}
		.gallery_thumbs .gallery-item {
			width:40px !important;
			height:40px;
			margin-top:0 !important;
			margin-bottom:0 !important;
		}
		.postmeta {
			margin: 5px 0 6px 0 !important;
		}
	}
	
	.gallery_post {
		h1 {
			width:@contentwidth;
			background:url(images/post-seperator.gif) bottom left repeat-x;
			padding-bottom:5px;
		}
		.postmeta {
			margin:5px 0 15px 0 !important;
		}
		img {
			margin:0 !important;
			border:0 !important;
		}
		.socialmedia_gallery {
			.float_l;
			width:@contentwidth;
			text-align:right;
			margin-top:10px;
			.fb {
				.float_l;
				width:450px;
			}
			.tweet {
				.float_l;
				width:110px;
			}
		}
	}
	.survey.posts {
		width:@contentwidth - 15px;
		margin:20px 0 10px 0 !important;
		h1, .postmeta, p, .socialmedia {
			width:343px - 15px;
		}
	}
	
.single_post .lil_wrapper, .gallery_post .lil_wrapper {
	.lil_thumbnails_container {
		.float_l;
		width:@contentwidth - 3px;
		height:55px;
		overflow:hidden;
		background:#e2e2e2;
	}
	.lil_thumbnails_left, .lil_thumbnails_right {
		.float_l;
		width:20px;
		height:55px;
		a {
			.float_l;
			width:20px;
			height:55px;
		}
	}
	.lil_thumbnails_left a {
		background:url(images/gallery-arrow-left.jpg) center center no-repeat;
	}
	.lil_thumbnails_right a {
		background:url(images/gallery-arrow-right.jpg) center center no-repeat;
	}
	.lil_thumbnails {
		.float_l;
		position:absolute;
		top:0;
		left:0;
		a {
			.float_l;
			margin:7px 5px 0 0;
			.opacity();
			width:40px;
			height:40px;
			overflow:hidden;
		}
		.current {
			.opacity(1);
		}
	}
	.lil_thumbnails_total {
		.float_l;
		width:@contentwidth - 43px;
		height:55px;
		overflow:hidden;
		position:relative;
	}
	.lil-first-image {
		background:#e2e2e2;
		text-align:center;
		width:@contentwidth - 3px;
		img {
			.float_n;
		}
	}

}
	
.home_pagination {
	.float_l;
	width:@contentwidth;
	margin-top:5px;
	div {
		.float_l;
		width:@contentwidth/2;
		height:24px;
	}
	a {
		.submitbutton;
		text-align:center;
		text-transform:uppercase;
	}
	.previous a {
		.float_l;
		background:@base url(images/prev-arrow.gif) bottom left no-repeat;
	}
	.more a {
		.float_r;
	}
}

.single_post {
	color:@base;
	.title {
		.float_l;
		width:@contentwidth;
		font-size:@xxlfont;
		background:none;
		margin:0;
		padding:0;
		a {
			color:@base;
			line-height:1.1em;
		}
	}
	.postmeta {
		.float_l;
		width:@contentwidth;
		font-size:@sfont;
		color:@base;
		background:url(images/dotted-grey.gif) bottom left repeat-x;
		padding:10px 0;
		margin-bottom:10px;
	}
	.socialmedia {
		.float_l;
		width:@contentwidth;
		padding-bottom:10px;
		background:url(images/dotted-grey.gif) bottom left repeat-x;
		margin-bottom:20px;
		.fb {
			.float_l;
			width:450px;
		}
		.tweet {
			.float_l;
			
		}
	}
	.aligncenter, img.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.alignleft,img.alignleft {
		display: inline;
		float: left;
		margin-right: 30px;
		margin-top: 4px;
	}
	.alignright, img.alignright {
		display: inline;
		float: right;
		margin-left: 30px;
		margin-top: 4px;
	}
	.aligncenter, img.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	p { 
		margin-left:10px;
	}
	a { color:@juicecolor; }
	a img { border:0; }
	
}

.single_post.page  .title {
	padding-bottom:15px;
	margin-bottom:15px;
	background:url(images/dotted-grey.gif) bottom left repeat-x;
}

.pagenav {
	.float_l;
	width:@contentwidth - 10px;
	margin:30px 0 50px 10px;
	padding-bottom:5px;
	background:url(images/dotted-grey.gif) bottom left repeat-x;
	div {
		.float_l;
		width:(@contentwidth - 10px)/2;
		height:25px;
	}
	a {
		color:@base;
		text-transform:uppercase;
		font-weight:bold;
	}
	.pagenavleft a {
		background:url(images/arrow-white-left.gif) 0 4px no-repeat;
		padding-left:10px;
	}
	.pagenavright {
		text-align:right;
		a {
		text-align:right;
		background:url(images/arrow-white-right.gif) right 4px no-repeat;
		padding-right:10px;
		}
	}
}

.pagenav.events {
	margin-left:0;
	width:@contentwidth;
	text-align:center;
	color:@juicecolor;
	font-weight:bold;
	.prev {
		.float_l;
		background:url(images/arrow-white-left.gif) 0 6px no-repeat;
		padding-left:10px;
	}
	.next {
		.float_r;
		background:url(images/arrow-white-right.gif) right 6px no-repeat;
		padding-right:10px;
	}
}


.pagelink p {
	text-align:center;
	span {
		padding:2px 5px;
		font-weight:bold;
	}
	a span { font-weight:normal; }
	a {
		font-weight:normal;
	}
}

.relatedposts, .latestposts {
	.float_l;
	width:@contentwidth - 10px;
	margin:0 0 40px 10px;
	.title {
		.float_l;
		width:@contentwidth - 10px;
		padding-bottom:5px;
		background:url(images/dotted-grey.gif) bottom left repeat-x;
		font-size:@xlfont;
		text-transform:uppercase;
		font-weight:normal;
		margin-bottom:15px;
	}
	.rel_post, .latest_post {
		.float_l;
		width:150px;
		margin-right:40px;
		img {
			.float_l;
			width:150px;
			border:0;
			margin-bottom:5px;
		}
		h3 {
			.float_l;
			width:150px;
			font-size:@mfont;
			font-weight:normal;
			a {
				line-height:1.2em;
				color:@textcolor;
			}
		}
		small {
			.float_l;
			width:150px;
			font-size:10px;
			a {
				background:url(images/comment-icon.gif) 0 2px no-repeat;
				padding-left:15px;
				color:@juicecolor;
			}
		}
	}
}

#comments {
	.float_l;
	#comments-title {
		.float_l;
		width:@contentwidth;
		background:url(images/dotted-grey.gif) bottom left repeat-x;
		font-size:@xlfont;
		text-transform:uppercase;
		font-weight:normal;
		margin-bottom:15px;
		padding-bottom:5px;
	}
	.commentlist {
		.float_l;
		margin:0 0 30px 0;
		padding:0;
		.liststylenone;
		li {
			.float_l;
			width:@contentwidth;
			clear:both;
			margin-bottom:20px;
			.comment-author {
				.float_l;
				width:68px;
				padding-right:10px;
				background:url(images/comments-arrow.gif) right 5px no-repeat;
			}
			.comment-content {
				.float_l;
				width:@contentwidth - 78px;
				background:@maincolor;
				p {
					padding-left:15px;
					padding-right:15px;
				}
				.author {
					font-size:@sfont;
					background:url(images/dotted-grey.gif) bottom left repeat-x;
					padding-bottom:10px;
					a, .fn {
						font-weight:bold;
					}
				}
			}
		}
	}
	
	.commentsform {
		.float_l;
		width:@contentwidth;
		.title {
			font-size:@xxxxlfont;
			text-transform:uppercase;
			background:@maincolor;
			font-weight:normal;
			.float_l;
			width:@contentwidth - 20px;
			padding:20px 10px;
			margin-bottom:0 !important;
		}
		form {
			.float_l;
			width:@contentwidth;
			background:url(images/footer-arrow-white.gif) 30px 0 no-repeat;
			.commentform_left, .commentform_right {
				.float_l;
				width:@contentwidth / 2;
				p {
					margin-left:5px;
					margin-bottom:5px;
					clear:both;
					.float_l;
					width:@contentwidth / 2;
					color:@base;
				}
				label {
					.float_l;
					margin-left:5px;
					text-transform:uppercase;
					font-weight:bold;
					margin-bottom:3px;
					span { 
						font-weight:normal;
						text-transform:lowercase;
					}
				}
				input {
					.float_l;
					width:260px;
					border:1px solid @fieldcolor;
					padding:10px;
					margin:0;
				}
				textarea {
					.float_l;
					width:250px;
					border:1px solid @fieldcolor;
					padding:10px;
				}
			}
			.commentform_right p {
				width:307px;
			}
			.comment-button input {
				.float_l;
				width:@contentwidth - 20px;
				background:@secondarytextcolor;
				border:0;
				font-size:@xxxlfont;
				text-align:right;
				&:hover {
					color:@juicecolor;
				}
			}
		}
	}
	
}


.title {
	font-size:@xxlfont;
	font-weight:normal;
	width:@contentwidth;
	.float_l;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(images/dotted-grey.gif) bottom left repeat-x;
	line-height:1.3em;
}

.directory_container {
	.float_l;
	width:@contentwidth;
	h2 {
		.float_l;
		width:@contentwidth;
		background:url(images/dotted-grey.gif) bottom left repeat-x;
		padding:10px 0;
		margin-bottom:10px;
		color:@juicecolor;
		font-size:@xlfont;
	}
	.directory {
		.float_l;
		width:@contentwidth;
		margin-bottom:20px;
		h3 {
			.float_l;
			margin:0;
			padding:0;
			width:@contentwidth;
		}
		p {
			margin:0;
			padding:0;
			width:@contentwidth;
		}
		strong{
			color:@juicecolor;
		}
	}
}

.quiz {
	padding-left:10px;
	width:@contentwidth - 10px;
	h1 {
		display:none;
	}
	.wpst_question {
		font-weight:bold;
		text-transform:uppercase;
		font-size:@mfont;
		color:@juicecolor;
		margin-bottom:10px;
		.float_l;
		clear:both;
		ul {
			list-style-type:none;
			margin-left:20px;
			padding:0;
		}
		li {
			font-weight:normal;
			font-size:0.85714286em;
			color:@base;
			text-transform:none;
		}
	}
	p {
		.float_l;
		clear:both;
		.button-secondary {
			border:none;
			background:@base;
			color:@maincolor;
			font-size:@mfont;
			padding:10px 30px !important;
			.float_l;
			text-transform:uppercase;
			&:hover {
				color:@juicecolor;
			}
		}
	}
}

/*------------------------------- Sidebar ---------------------------------*/
.sidebar_container {
	.float_l;
	width:@sidebarwidth;
	margin-bottom:10px;
	h2 {
		/*color:@secondarytextcolor;
		background:@base;*/
		color:@maincolor;
		background:@juicecolor;
		text-transform:uppercase;
		font-size:@mfont;
		padding:10px 0 10px 10px;
		.float_l;
		width: @sidebarwidth - 10px;
	}
}

	.sidebar_content {
		.float_l;
		width:@sidebarwidth - 10px;
		padding:15px 0 15px 10px;
	}
	
		#lowdown_container {
			.float_l;
			h3 {
				font-size:@xlfont;
				font-weight:normal;
				line-height:1.1em;
			}
		}
		
		#search_container {
			.float_l;
			input {
				.formborder;
				margin-right:5px;
				width:192px;
			}
			#searchsubmit {
				.submitbutton;
				margin:0;
				width:80px !important;
			}
		}
		
		#signup_container {
			p {
				margin-top:0;
				line-height:1.2em;
				label {
					float:left;
					width:@sidebarwidth - 10px;
					font-size:@sfont;
					text-transform:uppercase;
				}
				input {
					.formborder;
					width:@sidebarwidth - 15px;
				}
				#signupsubmit {
					.submitbutton;
					.float_r;
					width:80px !important;
				}
			}
			
		}
		
		#poll_container {
			.float_l;
			ul {
				.liststylenone;
				margin-left:0;
				padding-left:0;
			}
			h6 {
				text-transform:uppercase;
				font-weight:normal;
				font-size:@lfont;
				margin-bottom:10px;
			}
			.wp-polls-ul {
				li { margin-bottom:2px; }
			}
			.poll_footer {
				text-align:right;
				a {
					font-weight:bold;
					text-transform:uppercase;
					color:@base;
					.arrow;
					padding-right:10px;
					margin-right:10px;
				}
				.Buttons {
					.submitbutton;
					width:80px !important;
				}
			}
			.wp-polls-ans {
				.poll_footer {
					font-weight:bold;
					text-transform:uppercase;
					color:@base;
					a {
						margin-right:0;
					}
				}
			}
		}
		
		#twitter_container {
			font-size:@sfont;
			
			ul {
				.float_l;
				padding:0;
				margin:0;
				.liststylenone;
			}
			li {
				margin-bottom:15px;
				line-height:1.2em;
				a {
					font-size:@nfont !important;
					color:@juicecolor;
				}
			}
			#twitter-link {
				.submitbutton;
				.float_r;
			}
		}
		
		#like_container {
			h3 {
				.float_l;
				width:@sidebarwidth - 57px;
				font-size:30px;
				font-weight:normal;
				line-height:0.9em;
				letter-spacing:-0.01em;
				strong {
					font-size:36px;
					letter-spacing:0em;
				}
			}
			#juice_fb {
				.float_l;
				width:47px;
				overflow:hidden;
				height:63px;
			}
		}
		
		
		#ipad_container {
			background:@base;
			padding:0;
			color:@maincolor;
			.float_l;
			margin-bottom:20px;
			width:@sidebarwidth;
			a {
				.float_l;
				line-height:0 !important
			}
			img {
				.float_l;
				border:1px solid @base;
			}
			p {
				.float_l;
				width:@sidebarwidth - 180px;
				text-align:center;
				margin:0 !important;
				img { .float_n; }
			}
		}
		
		#venues_container {
			padding:15px 0;
			width:@sidebarwidth;
			ul {
				.liststylenone;
				.float_l;
				margin:0;
				padding:0;
			}
			li {
				.float_l;
				width:(@sidebarwidth / 2) - 10px;
				padding:2px 0 5px 10px;
				font-size:@mfont;
				font-weight:bold;
				color:@secondarytextcolor;
				background:url(images/dotted-grey.gif) bottom left repeat-x;
				a {
					color:@base;
				}
			}
		}
		
		#directory_container {
			padding:15px 0;
			width:@sidebarwidth;
			h3 {
				.float_l;
				padding:2px 0 5px 10px;
				font-size:@mfont;
				font-weight:bold;
				color:@juicecolor;
				background:url(images/dotted-grey.gif) bottom left repeat-x;
				text-transform:uppercase;
				width:@sidebarwidth - 10px;
			}
			.sort {
				.float_l;
				margin-bottom:20px;
			}
			ul {
				.float_l;
				width:@sidebarwidth;
				.liststylenone;
				margin:0;
				padding:0;
			}
			li {
				.float_l;
				padding:2px 0 5px 10px;
				font-size:@mfont;
				font-weight:bold;
				color:@secondarytextcolor;
				background:url(images/dotted-grey.gif) bottom left repeat-x;
			}
			#alpha {
				li {
					width:@sidebarwidth - 10px;
				}
				a {
					padding:0 3px;
				}
			}
			#types, #location {
				li {
					width:(@sidebarwidth/2) - 10px;
				}
				li#location9 {
					width:@sidebarwidth - 10px;
				}
			}
		}
		
		
/*-------------------------- FAT FOOTER ---------------------------*/

#mediapage4column7to9 {
	.float_l;
	width:@wrapwidth;
	background:@secondarycolor;
	padding:30px 0;
}

	#area7 {
		.float_l;
		width:300px;
		min-width:300px;
		.fatfooter {
			width:300px;
		}
		.fatfooter h2 {
			width:300px - 10px;
		}
	}
	
	.single #area7 {
		width:632px;
		min-width:632px;
	}

	#area8 {
		.float_l;
		margin-left:20px;
		padding-left:0;
		width:482px;
		.fatfooter {
			.float_l;
			width:482px;
			margin-bottom:20px;
		}
		.fatfooter h2 {
			.float_l;
			width:482px - 10px;
		}
	}
	
	.single #area8 {
		width:300px;
		min-width:300px;
	}
	
	#area9 {
		.float_l;
		width:120px;
		padding-left:20px;
		min-width:120px;
	}
	
	.fatfooter {
		.float_l;
		margin:0;
		padding:0;
		h2 {
			color:@maincolor;
			background:@base;
			text-transform:uppercase;
			font-size:@xlfont;
			font-weight:normal;
			padding:10px 0 10px 10px;
			.float_l;
		}
	}
	
		#mostpopular {
			ul {
				margin:0;
				padding:0;
				.float_l;
				.liststylenone;
			}
			li {
				.float_l;
				background:url(images/dotted-grey.gif) bottom left repeat-x;
				padding-left:10px;
				width:@sidebarwidth - 10px;
				font-size:@sfont;
			}
			p {
				.float_l;
				background:url(images/arrow-grey.gif) 0 1em no-repeat;
				padding:1em 0 1em 10px;
				margin:0;
				a {
					.float_l;
					line-height:1em;
				}
			}
		}
		
		#recentcomments {
			ul {
				margin:0;
				padding:0;
				.float_l;
				.liststylenone;
			}
			li {
				.float_l;
				clear:both;
				padding-left:10px;
				margin-top:10px;
				width:@sidebarwidth - 10px;
			}
			p {
				font-size:@sfont;
				line-height:1.2em;
				padding:10px 0 0 0;
				margin-bottom:0;
			}
			small {
				font-size:@sfont;
				a {
					text-decoration:underline;
				}
			}
		}
		
		.footer_post {
			.float_l;
			width:482px - 10px;
			padding:0 0 10px 10px;
			background:url(images/dotted-grey.gif) bottom left repeat-x;
			margin:10px 0 0 0;
			img {
				.float_l;
				margin-right:10px;
				border:0;
			}
			.footer_content {
				.float_l;
				width:482px - 10px - 130px;
				.footer_title {
					.float_l;
					padding:5px 10px;
					width:482px - 160px;
					h3 {
						font-size:@mfont;
						line-height:1em;
						a {
							line-height:1em;
						}
					}
					small {
						font-size:@xsfont;
						line-height:1.1em;
						margin-top:3px;
						.float_l;
					}
				}
				.footer_arrow {
					.float_l;
					width:482px - 10px - 130px;
					height:4px;
					background:url(images/footer-arrow-white-right.gif) 10px 0 no-repeat;
				}
				p {
					.float_l;
					padding-top:5px;
					margin:0 0 0 10px;
					font-size:@sfont;
					line-height:1.3em;
				}
			}
		}
		.event.last { background:none; }
		
		#dontmissthis .footer_title { background:@maincolor; }
		#tonightsresidencies .footer_title, #featuredarticles .footer_title { background:@tertiarycolor; }
		#tonightsresidencies .footer_arrow, #featuredarticles .footer_arrow { background:url(images/footer-arrow-grey.gif) 10px 0 no-repeat; }
		#featuredarticles img {
			width:120px;
			height:120px
		}
		
/*-------------------------- FOOTER ---------------------------*/		

.menu-footer-navigation-container ul {
	margin: 0 !important;
	padding: 0 !important;
	.liststylenone;
	.float_l;
	text-align: left;
	li {
		clear:both;
		float:left;
		display:inline;
	}
}


/*-------------------------- SIGN UP ---------------------------*/
html, body {
	margin:0 !important;
	padding:0 !important;
}
#signup_form {
	.float_l;
	color:@base;
	font-family:arial, sans-serif;
	padding:0 15px;
	h1 {
		color:@juicecolor;
		line-height:1em;
		background:url(images/dotted-grey.gif) bottom left repeat-x;
		padding-bottom:10px;
		margin-top:10px;
	}
	p {
		font-size:0.75em;
	}
	label {
		.float_l;
		width:100px;
		line-height:26px;
	}
	input,select {
		.formborder;
		width:200px;
		padding:5px;
	}
	select {
		width:72px;
	}
	.radio {
		width:auto;
	}
	.signupsubmit {
		.submitbutton;
		border:1px solid @juicecolor;
		margin-left:202px;
		cursor:pointer;
		&:hover {
			color:@juicecolor;
		}
	}
	.error {
		color:#c90000;
	}
}