* {
	margin: 0;
	padding: 0;
	}
html, body { height: 100%;}

body {
	font-size:62.5%;
	background-color:#FFF;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	color:#3a3a3a;
	min-width:1000px;
}
.main {
	background:#fff url(images/home-bg.jpg) repeat scroll;
}

img { margin:0; padding:0; border:0;}
ins { color:#009999;}
del { color:#990000;}
ul, li { margin: 0; padding:0; list-style: none;}

h1 {
	font:3.2em 'GraublauWebRegular', Arial, Tahoma, Helvetica, sans-serif;font-weight: normal; font-style: normal; line-height:normal; 
	color:#000;
	line-height:1.2em;
}

h2 {
	font:3em 'GraublauWebRegular', Arial, Tahoma, Helvetica, sans-serif;	font-weight: normal; font-style: normal; line-height:normal;
	color:#252525;
	line-height:1.15em;
}
h3 {
	font:2.2em 'GraublauWebRegular', Arial, Tahoma, Helvetica, sans-serif;
	color:#252525;
	line-height:1.25em;
}
h4 {
	font:1.8em 'GraublauWebRegular', Arial, Tahoma, Helvetica, sans-serif;
	color:#252525;
	line-height:1em;
}
h5 {
	font:1.4em Arial, Tahoma, Helvetica, sans-serif;
	color:#252525;
	line-height:1em;
	font-weight:bold;
}
p {
	font:1.2em Arial, Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	line-height:1.3em;
}

a, a:link,
a:active {
	color:#e20000;
	text-decoration:none;
}
a:hover {
	color:#000;
}
a:visited { color:#5f798f;}
a:focus { outline: none;}
a:-moz-any-link:focus { outline: none;}


/* ----------------------------------------------*/
/* 00-a - LAYOUT General
/* ----------------------------------------------*/

#wrapper {
	width:1000px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -102px;
}
#content {
	width:750px;
	float:right;
	margin-bottom:20px; /*BUG FIX*/
}
.inner-container {
	padding:0 15px;
}
.inner-padding {
	padding:0 50px;
}


/* ----------------------------------------------*/
/* 01 - HEADER
/* ----------------------------------------------*/

#header {
	height:90px;
	margin-bottom:20px;
}
#mistyukevych-logo-home {
	position:fixed;
	left:50px;
	top:45px;
	z-index:100;
	width:122px;
	height:108px;
	background:url(images/mistyukevych-logo-home.png) no-repeat;
	text-indent:-9999px;
	}
#mistyukevych-logo {
	position:fixed;
	left:50px;
	top:35px;
	z-index:100;
	width:217px;
	height:27px;
	}
#mistyukevych-logo a {
	display:block;
	background:url(images/mistyukevych-logo.png) no-repeat;
	width:217px;
	height:27px;
	text-indent:-9999px;
}
.main-menu {
	width:750px;
	float:right;
	padding-top:45px;
}
.main-menu div {
	float:left;
	padding-right:4em;
}
.main-menu a,
.main-menu a:link,
.main-menu a:active,
.main-menu a:visited {
	font:1.4em 'GraublauWebRegular', Arial, Helvetica, sans-serif; color:#6c6c6c;
	font-weight: normal;
	text-decoration: none;
}
.main-menu a:hover, a.current { color:#000;}
.main-menu a.current { color:#e20000;}

/* ----------------------------------------------*/
/* 02 - CONTENT BLOCK
/* ----------------------------------------------*/
.main-title {
	font-size:3.6em;
	padding-bottom:25px;
}
.additional-main-title {
	font-size:2em;
	padding-top:25px;
	padding-bottom:15px;
}
.article {
	background:#FFF;
/*	border-top: 1px solid #dedede; */
	padding:10px 15px;
}
.post {
	margin-bottom:25px;

}
.post p{
	line-height:1.4em;
	padding:10px 0;

	
}
.post img { margin-bottom:10px;}
.post h1 { padding:0.3em 0;}
.post h2 { padding:0.2em 0 0.3em 0; color:#3a3a3a;}
.post h3 { padding:0.2em 0 0.4em 0; color:#454545;}
.post h4 { padding:0.2em 0 0.3em 0; color:#6c6c6c;}

h4.project-category-title {
	font-size:1.4em;
	color:#a5a5a5;
	padding:2px 0;
}
h3.project-title {
	font-size: 2.4em;
	padding:3px 0 10px 0;
	border-bottom:1px solid #dedede;
	margin-bottom:10px;
}
.post-category-title {
	position:relative;
	border-bottom:1px solid #dedede;
	margin-bottom:10px;
}
h4.post-category-title {
	font-size:1.4em;
	color:#a5a5a5;
	padding:2px 0 5px 0;
}
h4.post-category-title span{
	position:absolute;
	right:0;
}

.project-item {
	width:350px;
	float:left;
	display:block;
	text-align:center;
	padding-right:20px;
	margin:10px 0 25px 0;
}
.project-item p{
	padding-top:10px;
	text-align:left;
}
.last-item {
	padding-right:0;
}
.project-description {
	text-align:left;
	margin-bottom: 10px;
	padding:5px 0;
	border-bottom: 1px solid #f0f0f0;
}

.project-description h3 {
	font:1.8em 'GraublauWebRegular', Arial, Helvetica, sans-serif; color:#6c6c6c;
	font-weight:normal;
}
.project-item a {
	display:inline-block;
}





/* ----------------------------------------------*/
/* 04 - POST WORK
/* ----------------------------------------------*/
.post-wrapper {
	padding-bottom:30px;
}

.post-wrapper h2 {
	font-size:2.4em;
	padding:0.2em 0 0.1em 0;
}
.post-wrapper h3 {
	font-size:2em;
	padding:0.2em 0 0.1em 0;
}
.post-wrapper h4 {
	font-size:1.8em;
	padding:0.2em 0 0.1em 0;
	color:#6c6c6c;
}
.inner p {
	margin:1em 0;
}
.post-heading {
	position:relative;
	font-size:3.2em;
	padding-bottom:10px;
}
.post-heading span {
	position:absolute;
	right:0px;
	top:0;
	color:#a5a5a5;
	font-size:0.6em;
}
.project-info {
	float:right;
	width:200px;
}
.project-entry {
	width:720px;
	float:left;
} 
.info-box {
	border: 1px solid #ececed;
	padding:15px; margin:0;
	background: rgba(248, 248, 248, 0.8);
	background-color: #f8f8f8;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/* ----------------------------------------------*/
/* 06 - TWITTER BLOCK
/* ----------------------------------------------*/
#twitt ul {
	padding: 10px 0 0 15px;
}
#twitt ul li{
	padding:5px 10px;
}
#twitt ul li:hover{
	background:#FFF;
}
#twitt ul li h4 {
	font:1.4em Arial, Helvetica, sans-serif;
	padding-bottom:3px;
}
#twitt ul li a {
	font:1.1em Arial, Helvetica, sans-serif;
	font-style:italic;	
}


/* ----------------------------------------------*/
/* 07 - CONTACT PAGE
/* ----------------------------------------------*/
.contact-form {
	padding-bottom:15px;
}
.forms-left {
	width:360px;
	float:left;
}
.forms-right {
	float:left;
	padding-bottom:15px;
}
.contact-item, .verification-code {
	margin-bottom: 20px;
}
.contact-item p {
	margin-bottom:0.7em;	
}
.contact-item input {
	width:310px;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0.6em 0 0.6em 1em;
}

.contact-item input:focus {
	background-color:#c50000;
	color:#fff;
	border: 1px solid #c50000;
}
.contact-item input:hover, .message-form:hover {
	border: 1px solid #c8c8c8;
}
.verification-code img {
	border: 1px solid #e5e5e5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:-30px 0 0 93px;	
	padding: 0.7em 0;
}

.message-form {
	width:610px;
	font:12px Arial, "Times New Roman", Times, serif;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 0.6em 0 0.6em 1em;
}
.message-form:focus {
	font:18px Arial, "Times New Roman", Times, serif;
	background-color:#c50000;
	color:#fff;
	border: 1px solid #c50000;
}

.send-btn {
	width:139px;
	height:44px;
	cursor: pointer;
	background:transparent  url(images/send-btn.png) no-repeat;
	border:none;
}

.message-sent, .message-error {
	color:#c50000;
	font-weight:bold;
	padding: 0.2em 0 2em 0;
}

/* ----------------------------------------------*/
/* 08 - 404 ERROR
/* ----------------------------------------------*/
.error-block {
	margin:10% 0 2% 0;
}
.error-block h1 {
	color:#950000;
	font-size:4em;
	margin: 5px 0 35px 0;
}
.error-block h2 {
	margin-top:20px;
}


/* ----------------------------------------------*/
/* 09 - FOOTER
/* ----------------------------------------------*/

#footer, .push {height:100px;}
#footer {
	border-bottom:2px solid #e20000;
	clear:both;
}
.border-line {
	border-top: 1px solid #dedede;
}
.copyright {
	padding: 25px 0 0 0;
	float:left;
	width:350px;
}
.copyright p {
	font:1.2em Arial, Tahoma, Helvetica, sans-serif; color:#acacac;
	color:#6c6c6c;
	text-align:left;
}
p.rights {
	font-size:1.1em;
	color:#a5a5a5;
	padding-top:5px;
}
#logo-footer a {
	display:block;
	float:right;
	background:url(images/logo-sm.png) no-repeat;
	width:36px;
	height:27px;
	text-indent:-9999px;
	margin-top:40px;
}


/* ADDITIONAL CLASSES */



.clear-both { clear:both;}
.fright { float:right;}
.fleft {float:left;}
.white-bg { background-color:#FFF;}