/* GENERAL -------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	border: 0;
}

::selection {
background: #D34F4F;
color: #fff;
}

#main{
	padding-top: 40px;
	background: url(../img/oblique-lines.png) repeat-x;
	margin-bottom: 30px;
}

ol, ul {
list-style: none;
}

body{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #888;
	background: #ebebe8
}

.clearfix{
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.wrapper{
	margin: 0 auto; 
	position: relative;
}

body p{
	margin-bottom: 21px;
}

body a{
	text-decoration: none;
	
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

body a {
color: #444;
}

h1{ font-size: 48px;}

h2{ font-size: 36px; }

h3{ font-size: 24px; }

h4{ font-size: 21px; }

h5{ font-size: 18px; }

h6{ font-size: 14px; }

#main,
footer,
aside{ line-height: 1.5em; }


.wrapper {
	width: 940px;
}

.right{
	float: right;
}

.left{
	float: left;
}


.right:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#slider-holder{
	padding-bottom: 50px;
}

.welcome{
	float: left;
	width: 620px;
	height: 305px;
	background: #ACACAC;
	position: relative;
	zoom: 1;
	-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	color: #E2E0D7;
}

.welcome-text{
	color: #f1f1f1;
	margin:50px;
	margin-top: 95px;
	margin-bottom: 95px;
}

.home-block{
	margin-bottom: 20px;
}

.home-block figure{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	line-height: 1.2em;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
}

.home-block figure:hover>figcaption{
	background:#D34F4F;
	display:block;
	/*
	D34F4F
	ea4c88
	*/
}

body, .home-block-heading span, .page-heading span {
background: #ebebe8;
}

.home-block-heading{
	text-align: center;
	margin-bottom: 40px;
	background: url(../img/div-line.png) repeat-x center center;
}

.home-block-heading span {
padding: 0px 20px;
}

.one-third-thumbs figure{
	width: 300px;
	height: 188px;
}

.one-fourth-thumbs figure {
width: 220px;
height: 138px;
}
.one-fourth-thumbs figcaption{
display: none;
}

.home-block figure.last {
margin-right: 0px;
}

figure{
	display: block;
	-webkit-margin-after: 1em;
	-webkit-margin-end: 40px;
}

.home-block figcaption {
color: #f1f1f1;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.home-block figcaption span {
font-size: 11px;
margin-bottom: 7px;
}

.one-third-thumbs figcaption span{
	font-size: 11px;
	margin-bottom: 7px;
	max-height: 108px;
	overflow: hidden;
}

.one-fourth-thumbs figcaption span{
	font-size: 11px;
	margin-bottom: 7px;
	max-height: 60px;
	overflow: hidden;
}

.home-block figcaption strong, .home-block figcaption span, .home-block figcaption em {
display: block;
margin-left: 17px;
margin-right: 17px;
}

.home-block figcaption strong {
font-weight: bold;
line-height: 1.3em;
margin-bottom: 7px;
margin-top: 17px;
}

.home-block figcaption em {
font-weight: bold;
}

.home-block figcaption em {
font-size: 11px;
font-weight: bold;
font-style: normal;
position: absolute;
bottom: 10px;
}

.opacity .home-block figure .opener {
display: none;
}

.home-block figure .opener {
display: block;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 999;
}

#slider-holder #headline{ background: #e2e0d7; }

#slider-holder #headline{
	background: #e2e0d7;
	
	position: relative;
	float: right;
	width: 260px; /* 300 - 40 padding */
	min-height: 275px;
	margin-top: -58px;
	padding: 70px 20px 20px 20px;;
	
	-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
}

#headline h1{ 
	margin-bottom: 30px;
	line-height: 1.0em;
}


#headline em#corner,
#sidebar em#corner{
	display: block;
	position: absolute;
	top:0px;
	left: -14px;
	width: 14px;
	height: 18px;	
	background: url(../img/sidebar-corner.png) no-repeat;
}

/* LOGO -----------------------------------------------------------------*/
header{
background: #444 url(../img/header.png) bottom left repeat-x;
min-width: 940px;
}

#logo{
	display: inline-block;
	padding-top: 30px;
	padding-bottom: 20px;
	text-decoration: none;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, .6);
}

#logo h1{
	color: #D34F4F;
}

#logo h5{
	margin-top: -20px;
	margin-left: 90px;
	color: #E2E0D7;
}

#logo:hover{ opacity: 0.8;}

h1,h2,h3,h4,h5,h6{
	font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6{ color: #444444; }

/* NAVIGATION ------------------------------------------------------------*/


nav{
	margin-top: 0px;
	height: 30px;
}


nav a{
	text-decoration: none;
}

#nav li{
	margin-right: 20px;
}

#nav>li>a{
	font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	display: block;
	overflow: hidden;
	padding: 0px 0px 7px 0px;
	text-shadow: 2px 2px 0px rgba(0, 0, 0, .6);
}


#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
	border-bottom: solid #ebebe8 5px;
}

#nav>li>a:hover{
	color: #D34F4F;
}

nav a{ color: #E2E0D7; }

#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
	color: #D34F4F;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



/* sub navigation -----------------------------------------------------*/

#nav>li ul{
	display: block;
	margin-top: -10px;
	
	-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	
}

#nav>li ul li a{
	display: block;
	padding: 15px 20px;
	display: block;
	font-size: 11px;
	text-decoration: none;
}

#nav>li ul li a span{
	display: block;
}

#nav>li ul{ background: #2f2f2f; }

#nav>li ul li a{ color: #717171; }

#nav>li ul li a:hover,
#nav>li ul li:nth-child(even) a:hover{
	background: #D34F4F;
	color: #fff;
}

#nav>li ul li:nth-child(even) a{
	background: #333333;
}

/* Footer -------------------------------------------------------*/

footer .wrapper {
background: url(../img/footer.png) repeat-x top center;
}

footer .wrapper{
padding-top: 40px;
}

.widget-cols>li {
width: 220px;
float: left;
margin-right: 20px;
}

.widget-cols>li.fourth-col {
margin-right: 0px;
}

.widget-cols h4 {
margin-bottom: 21px;
}

.recent-post {
margin-bottom: 21px;
overflow: hidden;
}

.recent-post .thumb {
display: block;
float: left;
}

a img {
border: 0;
}

.recent-post .post-head {
width: 153px;
display: block;
float: right;
}

.recent-post span {
display: block;
}

.recent-post {
margin-bottom: 21px;
overflow: hidden;
}

.footer-bottom {
margin-bottom: 20px;
overflow: hidden;
}

.footer-bottom .right {
width: 50%;
float: right;
}

#social-bar {
display: block;
overflow: hidden;
}

#social-bar li {
display: block;
float: right;
width: 36px;
height: 36px;
margin-left: 5px;
}

#social-bar .deviantart{
display: block;
float: right;
width: 55px;
height: 36px;
margin-left: 5px;
}

#social-bar li a {
display: block;
width: 100%;
height: 100%;
}

/* Blog ----------------------------------------------------------------------- */

#sidebar {
background: #e2e0d7;
}

#sidebar {
position: relative;
width: 200px;
float: left;
padding: 45px 10px 20px 10px;
margin-top: -58px;
margin-bottom: 40px;
-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

#sidebar .block {
border-bottom: 1px solid #bcbcba;
}

#sidebar .block {
margin-bottom: 18px;
padding-bottom: 5px;
}

#sidebar li {
margin-bottom: 7px;
}

#sidebar h4, #piece-sidebar h4 {
margin-bottom: 20px;
}

.floated-content, #posts-list, #post-content {
position: relative;
width: 700px;
float: left;
margin-right: 20px;
}

#posts-list .page-heading, .fullwidth-content .page-heading, .floated-content .page-heading {
margin-bottom: 35px;
}

.page-heading {
text-align: left;
margin-bottom: 30px;
background: url(../img/div-line.png) repeat-x center center;
}

#posts-list article {
position: relative;
padding-left: 160px;
margin-bottom: 40px;
}

#posts-list .entry-date {
color: #f1f1f1;
}

#posts-list .entry-date {
position: absolute;
top: 0px;
left: 23px;
width: 97px;
height: 97px;
background: url(../img/date.png) no-repeat;
font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
}

#posts-list .entry-date .number {
font-size: 50px;
padding-top: 25px;
text-align: center;
}

#posts-list .entry-date .year {
text-align: center;
padding-top: 10px;
}

#posts-list .post-heading {
margin-bottom: 20px;
line-height: 1.0em;
}

#posts-list .excerpt, #posts-list .read-more {
display: block;
margin-bottom: 20px;
}

#posts-list .excerpt, #posts-list .read-more {
display: block;
margin-bottom: 20px;
}

article .meta {
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
overflow: hidden;
}

article .meta .categories, article .meta .comments, article .meta .user {
background-position: 5px 12px;
}

article .meta .categories {
background: url(../img/icon-tags.png) no-repeat;
}

article .meta div {
padding: 15px 10px 15px 30px;
float: left;
max-width: 170px;
}

article .meta .categories, article .meta .comments, article .meta .user {
background-position: 5px 12px;
}

article .meta .comments {
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
background: url(../img/icon-comments.png) no-repeat;
}

.page-navigation {
display: block;
margin-left: 160px;
margin-bottom: 0px;
}

.page-navigation .nav-next {
float: left;
}

.page-navigation a {
background: #444 url(../img/noise.png) repeat;
color: #f1f1f1;
}

.page-navigation a {
display: block;
padding: 14px 18px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
box-shadow: 2px 2px 0px rgba(0,0,0,.2);
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.8);
}

.page-navigation .nav-previous {
float: right;
}

.page-heading span {
padding: 0px 20px;
margin-left: 20px;
}

.floated-content{
	margin-bottom: 20px;
}

.fullwidth-content{
	margin-bottom: 40px;
}

/* GALLERY ------------------------------------------------------ */

.portfolio-thumbs {
width: 960px;
padding-top: 20px;
padding-bottom: 10px;
}

.portfolio-thumbs figure {
	width: 300px;
	height: 188px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	line-height: 1.2em;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,.2);
}

.portfolio-thumbs figure:hover>figcaption{
	background:#D34F4F;
	display: block;
}

.portfolio-thumbs figcaption {
	display: none;
	color: #f1f1f1;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.portfolio-thumbs figcaption strong {
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 7px;
	margin-top: 17px;
}

.portfolio-thumbs figcaption strong, .portfolio-thumbs figcaption span, .portfolio-thumbs figcaption em {
display: block;
margin-left: 17px;
margin-right: 17px;
}

.portfolio-thumbs figcaption span {
font-size: 11px;
margin-bottom: 7px;
}

.portfolio-thumbs figcaption em {
font-size: 11px;
font-weight: bold;
font-style: normal;
position: absolute;
bottom: 10px;
}

.opacity .portfolio-thumbs figure .opener {
display: none;
}

.portfolio-thumbs figure .opener {
display: block;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 999;
}

.pager {
overflow: hidden;
display: block;
font-size: 11px;
margin: 0px 0px 0px 0px;
}

.pager .paged {
float: right;
font-style: italic;
}

.pager li {
display: block;
margin-right: 5px;
float: left;
}

.pager li.active a {
background: #444;
color: #fff;
}

.pager li a {
color: #444;
}

.pager li a {
display: block;
width: 100%;
height: 100%;
text-align: center;
text-decoration: none;
width: 20px;
border: 1px solid #ccc;
line-height: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* piece -------------------------------------------------------------- */


/* META ------------------------------------------------------------*/

.comment-meta { 
	margin: 0 0 12px 50px; 
	color: #a4a5aa;
	font-size: 11px;
	position: relative;
}

.children .comment-meta { margin-left: 40px; }



.comment-author cite {
	font-weight: bold;
	font-style: normal;
	color: #2C2D31;
	margin: 0;
	padding: 0;
}

/* FORMS ------------------------------------------------------------*/

#commentform,
#pieceForm{
	margin-bottom: 18px;
	color: #484848;
}


#commentform h4,
#pieceForm h4{
	margin-top: 20px;
	margin-bottom: 20px;
}

#pieceForm input,
#pieceForm textarea,
#commentform input,
#commentform textarea{
	padding: 10px 15px;
	background: #eaeaea;
	color: #484848;
	border: 1px  solid #ccc;
	font-size: 13px;
	font-family: Helvetica, Arial;
	line-height: 1.5em;
	
	overflow: auto;
}

#pieceForm input:focus,
#pieceForm textarea:focus,
#commentform input:focus,
#commentform textarea:focus{
	background: #fff;
	-webkit-box-shadow: 0px 0px 3px rgba(234,76,136,.4);
	-moz-box-shadow: 0px 0px 3px rgba(234,76,136,.4);
	-o-box-shadow: 0px 0px 3px rgba(234,76,136,.4);
	box-shadow: 0px 0px 3px rgba(234,76,136,.4);
}

#pieceForm input[type="text"],
#commentform input[type="text"]{
	overflow: auto;
	width: 200px;
	margin-bottom: 20px;
	
	overflow: hidden;
}

#pieceForm  textarea,
#commentform textarea{
	width: 90%;
	height: 230px;
}


#pieceForm input[type="submit"],
#commentform input[type="submit"],
#pieceForm input[type="button"]{
	margin: 21px 0px;

	width: auto;
	color: #444;
	font-size: 11px;
	background: #eaeaea;
	padding: 3px 10px;
	border: 1px solid #ccc;
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	
	 -webkit-transition: all 0.3s ease;
	 -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
	 transition: all 0.3s ease;
	 
	 cursor: pointer;
}

#pieceForm input[type="submit"]:hover,
#commentform input[type="submit"]:hover,
#pieceForm input[type="button"]:hover{
	background: #ea4c88;
	color: #fff;
}

#pieceForm label,
#commentform label{
	padding-left: 7px;
	color: #484848;
}


#respond{ 
	margin: 25px 0 0px 0px;
}

#respond .cancel-comment-reply a{
	float: right;
	color: #444;
	text-decoration: none;
	background: #eaeaea;
	padding: 3px 10px;
	border: 1px solid #ccc;
	
	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3); 
	-o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,.3);
	
	 -webkit-transition: all 0.3s ease;
	 -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
	 transition: all 0.3s ease;
}

#respond .cancel-comment-reply a:hover{
	background: #ea4c88;
	color: #fff	
}

#error{
	margin-left: 10px;
}


#sent-form-msg{
	padding: 5px 10px;
	margin-bottom: 40px;
	background: rgba(0, 0, 0, 0.1);
	color: #444;
}

/* */

.address-block li{
	padding-left: 20px;
}

.address-block .address{ background: url(../img/icon-address.png) no-repeat top left  }

.address-block .phone{ background: url(../img/icon-phone.png) no-repeat top left}

.address-block .mobile{ background: url(../img/icon-mobile.png) no-repeat top left }

.address-block .email{ background: url(../img/icon-email.png) no-repeat top left }

fieldset {
display: block;
-webkit-margin-start: 2px;
-webkit-margin-end: 2px;
-webkit-padding-before: 0.35em;
-webkit-padding-start: 0.75em;
-webkit-padding-end: 0.75em;
-webkit-padding-after: 0.625em;
min-width: -webkit-min-content;
}

#pieceForm{
	position: relative;
	width: 700px;
	float: left;
	margin-right: 20px;
}

#piece-sidebar{
	position: relative;
	width: 200px; /* 220 - 20 padding */
	float: left;
	padding: 20px 10px 20px 10px;
	-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

#sidebar h4,
#piece-sidebar h4{
	margin-bottom: 20px;
}

#piece-sidebar {
background: #e2e0d7;
}

.heading {
margin-bottom: 21px;
}

/* ABOUT ME -----------------------------------------------------------*/

#about-me-sidebar {
background: #e2e0d7;
position: relative;
width: 200px;
float: left;
padding: 20px 10px 20px 10px;
-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

/*#about-me-text {
position: relative;
width: 700px;
float: left;
margin-right: 20px;
}*/

/* BLOG SINGLE PAGE ----------------------------------------------------------------------*/

.post-content {
margin-bottom: 20px;
}

/* HIGHSLIDE ---------------------------------------------------------------------*/

.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}

/* PIECE -----------------------------------------------------------------*/

.piece-heading {
margin: 44px 24px 44px 0px;
}

.piece-heading h2 {
float: left;
margin-right: 20px;
}

.piece-heading .launch {
color: #888;
}

.piece-heading .launch {
display: block;
float: left;
text-decoration: none;
padding-top: 5px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.piece-description {
float: left;
width: 700px;
margin-bottom: 70px;
margin-right: 20px;
}

.piece-info {
float: left;
width: 220px;
margin-bottom: 70px;
}

.piece-info strong {
color: #444;
}

.piece-info strong {
font-weight: bold;
}

.piece-pager {
overflow: hidden;
margin: 0px;
padding-bottom: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 24px;
}

.blog-pager {
overflow: hidden;
margin: 0px;
padding-bottom: 24px;
padding-top: 24px;
}

.piece-pager a {
color: #444;
}

.piece-pager a {
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.piece-pager .next-piece {
float: right;
}

.blog-pager .next-piece {
float: right;
}

.related-pieces {
display: block;
width: 940px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 24px 0px 50px 0px;
}

.related-heading {
color: #444;
font-weight: bold;
margin: 0px 0px 24px 0px;
}

.related-pieces .related-list {
display: block;
}

.related-pieces figure {
display: block;
float: left;
width: 220px;
margin-right: 15px;
}

.related-pieces .thumb {
background: #ea4c88 url(../img/plus.png) center center no-repeat;
}

.related-pieces .thumb {
display: block;
margin-bottom: 12px;
-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

.related-pieces figure img {
max-width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* CONTACT --------------------------------------------------------*/

#contactForm{
	position: relative;
	width: 700px;
	float: left;
	margin-right: 20px;
}

#contact-sidebar{
	background: #e2e0d7;
	position: relative;
	width: 200px; /* 220 - 20 padding */
	float: left;
	padding: 20px 10px 20px 10px;
	-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	box-shadow: 2px 2px 0px rgba(0,0,0,.2);
}

#contactForm input[type="text"], #commentform input[type="text"] {
overflow: auto;
width: 200px;
margin-bottom: 20px;
overflow: hidden;
}

#contactForm input, #contactForm textarea, #commentform input, #commentform textarea {
padding: 10px 15px;
background: #eaeaea;
color: #484848;
border: 1px solid #ccc;
font-size: 13px;
font-family: Helvetica, Arial;
line-height: 1.5em;
overflow: auto;
}

#contactForm label, #commentform label {
padding-left: 7px;
color: #484848;
}

#contactForm textarea, #commentform textarea {
width: 90%;
height: 230px;
}

#respond-title, #comments, .add-comment-link {
font-size: 15px;
color: #2c2d31;
font-weight: bold;
}

#contactForm input[type="submit"], #commentform input[type="submit"], #contactForm input[type="button"] {
margin: 21px 0px;
width: auto;
color: #444;
font-size: 11px;
background: #eaeaea;
padding: 3px 10px;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
-o-box-shadow: 0px 0px 2px rgba(0,0,0,.3);
box-shadow: 0px 0px 2px rgba(0,0,0,.3);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}

#error {
margin-left: 10px;
}

#sent-form-msg {
padding: 5px 10px;
margin-bottom: 40px;
background: rgba(0, 0, 0, 0.1);
color: #444;
}

#sidebar h4, #contact-sidebar h4 {
margin-bottom: 20px;
}

.address-block .address {
background: url(../img/icon-address.png) no-repeat top left;
}

.address-block li {
padding-left: 20px;
}

.address-block .phone {
background: url(../img/icon-phone.png) no-repeat top left;
}

.address-block li {
padding-left: 20px;
}

.address-block .mobile {
background: url(../img/icon-mobile.png) no-repeat top left;
}

.address-block li {
padding-left: 20px;
}

.address-block .email {
background: url(../img/icon-email.png) no-repeat top left;
}

.address-block li {
padding-left: 20px;
}