/*  ###########################################################################
    company:    http://42.nl/
    date:       July 2010
    ########################################################################### */


/*  HOME ---------------------------------------------------------------------- */

    .home {
        min-height: 470px;
        background: transparent url(../images/backgrounds/application-back.png) repeat 0 0;
        }
    .home nav {
        background: none;
        }
    .home .content {
        background: none;
        }
    .utilities ul{
        text-align: right;
        }
    .CBG {
    	position: relative;
    	z-index: 42;
    	float: left;
        margin: 2em 35px 0;
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px;
        border-radius: 7px; 
        border: 7px solid #fff;
        padding: 0.5em 14px 0;
        width: 910px;
        background: #fff url(../images/backgrounds/back-home-info.png) repeat-x left bottom;
        -moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 1px; 
        -webkit-box-shadow: rgba(0,0,0,0.6)  1px 1px 1px; 
        box-shadow: rgba(0,0,0,0.6)  1px 1px 1px;
        }
    .introduction {
    	float: left;
    	padding: 0;
    	width: 500px;
    	overflow: hidden;
        }
    .introduction h1 {
    	position: static;
    	margin: 0;
    	padding: 0;
    	height: auto;
    	font-size: 2.2em;
    	line-height: 1.4;
        text-shadow: #fff 0 1px 0;
        }
    .introduction p {
    	position: static;
    	margin: 0;
    	padding: 0;
        }
    .introduction p img {
    	float: left;
    	margin: 0 1em 1em 0;
        }
    .teaser {
        position: relative;
        float: right;
        margin-top: 0.5em;
        padding: 0 8px 0 50px;
        width: 142px;
        height: 80px;
        font-size: 0.9em;
        line-height: 1.2;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position:  -2px -5px;
        overflow: hidden;
        cursor: pointer;
        }
    .teaser h4 {
    	margin: 0 0 0.2em 0;
    	padding: 0;
        font-weight: bold;
    	font-size: 1.2em;
    	line-height: 1.1;
        text-shadow: #fff 0 1px 0;
        }
    .teaser:hover h4 a{
    	color: #b5265e;
        }


    .CBG .upload {
        background-image: url(../images/icons/48/up.png);
        }
    .CBG .project {
        background-image: url(../images/icons/48/office_folders.png);
        }
    .CBG .newsletter {
        background-image: url(../images/icons/48/news.png);
        }
    .CBG .research {
        background-image: url(../images/icons/48/search_globe.png);
        }
        
    .CBG a.button{
        float: right;
        margin-right: 1em;
        border-color: #6a9a5c;
        border-color: rgba(0,0,0,0.2);
        border-width: 1px;
        border-style: solid;
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 0 1em;
        font-weight: bold;
        font-size: 1em;
        text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
        text-transform: uppercase;
        color: #fff;
        background: #609ffc url(../images/backgrounds/button-back.png) repeat-x 0 50%;
        -moz-box-shadow: rgba(0,0,0,0.8) 0 2px 2px; 
        -webkit-box-shadow: rgba(0,0,0,0.8) 0 2px 2px; 
        box-shadow: rgba(0,0,0,0.8) 0 2px 2px;
        }
    .CBG a.button:hover{
        background-color: #A6CE39;
        }

/*  HOME (general) --------------------------------------------------------------------- */   


    .content-feed {
    	position: relative;
    	top: -7px;
    	float: left;
        margin: 0 35px 2em;
        -moz-border-radius-bottomleft: 12px;
        -moz-border-radius-bottomright: 12px;
        -webkit-border-bottom-left-radius: 12px;
        -webkit-border-bottom-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        padding: 1.5em 14px 1em;
        width: 924px;
        color: #fff;
        background: url(../images/backgrounds/back-content-feed.png) repeat-x left bottom;
        background-color: rgba(0,0,0,0.5);
        }
    /* OLD IE WORK-A-ROUND */
    .no-rgba .content-feed {
    	position: static;
        background-color: black;
        filter: progid:DXImageTransform.Microsoft.Alpha(style=1,opacity=50,finishOpacity=100,startX=0,startY=75,finishX=0,finishY=100);
        }
        
    .content-feed header {
        position: relative;
    	float: left;
    	padding: 0 2% 0 0;
    	width: 500px;
        }
    .content-feed p{
        padding: 0;
    	font-size: 0.95em;
    	line-height: 1.2;
        }
        
    .content-feed header h2 {
        letter-spacing: 0.5px;
        font-style: italic;
        font-size: 1.9em;
        line-height: 1;   
        font-family: Georgia, "Times New Roman", Times, serif;
        text-shadow: #000 0 1px 0;
        }
    .content-feed header h2 a{
        color: white;
        }
    .content-feed header h2 a:hover {
        color: #A6CE39;
        }
    .content-feed header p{
        padding: 0 0 0.5em 0;
        }

    .content-feed header img{
    	float: left;
    	margin: 0 1em 0.5em 0;
        }
    .content-feed header .logo{
    	float: right;
        }
    .content-feed header h5{
        font-size: 1em;
        line-height: 1.1;
        overflow: hidden;
        }
    .content-feed header h5 a {
        color: #609ffc;
        }
    .content-feed header h5 a:hover {
        color: #A6CE39;
        }
    .content-feed header h5 br {
        display: inline;
        }
    .additional-content {
        position: relative;
    	float: none;
        padding: 0 0 0 0;
        width: 400px;
        overflow: hidden;
        cursor: pointer;
        }     

    .additional-content img {
    	float: left; 
    	margin: 0 1em 0.7em 0;
    	border: 1px solid #999; 
    	clear: left;
    	background-color: red;
        }
    
    .additional-content h3 {
        padding: 0 0 0.2em 0;
        color: #609ffc;
        text-shadow: #000 0 1px 0;
        }
        
    .additional-content:hover h3{
    	color: #A6CE39;
        }
        
        
/*  SEARCH  --------------------------------------------------------------------- */   
    
    .search-form {
        float: right;
        margin: 42px 40px 0 0;
        width: 50%;
        }
    .search-form input{
        float: right;
        margin-right: 4px;
        padding: 0;
        width: 150px;
        font-size: 0.7em;
        }
     .search-form .button {
        float: right;
        display: block;
        margin: 0 0 0.5em 4px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        border: 1px solid #777;
        border-color: rgba(0,0,0,0.3);
        padding: 0 8px;
        width: auto;
        font-size: 0.7em;
        line-height: 1.6;
        text-decoration: none;
        text-transform: uppercase;
        color: #444;
        background: #fff url(../images/backgrounds/button-back.png) repeat-x 0 50%;
        cursor: pointer;
        }