@font-face {
  font-family: "cpmono_light";
  src: url("type/CPMono_v07 Light.otf");
  }

a:focus { outline: none; }

body {background:url(images/bg.jpg) #111; color:white;}
.clear {clear:both;}
.grid-box {  display:inline; float:left;margin: 0 0px; overflow:inherit;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;-ms-box-sizing:border-box; }

#wrap {margin:auto; width:100%; position:relative; min-size:800px;}

header {width:300px; margin:20px; height:0px;}
header h1 {text-align:center;}
header nav {text-align:center;margin-top:100px; font-family:"cpmono_light", Arial, Helvetica, sans-serif; font-size:10px;}
header nav a {display:block; color:#5c5d5f;text-decoration:none;}
header nav a:hover, header nav a.active {color:white;}
header nav a:hover:before, header nav a:hover:after, a.active:before, a.active:after  {content:" - ";}
{color:white;}

content {margin-left:340px !important;}
content ul li {display:inline;float:left; margin-left:20px;margin-bottom:20px;}

content h3 {text-decoration:none; color:#5c5d5f; font-family:"cpmono_light", Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px;padding:2px 5px 2px 0px;}

p a {color:white;text-decoration:none;}
p a:hover {text-decoration:underline;}
.image_nav a {border-bottom:none;text-decoration:underline;}
.image_nav a:hover {text-decoration:none;border-bottom:none;}
a img {border:none;}

// blog

#blog {margin-left:340px;}
.postarea {margin:0; padding:0;}
.postarea .blog-entry {width:300px; margin-bottom:20px; margin:20px 0px 0px 40px; position:relative;}
.postarea .blog-entry .thumbnail-blog .attachment-post-thumbnail {width:300px; height:300px;}

.article-title {font-family:'cpmono_light', Arial, Helvetica, sans-serif; position:absolute; top:242px; display:block; width:266px; overflow:hidden; background-color: rgba(0, 0, 0, 0.8); padding:10px; font-weight:normal; font-size:10px;padding:17px}
.article-content {font-family:'cpmono_light', Arial, Helvetica, sans-serif; font-size:10px; color:grey;height:100px;overflow:hidden;}

//gallery

#img-container {margin-left:20px;}
#img-container .thumb {margin-right:40px;margin-top:40px;}

#d-image { display: none; }
	.grow { float:left; position: relative;}
.thumb-it {width:150px; height:150px;}
	.thumb-it thumb-img {display:block;}

.image_nav {font-family:"cpmono_light", Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px;}
.image_nav a {color:white; border-bottom:1px solid white;text-decoration:none;}
.image_nav a:hover {border:none;}