@charset "UTF-8";
/* CSS Document */

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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, caption, tbody, tfoot, thead /*-- table, tr, th, td --*/ {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	vertical-align: baseline;
	list-style: none;
}

body {
	background: url(../images/backgrounds/landp_back.jpg) #000000 top no-repeat;
	text-align: center;
	padding-bottom: 20px;
	font: 13px/1.3em trebuchet, trebuchet ms, "trebuchet ms", tahoma, "Century Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 20px;
	color: #fff;
}

#header_blue{ 
	background: none; 
	width: 900px;
	margin: 0 auto;
}

#header_blue a { color: #fff; }
#header_blue a:hover { color: #fb0707; }

#header_banner .advert {
	position: absolute;
	top: 0px;
	left: 212px;
	border-right: 2px solid #fff;
}

#header_banner h2 a{
	position: absolute;
	top: 0px;
	left: -48px;
	height: 92px;
	width: 261px;
	background: url(../images/elements/logos/LandP.jpg) no-repeat 0 0;
}

a { outline: none; }

a, a:link{
	color: #990000;
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: underline;
	color: #000000;
}

a:visited{
	color: #990000;
	text-decoration: none;
}

:focus { -moz-outline-style: none; }

#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

/* COLUMN STRUCTURE
---------------------------------------*/
#content { width: 940px;position: relative;clear: both; }
#left_column{ width: 460px; height: auto; float: left; }
#right_column{ width: 460px; height: auto; float: right;}

#footer { 
	text-align: center;
	height: 40px;
	width: 900px;
	margin: 25px 0 0 0;
	color: #777;
	border-top: 1px solid #242424;
	padding: 20px 0;
	float: left;
}

	#footer strong { color: #fff; }
	
/* HEADER
---------------------------------------*/
	
/* @group LOGIN AREA */

form#login_form { 
	width: 185px;
	background-color: #109402;
}

#login_area{
	z-index: 100;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 205px;
	height: auto;
}

#login_text { 
	width: 193px;
	height: auto;
	line-height: 15px;
	font-size: 10px;
	padding: 3px 6px 0 6px;
	background-color: #109402;
}

	#login_text a, #login_text a:visited { color: #FFFF66; }

/* @end */
	
#report_beta {
	width: 30px;
	height: 166px;
	position: absolute;
	top: 0;
	left: -40px;
}

#vertical_slide {
	border-right: solid 1px #242424;
	border-left: solid 1px #242424;
	border-bottom: solid 1px #242424; 
	padding: 20px;
	height: 400px;
	background-color: #000;
	clear: both;
	display: none;
}

.betabox {
	border: 5px solid #333;
	margin: 5px 0 10px 0;
	padding: 5px;
	background-color: #111;
	color: #fff;
}
	
/* MAIN CONTENT
---------------------------------------*/
#content{ position: relative; }


/* SPECIFIC HEADERS */

h2#leftside_title, h2#rightside_title {
	display: block;
	height: 60px;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	font-family: "arial black", arial black, arial;
}

h2#rightside_title { text-align: left; }

/* HEADERS */

.artist_block {
	width: 185px;
	height: 190px;
	padding: 20px 20px 0 20px;
	margin-bottom: 10px;
	background: url(../images/loudproud/backgrounds/artist_block.gif) no-repeat top left;
	float: left;
}

	.artist_block a { color: #fff; }
	.artist_block a:hover { color: #000; }
	
	.artist_block img { border-bottom: 3px solid #000; margin: 0 0 5px 0; width: 185px; height: 87px; }
	
a.visit_site_btn {
	display: block;
	width: 118px;
	height: 28px;
	background: url(../images/loudproud/elements/buttons/btn_visit_site.gif) no-repeat top left;
	text-indent: -9999px;
	outline: none;
	margin: 5px 0 0 0;
}

a.visit_site_btn:hover {
	background: url(../images/loudproud/elements/buttons/btn_visit_site.gif) no-repeat top right;
}
	
	
.album_list {
	background-color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	height: 100%;
	width: auto;
	font-size: 14px;
}
	
	.album_list a img { 
		margin: 0 10px 0 0;
		border: 5px solid #242424;
		float: left;
	}
		
a.get_album_info_btn {
	display: block;
	width: 118px;
	height: 28px;
	background: url(../images/loudproud/elements/buttons/btn_get_album_info.gif) no-repeat top left;
	text-indent: -9999px;
	outline: none;
	margin: 5px 0 0 110px;
}

a.get_album_info_btn:hover {
	background: url(../images/loudproud/elements/buttons/btn_get_album_info.gif) no-repeat top right;
}

.news_area {
	background: url(../images/loudproud/backgrounds/news_back.gif) repeat-y top left;
	height: auto;
	color: #333;
	margin-bottom: 20px;
	float: left;
}

	.news_header {
		height: 40px;
		background: url(../images/loudproud/backgrounds/news_header.gif) no-repeat top left;
		padding: 15px 0 5px 20px;
		line-height: 30px;
		font-family: "arial black", arial black, arial;
		font-size: 20px;
		color: #fff;
	}
	
	.news_listing {
		float: left;
		width: 420px;
		margin: 0 20px 10px 20px;
		border-bottom: 1px solid #afa78c;
	}
	
		.news_listing strong { color: #000; }
		
		.news_listing img {
			float: left;
			margin: 0 10px 5px 0;
			border: 3px solid #333;
		}
		
		.news_listing h4 { font-size: 14px; }
		
	.news_footer {
		width: auto;
		height: 45px;
		padding: 5px 20px 0 20px;
		background: url(../images/loudproud/backgrounds/news_footer.gif) no-repeat top left;
		clear: both;
	}
	
.twitter {
	width: 460px;
	height: auto;
	clear: both;
	background: url(../images/loudproud/backgrounds/twitter_footer.gif) #500000 no-repeat bottom left;
}

.twitter_footer {
	width: 440px;
	height: auto;
	padding: 10px;
	background: url(../images/loudproud/backgrounds/twitter_header.gif) no-repeat top left;
}
	

/* ALL PAGE ELEMENTS
---------------------------------------*/

/* @group MISCELLANEOUS */

.allcaps { text-transform: uppercase; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
.clear{ clear: both; }
.clear_nomargin { clear: both;margin: -10px; }
.noPadding{ padding: 0 !important; }
.withPadding{ padding: 10px; }
.paddingTop{ padding-top: 10px !important; }
.paddingBottom{ padding-bottom: 10px !important; }
.paddingBottom15px { padding-bottom: 15px; }
.paddingBottom20px { padding-bottom: 20px; }
.paddingBottom5px { padding-bottom: 5px; }
.paddingTopBottom{ padding-top: 10px !important; padding-bottom: 10px !important; }
.paddingLeftRight{ padding-left: 10px !important; padding-right: 10px !important; }
.paddingTopRightLeft { padding: 10px 10px 0 10px; }
.paddingTop5px { padding-top: 5px; }
.paddingTop15px { padding-top: 15px; }
.paddingTop20px { padding-top: 20px; }
.odd_padding { padding: 10px 10px 5px 10px; }
.noShow{ display: none; }
.nomargin { margin: 0px; }
.marginTop { margin-top: 10px; }
.marginTop15px { margin-top: 15px; }
.marginTop5px { margin-top: 5px; }
.marginTop20px { margin-top: 20px; }
.marginBottom { margin-bottom: 10px; }
.marginBottom20px { margin-bottom: 20px; }
.marginBottom15px { margin-bottom: 15px; }
.marginBottom5px { margin-bottom: 5px; }
.marginRight { margin-right: 10px; }
.marginLeft { margin-left: 10px; }
.marginHeavy { display: block; margin: 10px 0 20px 0; }
.marginThick { display: block; margin: 30px 0 20px 0; }
.toggler{ cursor: pointer; }
.align_center { text-align: center; }
.overflow_hidden { overflow: hidden; }
.position_relative { position: relative; }
.position_absolute { position: absolute; }
.separator { height: 1px; margin: 15px 0 15px 0; clear: both; width: 100%; }
/* @end */

/* @group TEXT */
:focus { -moz-outline-style: none; }


/* @group STRUCTURE */

h1 { 
  font-size: 24pxem; 
  line-height: 36px;
  margin-bottom: 18px; 
  font-weight: normal;
}

h2 { 
  font-size: 20px; 
  line-height: 18px; 
  margin-bottom: 6px;
  font-weight: normal;
}
	
h3 { 
  font-size: 18px; 
  line-height: normal;
  font-weight: normal; 
}

h4 { font-size: 16px; }
h1 span, h2 span, h3 span { font-weight: bold; text-transform: uppercase; }
h1, h2, h3 {  }
p { margin-bottom: 10px; line-height: 18px; }

.smaller { font-size: 90%; line-height: 15px; }
.small{ font-size: 95%; }
.large { font-size: 110%; }
.larger { font-size: 125%; }
.largest { font-size: 150%; }
.large2ems { font-size: 2.2em; }
.large1_3ems { font-size: 1.3em; }
.big { font-size: 135%; }
.bigger { font-size: 145%; }
.biggest { font-size: 175%; }
.font_normal { font-size: 12px; }
.font_small { font-size: 11px; }
.module-content strong { color: #fff; }
.module-content p { color: #999; }
.smalltext { font-size: 11px; }
.smalltext1 { font-size: 12px; }
.withBorder { border: 1px solid #242424; }
.borderTop { border-top: 1px solid #000; } 
.borderTopGray { border-top: 1px solid #242424; }
.borderBottom { border-bottom: 1px solid #000; }
.borderBottomWhite { border-bottom: 1px solid #fff; }
.borderBottomGrey { border-bottom: 1px solid #242424; }
.borderBottomBlue { border-bottom: 1px solid #0a3b77; }
.border5px_blk { border: 5px solid #000; }
.noBorder { border: none; }
.block { display: block; }
.boldfont { font-weight: bold; }
.meta { clear: both;padding-top: 5px;margin-top: 10px; }
.text_spacing { letter-spacing: 5px; }

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}



/* COLOR OVERRIDES
---------------------------------------*/
.red{ color: #cc0000; }

/* @end */