/*------------------------------------------------------------------
[Master Stylesheet]

Project		: VVU 2013
Last change	: 2010-02-13
Assigned to	: jeroen Oliemans (jo)
Made by		: Evident Interactive
Version		: 0.01

--------------------------------------------------------------------

	changelog 
	

--------------------------------------------------------------------
 
    style 1 : home			: #28be3c groen     hover: 6edcbe
	style 2 : story			: #7063d2 paars     hover: fabe15
	style 3 : program		: #dc5532 oranje    hover: 6edcbe
	style 4 : organisation 	: #c878af rose      hover: a0e628
	
	hovercolorsi
	
	


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

	body 
	{	
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		background-color:#fff;
		font-size:62.5%;
		background-repeat: repeat;
		background-position:top left;
        background-image: url( "../../includes/image/bg.gif" );

	}

/*	global layout
---------------------------------------------- */

	.header
	{
		width:1000px;
		overflow: hidden;
	}
	    .header a img
	    {
	    	position: absolute;
	    	top: 24px;
	    	left: 24px;
	    	z-index: 5;
	    	margin: 0px;
	    }
	    
	    
	    .header img.showLogo /* to hide the logo in CMS */
	    {
	        display: none;
	    }
	    
	    .menu
	    {
	        position: absolute;
	        top: 25px;
	        left: 464px;
	        text-transform: uppercase;
	        z-index: 1000;
	    }
			
		.teaser
		{
		    position: absolute;
		    left: 0px;
		    width: 100%;
		    background: transparent url( ../../includes/image/transparent.png ) top left repeat;
		}
		
		.headerType1{ top: 257px; height: 150px; }	
		.headerType2{ top: 205px; height: 105px; }	
		.headerType3{ display: none;}	
		
	
	.serviceMenu
	{
	    position: relative; 
	    top: -3px;
		height: 32px;
		background-color: #ffffff;
		background: #ffffff url( ../../includes/image/blackline.gif ) bottom repeat-x;
	}
		.contact
		{
			float: left;
			margin: 9px 0 0 8px;
		}
		.service
		{
			float: right;
			margin: 9px 8px 0 0px;
		}

	.wrapper 
	{
		width:1000px;
		position:relative;
		margin:0 auto;
		overflow: hidden;
	}


	.colwrapper 
	{
		position:relative;
		min-height:400px;
		height:auto !important;
		height:400px;
		margin: 30px 0 0 0;
	}

	
		.contentCol
		{
			float:left;
			width:656px;
		}	
		.sideCol 
		{
			float: right;
			width: 314px; 
		}

	.footer
	{
		background-repeat: repeat-x;
		background-color: #fff;
		background-image: url( ../../includes/image/blackline.gif );
	}
	    .footerImage
	    {
	        display: block;
	        width: 100%;
	        height: 120px;
	        margin: 8px 0 0 8px;
	    }
	    
		.footerCol
		{
			width: 155px;
			display: block;
			margin: 15px 8px;
			float: left;
		}
		   .footerCol a
		   {
		        line-height: 1.4em;
		        text-decoration: underline;
		        font-weight: normal;
		   } 
		   .footerCol p
		   {
		        display: block;
		        width: 130px;
		        font-size: 1em;
		        margin: 0 0 10px 0;
		   }
		   .footerCol img
		   {
		        margin: 16px 0 0 0;
		   }
		   
		.footerCol6
		{
			width: 105px;
		}

/*	global sub layout
---------------------------------------------- */		
	
	.contentColumns
	{
		display: block;
	}
		.contentColumns .equalColumnsColumn1{ display: block; width: 313px; float: left; }
		.contentColumns .equalColumnsColumn2{ display: block; width: 313px; float: right; }
		
		.contentColumns .eventColumnsColumn1{ display: block; width: 485px; float: left; }
		.contentColumns .eventColumnsColumn2{ display: block; width: 140px; float: right; }
	

/*	global styling
---------------------------------------------- */

	.clear {clear:both}

	ul.clearfix, 
	ol.clearfix {list-style-type:none}

	ul.clearfix li,
	ol.clearfix li {float:left}

	a {text-decoration:none;font-weight:bold;}

	a:hover {text-decoration:underline}
    a.backToListing{ font-weight: bold; font-size: 1.6em; display: block }
    a.signoutLink, a.editProfile
    { 
        display: block; 
        margin: 0 0 10px 0;
        text-align: center; 
        width: 120px; height: 30px; background: #000; text-transform: uppercase; color: #fff; font-size: 1.3 em; line-height: 27px; }
    
    a.editProfile
    {
        top: 80px;
    }
    a.whiteFont:link, a.whiteFont:visited, a.whiteFont:active{ color: #fff; } 
    a.whiteFont:hover, a.whiteFont:focus{ color: #fff; } 	
    	
	.uppercase{ text-transform: uppercase; }
	.bold{ font-weight: bold; }
	.floatRight{ float: right; }



    p{ font-size: 1.2em; margin: 3px 0; }
    
    img.profilePicture
    { 
        display: block;
        width: 100px; 
        height: 100px; 
        float: left; 
    } 

	/*---------------------------------------------- */
	h2,.h2,
	h3,.h3,
	h5,.h5
	{
		font-family: Georgia, serif;
	}


	h1,.h1 {
	    display: block;
	    width: 650px;
	    font-family: "AmericanTypeWriterBoldIt", Serif;
	    font-size:2.5em;
	    color: #fff;
        margin: 16px 0 0 20px;
	}
	h2,.h2 {
		font-size:1.5em;
		font-weight:bold;
		margin: 26px 16px 26px 16px;
		color:#231f20;
	}

	h3,.h3 {
		display: block;
		height: 30px;
		line-height: 29px;
		font-size:1.5em;
		font-weight:bold; 
		color: #fff; 
		width: 100%; 
		background-color: #000;
		padding: 0px 0 0 0;
		text-indent: 8px;
		}
		h3.twitter
		{ 
		    height: 65px;  
		    background: #fff url("../../includes/image/h3-twitter-bg.gif") top left repeat-x;
		}
		    

	h4,.h4 
	{
		display: block;
		height: 30px;
		line-height: 2.4em;
		font-size:1.2em;
		font-weight:bold; 
		color: #fff; 
		text-transform: uppercase; 
		font-family: Arial, Helvetica, sans-serif;
		text-indent: 8px;
	}
	
		h4 a,.h4 a{ color: #fff; }

	h5,.h5 {font-size:1.2em;font-weight:bold;}
	    h5.date { font-size: 1.1em; font-weight:bold;}

	h6,.h6 {font-size:1.2em;font-weight:bold; color: #000;}


	
/*	richText
---------------------------------------------- */	
	div.richtext{ background-color: #fff; padding: 16px; }
	
	.richtext p { color: #000; }
	.richtext strong { font-weight: bold; }
	.richtext em { font-style: italic; }
	.richtext blockquote{
        color: #333;
        font-style: italic;
        margin: 1em 3em;
	}
	
	.richtext h1,
	.richtext h2,
	.richtext h3,
	.richtext h4,
	.richtext h5,
	.richtext h6
	{ 
	    font-family: Arial, Helvetica, Sans-Serif;
	    background-color: Transparent;
	    color: #000; 
	    margin: 0px;
	    text-indent: 0px;
	}
        .richtext h1 { font-size: 1.8em; }
        .richtext h2  { font-size: 1.4em; }
        .richtext h3  { font-size: 1.2em; line-height: 1.4em; margin: 10px 0; }
        .richtext h4  { font-size: 1.2em; font-weight: bold; }
        .richtext h5  { font-size: 1.1em; }
        .richtext h6  { font-size: 0.8em; }
    
    div.richtext h3#title
    {  
        display: block;
		height: 30px;
		position: relative;
		top: -16px;
		left: -16px;
		line-height: 29px;
		font-size:1.5em;
		font-weight:bold; 
		color: #fff; 
		width: 100%; 
		background-color: #000;
		padding: 0 32px 0 0;
		text-indent: 8px;
    }
    
	
	.richtext ol{ font-size: 1.2em; list-style-type: decimal; list-style-position: inside; }
	
	.richtext ul{ font-size: 1.2em; list-style-type: square; list-style-position: inside; }
	
	.richtext dt, .richtext dd
	{
	    margin: 10px 0 0 0;
	    font-size: 1.2em;
	    color: #000;
	}
	
	.richtext dt 
	{ 
	    display: block;
	    width: 20%;
	    float: left;  
	    font-weight: bold; 
	    clear: right; 
	}
	.richtext dd 
	{ 
	    display: block;
	    float: left;
	    width: 80%;
	    
	}
	/*.richtext a{ color: #000; }*/
	.richtext a:link, .richtext a:active,.richtext a:visited{ text-decoration: underline; }
	.richtext a:hover, .richtext a:focus{ text-decoration: underline; } 

/*	list styling
---------------------------------------------- */

	
/* Component styles
---------------------------------------------- */
	
	.component
	{
	   background-repeat: repeat-x;
		background-color: #fff;
		background-position: bottom;
		background-image: url( ../../includes/image/blackline.gif );
		margin: 0 0 30px 0; 
	}
	    
	
	.section
	{
		background-color: #fff;
		margin: 0 0 30px 0;
	}
	.homeSection
	{
	    display: block;
	    height: 120px;
		background-color: #fff;
		margin: 0;
	}
	    .resetMargin{ margin: 0px; }
	
	.calender
	{
		display:block;
		width: 100%;
		height: 120px;
		background-color: #db552f;
		margin: 0 0 30px 0;
	}
	
	
	.tags
	{
	    display: inline-block;
	    margin: 24px 0 0 8px;
	    padding: 0 0 0 32px;
	    background: transparent url( ../../includes/image/tag.png ) 0px 0px no-repeat; 
	}
	    .tags a:link, .tags a:visited, .tags a:active{ color: #999; text-decoration: underline; margin: 0 4px 0 0 ; }
	
	
/* Listing */	
	.listing
	{
	    background-color: #fff;
	}
	    .listing p, .listing li
	    {
	        font-size: 1.2em;
	    }  
	    .listingSection
	    {
	        margin: 0px 16px 8px 16px;
	    }
	        .listingSection span.date
	        {
	            
	        }
	        h2.listItemLink a:link,
	        h2.listItemLink a:visited,
	        h2.listItemLink a:active
	        { color: #000; text-decoration: none; }
	        
	        h2.listItemLink a:hover,
	        h2.listItemLink a:focus
	        { color: #000; text-decoration: underline }
	        
	        .listingSection img
	        {
	            float: left;
	        }
	        .listingSectionContent
	        {
	            display: block;
	            width: 370px; 
	            float: left; 
	            margin: 0 14px;
	            padding-top: 10px;
	        }
	          .listingSectionContent h2{ margin: 11px 0 14px 0; }
	          span.djName
	          { 
	            font-family: Arial, Helvetica, Sans-Serif; 
	            font-size: 2.5em; 
	            margin: 11px 0 5px 0;
	            display: block; 
	        }
	            span.numberOfVotes
	            {
	                font-size: 0.5em;
	                color: #666;
	                padding: 0 0 0 15px;
	            }
	        
	        .listingSectionSoundCloud
	        {
	            display: block;
	            float: left;
	            margin: 0 14px;
	            width: 265px;  
	        }
	            .voteButton
	            {
	                display: block;
	                margin: 51px 0 0 0;
	                float: right;
	            }
	            
	        .listingSectionVimeo object,  .listingSectionVimeo embed
	        {
	            display: block;
	            float: left;
	            margin: 0px;
	            width: 320px;  
	        }
	            .listingSectionVimeo img{  display: block; width: 80px; height: 80px; float: right; }
	        
	        .listingSectionUsp
	        {
	            display: block;
	            width: 112px;
	            float: left;
	            padding-top: 10px;
	            font-size: 1.1em;
	        }
	        .listingSectionUspHorizontal
	        {
	            width: 100%;
	            padding: 2px 0px 10px 0px;
	        }
	            .listingSectionUspHorizontal ul{ padding: 0px 16px; }
	        
	            .uspList li
	            {
	                padding: 0 0 0 10px;  
	            }
	            .horizontal li{ display: inline; }
	            
	               .uspList li.hover{background: transparent url( ../../includes/image/listSprite.gif ) 1px -35px no-repeat; }
	            
	            .linkList{  margin: 13px 0 0 0; }
	            
	            .linkList li
	            {
	                padding: 0 0 0 10px; 
	            }
	        
	
/* paging */	
	.paging, .PagerControl
	{
	    display: block;
		height: 30px;
		background-color: #000;
		color: #fff;
	} 
	    .pagingTop{ margin: 0 0 15px 0 }
	    .pagingBottom{ margin: 15px 0 0 0 }
	 
	     .paging a:link, .paging a:visited, .paging a:active{ color: #fff }
	    
	    .pagingNavigation
	    {
	        display: block;
	        float: left; 
	        margin: 8px 0 0 8px;
	    }
	    
	    .pagingPages, .PagerNumberArea
	    {
	        display: block;
	        float: right;
	        margin: 8px 8px 0 0;
	        font-size: 1.2em;
	        font-weight: bold;
	    }
	    .pagingNumbers
	    {
	        display: inline;
	    }    
	    
	    
	    .PagerNumberArea a.UnselectedPage, .PagerNumberArea a.UnselectedNext, .PagerNumberArea a.UnselectedPrevious
	    {
	        color: #999;
	        font-weight: bold;
	    }
	    

/* Login */	
	.login
	{ 
	    padding: 4px 0 10px 0; 
	}
	    .login table
	    {
	        width: 100%;
	    }
	
     fieldset
	{
	    margin: 3px 0;
	    clear: both;
	}
	
	fieldset label
	{
	    display: block;
	    float: left;
	    margin: 9px 0 0 8px;
	    text-transform: uppercase;
	    font-weight: bold;
	    color: #000;
	}
	
	fieldset input[type=text],
	fieldset input[type=password],
	fieldset input[type=submit],
	fieldset textarea
	{
	    display: block;
	    float: right;
	    width: 150px;
	}
	
	
	.register  fieldset input[type=text],
	.register  fieldset input[type=password],
	.register  fieldset textarea
	{
	    display: block;
	    float: right;
	    width: 400px;
	}
	
	.register  dd input[type=text],
	.register  dd input[type=password],
	.register  dd textarea
	{
	    display: block;
	    float: right;
	    width: 400px;
	}
	
	fieldset input[type=submit]{ width: 75px; }
	
	fieldset a
	{
	    position: relative;
	    top: 10px;
	    margin: 0 0 0 8px;
	}
	
	.login input[type=checkbox]{margin-right: 25px;}
	fieldset input[type=submit], 
	input.SubmitButton
	{
	    margin-right: 8px;
	    color: #fff;
	    font-size: 1em;
	    height: 30px;
	    border: none;
	    padding: 0 8px;
	    text-transform: uppercase;
	    cursor: pointer;
	}
	fieldset input[type=text],
	fieldset input[type=password],
	fieldset textarea,
	input[type=text],
	input[type=password],
	textarea
	{
	    background-color: #ccc;
	    height: 20px;
	    border: none;
	    padding: 5px;
	}
	
	fieldset textarea, textarea
	{
	    height: 50px;
	    font-family: Arial, Helvetica, Sans-Serif;
	    font-size: 1.2em;
	}  
	
	
	/*
	.login label
	{
	    display: block;
	    float: left;
	    margin: 9px 0 0 8px;
	    text-transform: uppercase;
	}
	
	.login input
	{
	    display: block;
	    float: right;
	}
	.login a
	{
	    position: relative;
	    top: 10px;
	    margin: 0 0 0 8px;
	}
	
	.login input[type=checkbox]{margin-right: 25px;}
	.login input[type=submit], 
	input.SubmitButton
	{
	    margin-right: 8px;
	    color: #fff;
	    font-size: 1em;
	    height: 30px;
	    border: none;
	    padding: 0 8px;
	    text-transform: uppercase;
	}
	.login input[type=text],
	.login input[type=password]
	{
	    background-color: #ccc;
	    height: 20px;
	    border: none;
	    padding: 5px;
	}
	*/
	
/* top list */
    .topList
    {
            padding-bottom: 1px;
    }	
        .topList .padding
        {
            margin: 8px;
        }
        .topList ol
        {
            display: block;
            list-style: none; 
            padding: 8px; 
            text-indent: -1em;
            
        }
        .topList ol li
        {
            font-weight: bold;
            margin: 0 0 15px 0;
            font-size: 1.2em;
        }
	    
	
/* programMenu */

    /* Styling for the built in Kentico menu */
    table.CMSMenu
    {
       margin: 15px 0;  
    }
        table.CMSMenu td
        {
            height: 22px;
            padding: 8px 10px 0 10px;
            text-align: center;
        }
        
        table.CMSMenu td.CMSMenuItem,
        table.CMSMenu td.CMSMenuItemMouseOver,
        table.CMSMenu td.CMSMenuItemMouseDown,
        table.CMSMenu td.CMSMenuItemMouseUp,
        table.CMSMenu td.CMSMenuHighlightedMenuItem,
        table.CMSMenu td.CMSMenuHighlightedMenuItemMouseOver,
        table.CMSMenu td.CMSMenuHighlightedMenuItemMouseUp,
        table.CMSMenu td.CMSMenuHighlightedMenuItemMouseDown
         {
            display: block;
            float: left;
            height: 22px;
            padding: 8px 10px 0 10px;
            color: #fff;
            background-color: #000; 
            text-transform: uppercase;
         }
         table.CMSMenu td.CMSMenuItemMouseOver
         {
            background-color: #333333; 
         }

    .programMenu
    {
        margin: 15px 0; 
    }
        .programMenu li
        {
            display: block;
            height: 22px;
            width: 93px;
            float: left;
            text-align: center;
            
        }
        .programMenu li a
        {
            display: block;
            height: 22px;
            width: 93px;
            color: #fff;
            text-transform: uppercase;
            padding: 8px 0 0 0;
        }
        .programMenu ul li:last-child a
        {
            width: 98px;
        }
        
        
            .programMenu li a:link,
            .programMenu li a:active,
            .programMenu li a:visited
            {
               background-color: #000; 
            }
            .programMenu li a:hover,
            .programMenu li a:focus
            {
               background-color: #333333; 
            }
   
/* eventSlogan */
    .eventSlogan
    {
        margin: -10px 0 15px 0;
        background-repeat: repeat-x;
		background-color: #fff;
		background-position: top;
		background-image: url( ../../includes/image/blackline.gif );
    }

        .eventSlogan p
        {
            display: block;
            margin: 10px 0 0 0;
            padding: 8px;
            font-family: Georgia, Serif;
            font-size: 2em;
        }  
        .eventSlogan .bottomLine
        {
            display: block;
            height: 4px;
            width: 100%;
            background-repeat: repeat-x;
		    background-color: #fff;
		    background-position: bottom;
		    background-image: url( ../../includes/image/blackline.gif ); 
        }  
        div.eventDate{ margin: 10px 16px 10px 0px; }
        
        
/* related */ 
    .related
    {
            padding: 0 0 4px 0;
    }
        .related div.relatedItem
        {
            width: 100%;
            height: 135px;
            background-color: #d6d6d6;
            overflow: hidden;
        }
        .related div.relatedItemAlternate
        { 
            width: 100%;
            height: 135px;
            background-color: #f1f1f1; 
        } 
            
            div.relatedItem div.container, div.relatedItemAlternate div.container
            {
                float: left;
                margin: 15px 8px 0 0;
            }
             .relatedItemAlternate a, .relatedItem a{ font-size: 1.4em; display: block; width: 190px; } 
            .relatedItemAlternate p, .relatedItem p{ display: block; font-family: Arial, Helvetica, Sans-Serif;  text-align: left; width: 190px; height: 67px; font-size: 1.1em; color: #000; overflow: hidden; } 
            .relatedItemAlternate img, .relatedItem img{ float: left; display: block; width: 80px; height: 105px; margin: 15px; }

/* twitter */
    .twitter
    {
    }  

    .twitter .container
    {
        margin: 8px 8px 15px 8px;
        padding: 8px 0
    }
    .twitter .bird
    {
       display: block; 
       position: relative; 
       float: right; 
       z-index: 10; 
       top: -50px; 
       left: -12px; 
       width: 48px; 
       height: 44px; 
    }
    .twitter p
    {
        font-weight: bold;
        color: #000;
        text-indent: 8px;
        font-size: 1.15em;
    }
        
    .twitter .container p
    {
        font-size: 1.1em;
        text-indent: 0px;
        margin: 8px 0 0 0;
    }
    
    .twitter .container p.twitterDate
    {
        display: block;
        font-weight: normal;
        color: #000;
        font-size: 0.9em;
        text-align: left;
        border-bottom: 1px solid #999;
        padding: 3px 0 8px 0;
        margin: 0px;
    }
    
    .twitter a.twitterReadMore
    {
        
        margin: 0px;
    }
    
    
    
/* interview */
.interview p
{
    display: block;
    width: 140px;
    padding: 8px;
}

/* headlines */
.headline
{
    padding: 8px;
}
    .headline p
    {
    }

    .headlineContainer
    {
        padding: 5px 0 0px 0;
        /*padding: 5px 0 16px 0;*/
    }
    
    .headlineContainer p
    {
        display: block;
        font-size: 1.3em;
        margin: 0 0 20px 0;
        /*margin: 0 0 20px 0;*/
    }
     .headlineContainer img
     {
        float: left;
        margin: 0 8px 0 0;
     }
    
    
/* employees */
.employees
{
    padding: 0 0px 5px 0px;
}

    .employee
    {
        padding: 8px;
    }
    .employee span
    {
        font-family: Arial, Sans-Serif;
        font-weight: bold;
        font-size: 1.2em;
    }
    
    .employee img.employeeImage, .employee div
    {
        float: left;
    }
    
    .employee img
    {
        margin: 0 10px 10px 0;
    }
    .employee div
    {
        display: block;
        width: 180px;
    }
    
    .employee p{ clear: left; font-weight: bold; font-size: 1.2em }
    .employee p.employeeDescription{ display: block; margin: 0 0 10px 0; font-weight: normal; font-size: 1.0em }
    .employee .links{ margin: 10px 0 0 0; }
   
   
/* gallery components */   
.video
{
  display: block;
  overflow: hidden;  
}
.video img
{
    display: block;
    position: relative;
    float: left;
    margin: 0 4px 5px 0;  
}

.photo
{
    width: 321px;
    overflow: hidden;
}
    .photo img
    {
        display: block;
        position: relative;
        float: left;
        margin: 0 7px 5px 0; 
    }   


.mediaPaging
{
    padding: 0px 8px 8px 8px;
}


/* filtermenu */
.filterMenu
{
    margin: 8px 16px;
    font-size: 1.2em;
}    


    
/* BLOG */
/*bloglisting*/
.blog
{
}
    .blogPost
    {
        padding: 16px;
    }

    .blogPost h5
    {
        display: block;
        width: 450px;
        margin: 16px 0; 
        line-height: 1.8em;
        font-size: 1.9em;
    }
       
    
       .blogPost h5 a:link, .blogPost h5 a:visited, .blogPost h5 a:active
       {
            color: #000;
       } 
       .blogPost h5 a:hover, .blogPost h5 a:focus
       { 
            color: #000;   
       } 
    
    .blogPost .blog-comments
    {
        float: right;
    }
    
    .blogPost .postDetails
    {
        margin: 0 0 4px 0;
    }
    
    .blogPost .blog-body
    {
        padding: 16px 0 0px 0; 
    }
/* postdetails */    
        

/* blog comments */
.blogComments
{
    margin: -10px 0 15px 0;
    background-repeat: repeat-x;
	background-color: #fff;
	background-position: top;
	background-image: url( ../../includes/image/blackline.gif );
    padding: 16px;
}   

.commentDetail
{
    margin: 10px 0;
    padding: 10px 0 0 0;
}
.CommentText
{
    display: block;
    margin: 15px 0;
}

.blogCommentList
{
}

.blogComments input[type=text]
{
    background-color: #ccc;
    height: 20px;
    border: none;
    padding: 5px;
    margin: 3px 0 10px 0;
}   

.BlogPanel
{
    margin: 16px 0 0 0;
}          
.BlogPanel h5{ margin: 0 0 10px 0; } 
            
            
/* ---------------------------- Kentico stuff ------------------------*/
            
/*#Containers#*/
	/*#Containers/Login#*/
	.loginBox
	{
		background: #ffffff;
	    height: 200px;
		padding: 0px 0px;
		border-bottom: 1px solid #000000;
	}

	.loginBox h3.loginBoxTitle
	{
		background: #000000;
		height: 25px;
		padding-bottom: 3px;
		margin-bottom: 3px;
		margin-top: 0px;
	}

	/*#Containers/Register#*/

	.registerBox
	{
		background: #ffffff;
		width: 250px;
	        height: 250px;
		padding: 0px 0px;
		margin: 10px 10px;
		border-bottom: 1px solid #000000;
	}

	.registerBox h3.registerBoxTitle
	{
		background: #000000;
		height: 25px;
		padding-bottom: 3px;
		margin-bottom: 3px;
		margin-top: 0px;
	}

	/*#Containers/Agenda#*/
	.agendaBox
	{
		background: #ffffff;
	}

	.agendaBox h3.agendaBoxTitle
	{
		background: #000000;
		height: 22px;
		padding-bottom: 3px;
		margin-bottom: 3px;
	}

	.agendaBoxBottom
	{
		background: #000000;
		color: #ffffff;
		height: 25px;
	}

	/*#Containers/Black#*/
	.blackBox
	{
		background: #ffffff;
		padding: 0px 0px;
		border-bottom: 1px solid #000000;
	}

	.blackBox h3.blackBoxTitle
	{
		background: #000000;
		height: 25px;
	}
    
    
    div.profile .listingSectionSoundCloud
    {
        margin: 10px 0;
    }
    
    div.profile embed, div.profile object
    {
        margin: 0px 0 0 0px;
    }
    
    div.profile h3
    {
        font-family: Arial, Helvetica, Sans-Serif;
    }
    
    div.profile a.profileMenuButton
    {
        display: inline-block;
        height: 22px;
        width: 150px;
        margin: 10px 8px 0 0;
        text-transform: uppercase;
        text-align: center;
        padding-top: 9px;
        color: #fff;
    }
    div.profile .richtext dd
    {
        float: right;
    }
    

/* myProfile */ 
    div.myProfile
    {
        padding: 16px 8px;
    }
    
    div.myProfile div.myProfileButtons
    {
        display: block;
        float: right;
    }
    
   
    dl#myProfile dt,  dl#myProfile dd
    {
        font-size: 1.2em;
        color: #000;
        margin: 0px;
        padding: 0px;
    }

    dl#myProfile dt 
    {
        display: block;
        margin: 10px 0 0 0;
        width: 100%;
        font-weight: bold;    
    }
    dl#myProfile dd 
    { 
        display: block;
        width: 100%;

    } 
    
 /* lightBox */ 
    .wrapper #inlineContact
    {
        display: none;
    }
    #inlineContact {
        background-color:#FDFDFD;
        height:280px;
        overflow:auto;
        width:250px;
    }
    #inlineContact p{ border:0px; margin: 2px 0px 15px 0; display: block;}
    #inlineContact h5{ margin: 2px 0px 0px 0; }
    #inlineContact ul.contactList{ font-size: 1.1em;  margin: 2px 0px 15px; }
 
    #lightboxDiv div#content, div#content
    {
        padding: 16px;
    }
    
    #lightboxDiv embed, #lightboxDiv object
    {
        display: block;
    }
    
    div#content img
    {
        display: block;
        margin: auto;
    }
        
   
    #lightboxDiv h1
    {
        display: block;
        width: 100%;
        height: 30px;
        background-color: #000;
        color: #fff;
        margin: 0px;
        padding: 0px;
    } 
     #lightboxDiv p
     {
        color: #000;
        font-family: Arial, Helvetica, Sans-Serif;
        display: block;
        border-top: 2px solid black;
        margin: 8px 0 0 0;
        padding: 8px 0 0 0;
     }
     /* #lightboxDiv #content a:link, #lightboxDiv #content a:visited,#lightboxDiv #content a:active{ color: #000; }   
     #lightboxDiv a:hover, #lightboxDiv a:focus{ color: #000; }  */
        
  .project
  {
    display: block;
    padding: 16px;
  } 
    .project div
    {
        
    }    
  .project h3
  {
    width: 100%;
    background-color: transparent;
    text-indent: 0px;
  }
   .project p
   {
        
   }
  
    
    
/* Profile */	
	/*
	.profile
	{ 
	    padding: 4px 0 10px 0; 
	}
	    .profile table
	    {
	        width: 100%;
	    }
	
	.profile fieldset
	{
	    margin: 3px 0;
	}
	
	.profile label, span.EditingFormLabel
	{
	    display: block;
	    width: 190px;
	    float: left;
	    margin: 9px 0 0 8px;
	    text-transform: uppercase;
	}
	
	span.EditingFormLabel
	{
	    height: 50px;
	}
	.username span.EditingFormLabel
	{
	    height: 20px;
	}

	
	.profile input, span.EditingFormLabel
	{
	    display: block;
	}
	.profile .CalendarIcon
	{
	    float: left;
	    margin: 5px 0px 0px 10px;
	    
	}
	.profile .Uploader span
	{
	    display: none
	}
	.profile a
	{
	    position: relative;
	    top: 10px;
	    margin: 0 0 0 8px;
	}
	.profile .SubmitButton
	{
	    margin: 0 auto;
	}
	.profile input[type=checkbox]{margin-right: 25px;}
	.profile input[type=submit]
	{
	    margin-right: 8px;
	    color: #fff;
	    font-size: 1em;
	    height: 30px;
	    border: none;
	    padding: 0 8px;
	}
	.profile div.EditingFormControlNestedControl
	{
	    float: left;
	}
	.profile .username div.EditingFormControlNestedControl
	{
	    padding: 5px;
	}
	.profile .username div.EditingFormControlNestedControl span a
	{
	    font-size: 72,5%;
	    
	}
	.profile div.EditingFormControlNestedControl tr td input,
	.profile div.EditingFormControlNestedControl tr td label
	{
	    float: left;
	}
	.profile div.EditingFormControlNestedControl tr td label
	{
	    margin: 2px 0px 0px 5px;
	}
	.profile .CalendarTextBox
	{
	    float: left
	}
	.profile input[type=text],
	.profile textarea,
	.profile input[type=password]
	{
	    background-color: #ccc;
	    height: 20px;
	    border: none;
	    padding: 5px;
	    width: 270px;
	}
	.profile select
	{
	    background-color: #ccc;
	    padding: 5px;
	    width: 270px;
	    border: none;
	}
	.profile textarea
	{
	    height: 100px;
	    width: 350px
	}*/