@font-face {
	font-family: EntypoRegular;
	src: url(../fonts/entypo-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/entypo-webfont.woff) format("woff"), url(../fonts/entypo-webfont.ttf) format("truetype"), url(../fonts/entypo-webfont.svg#EntypoRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}
html {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
body {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
div {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
span {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
applet {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
object {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
iframe {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h1 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h2 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h3 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h4 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h5 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h6 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
p {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
blockquote {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
pre {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
a {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
abbr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
acronym {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
address {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
big {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
cite {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
code {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
del {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dfn {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
em {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
img {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ins {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
kbd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
q {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
s {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
samp {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
small {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
strike {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
strong {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sub {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tt {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
var {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
b {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
u {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
i {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
center {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dl {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dt {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ol {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ul {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
li {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
fieldset {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
form {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
label {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
legend {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
table {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
caption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tbody {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tfoot {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
thead {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
th {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
td {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
article {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
aside {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
canvas {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
details {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
embed {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figure {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figcaption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
footer {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
header {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
hgroup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
menu {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
nav {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
output {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ruby {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
section {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
summary {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
time {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
mark {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
audio {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
video {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
article {
	display: block;
}
aside {
	display: block;
}
details {
	display: block;
}
figcaption {
	display: block;
}
figure {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
hgroup {
	display: block;
}
menu {
	display: block;
}
nav {
	display: block;
}
section {
	display: block;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
body {
	background: url("../img/bg_blue.png") rgb(245, 245, 245); color: rgb(119, 119, 119); line-height: 20px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;
}
h1 {
	color: rgb(51, 51, 51); line-height: 1; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; margin-bottom: 20px; position: relative;
}
h2 {
	color: rgb(51, 51, 51); line-height: 1; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; margin-bottom: 20px; position: relative;
}
h3 {
	color: rgb(51, 51, 51); line-height: 1; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; margin-bottom: 20px; position: relative;
}
h4 {
	color: rgb(51, 51, 51); line-height: 1; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; margin-bottom: 20px; position: relative;
}
h5 {
	color: rgb(51, 51, 51); line-height: 1; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; margin-bottom: 20px; position: relative;
}
h6 {
	color: rgb(51, 51, 51); line-height: 1; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; margin-bottom: 20px; position: relative;
}
h1 a {
	font-weight: inherit;
}
h2 a {
	font-weight: inherit;
}
h3 a {
	font-weight: inherit;
}
h4 a {
	font-weight: inherit;
}
h5 a {
	font-weight: inherit;
}
h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 34px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 12px;
}
.subheader {
	color: rgb(119, 119, 119);
}
p {
	margin-bottom: 20px;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.small {
	font-size: 80%;
}
.colored {
	color: rgb(255, 191, 68);
}
img {
	height: auto; display: block; max-width: 100%;
}
a {
	color: rgb(68, 68, 68); text-decoration: none;
}
a:visited {
	color: rgb(68, 68, 68); text-decoration: none;
}
a:hover {
	color: rgb(255, 191, 68);
}
a:active {
	border: currentColor; border-image: none;
}
a:focus {
	border: currentColor; border-image: none;
}
button {
	border: currentColor; border-image: none;
}
.wrapper {
	border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentColor rgb(68, 68, 68) rgb(68, 68, 68); margin: 0px auto; padding: 40px 30px 10px; border-image: none; clear: both; position: relative !important; max-width: 720px; background-color: rgb(255, 255, 255); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.header {
	background: rgb(34, 34, 34); margin: 50px auto 0px; padding: 0px 40px; border-radius: 4px 4px 0px 0px; border: 1px solid rgb(17, 17, 17); border-image: none; position: relative; z-index: 2; max-width: 700px; -moz-box-shadow: inset 0 1px 0 0 #383838, 0 1px 6px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 0 #383838, 0 1px 4px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0;
}
.logo h2 {
	margin: 30px 0px; color: rgb(255, 255, 255); font-weight: normal; float: left; text-shadow: 0px 2px 0px rgba(0,0,0,0.5);
}
.logo h2 strong {
	color: rgb(255, 255, 255);
}
.menu {
	float: right;
}
.menu li {
	list-style: none; text-align: center; display: inline-block;
}
.menu a {
	margin: 0px -1px 0px -2px; width: 80px; height: 55px; color: rgb(153, 153, 153); padding-top: 35px; font-weight: bold; text-decoration: none; display: inline-block; text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
}
.menu a.active {
	background: rgb(17, 17, 17); -moz-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.75);
}
.menu li.active a {
	color: rgb(255, 255, 255);
}
.menu li:hover a {
	color: rgb(255, 255, 255);
}
.menu li:hover {
	background: rgb(51, 51, 51);
}
.menu li.active:hover {
	background: rgb(17, 17, 17);
}
@media only screen and (min-width:768px)
{
.menubutton {
	display: none;
}
}
@media only screen and (max-width:767px)
{
.header {
	margin-top: 10px;
}
.menu {
	width: 100%; text-align: center; margin-bottom: 5px; float: left; display: none;
}
.menu a {
	padding: 10px 0px; border-radius: 4px; width: 100%; height: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
}
.menu li {
	margin: 0px; width: 100%;
}
.activemenu {
	display: block;
}
.menubutton {
	background: url("../img/button_menu.png") no-repeat center rgb(53, 53, 53); border-radius: 3px; border: 1px solid rgb(17, 17, 17); border-image: none; top: 10px; width: 38px; height: 38px; right: 10px; position: absolute; cursor: pointer; -moz-box-shadow: inset 0 1px 0 0 #656565, 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 0 0 #656565, 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px;
}
.menubutton:hover {
	background: url("../img/button_menu.png") no-repeat center rgb(64, 64, 64);
}
.menubutton:active {
	background: url("../img/button_menu.png") no-repeat center rgb(34, 34, 34); -moz-box-shadow: inset 0 1px 4px 0 #111, 0 1px 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 4px 0 #111, 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
}
.homepage {
	background: rgb(243, 245, 247); padding-bottom: 0px;
}
.big-text {
	top: 12px; right: 0px; color: rgb(245, 245, 245); font-size: 82px; font-weight: bold; position: absolute;
}
.frame {
	background: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(204, 204, 204); border-image: none; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.portfolio .slogan {
	text-align: center; margin-top: 20px;
}
.portfolio .items {
	list-style: none; margin-bottom: 10px; float: left; position: relative;
}
.portfolio .items li {
	display: inline;
}
.portfolio .item {
	margin: 0px 3px 3px 0px; width: 230px; float: left; display: block; position: relative;
}
.portfolio .mask {
	background: rgba(0, 0, 0, 0.7); transition:opacity 0.3s; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; opacity: 0; -moz-opacity: 0; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.portfolio .mask:hover {
	opacity: 1; -moz-opacity: 1;
}
.portfolio .mask:active {
	opacity: 1; -moz-opacity: 1;
}
.portfolio .mask h6 {
	background: rgb(0, 0, 0); margin: 10px 0px 0px; padding: 10px; color: rgb(255, 255, 255); display: block;
}
.portfolio .mask p {
	margin: 0px 0px 5px; padding: 5px 20px; color: rgb(255, 255, 255); font-size: 11px; display: block;
}
.portfolio .tags {
	color: rgb(255, 191, 68); font-family: Georgia, serif; font-size: 10px; font-style: italic;
}
.blog .post-title {
	margin-bottom: 0px !important;
}
.blog img {
	margin-bottom: 20px;
}
.blog .readmore {
	width: 100%; text-align: right; display: block;
}
.blog .more {
	padding-top: 10px; display: none;
}
.blog .info {
	font-size: 11px; font-weight: bold;
}
.blog .date::after {
	top: 1px; font-family: "EntypoRegular"; font-size: 20px; margin-left: 5px; position: relative; content: "&";
}
.blog .author::after {
	top: 1px; font-family: "EntypoRegular"; font-size: 20px; margin-left: 5px; position: relative; content: "&";
}
.blog .tags::after {
	top: 1px; font-family: "EntypoRegular"; font-size: 20px; margin-left: 5px; position: relative; content: "&";
}
.blog .author::after {
	content: "+";
}
.blog .tags::after {
	content: "C";
}
.resume .education {
	margin-bottom: 10px !important; float: left;
}
.resume .experience {
	float: left;
}
.resume .date {
	line-height: 1; font-size: 11px; font-weight: bold; margin-bottom: 10px;
}
.resume h6 {
	margin-bottom: 5px;
}
.resume .place {
	line-height: 1; font-weight: bold;
}
.resume .heading {
	margin-bottom: 10px;
}
.resume .description {
	margin-bottom: 30px; float: left;
}
.resume .skills {
	margin-bottom: 30px;
}
.resume .skill-container {
	background: rgb(238, 238, 238); width: 100%; height: 20px; margin-bottom: 5px;
}
.resume .skill {
	background: rgb(221, 221, 221); padding: 0px 5px; color: rgb(119, 119, 119); font-size: 11px; font-weight: bold; max-height: 18px;
}
.contact .map {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 5px; border: 1px solid rgb(204, 204, 204); border-image: none; -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.contact label {
	font-size: 11px; font-weight: bold; display: block;
}
.contact input {
	background: rgb(238, 238, 238); margin: 0px 0px 10px; padding: 2%; border: 0px currentColor; border-image: none; width: 96%; color: rgb(119, 119, 119);
}
.contact textarea {
	background: rgb(238, 238, 238); margin: 0px 0px 10px; padding: 2%; border: 0px currentColor; border-image: none; width: 96%; color: rgb(119, 119, 119);
}
.contact textarea {
	min-height: 100px;
}
.contact .error {
	color: rgb(255, 0, 0); font-size: 10px; margin-bottom: 10px;
}
.contact input.error {
	color: rgb(119, 119, 119);
}
.contact textarea.error {
	color: rgb(119, 119, 119);
}
.contact .submit-button {
	display: block;
}
.footer {
	margin: 0px auto; padding: 15px 0px 30px; color: rgb(170, 170, 170); font-size: 10px; position: relative; max-width: 780px;
}
@media only screen and (min-width:768px)
{
.header a button {
	margin-top: -10px;
}
.blog .info {
	text-align: right;
}
.resume .date {
	width: 100px; text-align: right; margin-right: 20px; float: left;
}
.resume .info {
	width: 340px; float: left;
}
.left-padding {
	padding-left: 20px;
}
.right-padding {
	padding-right: 20px;
}
html {
	-ms-overflow-y: scroll;
}
}
@media only screen and (max-width:767px)
{
.logo h2 {
	margin: 20px 0px; font-size: 20px;
}
.big-text {
	top: 8px; font-size: 42px;
}
.frame {
	margin: 20px 60px;
}
.blog .date::after {
	padding-right: 5px;
}
.blog .author::after {
	padding-right: 5px;
}
.blog .tags::after {
	padding-right: 5px;
}
.item {
	margin: 0px 0px 3px; width: 100% !important;
}
.portfolio .mask a {
	padding: 2px 0px 3px; font-size: 10px;
}
}
@media only screen and (max-width:767px) and (min-width:480px)
{
.frame {
	margin: 20px 90px;
}
.item {
	width: 207px !important;
}
}
@media not all
{
.menubutton {
	background: url("../img/button_menu@2x.png") no-repeat center rgb(53, 53, 53); -webkit-background-size: 30px 30px;
}
.hidden {
	display: none !important; visibility: hidden;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
}