@charset "UTF-8";
/* CSS Document */
html {height:101%}
body {background:url('images/global/background.png') #fff; padding:5px 0px 20px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; }
h1 {padding:0px; margin:0px; font-weight:normal; font-size:40px; line-height:41px; font-family: 'Stint Ultra Expanded', cursive;}
h1 span {font-size:16px;}
h1 a {color:#000; text-decoration:none;}
h2 {font-size:.35em; line-height:1em; font-weight:normal; padding:5px 5px 5px 8px; margin:0px 0px 30px 0px; background-color:#fff; border:1px solid #000;  font-family: 'Diplomata SC', cursive; letter-spacing:1em; text-align:center;}
h3 {font-family: 'Satisfy', cursive; font-size:35px; line-height:38px; font-weight:normal; padding:2px; margin:0px;}
img, a img {border:0px;}
#all {margin:0px auto; max-width:1000px; position:relative;}
#main {background:url('images/global/background-darker.png') #fff; border:1px solid #000; padding:20px 20px 10px 20px; }
#menu {position:absolute; right:0px; top:22px; font-family: 'Satisfy', cursive; font-size:20px; line-height:21px;}
#menu a {color:#000; padding:0px 10px; text-decoration:none;}
#menu a:hover {color:#999}
#menu a:last-child {padding-right:0px;}
#portfolio img, #index img {background-color:#000; padding:2%; border:6px solid #fff; display:block; float:left; width:49%; height:auto;	max-width:500px;}
.portfolio-item { margin-bottom:30px; padding:0px 20px;}
.portfolio-description {width:35%; background-color:#fff; margin-left:2%; padding:0px 0px 0px 8%; background:url('images/portfolio/drawn-arrow.png') no-repeat center left; float:left;}
.portfolio-description-content {background-color:#fff; padding:15px 10px 0px 10px;; border:1px solid #000; line-height:18px;}
.portfolio-description-content a {color:#333; }
.portfolio-description-content  p {padding:0px 0px 10px 0px; margin:0px; font-family: Helvetica, Arial, sans-serif; font-size:13px; line-height:18px;}
.detail {font-style:italic; padding:0px 0px 5px 0px;}
.site-link {text-align:right;}
.site-link a {text-decoration:none; }
.clearer {clear:both;}
.portbtn {height:60px; display:block; font-family: 'Satisfy', cursive; font-size:38px; line-height:39px; text-decoration:none; color:#232145; }
.next {background:url('images/portfolio/btn-next.png') no-repeat right top; padding:20px 90px 0px 0px;  float:right; margin-right:50px;}
.prev {background:url('images/portfolio/btn-prev.png') no-repeat left top; padding:20px 0px 0px 90px;  float:left; margin-left:50px;}

/* contact */
#contact {position:relative; height:500px;}
.name-label {top:80px; left:20px;}
.name-input {top:125px; left:20px;}
.email-label {top:198px; left:20px;}
.email-input {top:245px; left:20px;}
.message-label {top:80px; left:500px;}
.message-input {top:125px; left:500px;}
.contact-form input[type="text"], .contact-form textarea {border:1px solid #000; color:#000; display:block; position:absolute; z-index:1; font-size:25px; line-height:26px;}
.contact-form input[type="text"] {width:430px; height:50px;     padding:0px 10px;}
.contact-form label {font-size:50px; line-height:52px;  display:block; padding:5px; font-family: 'Satisfy', cursive; color: #232145; position:absolute; z-index:10;}
.contact-form textarea { width:424px; height:162px; padding:5px; }
.contact-form input[type="submit"] {border:1px solid #000; color:#000;  height:50px; font-family: 'Diplomata SC', cursive; color:#fff; float:right; color:#000; background-color:#fff; font-size:25px; line-height:27px; margin-top:10px; position:absolute; top:310px; right:20px;}
@media (max-width:800px){
	
	#portfolio img, #index img {float:none; width:93%; margin:0px auto 1em auto;}
.portfolio-description {float:none; margin:0px; width:100%; padding:0%;}
h1 {text-align:	center;}
	h1 span {display:block;}
	.portfolio-item {width:100%; 

padding: 0px;
	
}
/* 
#index {padding:40px 0px 50px 0px; }
#index img {border:5px solid #000; width:285px; height:214px; display:block; margin-bottom:12px;}
#index .row {width:296px; float:left; margin-right:17px; background-color:#fff; text-align:center; text-decoration:none; display:block; padding:6px 6px 15px 6px;  font-family: 'Diplomata SC', cursive; font-size:25px; line-height:28px; color:#000; letter-spacing:1px;}

#index a.row:hover {border:2px solid #000; padding:4px 4px 13px 4px;}
*/