/*..................

   Rodney Keeling
   Copyright 2009. All Rights Reserved
   Portland, OR, USA
   XHTML 1.0 Strict
   CSS level 2.1 Valid
   
  ..................
............Reset................*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background:transparent;
border:0;
font-size:100%;
outline:0;
vertical-align:baseline;
margin:0;
padding:0;
}

/*............END Reset................
............Colors................

* #3dbcdc is the blue text. *
* #b4b4b5 is the gray text. *
* #353535 is the background.*

/*............END Colors................
............General................*/
body {
background-color:#353535;
background-image:url('../images/bg.jpg');
background-repeat:repeat;
width:980px;
margin-left:auto;
margin-right:auto;
color:#b4b4b5;
font-size:12px;
line-height:1.3em;
letter-spacing:0.1em;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
padding:0 20px 10px;
}

a {
text-decoration:none;
color:#b4b4b5;
}

img {
border:none;
}

h2 {
color:#3dbcdc;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:16px;
padding-bottom:10px;
}

hr {
clear:both;
float:left;
position:relative;
width:955px;
}

a:hover,li:hover {
color:#3dbcdc;
}

textarea {
width: 250px;
height: 80px;
}

input {
width: 250px;
}

.button {
width: 50px;
}

/*............END General................
............Header................*/
#twitter {
background-image:url('../images/twitterfeed.png');
background-repeat:no-repeat;
background-position:left center;
list-style:none;
margin-top:10px;
margin-bottom:0;
width:305px;
height:115px;
float:left;
}

#twitter_feed ul {
list-style-type:none;
position:relative;
padding:40px 0 0 85px;
}

#headerlogo {
background-image:url('../images/header.png');
background-repeat:no-repeat;
background-position:left center;
clear:left;
width:420px;
height:193px;
float:left;
margin-top:10px;
margin-left:-14px;
}

#navbar {
position:relative;
float:left;
width:auto;
clear:right;
margin:174px 0 0 239px;
}

#navbar .navbar {
display:block;
cursor:pointer;
overflow:hidden;
height:143px;
width:134px;
}

#navbar span {
display:none;
}

#navbar .kwicks li {
float:right;
width:75px;
height:30px;
margin-right:5px;
}

#navbar #home {
background-color:transparent;
background-image:url('../images/home.png');
background-repeat:no-repeat;
background-position:center left;
}

#navbar #blog {
background-color:transparent;
background-image:url('../images/blog.png');
background-repeat:no-repeat;
background-position:center left;
}

#navbar #folio {
background-color:transparent;
background-image:url('../images/folio.png');
background-repeat:no-repeat;
background-position:center left;
}

#navbar #contact {
background-color:transparent;
background-image:url('../images/contact.png');
background-repeat:no-repeat;
background-position:center left;
margin-right:20px;
padding-right:10px;
}

.kwicks {
list-style:none;
position:relative;
margin:0;
padding:0;
}

.kwicks li {
display:block;
overflow:hidden;
cursor:pointer;
padding:0;
}

/*............END Header................
............Content................*/
.info,p.info {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
color:#b4b4b5;
text-align:justify;
background-image:url('../images/contentbg.png');
background-repeat:no-repeat;
background-position:center top;
}

#content {
clear:both;
padding-top:10px;
padding-bottom:10px;
margin-bottom:0;
}

#social ul {
display:inline;
list-style:none;
}

#social ul li {
text-decoration:none;
display:block;
background-image:url('../images/libg.png');
background-repeat:no-repeat;
padding:7px 5px 8px;
}

#social ul li img {
padding-left:5px;
padding-right:5px;
}

#knowledge ul li {
list-style-image:url('../images/arrow.png');
list-style-position:inside;
background-image:url('../images/libg.png');
background-repeat:no-repeat;
padding:10px 4px;
}

#knowledge ul,#footer ul {
display:inline;
}

#leftcon {
margin-bottom:25px;
}

#basics,#social,#design,#engineering,#computer,#foliotext,#knowledge,#otherinfo,#video,#leftcon,#rightcon {
position:relative;
float:left;
width:290px;
height:305px;
margin-right:10px;
padding:10px;
}

h2#form {
margin:0;
padding:0;
}

/*............END Content................
............Footer................*/
#footer {
clear: left;
padding:25px 0 10px 330px;
}

#footer ul li {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
color:#b4b4b5;
list-style-image:url('../images/arrow.png');
list-style-position:inside;
text-decoration:none;
background-image:url('../images/libg.png');
background-repeat:no-repeat;
padding:10px;
}

#knowledge,#social {
width:300px;
}