@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------------------------------- CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: none;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a {
	color: #9A9999;
	text-decoration: underline;
	outline: none;
	}

.col.type2 a {
	color: #AEAEAD;
	}

a:hover {
	color: #bab9b9; /* #E6E6E6 */
	}



/* ---------------------------------------------------------------------------------------------------------------------------- BODY */

@font-face {
	font-family: 'PatronMedium';
	src: url('../fonts/patron-medium.eot');
	src: local('☺'), 
		 url('../fonts/patron-medium.woff') format('woff'), 
		 url('../fonts/patron-medium.ttf') format('truetype'), 
		 url('../fonts/patron-medium.svg#webfont') format('svg'); 
}

body {
	font-family: Cambria, 'Times New Roman', Times, serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 1.2;
	color: #9A9999;
	background: #3C3C3D url(../images/bg-body.jpg) repeat-x;
	}

body.has-map {
	background: #3C3C3D url(../images/bg-body-map.jpg) repeat-x;	
	}



/* ---------------------------------------------------------------------------------------------------------------------------- TYPOGRAPHY */

#banners .clearfix {
	padding-top: 10px;
	}

.code {
	float: left;
	height: 100px;
	width: 322px;
	margin: 30px 0 0 0;
	}

.code p {
	margin-top: 0;
	}

.code textarea {
	height: 145px;
	width: 320px;	
	}

#bp300x250,
#rbp300x250 {
	float: right;
	width: 300px;
	height: 250px;
	margin: 55px 0 0 0;
	}

#bp180x150 {
	float: right;
	width: 180px;
	height: 150px;
	margin: 55px 0 0 0;
	}
	
h1 {
	
	}

h2 {
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;
	margin-top: 20px;
	font-size: 22px;
	font-weight: 300;	
	}

	#header h2 {
		font-size: 16px;
		color: #000;
		text-transform: uppercase;
		}

h3 {
	margin-top: 20px;
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;			
	font-size: 20px;
	font-weight: 300;
	}

h4 {
	margin-top: 30px;	
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;				
	font-size: 16px;
	font-weight: 300;	
	}

h5 {
	margin-top: 20px;
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;					
	font-size: 14px;
	font-weight: 300;	
	}

h6 {
	margin-top: 20px;	
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;	
	font-size: 13px;
	font-weight: 300;
	}

p, 
ul  {
/*	margin-top: 16px; */
	margin-top: 12px;
	}

ul ul {
	margin-top: 0;
	}

li {
	padding-left: 14px;
	background: url(../images/ico-line-gray.png) no-repeat -4px 2px;
	}

table {
	margin-top: 12px;
	}

.col.type1 .box table {
	width: 642px;
	}

table tr td {
	padding: 3px 10px;
	border: 2px solid #313131;	
	}

table thead tr td {
	font-weight: 700;
	color: #685439;
	}

table tbody tr.last td {
	color: #685439;
	}

#page {
	position: relative;
	width: 900px;
	margin: 0 auto;
	}


/* ---------------------------------------------------------------------------------------------------------------------------- HEADER */

#header {
	position: relative;
	height: 190px;
	background: url(../images/bg-header.png) repeat-x bottom;
	}

	#header h1 {
		position: relative;
		z-index: 2;
		float: left;
		width: 184px;
		height: 159px;
		padding: 0 30px 0 0;
		margin: 0 0 0 40px;
		text-indent: -9999px;
		}
		
		#header h1 a {
			display: block;
			height: 159px;
			background: url(../images/logo.png) no-repeat 0 0;	
			}

#header ul {
	float: left;
	margin: 30px 0 0 0;
	font-size: 60px;
	line-height: 1;
	}
	
	#header ul li {
		float: left;
/*		padding: 0 0 0 60px; */
		padding: 0 0 0 56px;
		background: none;
		color: #000;
		}

		#header ul li span {
			float: left;
			font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;			
			text-indent: -4px;
			}


/* ---------------------------------------------------------------------------------------------------------------------------- MENU */

ul#menu {
	height: 80px;
	margin: 0;
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;			
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
	background: #675339 url(../images/bg-menu.png) repeat-x bottom;
	}

	ul#menu li {
		float: left;
		padding: 0;
		background: none;
		}
		
		ul#menu li a {
			float: left;
			padding: 29px 40px;
			color: #000;
			text-decoration: none;
			}

		ul#menu li.active a {
			text-decoration: underline;
			}

			ul#menu li a:hover {
				text-decoration: underline;
				}




/* ---------------------------------------------------------------------------------------------------------------------------- LATEST EVENTS */
#pukka {
	display: none;	
	position: absolute;
	z-index: 100;
	right: -182px;
	top: 611px;
	}

#pukka.outside {
	display: block;
	}


#filters {
	display: none;
	position: absolute;
	z-index: 100;
	right: 20px;
	top: 209px;
	width: 212px;
	height: 376px;
	}

#filters .filter {
/*	
	height: 180px;
*/	
	height: 376px;	
	margin: 0 0 16px 0;	
	background: #1F1F1F;	
	}

#filters .filter#days {
	background: #292929;
	}

#filters .filter#markers.hidden,
#filters .filter#get-out-of-here.hidden {
	display: none;
	}

body.has-map #filters {
	display: block;
	}

#filters.outside {
	right: -232px;	
	}

body.has-map #filters.hidden {
	display: none;
	}

	#filters .filter h3 {
/*		
		padding: 13px 0 7px 15px;
*/
		padding: 18px 0 11px 15px;	
		border-bottom: 2px solid #101010;
		margin: 0;
		font-size: 18px;
		line-height: 1;
		color: #656565;		
		}
	
	#filters .filter#days h3 {
		border-bottom-color: #1f1f1f;
		}

	#filters .filter ul {
		margin: 0;
		}
		
		#filters .filter ul li {
			padding: 0;			
			border-bottom: 2px solid #2F2F2F;
			background-image: none;
			color: #656565;			
			}

		#filters .filter ul li.last {
			border-bottom: none;
			}
			
			#filters .filter ul li a {
				display: block;
				font-size: 12px;
				text-decoration: none;
				padding: 10px 12px 10px 50px;
				background: url(../images/ico-marker-white-dual.png) no-repeat 7px 6px;
				color: #656565;
				}
			
			#filters .filter#days ul li a {
				padding-left: 17px;
				background-image: none;				
				}
			
			#filters .filter ul li a:hover {
				color: #9A9999;
				}

			#filters .filter ul li.active a {
				background-position: 7px -104px;				
				}

				#filters .filter ul li a span {
					display: block;
					padding: 0 0 3px 0;
					font-size: 14px;
					text-decoration: underline;
					}
					
	
				#filters .filter ul li a em {
					font-style: normal;
					}
				
				#filters .filter ul li a em.hide {
					display: none;
					}
				
				#filters .filter ul li.active a em.show {
					display: none;
					}
					
				#filters .filter ul li.active a em.hide {
					display: inline;
					}



/* ---------------------------------------------------------------------------------------------------------------------------- COLS */

.col {
	margin: 15px 0 0 0;
	}
	
	.col.type1 {
		float: left;
		width: 672px;
		}
	
	.col.type2 {
		float: right;
		width: 212px;
		}

	.col .box {
		padding: 0 15px;
		}
	
	
/* ---------------------------------------------------------------------------------------------------------------------------- BOXES */

.col.type1 .box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	background-color: #363636;
	}

.col.type1 .box.vestige {
	position: relative;
	padding-bottom: 0;	
	margin-bottom: 64px;
	}

	.col.type1 .box h3 {
		padding: 10px 15px 8px 15px;
		border-bottom: 2px solid #313131;
		margin: 0 -15px;
		font-size: 18px;
		color: #685439;
		}

	.col.type1 ul.details {
		float: left;
		width: 147px;
		padding: 0 15px 20px 0;
		margin: 0;
		}

		.col.type1 ul.details li {
			padding: 0;
			background: none;
			color: #656565;
			}
		
			.col.type1 ul.details li h4 {
				font-family: Cambria, 'Times New Roman', Times, serif;						
				font-size: 14px;
				color: #685439;
				}

	.col.type1 ul.logos {
		margin: 0;
		}

		.col.type1 ul.logos li {
			float: left;
			padding: 0;
			margin: 15px 15px 0 0;
			background-image: none;
			}
			
		.col.type1 ul.logos li.third {
			margin-right: 0;
			}
	
				.col.type1 ul.logos li a img {
					float: left;
					border: 1px solid #303030;
					}
					
				.col.type1 ul.logos li a:hover img {
					border-color: #4B4B4B;
					}
			
	.col.type1 .box .story {
		float: right;
		width: 480px;
		padding-bottom: 20px;
		line-height: 1.5;
		}
		
		.col.type1 .box .story .photo {
			float: right;
			position: relative;
			width: 150px;
			height: 160px;
			margin: 12px 0 10px 10px;
			}
			
				.col.type1 .box .story .photo img {
					position: absolute;
					right: 0;
					top: 0;
					}
					
				.col.type1 .box .story .photo img.small {
					z-index: 1;
					}
					
				.col.type1 .box .story .photo img.large {
					display: none;
					z-index: 2;
					}
					
				.col.type1 .box .story .photo:hover img.large {
					display: block;
					}
		
	.col.type1 ul.nav {
		position: absolute;
		left: 0;
		bottom: -34px;
		width: 672px;
		height: 34px;
		font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;		
		line-height: 1;
		text-transform: uppercase;
		}
	
		.col.type1 ul.nav li {
			float: right;
			padding: 0;
			background: none;
			}

			.col.type1 ul.nav li a {
				float: left;
				height: 27px; 
				padding: 7px 30px 0 30px;
				margin: 0 0 0 1px;
				background: #363636;
				text-decoration: none;
				color: #877050;				
				}

			.col.type1 ul.nav li.last a {
				color: #685439;
				}

			.col.type1 ul.nav li a:hover {
				text-decoration: underline;
				}

.col.type2 .box {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-color: #5b5c5b;
	}

	.col.type2 .box h3 {
		padding: 10px 0 8px 15px;
		border-bottom: 2px solid #4B4B4B;
		margin: 0 -15px;
		font-size: 18px;
		color: #000;
		}

	.col.type2 .box.blogs h3 {
		font-size: 17px;
		}

	.col.type2 .box p {
		color: #000;
		}
	
		.col.type2 .box p a {
			color: #AEAEAD;
			text-decoration: none;
			}
	
	.col.type2 .box.contact p {
		font-weight: 700;
		font-style: italic;
		}

	.col.type2 .box.contact p a {
		text-decoration: underline;
		}

	.col.type2 .box.contact p a,
	span#dgh21R {
		display: block;
		font-size: 12px;		
		color: #AEAEAD;		
		}
		
	.col.type2 .box.contact p a:hover {
		color: #9A9999;
		}		
		
	.col.type2 .box span.expand {
		display: block;
		padding: 16px 15px 0 15px;
		border-top: 2px solid #4B4B4B;
		margin: 18px -15px 0 -15px;
		font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;		
		line-height: 1;
		text-align: right;
		text-decoration: none;
		text-transform: uppercase;
		color: #AEAEAD;	
		cursor: pointer;
		}
	
	.col.type2 .box ul {
		margin: 0;
		}

	.col.type2 .box.blogs ul {
		font-style: italic;
		}
	
		.col.type2 .box ul li {
			padding: 0;
			margin: 18px 0 0 0;
			background: none;
			}

		.col.type2 .box.blogs ul li {
			margin: 0;
			}

		.col.type2 .box.collapsed ul li.toggle {
			display: none;
			}

			.col.type2 .box.blogs ul li a {
				display: block;
				padding: 18px 0 0 0;
				font-weight: 700;
				text-decoration: none;
				font-size: 12px;
				color: #AEAEAD;
				}
				
			.col.type2 .box.blogs ul li a:hover span {
				color: #1b1a1a;
				}
				
			
				.col.type2 .box.blogs ul li a span {
					display: block;
					font-size: 14px;
					text-decoration: underline;
					color: #000;
					}

.col.type2 .box.friendz {
	position: relative;
	height: 191px; 
	height: 222px;
	padding: 0;	
	}

	.col.type2 .box.friendz h3 {
		margin: 0;
		}

	.col.type2 .box.friendz iframe  {
		position: relative;
		z-index: 2;
		}

	.col.type2 .box.friendz a.overlay  {
		position: absolute;
		z-index: 100;
		left: 0;
		top: 0;
		display: block;
		width: 212px;
		height: 174px;
		background: url(../images/blank.gif) repeat;
		text-indent: -9999px;
		}

	.col.type2 .box.friendz ul {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 41px;
		width: 212px;
		height: 150px;
		}

			.col.type2 .box.friendz ul li {
				float: left;
				margin: 0;
				}

				.col.type2 .box.friendz ul li a {
					float: left;
					padding: 15px 0 0 15px;
					}

					.col.type2 .box.friendz ul li a img {
						float: left;
						}
						
			.col.type2 .box.articles ul li {
				font-weight: 700;
				font-style: italic;				
				}
	
				.col.type2 .box.articles ul li a {
					display: block;
					color: #000;			
					}
					
				.col.type2 .box.articles ul li a:hover {
					color: #1d1c1c;
					}					

				.col.type2 .box.articles ul li span {
					font-size: 12px;
					}
					
					.col.type2 .box.articles ul li span a {
						display: inline;
						color: #303030;
					}

			.col.type2 .box.articles ul li.last {
				margin: 18px -15px 0 -15px;
				font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;
				font-weight: 300;
				font-style: normal;
				line-height: 1;
				text-align: right;	
				}

				.col.type2 .box.articles ul li.last a {
					display: block;
					padding: 16px 15px 0 15px;
					border-top: 2px solid #4B4B4B;
					text-decoration: none;
					text-transform: uppercase;
					color: #AEAEAD;	
					}
					


/* ---------------------------------------------------------------------------------------------------------------------------- HARD-CODED CONTENT */

span.motto {
	width: 50%;
	padding: 15px;
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;				
	font-size: 15px;	
	background: #303030;
	}

span.motto.left {
	float: left;
	margin: 0 15px 15px 0;	
	}

span.motto.right {
	float: right;
	margin: 0 0 15px 15px;	
	}
	
div.pie {
	padding: 0 15px 15px 15px;
	margin-top: 16px;
	background-color: #303030;	
	}

	div.pie ul {
		float: left;
		width: 306px;
		margin-top: 0;
		}

	div.pie ul.last {
		float: right;
		}
		
		div.pie ul li {
			margin-top: 14px;
			}

.col.type1 .box ul.menu {
	float: right;
	width: 200px;
	padding: 9px 15px 15px 15px;
	margin-left: 15px;
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;
	background: #303030;
	}

	.col.type1 .box ul.menu li {
	background-position: -4px 7px;		
		}

		.col.type1 .box ul.menu li a {
			display: block;
			padding-top: 6px;
			color: #AEAEAD;
			}

		.col.type1 .box ul.menu li.current a {
			color: #685439;
			}

.col.type1 .box div.toggle.hidden {
	display: none;
	}


/* ---------------------------------------------------------------------------------------------------------------------------- FORMS */

input {
	border: 1px solid #2A2A2A;
	margin: 8px 0 0 0;		
	background: #323232;
	color: #656565;
	font-family: Cambria,'Times New Roman',Times,serif;		
	}
	
input.text {
	width: 300px;
	font-size: 14px;	
	}

input.error,
textarea.error {
	border-color: #8C1414;
	}

textarea {
	width: 300px;
	border: 1px solid #2A2A2A;
	margin: 8px 0 0 0;	
	background: #323232;	
	color: #656565;
	font-family: Cambria,'Times New Roman',Times,serif;	
	font-size: 14px;
	}

select {
	margin: 8px 0 0 0;
	border: 1px solid #2A2A2A;
	background: #323232;	
	color: #656565;
	font-family: Cambria,'Times New Roman',Times,serif;	
	font-size: 14px;	
	}

	select option {
		border-width: 0;
		}

label {
	margin: 18px 0 0 0;
	display: block;
	font-size: 14px;
	color: #685439;
	}


form h4 {
	font-family: Cambria, 'Times New Roman', Times, serif;
	font-size: 14px;
	color: #685439;	
	}

form div.hidden {
	display: none;
	}

form#contest-registration .col {
	float: left;
	width: 280px;
	}

form#contest-registration .col.last {
	float: right;
	}
	
form#contest-registration input.text {
	width: 640px;
	}

form#contest-registration .col input.text {
	width: 278px;
	}

form#contest-registration textarea {
	width: 640px;
	}

form#contest-registration .col textarea {
	width: 278px;
	height: 110px;
	}

form#contest-registration .col select {
	width: 280px;
	}

form#contest-registration .radio h4 {
	float: left;
	width: 500px;
	}

form#contest-registration .radio.short h4 {
	width: auto;
	}

form .radio input {
	float: right;
	margin: 32px 0 0 20px;	
	}

form .radio label {
	float: right;
	padding: 0 0 0 2px;
	margin: 30px 0 0 0;
	}

form#contest-registration .checkbox {
	padding: 20px 0 0 0;
	}

form#contest-registration .checkbox input {
	float: left;
	margin: 2px 0 0 0;
	}

form#contest-registration .checkbox label {
	float: left;
	padding: 0 0 0 5px;
	margin: 0;
	}

form#contest-registration input.submit {
	float: right;	
	margin: 40px 0 0 0;
	}

form#amazon-like .radio h4 {
	margin-top: 18px;
	}

form#amazon-like .radio input {
	float: left;
	margin: 7px 0 0 0;
	}

form#amazon-like .radio label {
	float: left;
	margin: 5px 15px 0 0;
	}

form#amazon-like input.submit,
form#confirm-account input.submit {
	margin: 18px 0 0 0;
	}

form#login-error input.submit,
form#sf_apply_reset_form input.submit {
	float: left;
	margin: 18px 0 0 0;
	}

form#login-error p,
form#sf_apply_reset_form p {
	float: left;
	padding: 0 0 0 20px;
	margin: 34px 0 0 0;
	} 

#header #log-pie {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 678px;
	padding: 0 0 0 222px;
	height: 32px;
	background: #363636;
	}

#header #log-pie.outside {
	top: 20px;
	right: -232px;
	padding: 0;
	width: 212px;
	height: 145px;
	padding: 10px 0 0 0;
	}

#header #log-pie form input {
	float: left;
	width: 170px;
	margin: 6px 0 0 0;
	}

#header #log-pie.outside form input {
	float: none;
	width: 176px;	
	margin: 6px 0 0 18px;
	}

#header #log-pie form label {
	float: left;
	padding: 0 10px 0 15px;
	margin: 6px 0 0 0;
	}

#header #log-pie.outside form label {
	display: block;
	float: none;
	padding: 8px 0 0 18px;
	margin: 0;
	}

#header #log-pie form input.submit {
	float: right;
	width: auto;
	border: none;
	margin: 0;
	background: #363636;
	}

#header #log-pie.outside form input.submit {
	float: none;
	padding: 0 0 0 8px;	
	margin: 10px 0 0 0;	
	}

#header #log-pie form a {
	float: right;
	width: 111px;
	height: 32px;
	border-left: 1px solid #2A2A2A;
	background: url(../images/bg-form-login-register.png);
	text-indent: -9999px;
	}

#header #log-pie.outside form a {
	padding: 0 8px 0 4px;
	margin: 10px 0 0 0;
	background-position: 4px 0;
	}

#header #log-pie p {
	float: left;
	padding: 0 0 0 400px;
	margin: 7px 0 0 0;
	}

#header #log-pie.outside p {
	float: none;
	padding: 20px 0 0 18px;
	margin: 0;
	font-family: 'PatronMedium', Cambria, 'Times New Roman', Times, serif;
	font-size: 24px;
	}

#header #log-pie p span {
	font-weight: 700;
	font-style: italic;
	color: #685439;
	}

#header #log-pie.outside p span {
	font-style: normal;
	}

#header #log-pie em#breaker {
	font-size: 0;
	line-height: 0;
	}

#header #log-pie.outside em#breaker {
	display: block;
	}

#header #log-pie a#logout {
	float: right;
	width: 77px;
	height: 32px;
	text-indent: -9999px;
	background: url(../images/bg-form-login-logout.png) no-repeat 0 0;
	}
	
#header #log-pie.outside a#logout {
	float: right;
	width: 106px;
	margin-top: 34px;
	background-position: 19px 0;
	}

#header #log-pie a#settings {
	display: none;
	float: right;
	width: 79px;
	height: 32px;
	text-indent: -9999px;
	background: url(../images/bg-form-login-settings.png) no-repeat 0 0;
	}

#header #log-pie.outside a#settings {
	width: 105px;
	border-left: 1px solid #2A2A2A;
	margin-top: 42px;	
	background-position: 16px 0;
	}
	


/* ---------------------------------------------------------------------------------------------------------------------------- COMMENTS */

.col.type1 .form-comment h3 {
	border-bottom-width: 0;
	border-top: 2px solid #303030;
	margin-top: 30px;
	color: #9A9999;
	}

.col.type1 .form-comment p.advice {
	color: #685439;
	}

.col.type1 .form-comment p.advice a {
	color: #685439;
	}

.col.type1 .form-comment p.advice a:hover {
	color: #937956;
	}

.col.type1 .form-comment span.help {
	font-size: 13px;
	font-style: italic;
	}

.col.type1 .form-comment label {
	margin: 10px 0 0 0;
	}

.col.type1 .form-comment input {
	margin: 4px 0 0 0;
	}
	
	.col.type1 .form-comment input.submit {
		float: right;
		border-top-width: 0;
		margin: 0;		
		}
	
.col.type1 .form-comment textarea {
	height: 190px;
	margin: 4px 0 0 0;
	}

.col.type1 .form-comment .details {
	float: left;
	width: 167px;
	padding: 0 15px 20px 0;
	margin: 0;
	}
	
.col.type1 .box div.details input {
	width: 165px;
	}

.col.type1 .form-comment .story {
	float: left;
	width: 460px;
	padding-bottom: 20px;
	line-height: 1.2;	
	}

.col.type1 .form-comment .story textarea {
	float: right;
	width: 458px;
	}
	


/* ---------------------------------------------------------------------------------------------------------------------------- COMMENTS */

.col.type1 .comments h3 {
	border-bottom-width: 0;
	margin-top: 30px;
	color: #9A9999;
	}


.col.type1 .comment {
	margin: 0 -15px 20px -15px;
	padding: 20px 15px;
	border-top: 2px solid #303030;
	}

.col.type1 .comment ul.details {
	width: 167px;
	}

.col.type1 .comment div.story {
	width: 460px;
	}

.col.type1 .comment ul.details li.first h4 {
	margin-top: 0;
	}
	


/* ---------------------------------------------------------------------------------------------------------------------------- MAP */

#map {
	position: relative;
	width: 900px;
	height: 414px;
	background: #000;
	}
	
	#map #inner-map {
		position: absolute;
		left: 0;
		top: 0;
		width: 940px;
		height: 414px;
		}
		
	#map .MSVE_navAction_background {
		background-color: #675339;
		}

.VE_Pushpin_Popup_Body span {
	display: block;
	padding: 5px 0 0 0;
	font-size: 10px;
	font-style: italic;
	}

.ero-body a.ugly-hack {
	position: absolute;
	left: 0;
	top: 0;
	display: block;	
	background: url(../images/blank.gif) repeat;
	}

#map-helper {
	position: absolute;
	z-index: 100;
	left: 70px;
	top: 450px;
	width: 276px;
	height: 116px;
	background: url(../images/map/bg-helper.png) no-repeat 0 0;
	}

form#add-marker {
	position: absolute;
	z-index: 1000;
	width: 360px;
	background: #353535;
	padding: 0 10px 10px 10px;
	border: 1px solid #2A2A2A;
	}

form#add-marker h3 {
	padding: 20px 10px 17px 10px;	
	border-bottom: 2px solid #2A2A2A;
	margin: 0 -10px;	
	font-size:18px;
	line-height: 1;
	color: #656565;	
	}

form#add-marker input#marker_title {
	width: 358px;	
	}
	
form#add-marker textarea {
	width: 358px;
	height: 70px;
	padding: 0;
	resize: none;
	}

form#add-marker div.file {
	position: relative;
	width: 360px;
	height: 20px;
	margin: 8px 0 0 0;
	}

form#add-marker div.file #marker_photo {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;	
	height: 20px;
	opacity: 0;	
	cursor: pointer;
	}

form#add-marker div.file img {
	position: absolute;
	z-index: 1;
	right: 0;
	}

form#add-marker div#source-message {
	position:absolute;
	left: 10px;
	top: 1px;
	width: 254px;
	z-index: 1;	
	text-decoration:underline;	
	overflow: hidden;
	}

form#add-marker input.submit {
	float: right;
	margin: 20px 0 0 0;
	}

form#add-marker span.reset {
	float: right;
	width: 83px;
	height: 30px;
	border: 1px solid #2A2A2A;
	margin: 20px 0 0 10px;
	background: url(../images/bg-form-add-marker-reset.png) no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
	}

.box form#add-marker {
	position: static;
	border: none;
	}

.box form#add-marker span.reset {
	display: none;
	}
		
/* ---------------------------------------------------------------------------------------------------------------------------- FOOTER */

#footer {
	padding: 40px 0 0 0;
	}

	#footer .col.type1 {
		background: #797979;
		margin: 33px 0 0 0;
		}	
	
	#footer .col.type2 {
		margin: 0;
		background: #D9D9D9;
		}	
	
		#footer .col p {
			color: #383838;
			font-size: 10px;
		}
		
			#footer .col p a {
				font-weight: 700;
				font-style: italic;
				text-decoration: none;
				color: #383838;			
				}
		
			#footer .col p a:hover {
				text-decoration: underline;
				}
		
		#footer .col.type1 p {
			float: left;
			margin-top: 14px;
			width: 580px;
			}
	
		#footer .col.type1 img {
			float: left;
			}
		
		#footer .col.type2 p {
			padding: 0 0 0 15px;
			}



/* ---------------------------------------------------------------------------------------------------------------------------- ERROR ON FORMS */

form ul.error_list {
	margin: 0;
	}
	
	form ul.error_list.top {
		margin: 18px 0 0 0;
		font-size: 15px;
		font-weight: 700;
		}

	form ul.error_list li {
		padding: 0;
		margin: 3px 0 0 0;		
		background-image: none;
		color: #923737;
		}



/* ---------------------------------------------------------------------------------------------------------------------------- BROWSER ALERT */

#page #browser-alert {
	position: absolute;
	z-index: 200;
	left: 0;
	top: 574px;
	width: 900px;
	height: 24px;
	padding: 6px 0 0 0;
	text-align: center;
	background-color: #292929;
	}



/* ---------------------------------------------------------------------------------------------------------------------------- TWITTER */

#page .twtr-timeline {
	padding-top: 7px;
	}

#page #twtr-widget-1 .twtr-timeline a.twtr-atreply:hover,
#page #twtr-widget-1 .twtr-timeline a.twtr-hyperlink:hover {
	color: #9A9999;
	}

#page #twtr-widget-1 .twtr-timeline a.twtr-timestamp:hover,
#page #twtr-widget-1 .twtr-timeline a.twtr-reply:hover {
	color: #FFF;
	}

#page .twtr-hd {
	display: none;
	}

#page .twtr-tweet-wrap {
	padding-left: 0;
	padding-right: 0;
	}

#page .twtr-widget .twtr-tweet {
	border-bottom-style: solid;
	border-bottom-color: #4B4B4B;
	}

#page .twtr-ft {
	display: none;
	}



/* ---------------------------------------------------------------------------------------------------------------------------- PAGINATION */

ul.pagination {
	line-height: 1;
	}

ul.pagination li {
	float: left;
	padding: 0;
	margin: 0 12px 0 0;
	background: #363636;
	}

ul.pagination li.current {
	padding: 7px 12px;
	color: #000;
	background: #4c4b4b;
	}

ul.pagination li.blank {
	padding: 7px 0;
	background: none;
	}

ul.pagination li a {
	float: left;
	padding: 7px 12px;
	}



/* ---------------------------------------------------------------------------------------------------------------------------- RATINGS */

div.rate-article {
	padding: 5px;
	border: 1px solid #292929;
	margin: 15px 0 0 0;
	background: #313131;
	}

div.rate-article ul.star-rating {
	float: right;
	}
	
div.rate-article div.rating-message {
	float: left;
	padding: 4px 0 0 0;
	}

/* ---------------------------------------------------------------------------------------------------------------------------- CLEARFIX */

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */