/* @group • Essentials */

/* Brand Repubic CSS Framework
/* Template:CSS_FRAMEWORK_BASE*/
/* Author:Jurre-Jan Smit*/
/* Version:0.6*/
/* Date:29 - 08 - 08*/
/*--------------------*/   
/* Preferable editor:CSSEdit */

	/* @group Library */	
	@import "lib/reset.css";
	@import "lib/typography.css";
	@import "lib/forms.css";
	/* @end */
	
/* @end */

@font-face {
			font-family: 'Mido Medium';
			src: url('Mido.eot');
			src: local('Mido Medium'), local('Mido-Medium'), url('Mido.otf') format('opentype');
}

body,html{
			margin : 0;
			padding : 0;
			font-family:Mido Medium;
			}
#container{
			margin: 20px;
		
			}
#controls{
			width : 800px;
			list-style:none ;
			font-size:12px;
			line-height:12px;
			height : 20px;
			font-family:helvetica, arial;
			margin:0px 0 0 6px;
			padding:0px;
			text-transform:uppercase;
			}

#controls li{
				float : left ;
				margin-right : 6px;
			}

#controls li a{
			font-weight : bold ;
			color : #666;
			padding : 4px 4px 3px 4px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			-border-radius:2px;
			}

#controls li a.active{
			color : #fff;
			background : #666;
			
			}

#controls li a:hover{
			font-weight : bold ;
			color : #fff;
			background : #333;
			text-decoration:none ;
	
			
			}
#ticker{
			list-style:none ;
			height:290px;
			width : 100%;
			margin : 0 0 20px 0;
			padding:0 0 20px 0;
			overflow:hidden;
			position : relative;
			border-bottom:1px dotted #ccc;
			}

#mask{		
			position : absolute ;
			z-index:100;			
			bottom : 0px;		
			width : 100%;
			height:240px;
			background: rgba(255,255,255, 0.5) url(../img/grad.png) left bottom repeat-x;
			}


#ticker .item{
			height : 60px;
			margin : 0 0 0 0;
			padding : 0px;
			white-space:nowrap;
			position:relative ;
			}

#ticker .item a{
			position : absolute ;
			display : block ;
			background-repeat : no-repeat ;
			background-position : 10px 10px ;
			
			font-size : 18px;
			height : 32px;
			left : 0;
			right : 0;
			text-shadow: rgba(0,0,0,0.3) 1px 1px;
			
			bottom : 0px;
			padding : 10px 10px 10px 52px;
			margin : 0 0;	
			color : #333;
			text-decoration:none ;
			}

#ticker div a:hover{
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			-border-radius:10px;
			background-color : rgba(0,0,0,0.1)
			}

#ticker div a span{
			display : block ;
			font-size : 10px;
			height : 10px;
			line-height:10px;
			margin : 0 0 0px;
			color : #666;
			text-shadow:none ;
			}
		

#ticker a.flickr{
			background-image:url(../img/flickr_32.png);
			color:#FF0084
			}

#ticker a.foursquare{
			background-image:url(../img/foursquare_32.png);
			color:#4DB8E0
			}

#ticker a.twitter{
			background-image:url(../img/twitter_32.png);
			color:#2277BB;
			}

#ticker a.lastfm{
			background-image:url(../img/lastfm_32.png);
			color:#D51007;
			}

#ticker a.hypem{
			background-image:url(../img/hypem_32.png);
			color:#85C441;
			}

#ticker a.hyves{
			background-image:url(../img/hyves_32.png);
			}

#footer{
			color : #999;
			font-family:helvetica, arial;
			padding-left: 10px;
			font-size:10px;
			width : 525px
			}

#footer a{
			color : #666;
			}
			#mix_pr{
						margin: 30px;
						width: 563px;
						border-bottom: 1px solid #ccc;
						position: relative;
						}

#mix_pr #fairplay{
			z-index: 100;
			position: absolute;
			left: 0px;
			bottom: 10px;
			right: 0;;
			}						
						h2{
							border-bottom: 1px solid #ccc;;
						}
#mix_pr .hide{
			height: 1px ;
			overflow: hidden;
			text-indent: -999px;
			
			}