/* reset (yui 3.0) */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* end reset */
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* end fonts */

html body {
  background-color: #fcfff5;
  font-family: Tahoma, Geneva, sans-serif;
  color: #454545;
}

body {
  padding: 16px 5%;
}

a, a:visited, a:active {
  color: #454545;
}


/* Nav styles */
h1 {
  font-weight: normal;
  font-size: 250%;
  margin-bottom: 8px;
}

h1 a {
  text-decoration: none;
}

h1 span {
  margin-left: 8px;
  border-left: 1px solid #454545;
  padding-left: 8px;
  text-transform: lowercase;
}

#navigation {
  background-color: #000;
  width: 100%;
  height: 75px;
  font-weight: bold;
}

#navigation td {
  text-align: center;
}

#navigation a, #navigation a:visited, #navigation a:active {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

#navigation .home {
  width: 10%;
  background-color: #ca0019;
}

#navigation .portfolio {
  width: 30%;
  background-color: #f5ce85;
}

#navigation .blog {
  width: 15%;
  background-color: #ea411d;
}

#navigation .linkedin {
  width: 15%;
  background-color: #52A9D4;
}

#navigation .twitter {
  width: 7%;
  background-color: #58937b;
}

#navigation .contact {
  width: 15%;
  background-color: #948b96;
}

#navigation .facebook {
  width: 8%;
  background-color:#3B5998
}
/* nav colors
 * #ca0019
 * #1a1718
 * #ea411d
 * #f5ce86
 * #6f94ba 
 * #fde131 
 * #157aa0
 * #75d3ad
 * #cfa57f
 * #826038
 * #f3894f
 * #d5c6d7
 * #fcd477
 * #e5001c
 * #a6c1dc
 * #ef6d2a
 * #ac1e00
 * #46ba5d
 * #121010
 * #a33923
 * #58937b
 * #948b96
 * #275b95
 * #8a8e90
 * #cea5aa
 * #e2a721
 */

/* End nav styles */

/* portfolio entries */


.entry {
  width: 500px;
  float: left;
  padding: 0 8px;
}

.entry h3 {
  font-size: 150%;
}

.entry img {
  float:right;
  width:50%;
  border:2px solid #454545;
}

.entry ul {
  margin-bottom: 1em;
}

.entry .description {
  font-weight: bold;
}


.entrybar {
  background-color:#000;
  margin-bottom: 1em;
}

/* end portfolio entries */

#header {
  clear:both;
  text-align: center;
  padding-top: 16px;
  text-transform: lowercase;
}
