/*
Theme Name: jean-sebastien day
Theme URI: 
Description: daydesign.ca
Version: 2
Author: jean-sebastien day

Tags: 


*/



/* Begin Typography & Colors */
body{ background: #e8e8e8; background-image:url(http://www.daydesign.ca/job/bg.jpg);font-family:Arial,Helvetica,sans-serif;font-size:12px;cursor:default;}

*{border:0px solid #eee;margin:0;padding:0;list-style:none}


h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{}
h4 {padding:0 0 0 0;}
h4 a{text-decoration:none; color:#99CC00; font-size:16px;}
h4 a:hover,li.cur a{text-decoration:line-through; color:#00ccff;}
h5 { font-size:13px;}
h6 { font-size:16px; padding-bottom: 10px;}

a{text-decoration:none; color:#000;outline:0}

img{display:block}


#cont{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:70;overflow:auto;}


ul {padding: 10px 10px 5px 2px;}
	
	
	

li {text-decoration:none;}
li a:hover,li.cur a{text-decoration:line-through; color:#00ccff;}




.box{position:absolute;left:20%;width:600px;padding-bottom:100px; }
.box div{line-height:1.5em;background:#fff;padding:20px 0px 30px 14px;}
.box div a{text-decoration:none;}
.box div a:hover{text-decoration:line-through;}



h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold; width:556px;}
h3 span{position:absolute;right:600px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

/* secdairy nav */

#right_box {
	right: 0; 
width:20px; 
background:#FFF; 
position:fixed;
bottom: 5px;  
border: 1px solid #DDD;
-moz-box-shadow: 0px 3px 8px rgba(0,0,0, .13);
-webkit-box-shadow: 0px 3px 8px rgba(0,0,0, .13);
box-shadow: 0px 3px 8px rgba(0,0,0, .13);


}

#menu {
	left: 0; 
width:133px;
background:#FFF; 
position:fixed; 
top:250px;  
border: 1px solid #DDD;
-moz-box-shadow: 0px 3px 8px rgba(0,0,0, .13);
-webkit-box-shadow: 0px 3px 8px rgba(0,0,0, .13);
box-shadow: 0px 3px 8px rgba(0,0,0, .13);
  }
	   
/* SLIDER */

h1 {
  border-color: transparent;
}
 
.project {

}
.project .col4 {
  margin: 0;
 
  /*border-top: 4px solid #333;*/

}
 
.slide-nav {

}
 
.slide-nav li { 
  float: left;
  font-size: 14px;
  display: block;
  line-height: 25px;
  width: 25px;
  text-align: center;
  cursor: pointer;
   /* font-family: Serifa, "Serifa Std", Stymie, "EF Stymie", "ITC Lubalin Graph",  "ITC Lubalin Graph Std", Lexia, Glypha, "Glypha Std", Soho, Memphis, "Memphis Std", Rockwell, "Rockwell Std", Georgia, serif;*/
}
#content .slide-nav li {
  padding: 0;
  margin: 0;
  margin-right: 0px;
  
}
.slide-nav li.num {
  background: #333;
  color: #FFF;
}
.slide-nav li.prev-prj,
.slide-nav li.next-prj { 
  float: left;
  text-indent: -5555px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
 /* background: transparent url(/images/port-arrows01.png) no-repeat;*/
 
 
}
.slide-nav li.prev-prj {
  background-position: 7px -27px;
}
.slide-nav li.next-prj {
  background-position: 7px 5px;
}
.slide-nav li {
	
	z-index: 150;

}
 
.slide-nav li.selected,
.slide-nav li.num.selected:hover {
  background: #00ccff;
  margin: 0px 0 2px 0;
}
 
.slide-nav li.num:hover { 
  background-color: #00ccff;
}
.slide-nav li.prev-prj:hover {
  background-color: #00ccff;
  background-position: 7px -87px;
}
.slide-nav li.next-prj:hover {
  background-color: #00ccff;
  background-position: 7px -55px;
}
 

 
.project .col8 {
  position: relative;
  margin: 0;

  padding: 2px 5px 2px 5px;
}
 
.project .col8 ul {
	
}
 
.project .col8 li {
  width: 620px;
  height: 500px;
  margin: 0 2px 0 0;
  padding: 0 0 0 5px;

}
#content .project .col8 li {
 list-style: none;  
}
.project .col8 li img {
  border: 1px solid #DDD;
  -moz-box-shadow: 0px 3px 8px rgba(0,0,0, .13);
  -webkit-box-shadow: 0px 3px 8px rgba(0,0,0, .13);
  box-shadow: 0px 3px 8px rgba(0,0,0, .13);
}






/* CV */

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 8px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;

}

#navlist ul { list-style: none; }