/* ------------

TABLE OF CONTENTS

-basic html
-basic template
--nav
--mainbody
--footer
-specific by page
--portfolio
---individual descriptions

------------ */


/*--- 
--------
BASIC HTML 
--------
---*/


html, body, div, p, ul, span, a, li, table, tr, td, th {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:13px;
line-height: 20px;
color: #49463b;
}

body {
background-color: #cec58e;
}

h1 {
font-size: 50px;
line-height: 50px;
font-family:Helvetica, Arial , sans-serif;
font-weight: bold;
letter-spacing: -0.03em;
}

h2 {
font-size: 30px;
line-height: 30px;
font-family:Helvetica, Arial , sans-serif;
font-weight: bold;
margin: 10px 0px 0px 0px;
padding: 0px;
letter-spacing: -0.03em;
}

h6 {
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
letter-spacing: -0.03em;
}

a:link, a:visited {
color: #3a1c00;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.style1 {
font-size: 16px;
line-height: 20px;
font-weight: bold;
font-family:Helvetica, Arial , sans-serif;
}

.style2 {
font-size: 16px;
line-height: 20px;
font-family:Helvetica, Arial , sans-serif;
}

/*--- 
--------
BASIC TEMPLATE
--------
---*/

#container {
width: 850px; 
margin: 0px auto;
}

#header {
border-bottom: 1px solid #615d4e;
height: 185px;
width: 850px;
background-image:url(http://www.mcalvinwilson.com/images/mw.gif);
background-repeat:no-repeat;
background-position:left 50px;
}


#title {
float: left;
margin: 100px 0px 0px 0px;
}


/*-----NAV-----*/

#nav {
float: right;
margin: 60px 0px 0px 0px;
clear: none;
}

#nav ul {
list-style: none;
float: left;
}

#nav li {
float: left;
list-style: none;
margin: 0px 0px 0px 64px;
font-size: 20px;
font-weight: bold;
font-family:Helvetica, Arial , sans-serif;
color: #f4ecbd;
}

#nav li a:link, #nav li a:visited {
font-size: 20px;
font-weight: bold;
font-family:Helvetica, Arial , sans-serif;
text-decoration: none;
color: #f4ecbd;
}

#nav li a:hover {
color: #FFFFFF;
}

#nav li#current a{
color: #f5f2dd;
}

/*-----MAINBODY-----*/

#mainbody {
padding: 20px 0px;
}


/*-----FORM-----*/



textarea, input, select {
background: #f4f4f4;
border: 10px solid #f4ecbd;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #000;
margin: 1px;
padding: 3px;
}



#form label {
float: left;
width: 75px;
margin-right: 50px;
text-align: right;
padding-top: 10px;
}



#form .form_field {
width:400px;
}



#form .button {
text-align: right;
}



#form {
padding: 0px;
}





#form fieldset {
border: 0;
margin-bottom: -10px;
clear: both;
}



#form #submit {
color: #ffffff;
font-size: 16px;
line-height: 20px;
font-family:Helvetica, Arial , sans-serif;
background-color: #615d4e;
float: left;
margin-left: 126px;
border-color: #615d4e;
}





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

#footer {
border-top: 1px solid #615d4e;
height: 100px;
width: 850px;
background-image:url(http://www.mcalvinwilson.com/images/mw.gif);
background-repeat:no-repeat;
background-position:left center;
margin: 0px auto;
}

#footer p {
float: right;
color: #615d4e;
margin: 40px 0px 0px 0px;
}


/*--- 
--------
SPECIFIC BY PAGE
--------
---*/

/*-----PORTFOLIO-----*/

.project {
display: block;
clear: both;
margin: 0px 0px 20px 0px;
}


img.project {
float: left;
clear: none;
}

.project_title {
float: right;
display: block;
clear: right;
width: 250px;
}

.project_description {
float: right;
width: 250px;
position: relative;
clear: right;
display: block;
}

.project_description a {
font-weight: bold;
}

hr.project_divider {
clear: both!important;
border: none;
border-top: 1px solid;
margin: 0px 0px 20px 0px;
}

/*-individual descriptions-*/

#wetfeetweb.project_description {
top: 385px;
}

#decibel.project_description {
top: 280px;
}

#sixtysix.project_description {
top: 470px;
}

#soysnaps.project_description {
top: 450px;
}