@CHARSET "ISO-8859-1";

body {
    margin:0;
    padding:0px 0 0px 0;
    background:white;
    color:#01003d;
    font-family:sans-serif;
    font-weight:300;
}



strong{ font-weight:bold; }

img { border:0; }

a { text-decoration:none; }






.ribbon {
    display: block;
    width: 100%;
    height: 10px;
    background: url("../img/footer.png") repeat-x scroll left top transparent;
}



.shortribbon {
    height: 7px;
    background-color: rgb(233, 76, 43);
    background: url("../img/footer.png") repeat-x scroll left top transparent;
}


.wrap {
    width:960px;
    margin:0 auto;
}



.wrap header {
    position:relative;
    height:128px;
    margin-top:20px;
    margin-bottom:20px;
}



.wrap .content {
	width:960px;
}

.wrap .bottomcontent{
	position:absolute;
	bottom:0;
}

.wrap .boxes {
	width:960px;
}



.wrap .boxes .box {
    float: left;
}



.box320, .box240{
    text-align: center;
}
.box320 {
    width: 320px;
}
.box320.indent{
	margin: 10px;
	width: 300px;
}
.box240 {
    width: 240px;
}


.box240.indent{
	margin: 10px;
	width: 220px;
}




.nav{
	background: url("../img/whitechiparrow.png") no-repeat scroll center top rgb(243, 237, 221);
    padding: 40px 0px 20px;
    /*smooth cell color change  transitions*/
    -moz-transition:background-color linear .1s;
    -webkit-transition:background-color linear .1s;
    -o-transition:background-color linear .1s;
    -ms-transition:background-color linear .1s;
    transition:background-color linear .1s;
    
}


.nav:hover{
	background-color:#e6c459;
}



.nav .decor{
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 30px;
    padding: 40px 0px 0px;
    color: rgb(52, 52, 52);
    font-size: 16px;
    /*smooth link color change  transitions*/
    transition:color linear .2s;
}


.nav .decor:hover, .nav .active {
    color: rgb(233, 76, 43);
}

.nav .home{
    background: url("../img/home.png") no-repeat scroll center top;
}
.nav .projects{
    background: url("../img/projects.png") no-repeat scroll center top;
}
.nav .bladedtoy{
    background: url("../img/bladedtoy.png") no-repeat scroll center top;
}
.nav .contact{
    background: url("../img/contact.png") no-repeat scroll center top;
}



.topic {
    margin-top: 0px;
    margin-bottom: 15px;
    padding: 0px 0px 0px 190px;
}



.topic h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 28pt;
    float: left;
    width: 235px;
    margin: 0px 5px 0px -210px;
    text-align: right;
    line-height: 80%;
}



.entry {
	color:#343434;
    margin: 0px 0px 0px 35px;
    width: 475px;
}



.clearfix:after {
   visibility:hidden;
   display:block;
   font-size:0;
   content:" ";
   clear:both;
   height:0;
 }
 *:first-child+html .clearfix { zoom:1; }

