/*
Theme Name: Fiftylab
Theme URI: http://www.fiftylab.be
Description: Wordpress theme by Tom Luyten
Version: 1
Author: Tom Luyten
*/

/******************************************
* General
******************************************/

body {font:				13px Arial, Helvetica, sans-serif;   
      line-height:     		        20px;
      background-color: 	        #000;
      background-repeat:                repeat-x;
      background-image:                 url(new-background.jpg);
      color:			 	#fff;
      margin: 				0px;
      padding: 				0px;}

#wrapper {width:                        960px;
          margin-left:                  auto;
          margin-right:                 auto;
	margin-top: 0px;
}

/******************************************
* Headings
******************************************/

h1{    font:  		                28px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
       font-weight:                     bold;
       margin-top: 	                0px;
	color: #000;}



h2{
color: #000;
}

#projectsummary h1{
color: #feac00;
}

#projectsummary h2{    
	 font:  				18px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
       color:				#7D7D7D;
       margin-top: 			10px;
	font-style: italic;
margin-left: 30px;
}


h3{    font:  				24px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
       font-weight: 		        bold;
       color:				#000;
       margin-top: 			10px;
	text-style: italic;
}
		
/******************************************
* Header 
******************************************/

#logo{  margin-top:                     0px;}

#navigation{position:                   relative;
            top:                        -83px;
            float:                      right;}

#navigation ul{ list-style:             none;}
#navigation ul li{float:                left; 
             margin-left:               15px;}

#home a{    background:                 url("navigation/home.gif");}
#about a{   background:                 url("navigation/about.gif");}
#blog a{    background:                 url("navigation/blog.gif");}
#contact a{ background:                 url("navigation/contact.gif");}

#navigation ul li a{
	    display:                    block;
            width:                      84px;
            height:                     22px;}

#navigation ul li a:hover{
	    background-position:  	0 -22px;}
#navigation ul li span{display:         none;}

/******************************************
* FEATURED
******************************************/

#featured{  
margin-top:                  0px !important;
margin-top: 0px;
            padding:                     5px;
            height:                      263px;

background-repeat: no-repeat;}

div#featured_links {
            margin-top:                  10px;
	    width:                       418px;
            padding:                     5px;
            float:                       left;
            background-color:            #fff;}

#featured_description{
            line-height:                 30px;
            font-size:                   14px;
            font-weight:                 bold;
            height:                      25px;
            padding:                     5px;
            float:                       left;}

#featured_description a{
            font-weight:                 normal;
	    text-decoration:             none;
            color:                       #70706f;}

#featured_description a:hover{
	    text-decoration:             underline;}

#view_project a{
            display:                     block;
	    width:                       97px;
            height:                      24px;
            background:                  url("navigation/viewproject.gif");
            float:                       right;
            margin-top:                  8px;}
			
#view_project span{
	    display:                 	 none;}
			
#view_project a:hover {
	    background-position:         0 -24px;}

#featured_rechts p{
	    color: 			 #000;}

#featured_rechts {
            width:                       480px; 
            float:                       left;
            margin-left:                 40px;
	    margin-top:        		 10px;}

#featured_rechts a{
	    font-weight:  		 bold;
	    color: 			 #fff;
	    text-decoration: 		 none;}


#aboutintro{  
margin-top:                  27px !important;
margin-top: 23px;
            padding:                     5px;
            height:                      263px;
background:                 url("aboutintrobackground.jpg");
background-repeat: no-repeat;}

#aboutintro_rechts {
            width:                       610px; 
            float:                       left;
            margin-left:                 250px;
	    margin-top:        		 10px;}

#aboutintro_rechts a{
	    font-weight:  		 bold;
	    color: 			 #fff;
	    text-decoration: 		 none;}

#aboutcontent { 
margin-left: 260px;
width: 630px;
}

#aboutcontent a{ 
	      color:                    #000;
font-weight: bold;
              text-decoration:          none;
}


#projectsummary{margin-top: 		0px;
	      margin-bottom:            50px;
              width:                    620px;
              float:                    left;}

#projectsummary h2 a{background-color:     #fff;
	      color:                    #000;
              padding:                  3px;
              text-decoration:          none;
		font-style: normal;
margin-left: -30px;
}


#projectsummary p a{background-color:     #fff;
	      color:                    #000;
              padding:                  3px;
              text-decoration:          none;
}

#projectsummary  ul{margin-left: 30px;
}


#projectsummary p a:hover{background-color:     #feac00;}
#projectsummary h2 a:hover{background-color:     #feac00;}


/******************************************
* Content boxes
******************************************/

#content {  width: 			 982px;
            margin-left: 		 -12px;
	    margin-top: 		 50px;}
.boxwrapper {width: 219px;
height: 219px;
padding: 1px;
margin: 10px;
float: left;
background-repeat: no-repeat;
}
			
.box{       width: 			 199px;
       	    height: 		 	 153px;
	   padding: 			 5px;
	    background-color: 	         #fff;}

/*div.rounded div {
  height: 1px;
  overflow: hidden;
}
#radiusx, #radiusy {
  text-align: right;
  width: 30px;
}*/


.description {margin-top: 		 0px;
height: 50px;
width: 210px;
	     font: 			 16px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
color: #000;
	     line-height: 		 17px;
;
padding-top: 0px;
padding-bottom: 15px;
background:                  url("label.gif");
background-repeat: no-repeat;}

.description_title{

color:#000;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
line-height: 25px;
display: inline;
}

.category {  font-size: 		 12px;
             color: 			 #4b4b4b;

margin-left: 5px;
margin-bottom: 100px;
padding: 3px;
display: inline;
}

.goknop a{   display:                    block;
	     width:                      37px;
             height:                     38px;
             background:                 url("navigation/goknop.gif");
float: right;
             margin-top:                 3px;
margin-right: 3px;}
			
.goknop span{display:	                 none;}
.goknop a:hover {background-position:    0 -38px;}

/******************************************
* SLIDER
******************************************/

#test {	      z-index: 			-1;
	      clear: 			both;
	      text-align: 		center;
    	      height:  			230px;  
    	      width:   			700px;  
    	      padding: 	     	        0;   
	      margin-left: 		auto;
	      margin-right: 		auto;
	      overflow: 		hidden;
	      position: 		relative;
	      bottom: 			45px;
}

#biglink{     margin-top: 		-275px;
	      margin-left: 	        130px;
              margin-bottom:            45px;}

#biglink a{   width: 			700px;
	      height: 			230px;
	      display: 			block;
	      z-index: 			3;
	      background-image: 	url("full-size.png");
	      background-repeat: 	no-repeat;}

#biglink span{display: 		        none;}

#previous a{  margin-top: -40px;
		display: 		        block;
	      width:                    90px;
              height:                   90px;
              background:               url("navigation/previousknop.png");
	      position: 	        relative;
	      float: 	                left; 
	      top: 		        120px;}
			
#previous span {display: 	        none;}

#previous a:hover{background-position:  0 -90px;
	  cursor: pointer;   }

#next a{     margin-top: -40px; display: 		        block;
	      width:                    90px;
              height:                   90px;
              background:               url("navigation/nextknop.png");
	      position: 	        relative;
	      top: 		        120px;
	      left: 		        780px;
	      float: 		        left;}
			
#next span {  display: 		        none;}

#next a:hover{background-position:      0 -90px;
	      cursor: pointer;}



#postnavwrapper{margin-top:             70px;
	      width:                    960px;
              height:                   22px;
		margin-bottom:  20px;}

#backtoworks{ float:                    left;}

#backtoworks a{background:              url("navigation/backtoworks.gif");
	      display:                  block;
              width:                    120px;
              height:                   22px;}

#backtoworks a:hover{background-position:0 -22px;}
#backtoworks span{display:               none;}

#previousnextpost{float:                 right;}

#previousnextpost ul{list-style:         none;
              margin-top:                0px;}

#previousnextpost ul li{
	      float:                     left;
              margin-left:               10px;}

#nextpost a { display:                   block;
              width:                     100px;
              height:                    22px;
              background:                url(navigation/prevpost.gif);}

#nextpost a:hover{background-position:   0 -22px;}
#nextpost span{display:                  none;}

#previouspost a{display:                 block;
              width:                     100px;
              height:                    22px;
              background:                url(navigation/nextpost.gif);}

#previouspost a:hover{background-position:0 -22px;}
#previouspost span{display:               none;}

/******************************************
* Footer
******************************************/

#footer{      clear:                      both;
	      background-color:           #000;
              width:                      100%;
            background-image:                 url(backgroundflipped.jpg);
              background-repeat:          repeat-x;
background-position:  	400 0px;
              margin-bottom:              -10px;
              margin-top:                 10px;
padding-top: 65px;
	}

#innerfooter{ width:                      960px;
              margin-left:                auto;
              margin-right:               auto; 
              padding-top:                15px;
height: 250px;}

#personal_info{width:                     300px;
              float:                      left;
              margin-left:                20px;}

#personal_info ul{color:                  #000;
	      list-style:                 none;}

#personal_info ul li{margin-left:         15px;}

#bottom{      
              height:                     49px;
              width:                      100%;}

#innerbottom{ width:                      960px;
              margin-left:                auto;
              margin-right:               auto; 
              padding-top:                23px;
              color:                      #fff;}

#innerbottom a{color:                     #fff;}
#friends ul{   list-style:                none;}

#friends ul li a{
              margin-left:                15px;
              line-height:                25px;
              text-decoration:            none;
              color:                      #ffa800;
              font-weight:                bold;}

#friends ul li a:hover{color:             #fff;}

/******************************************
* Align box
******************************************/

img.centered, .aligncenter, div.aligncenter {
              display:                    block;
              margin-left:                auto;
              margin-right:               auto;}

img.alignright{padding:                   4px;
               margin:                    0 0 2px 7px;
               display:                   inline;}

img.alignleft {padding:                   4px;
               margin:                    0 7px 2px 0;
               display:                   inline;}

.alignright {  float:                     right;}
.alignleft {   float:                     left;}
.noborder img{ border:                    none;}
.fleft {       float: left;               border-width: 0px;}
#clear{        clear:                     both;}

.gallery-icon{
margin: 15px;
}

.gallery-icon a img{
border-style: solid;
border-width: 4px; 
border-color: #FFF;
}

#menu{
float: right;
text-align: right;
line-height: 30px;
margin-top: 0px;
}

#menu a{
background-color:     #fff;
	      color:                    #000;
              padding:                  3px;
              text-decoration:          none;
margin: 5px;
}

#menu a:hover{
background-color: #feac00;
}

#menu ul{
list-style: none;
}

#menu h2{

color: #fff;}