/*
-----------------------------------------------
pure-communication.be
Author:   Jim Faes
Version:  29/04/2008
----------------------------------------------- */


/*
------------------------------------------------

    CSS MENU :
    ----------
	RESET
	GENERIC
	STRUCTURE
	HEADER
	MAIN NAVIGATION
	CONTENT
		


/* = 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, em, font, img, 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: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*clear*/
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear{
	clear:both;
}

/* = GENERIC
----------------------------------------------- */

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body, html{		
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

body{		
	background:#000000 url(../images/bg2.jpg) no-repeat top center;
	font-size:62.5%;
}

h1{
	font-size:18px;
	font-family:Lucida sans, Verdana, Arial;
	color:#FFFFFF;
}

h1.title{
	width:162px;
	height:36px;
	background:no-repeat top left url(../images/bg-title.gif);
	
	font-size:19px;
	letter-spacing:-3px;
	padding-top:6px;
	padding-left:10px;
}

h2{
	font-size:14px;
	font-family:Lucida sans, Verdana, Arial;
	color:#B14638;
}

h2.title-pink-small{
	width:108px;
	height:23px;
	background:no-repeat top left url(../images/bg-title-pink-small.gif);
	
	font-size:14px;
	color:#000000;
	padding-top:2px;
	padding-left:4px;
	
	margin-bottom:5px;
}

.title-pink-medium{
	width:406px;
	height:23px;	
	background:no-repeat top left url(../images/bg-title-pink-medium.gif);
	
	font-size:14px;
	color:#000000;
	padding-top:2px;
	padding-left:4px;
	
	margin-bottom:5px;
}

.title-pink-medium a{	
	font-size:11px;
	color:#000000;	
}

h2.title-pink-large{
	width:624px;
	height:23px;
	background:no-repeat top left url(../images/bg-title-pink-large.gif);
	
	font-size:14px;
	color:#000000;
	padding-top:2px;
	padding-left:10px;
	
	margin-bottom:5px;
}

h2.title-pink-product{
	width:632px;
	height:23px;
	background:no-repeat top left url(../images/bg-title-pink-product.gif);
	
	float:left;
	
	font-size:14px;
	color:#000000;
	padding-top:2px;
	padding-left:10px;
	
	margin-bottom:5px;
}

h2.title-black-small{
	width:74px;
	height:23px;
	background:no-repeat top left url(../images/bg-title-black-small.gif);
	
	font-size:14px;
	color:#FFF;
	padding-top:2px;
	padding-left:4px;
	
	margin-bottom:5px;
}





.date{
	display:block;
	font-weight:bold;
}

a{
	text-decoration:underline;
	color:#B14638;
}
a:hover{
	color:#2E2E2E;
}

.button, .form-submit{
	width:100px;
	height:15px;
	line-height:13px;
	display:block;
	
	border:0px;
	
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	text-align:center;	
	
	background:no-repeat top left url(../images/button.gif);
	background-color:#990000;
}

.button:hover, .form-submit:hover{
	background:no-repeat top left url(../images/button-over.gif);
	background-color:#333333;
	color:#FFFFFF;
}


/* = REGISTSER*/
#user-register .form-submit, #user-pass .form-submit{
	width:250px;
	background:no-repeat top left url(../images/button-large.gif);	
}
#user-register .form-submit:hover, #user-pass .form-submit:hover{
	width:250px;
	background:no-repeat top left url(../images/button-large-over.gif);	
}



/* SPIFFY CORNERS */
.tooltip{
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 0px;
  border: 0px;
  width:150px;
  color:#FFFFFF;  
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #870000;
  border-right:1px solid #870000;
  background:#9f0000}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6f0000;
  border-right:1px solid #6f0000;
  background:#a30000}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a30000;
  border-right:1px solid #a30000;}
.spiffy4{
  border-left:1px solid #870000;
  border-right:1px solid #870000}
.spiffy5{
  border-left:1px solid #9f0000;
  border-right:1px solid #9f0000}
.spiffyfg{
  background:no-repeat 3px 2px url(../images/tooltip-arrow.gif);
  background-color:#b20000;
  text-indent:14px;    
}


/* = HOME TOOLTIP */
.home-tooltip{
	width:116px;	
}

.home-tooltip .home-tooltip-content{
	background-color:#FFFFFF;
	padding:2px;
	font-size:10px;
}

.home-tooltip .home-tooltip-arrow{
	width:116px;
	height:9px;
	background:no-repeat top left url(../images/home-tooltip-arrow.gif);
}

/* = STRUCTURE
----------------------------------------------- */

div#container-wrap{
	width:804px;
	height:100%;
	margin:auto auto;
}

div#header-wrap{
	width:804px;
	height:140px;
}

div#content-wrap{
	width:693px;
	margin-right:111px;
	background:url(../images/bg-content.jpg) no-repeat top left ;
	padding:0px;
	font-size:1.1em;
	padding-bottom:20px;
}

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

div#logo-container{
	margin-top:26px;
	float:left;
	width:359px;
}

div#logo-container img{
	behavior: url(iepngfix.htc);
}

/* ----- sub nav ----- */

div#header-nav-container{
	float:right;
	margin:20px 0px 0px 0px;
}

div#header-nav-container ul{
	width:88px;
	float:left;
}

div#header-nav-container ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

div#header-nav-container ul li{
	list-style:none;
	margin:0px 0px 7px 0px;
}

div#header-nav-container ul li a{
	display:block;
	overflow:hidden;
	text-indent:-3000px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

div#header-nav-container ul li#subnav-nieuws a{
	width:57px;
	height:12px;
	background-image:url(../images/sub-nav-nieuws.gif);
}

div#header-nav-container ul li#subnav-fotos a{
	width:48px;
	height:11px;
	background-image:url(../images/sub-nav-fotos.gif);
}

div#header-nav-container ul li#subnav-downloads a{
	width:82px;
	height:11px;
	background-image:url(../images/sub-nav-downloads.gif);
}

div#header-nav-container ul li#subnav-blog{
	margin:0px 0px 5px 0px;
}

div#header-nav-container ul li#subnav-blog a{
	width:88px;
	height:13px;
	background-image:url(../images/sub-nav-blog.gif);
	/*margin-bottom:5px;*/
}

div#header-nav-container ul li#subnav-forum a{
	width:51px;
	height:11px;
	background-image:url(../images/sub-nav-forum.gif);
}

/*div#header-nav-container ul li#subnav-wedstrijd a{
	width:73px;
	height:13px;
	background-image:url(../images/sub-nav-wedstrijd.gif);
	/*margin-bottom:0px;*/
/*}*/

/* wedstrijd -> acties */

div#header-nav-container ul li#subnav-wedstrijd a{
	width:73px;
	height:13px;
	background-image:url(../images/sub-nav-acties.gif);
	/*margin-bottom:0px;*/
}


/*rollovers*/

div#header-nav-container ul li#subnav-nieuws a:hover{background-position:0px -12px;}
div#header-nav-container ul li#subnav-fotos a:hover{background-position:0px -11px;}
div#header-nav-container ul li#subnav-downloads a:hover{background-position:0px -11px;}
div#header-nav-container ul li#subnav-blog a:hover{background-position:0px -13px;}
div#header-nav-container ul li#subnav-forum a:hover{background-position:0px -11px;}
div#header-nav-container ul li#subnav-wedstrijd a:hover{background-position:0px -13px;}

/*active states ---> body id's nog te bepalen*/

body# div#header-nav-container ul li#subnav-nieuws a{background-position:0px -12px;}
body# div#header-nav-container ul li#subnav-fotos a{background-position:0px -11px;}
body# div#header-nav-container ul li#subnav-downloads a{background-position:0px -11px;}
body# div#header-nav-container ul li#subnav-blog a{background-position:0px -13px;}
body#forum div#header-nav-container ul li#subnav-forum a{background-position:0px -11px;}
body# div#header-nav-container ul li#subnav-wedstrijd a{background-position:0px -13px;}

/* ----- login block ----- */

div#loginblock{
	width:190px;
	float:left;
	margin:0px 0px 0px 8px;

}

div#loginblock #logo-communidad{
margin:0px 0px 4px 25px;
}

div#loginblock fieldset{
	margin:4px 0px 0px 0px;
}

div#loginblock label{
	color:#FFFFFF;
	font-size:11px;
	float:right;
	line-height:17px;
}

div#loginblock input{
	width:118px;
	height:16px;
	display:inline;
	float:right;
	margin-left:7px;
	font-size:11px;
	padding-left:2px;
	border-top-width:1px;
	border-left-width:1px;
	border-style:solid;
	border-top-color:#000000;
	border-left-color:#000000;
	border-bottom:none;
	border-right:none;
	background:url(../images/bg-input-loginblock.jpg) repeat-x #fff top left;
}

div#loginblock a#registreer,div#loginblock a#aanmelden ,div#loginblock a#afmelden ,div#loginblock a#mijnprofiel {
	display:block;
	overflow:hidden;
	text-indent:-3000px;
	width:84px;
	height:23px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	margin-top:8px;
	margin-bottom:3px;
}

div#loginblock a#afmelden ,div#loginblock a#mijnprofiel {
	float:right;
	clear:both;
}

div#loginblock a#afmelden{
	margin-top:1px;
}

div#loginblock a#registreer:hover,div#loginblock a#aanmelden:hover,div#loginblock a#afmelden:hover,div#loginblock a#mijnprofiel:hover{
	background-position:0px -23px;
}

div#loginblock a#registreer{
	background-image:url(../images/btn-registreer.gif);
}

div#loginblock a#aanmelden{
	background-image:url(../images/btn-aanmelden.gif);
}

div#loginblock a#afmelden{
	background-image:url(../images/btn-afmelden.gif);
}

div#loginblock a#mijnprofiel{
	background-image:url(../images/btn-mijnprofiel.gif);
}

div#loginblock a#wachtwoord{
	color:#fff;
	font-size:9px;
	text-decoration:underline;
	clear:both;
	display:block;
	margin:0px 0px 0px 75px;
	height:12px;
}

div#loginblock .user_bar_name{
	color:#fff;
	font-size:14px;	
	font-weight:bold;
	margin-left:27px;
}

/* = MAIN NAVIGATION
----------------------------------------------- */


div#main-nav-container{
	width:645px;
	height:28px;
	padding-left:23px;
	padding-right:25px;
	
}

ul#main-nav, ul#main-nav li{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul#main-nav{
	margin-top:13px;
	display:inline;
	float:left;
}

ul#main-nav li{
	display:inline;	
	float:left;
}

ul#main-nav li a{
	height:16px;
	background:no-repeat 0px 0px;
	display:block;
	overflow:hidden;
	text-indent:-3000px;
}

ul#main-nav li a:hover{
	background-position:0px -16px;
}

ul#main-nav li#nav-home a{
	background-image:url(../images/main-nav-home.jpg);
	width:39px;
}

ul#main-nav li#nav-nieuws a{
	background-image:url(../images/main-nav-nieuws.jpg);
	width:50px;
}

ul#main-nav li#nav-agenda a{
	background-image:url(../images/main-nav-agenda.jpg);
	width:51px;
}

ul#main-nav li#nav-muziek a{
	background-image:url(../images/main-nav-muziek.jpg);
	width:52px;
}

ul#main-nav li#nav-biografie a{
	background-image:url(../images/main-nav-biografie.jpg);
	width:64px;
}

ul#main-nav li#nav-fotos a{
	background-image:url(../images/main-nav-fotos.jpg);
	width:41px;
}

ul#main-nav li#nav-contact a{
	background-image:url(../images/main-nav-contact.jpg);
	width:52px;
}

ul#main-nav li#nav-links a{
	background-image:url(../images/main-nav-links.jpg);
	width:37px;
}

ul#main-nav li#nav-shop a{
	background-image:url(../images/main-nav-shop.jpg);
	width:48px;
}

/*----- ACTIVE STATES ----- */

body#front ul#main-nav li#nav-home a{background-position:0 -16px;}
body#nieuws ul#main-nav li#nav-nieuws a{background-position:0 -16px;}
body#agenda ul#main-nav li#nav-agenda a{background-position:0 -16px;}
body#muziek ul#main-nav li#nav-muziek a{background-position:0 -16px;}
body#biografie ul#main-nav li#nav-biografie a{background-position:0 -16px;}
body#fotos ul#main-nav li#nav-fotos a{background-position:0 -16px;}
body#contact ul#main-nav li#nav-contact a{background-position:0 -16px;}
body#links ul#main-nav li#nav-links a{background-position:0 -16px;}
body#product ul#main-nav li#nav-shop a{background-position:0 -16px;}

ul#main-nav li.main-nav-divider{
	background:url(../images/main-nav-divider.jpg) 0px 0px no-repeat;
	width:6px;
	height:16px;
	display:block;
	overflow:hidden;
	margin:0px 4px 0px 4px;
}

a#playmusic{
	float:right;
	display:block;
	width:78px;
	height:18px;
	background:0px 0px no-repeat url(../images/btn-playmusic.jpg);
	text-indent:-3000px;
	margin:10px 0px 0px 0px;
}


/* = CONTENT
----------------------------------------------- */