@import "reset.css";
body {
	background-image:url('/popfolio/images/backrepeat.jpg');
	background-position:top center;
	font-size:13px;
	font-family:arial,helvetica,sans-serif;
}

a{
	color:#000000;
	text-decoration:none;
}

div#header{
	width:854px;
	background-repeat:no-repeat;
	background-color:transparant;
	padding-left:115px;
	padding-top:0px;
	height:100%;
}


div#popfolioaward{
	position:relative;
	top:200px;
	left:710px;
	height:0px;
        weight:0px;
	z-index:10;
}

div#logo_fnac{
	position:relative;
	top:-16px;
	left:510px;
	width:155px;
	height:64px;
	z-index:10;
        display:none;
}

div#logo{
	position:relative;
	top:-20px;
	left:-15px;
	z-index:0;
	width:132px;
}

div#top_menu{
	background-repeat:no-repeat;
	background-color:transparant;
	position:relative;
	top:10px;
	left:400px;
	width:270px;
	height:20px;
        z-index:1;
}

div#top_menu ul{
	list-style-type:none;
}

div#top_menu ul li{
	float:left;
	position:relative;
	margin-left:7px;
}

div#top_menu ul li.heart{
	background-image:url('/popfolio/images/smallgeel.png');
	background-repeat:no-repeat;
	padding-left:18px;
}

div#menu{
	background-color:#FFF200;
        font-size:20px;
        height:33px;
        left:-15px;
        padding-left:0;
        position:relative;
        top:-22px;
        width:715px;
}

div#menu ul{
	list-style-type:none;
}

div#menu ul li{
	float:left;
	background-color:#FFF200;
	position:relative;
	color:#ffffff;
	display:block;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	height:29px;
	text-align:center;
	width:auto;
}

div#menu ul li.current{
	float:left;
	position:relative;
	display:block;
	background-color:#333333;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	height:29px;
	border-left:2px solid #333333;
	text-align:center;
	width:auto;
}

div#menu ul li a{
	color:#666666;
        font-size:14px;
        font-weight:bold;
}

div#hearts{
	position:relative;
	background-image:url('/popfolio/images/lijn.png');
	display:block;
	width:692px;
	height:31px;
	left:-22px;
}


div#center{
	width:915px;
	background-image:url('/popfolio/images/fullbackrepeat_white.jpg');
	background-position:0px 0px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
}



div#content{
	width: 650px;
	margin-left:20px;
	margin-right:70px;
                     line-height   : 130%;
}


div.title{
	background-image:url('/popfolio/images/plug.gif');
	background-position:100% 50%;
	background-repeat:no-repeat;
	width:660px;
	height:30px;
	margin-bottom:10px;
	margin-top:10px;
}

div.title_text{
}

div.title_text_custom{
	display:block;
	background-color:#ffffff;
	width:150px;
	height:20px;
	color:#002F3F;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	padding-right:10px;
}

p.column{
	position:relative;
	display:block;
	width:165px;
	margin-left:20px;
	padding-left:15px;
	padding-right:10px;
	margin-bottom:15px;
	float:left;
	font-size:11px;
}

div.clear{
	clear:both;
}

div#searchbox{
	position:relative;
	left:-6px;
	background-image:url('/popfolio/images/searchbox.jpg');
	background-repeat:no-repeat;
	width:530px;
	height:121px;
	padding-left:130px;
	padding-top:10px;
	margin:0px;
}

div#searchboxsmall{
	position:relative;
	left:-6px;
	background-image:url('/popfolio/images/searchbox_small.gif');
	background-repeat:no-repeat;
	width:540px;
	height:121px;
	padding-left:130px;
	padding-top:10px;
	margin:0px;
}

div#loginbox{
        position:relative;
        left:-6px;
        background-repeat:no-repeat;
        width:530px;
        height:121px;
        padding-left:130px;
        padding-top:10px;
        margin:0px;
}


div.select{
	width:250px;
	height:22px;
	padding-top:10px;
	float:left;
	clear:left;
	position:relative;
	top:0px;
	left:0px;
	line-height:10px;
}

div.submit{
	position:relative;
	width:161px;
	height:31px;
	right:160px;
	top:29px;
	float:right;
}

div.sponsors{
        position:relative;
	width:129px;
	height:102px;
	right:-150px;
	top:-2px;
	float:right;
}

select.searchbox{
	margin-top:10px;
	width:200px;
}

p.small_column{
	float:left;
	width:90px;
	padding-right:2px;
}

img.profile_pic{
	border:2px solid #002b3d;
	margin-bottom:5px;
	float:left;
}

img.icon{
	float:left;
}

span.profile_name{
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	height:auto;
	display:block;
        line-height:110%;
}

span.function{
	font-family:Times New Roman, Arial;
	font-size:11px;
}

div#footer{
	background-position:center bottom;
	background-repeat:repeat-x;
	position:relative;
	display:block;
	width:684px;
	left:-34px;
	padding-top:10px;
	padding-left:30px;
	padding-bottom:20px;
	bottom:0px;
}

div#bottom_footer{
	height:32px;
	width:614px;
	overflow:hidden;
	padding-left:40px;
	padding-top:10px;
	color:#ffffff;
        display:none;
}

/* profile properties  */
div#band_fiche{
	width:300px;
	float:left;
}

div#band_name{
	background-color:#DDDDDD;
       color:#444444;
       font-size:14px;
       font-weight:bold;
       padding:4px;
}

div#band_name_big{
	background-color:#DDDDDD;
       color:#444444;
       font-size:14px;
       font-weight:bold;
       padding:4px;
}

div#matchesnew{
        float:left;
        width:95px;
        text-align:center;
        padding: 10px;
}

div#matchesnew_big{
        float:left;
        width:60px;
        text-align:center;
        padding: 10px;
        font-size:10px;
}

div#musicplayer{
	float:right;
	width:336px;
}

div#band_image{
	padding-top:10px;
	float:left;
}

div#info_text{
       font-size:8px;
       color:#FF0000;
       font-weight:bold;
       padding-left:5px;
}

div#info_text_button{
       font-size:12px;
       color:#FF0000;
       font-weight:bold;
       padding-left:5px;
       text-decoration:underline;
}

div#band_text{
	margin-top:10px;
	padding:3px;
	width:130px;
	padding-top:10px;
	float:right;
	font-size:11px;
	background: #EEEEEE;
	display:block;
	height:164px;
}

div.title_popfolio{
	background-image:url('/popfolio/images/plug.gif');
	background-position:100% 60%;
	background-repeat:no-repeat;
	width:520px;
	height:20px;
	padding-top:10px;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
}

div.button{
	padding-top:18px;
	height:7px;
	width:auto;
	float:right;
}
/*matches */
div#matches{
	width:300px;
	float:left;
       background:#EEEEEE;
}

div#matches_big{
	width:640px;
	float:left;
       margin-top:5px;
}



div#title_matches{
	background-image:url('/popfolio/images/plug.gif');
	background-position:100% 60%;
	background-repeat:no-repeat;
	width:340px;
	height:20px;
	padding-top:10px;
	margin-bottom:10px;
	margin-top:10px;
	float:left;
}

div.matches_block{
	float:left;
	padding-left:3px;
}

div.matches_profiles{
	clear:left;
	background-color:#CCCCCC;
	height:140px;
	width:81px;
	display:block;
	margin-top:2px;
}

img.matches_image{
	margin-top:10px;
	margin-left:13px;
	clear:left;
	border:1px solid #ffffff;
}

/* news */
div#news{
	width:310px;
	float:right;
}

div#title_news{
	background-image:url('/popfolio/images/plug.gif');
	background-position:100% 60%;
	background-repeat:no-repeat;
	width:218px;
	height:20px;
	padding-top:10px;
	margin-bottom:5px;
	margin-top:10px;
	float:left;
}

div#news_blocks{
	margin-left:3px;
	padding-top:3px;
	clear:both;
}

p.news_block{
	display:block;
	padding:4px 5px 5px 5px;
	margin-top:1px;
	background-color:#B3B3B3;
	color:#002F3F;
	font-weight:bold;
	height:14px;
}

span.read_more{
/*	padding-left:120px;	*/
  float: right;
}

span.read_more a{
	color:#ffffff;
	font-size:10px;
}

div#title_laatste_vrienden{
	background-image:url('/popfolio/images/plug.gif');
	background-position:100% 60%;
	background-repeat:no-repeat;
	width:390px;
	height:20px;
	padding-top:10px;
	margin-bottom:5px;
	margin-top:10px;
	float:left;
}

div#title_commentaren{
	background-image:url('/popfolio/images/plug.gif');
	background-position:100% 60%;
	background-repeat:no-repeat;
	width:495px;
	height:20px;
	padding-top:10px;
	margin-bottom:5px;
	margin-top:10px;
	float:left;
}

div#commentaar_block{
	padding:10px 0px 10px 0px;
}

div.commentaar_block_left{
	width:80px;
	float:left;
}

div.commentaar_block_right{
	width:560px;
	float:right;
}

p.commentaar_name{
        background-color:#FFF200;
        color:#444444;
	min-height:23px;
	display:block;
	padding:3px;
	margin-bottom:2px;
}

div.commentaar_title{
	color:#002F3F;
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:2px solid #002F3F;
}

div.commentaar{
	padding-top:10px;
	font-size:12px;
}

span.delete_comment{
	background-position:0 50%;
	background-repeat:no-repeat;
	margin-left:390px;
	padding-left:10px;
	font-size:13px;
}

span.approve_comment{
	background-position:0 50%;
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:10px;
	font-size:13px;
}


span.commentaar_date{
	color:#333333;
	display:block;
	width:560px;
	padding:0px 3px 3px 0px;
}

span.commentaar_news{
	color:#333333;
	display:block;
	width:640px;
	padding:0px 3px 3px 0px;
        background-color:#eeeeee;
}

/*other pages */
div#form_area{
	width:550px;
	min-height:400px;
	padding-left:70px;
	padding:0px 30px 60px 60px;
	line-height:16px;
	color:#002F3F;
}

/*styling form*/
.contactform {
	margin:Opt 0pt 0pt;
	padding:10px 10px 0pt;
	width:500px;
}

.contactform fieldset legend {
	display:block;
	width:500px;
	background-color:#C52206;
	color:#ffffff;
	font-weight:bold;
	padding:8px;
	margin:0px 0px 10px 0px;
	font-size:18px;
}

.contactform fieldset {
	margin:0pt 0pt 20px;
	padding:20px 0pt 0pt !important;
}

.contactform p{
	font-size:120%;
	line-height:1.5em;
	margin:0pt 0pt 1em;
}

.contactform p.right{
	text-align:right;
	padding:0px 10px 0px 0px;
}

.contactform input.field {
	border:1px solid #C8C8C8;
	font-family:verdana,arial,sans-serif;
	font-size:110%;
	padding:2px;
	width:275px;
}

.contactform label.left {
	float:left;
	font-size:110%;
	margin:0pt 0pt 0pt 10px;
	padding:2px;
	width:200px;
}

table.newsbox {
        width:630px;
	border:0px solid #ccc;
        vertical-align:top;
	padding:6px;
}

div.newsbox {
	width:340px;
	height:284px;
	border:0px solid #ccc;
	padding:6px;
        overflow: auto;
        overflow-y: scroll; 
        overflow-x: hidden;
}

div.postwall {
        width:630px;
	height:200px;
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:6px;
        overflow: auto;
        overflow-y: scroll; 
        overflow-x: hidden;
}

div.finale {
        width:630px;
	height:50px;
	border:1px solid #ccc;
	background:#e61d01;
	padding:6px;
        text-align:center;
        font-size:12px;
	font-weight:bold;
}