/* CSS for matthew-design.com */

body {
background: #101820;
font: 13px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
color: white;
}

a {
color: #af7;
}

a:visited {
color: #7af;
}

a:hover, a:active {
color: #7af;
}

div#logo-area {
padding-top: 33px;
}

div#container {
width:844px;
margin: 0 auto;
text-align: center;
}

span.dull {
color: #3d434a;
}

div.intro-set {
background-color: #1f2830;
margin: 0 auto;
width: 741px;
padding: 50px;
text-align: center;
border-bottom: 1px solid #0d030a;
text-align: left;
color: #cdb;
font-size: 150%;
line-height: 2em;
font-weight: normal;
}

div.intro-set span.humor {
color: #99b;
font-size: 80%;
}
div.intro-set h1 {
text-align: center;
color: #fff;
margin-bottom: 15px;
}
div.name {
width: 100%;
text-align: center;
margin-bottom: 5em;
}


div.portfolio-set {
background-color: #1f2830;
margin: 50px auto 0 auto;
width: 740px;
padding: 50px;
text-align: center;
border-top: 1px solid #2d333a;
border-left: 1px solid #2d333a;
border-right: 1px solid #0d030a;
border-bottom: 1px solid #0d030a;
}

div#about {
margin: 50px auto 0 auto;
}

div#contact-area {
color: #ccffaa;
font-size: 100%;
border-bottom: 1px solid #3d434a;
padding: 10px;
width: 820px;
margin: 0 auto;
}

div#contact-area a {
color: #aaccff;
}

h1 {
font-weight: normal;
font-size: 250%;
margin: 0;
padding: 15px 0 0 0;
text-align: left;
}

h2 {
font-weight: normal;
font-size: 170%;
margin: 0;
padding: 15px 0 0 0;
text-align: left;
color: #65a808;
}

h3 {
font-weight: normal;
font-size: 140%;
margin: 0;
padding: 15px 0 0 0;
text-align: left;
color: #3872bb;
}

div.portfolio-content {
margin: 50px auto;
}

div.portfolio-blurb {
color: #693;
text-align: left;
font-size: 120%;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

div.portfolio-content-item {
float: left;
margin: 0 1px 1px 0;
}

div.portfolio-content a {
padding: 0;
margin: 0;
}

img {
border: 0;
margin: 0;
padding: 0;
}

div.clear {
width: 100%;
height: 1px;
clear: both;
}

div#footer {
height: 40px;
padding-top: 35px;
font-size: 80%;
color: #38c;
}

div.navbar {
display: block;
border-bottom: 1px solid #3d434a;
padding: 20px 10px;
width: 820px;
margin: 0 auto;
color: #444;
font-size: 90%;
}

div.navbar a {
color: #feb;
text-decoration: none;
}

/* ---------------------------------------------- Resume ---------------------------------------------- */

div.portfolio-content-resume {
text-align: left;
padding: 30px;
color: #cda;
}

div.portfolio-content-resume a {
color: #cda;
}
div.portfolio-content-resume a:visited {
color: #897;
}

div.portfolio-content-resume h1 {
color: #fff;
font-size: 190%;
}

/*---------------------------------------------Work-Item------------------------*/

div.work-item {
border-bottom: 1px solid #3d434a;
float: left;
padding: 10px 5px;
}

div.left-wi, div.right-wi {
float: left;
}

div.left-wi {
margin-right: 40px;
}

div.right-wi {
width: 400px;
}

div.lwi-date, div.rwi-title {
font: 120% Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #bdad6d;
}

div.lwi-place {
font: 100% Georgia, "Times New Roman", Times, serif;
font-weight: bold;
color: #9ab;
}

div.right-wi ul {
padding: 0 0 0 15px;
margin: 3px 0 0 0;
list-style: disc;
font-size: 90%;
}

div.skill-col {
float: left;
padding-right: 2em;
list-style-position:inside;
}

/*---------------------------------------Projects----------------------------------- */


div.project-box {
background-color: #fff;
border: 1px solid #e1d9cc;
padding: 15px;
width: 526px;
height: 265px;
position: relative;
}

div.leaf {
position: absolute;
bottom: -12px;
right: -10px;
}

div.project-box img {
border: 1px solid #e1d9cc;
}


div.leaf img {
border: 0;
}

div.port-box {
float: left;
padding: 0 20px 0 20px;
}

/*----------------------------------------quote form-------------------------*/

iframe {
background-color: #1f2830;
}

div#hidden {
display:none;
}

h1.h1-unique {
text-align: center;
}