/*
Theme Name: Fiftylab
Theme URI: http://www.fiftylab.be
Description: Wordpress theme by Tom Luyten
Version: 1http://www.fiftylab.be/wp-admin/theme-editor.php?file=/themes/fiftylab/style.css&theme=Fiftylab&a=te
Author: Tom Luyten
*/

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

a img{border-width:                     0px;}

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

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

h2{    color: 				#6a6861;
       margin-top: 			0px;}

h3{    font:  				24px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
       font-weight: 		        bold;
       color:				#fff;
       margin-top: 			10px;}
		
#wrapper {width:                        960px;
          margin-left:                  auto;
          margin-right:                 auto;
}

/******************************************
* Header 
******************************************/

#logo{  margin-top:                     25px;}

#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:                  27px !important;
margin-top: 23px;
            padding:                     5px;
            height:                      263px;
background:                 url("featuredbackground.jpg");
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 {
            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;
}



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

#content {  width: 			 982px;
            margin-left: 		 -12px;
	    margin-top: 		 20px;}
.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{  display: 		        block;
	      width:                    90px;
              height:                   90px;
              background:               url("navigation/previousknop.gif");
	      position: 	        relative;
	      float: 	                left; 
	      top: 		        120px;}
			
#previous span {display: 	        none;}

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

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

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

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

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

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

#summary{     width:                    290px;
              margin-top:               35px;
              float:                    right;
              background-color:         #fff; 
              padding:                  10px;
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
border-radius: 10px;  }

#summary ul{  list-style:               none;}
#summary ul li{margin-top:              10px;
margin-left: -15px}

#summary li a{text-decoration:          none;
              color:                    #fff;
              background-color:         #000;
              padding:                  2px;}


#postnavwrapper{margin-top:             0px;
	      width:                    960px;
              height:                   22px;}

#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:           #3b3a3a;
              width:                      100%;
              background-image:           url("footerbg.gif");
              background-repeat:          repeat-x;
              margin-bottom:              -10px;
              margin-top:                 30px;}

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

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

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

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

#bottom{      background-image:           url("bottombg.gif");
              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:                20px;
              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;}

/******************************************
* SLIMBOX CSS
******************************************/

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/default/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
background: transparent no-repeat 0 15%;
left: 0;
}

#lbNextLink {
background: transparent no-repeat 100% 15%;
right: 0;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}