/*
Site: Radio Lounge
Design: Lyndia Haryanto for Schipul
Build: Brandi Lalanne for Schipul
URI: 
*/

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 


p{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#363636; margin: 0 0 10px 0;} 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #232117;
	background: url(../images/home/body-bg.jpg) top center repeat-x #271B0B;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; color: #6d6460; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; font-family:Arial, Helvetica, sans-serif;} 

h1 { font-size: 22px; color: #3E4F22; line-height:28px }
h2 { font-size: 16px; color: #884F31; }
h3 { font-size: 12px; color: #3E4F22; }


a:hover { color: #445F171; text-decoration: none; }
a{ color:#445F17; }

.clear {clear:both; margin:0; padding:0;}



/** STRUCTURE **/


#top-bar {width: 920px; height:90px; margin:0 auto;}

	a#logo {width: 690px; height: 53px; text-indent: -9999px; display:block; float:left; 
	background: url(/images/home/logo.jpg) top left no-repeat}
	
	
	.green-connect {width: 219px; height: 40px; background:url(../images/home/connect-bg.jpg) top left no-repeat; float:right;
	padding: 7px 10px 0 0}
	.green-connect img {margin-right: 5px}
	

#glow-bg {width: 100%; background:url(../images/home/glow.jpg) top center no-repeat;}

#main-wrap {width: 920px; margin: 0 auto;}

	.white-box {width: 914px; border: solid #FFF 3px; margin:0 auto}
	
	.white-content {width: 920px; background: #FFF; margin:12px auto;}
	
		#mic {background:url(../images/home/mic.jpg) top left no-repeat #FFF;}
		
		.increase-left {width: 530px; float:left; padding-left: 82px; margin-bottom:15px}
		
			.increase-left ul {list-style: none; margin:5px 0 0 5px; padding:0;}
			.increase-left ul li {background:url(../images/home/brown-square.jpg) left top no-repeat; padding-left: 22px; 
			display:block; color:#000; margin-bottom: 6px;}
			.increase-left ul li a {color:#000; text-decoration:none;}
		
			#title-increase {width: 396px; height: 87px; background: url(../images/home/title-increase.jpg) top left no-repeat; 
			text-indent: -9999px;}
			
			#call-box {width: 530px; height: 46px; background:url(../images/home/call-box.jpg) top left no-repeat}
			
				p#call-link {width: 140px; color:#FFF; text-decoration:none; padding: 10px 0 0 12px; float:left}
				p#call-link2 {width: 140px; color:#FFF; text-decoration:none; padding: 20px 0 0 12px; float:right}
		
		.increase-btns {width: 263px; float:right; margin:24px 20px 15px 0; display:inline}
						
						#btn-process {background:url(../images/home/btn-process.jpg) top left no-repeat;display:block; width:263px;
						height: 47px; text-indent: -9999px;  margin-bottom: 8px;}
						#btn-creative {background:url(../images/home/btn-creative.jpg) top left no-repeat;display:block; width:263px;
						height: 47px; text-indent: -9999px;  margin-bottom: 8px;}
						#btn-buying {background:url(../images/home/btn-buying.jpg) top left no-repeat;display:block; width:263px;
						height: 47px; text-indent: -9999px;  margin-bottom: 8px;}
						#btn-tracking {background:url(../images/home/btn-tracking.jpg) top left no-repeat;display:block; width:263px;
						height: 47px; text-indent: -9999px;  margin-bottom: 8px;}
						
						#btn-number {background:url(../images/number.jpg) top left no-repeat;display:block; width:263px;
						height: 71px; text-indent: -9999px;  margin-bottom: 8px;}
		
		#brown-titles {height: 35px; width: 920px; clear:both; margin: 0 0 22px 0; background: #494032}
		
						h1#title-mem {width: 203px; height: 35px; text-indent: -9999px; 
						background: url(../images/home/title-members.jpg) top left no-repeat; float:left;}
						
						h1#title-articles {width: 222px; height: 35px; text-indent: -9999px; 
						background: url(../images/home/title-articles.jpg) top left no-repeat; float:left;}
						
						h1#title-news {width: 214px; height: 35px; text-indent: -9999px; 
						background: url(../images/home/title-news.jpg) top left no-repeat; float:left;}
						
						h1#title-ads {width: 278px; height: 35px; text-indent: -9999px; 
						background: url(../images/home/title-ads.jpg) top left no-repeat; float:left;}
		
		#column-mem {width: 153px; float:left; padding: 0 22px}
		
		#column-articles {width: 228px; float:left;}
		
			#column-articles h3 {font-size: 12px; color:#67734D; margin-bottom:2px}
			#column-articles a {font-weight:normal !important; color:#000; text-decoration:none}
			#column-articles a:hover, ul.releases-top li a:hover {color:#A38D3A}
			#column-articles strong {font-weight:normal !important}
			ul.articles-top li {background:url(../images/home/brown-square.jpg) top left no-repeat !important; margin-bottom:11px !important;}
		
		#column-news {width: 207px; float:left; padding-left: 18px;}
		
	
			ul.releases-top li a {background:url(../images/home/brown-square.jpg) top left no-repeat !important; text-decoration:none; color:#000;display:block;}
			ul.releases-top li {margin-bottom: 11px !important; display:block;}
		
		#column-ad {width: 231px; float:right; padding-right: 18px;}
	



	#footer-wrap {height: 64px; width: 918px; clear:both; margin: 15px 0 0 0; background: #494031; border:1px solid #FFF; clear:both; vertical-align:top}
		
		#footer {width: 600px; float:left;}


#twitter-box {
background: url(../images/home/twitter-bg.png) top center no-repeat;
display:block;
height:208px;
left:673px;
padding:0;
position:relative;
top:-224px;
width:231px;
}

#tweets ul, #tweets p { list-style-type:none; margin:0; padding:50px 14px 0 14px; color:#FFF}
#tweets ul li {color:#FFF; font-weight:bold; font-size:11px;}
#tweets ul li a {color:#FFF; text-decoration:underline}
#twitter-box a {text-decoration:none; color:#FFF}
#twitter-box a:hover {color:#000}
.twitterTime {font-style:italic;font-weight:normal; font-size:10px}

#footer {padding:17px 2px 1px 14px; color:#FFF}
#footer a {color:#FFF}





/*Stories Module*/
	

	
	.stories {display: block; height: 243px; width: 914px; position: relative;}


		.story-item { overflow: hidden !important; float:right; background: transparent url(/images/home/rotator-shadow.png)}
		.story-item img { margin: 0; padding: 0; }
		div.story-content {margin: -250px 0 0 0; z-index: 1500; height: 243px }
		
		.story-content h1 {color:#FFF; font-family: "Arial Narrow" Arial, Helvetica, sans-serif; font-size:26px; margin:41px 0 0 0;
		padding:0 0 0 315px; width:450px; }	
		.story-content p {color:#FFF; font-family: "Arial Narrow" Arial, Helvetica, sans-serif; font-size:22px; margin:41px 0 0 0;
		padding:0 0 0 315px; width:450px; }
		.story-content a {color: #FFF; text-decoration: underline}
		.story-content a:hover {color:#ccc; text-decoration:none; color:#000}
		
		.story-item .image-header {display: block; width:914px; height: 243px; overflow: hidden !important; z-index: 10;}
		.story-item img { border:0px; z-index: 999; }
		
		#story-link {margin: 12px 0 0 0!important}

	
		#nav-stories {display: block; height: 20px; padding: 0 10px 0 0; text-align:left; float:left;
		position:relative; z-index:99; margin: -235px 0 0 8px
		}
			#nav-stories a { display: block; width: 20px; height:20px; border: 1px solid #CCC; float: left; margin-right: 5px;
			text-align: center; text-decoration: none; color:#CCC; font-weight:bold; font-size:12px;
			line-height:20px
			}
			#nav-stories a.activeSlide { border: 1px solid #FFF;  width: 20px; height:20px; 
			color: #FFF;}	
			
/**Template**/

.white-content-template {width: 920px; background: #FFF url(../images/home/template-bg.jpg) top right repeat-y; margin:12px auto;}

#bodycontent {width: 591px; float:left; padding: 22px 0 0 22px; margin-bottom:15px}
		
.increase-btns-template {width: 263px; float:right; margin:24px 20px 15px 0; display:inline; background:#F5E8C1}


/** Tendenci **/
.titles {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #2E628E}
.subtitles {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}
.currency {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #2E628E}
.copyright {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #99FFFF}
.body_copy_alerts { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0000}
.body_copy_invert { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}

	 

.color1 {
	background-color: #CC6600;
}
.color2 {
	background-color: #666666;
}

td { 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666
}

input{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}


select{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

#contact2
{
	margin-top: 10px;
	width: 130px;
	margin-left: 18px;
	float: none;
	margin-right: 0px;
	margin-bottom: 5px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	}
#link2
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	}
#headline
{
	width: 260px;
	margin-left: 40px;
	margin-top: 85px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	}