/*
Theme Name: joelyoungdesign.com
Author: Joel Young
*/

div.clear { clear: both; }

body{
  background: #2676a3 url('images/fadebg.png') repeat-x;
  text-align: center;
  padding: 0;
  margin: 0;
  font-family: 'Lato', sans-serif;
  }

#container{
  background-color: transparent;
  width: 920px;
  height: auto;
  text-align: center;
  margin: 0 auto 50px auto;
  padding: 0;
  }

/* Content Area */
div.content { background-color: transparent; text-align: center; margin: 0 auto; padding: 10px; }

h1{
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  padding: 0;
  color: #0e405d;
  }

h2{
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  margin: 0 0 5px 0;
  padding: 0;
  color: #ffffff;
  }

p{
  font-size: 13px;
  text-align: left;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  line-height: 20px;
  color: #ffffff;
  }

p.footer{
  text-align: center;
  line-height: 16px;
  font-size: 10px;
  padding: 0;
  margin-top: 20px;
  }
  
img.link { margin: 0 0 0 -2px; }

a img.link:hover { opacity: 0.7; }

p.logo{
  text-align: left;
  padding: 0px;
  margin: 5px 0px 20px 0px;
  line-height: 18px;
  }


ul{
  font-size: 13px;
  text-align: left;
  margin-left: 20px;
  margin-bottom: 15px;
  padding: 0;
  line-height: 16px;
  }

a:link{
  text-decoration: underline;
  color: #5ec3e1;
  }

a:visited{
  text-decoration: underline;
  color: #5ec3e1;
  }

a:hover{
  color: #fff;
  text-decoration: underline;
  }

a:active{
  text-decoration: underline;
  color: #5ec3e1;
  }
  
/* Header */  
#header {margin: 0 0 30px 0; padding: 10px; background-color: transparent;}
#header ul { text-align: center; margin-top: -51px; }
#header ul li { display: inline; }
#header ul li a { padding: 5px 15px 20px 15px; margin: 0px 2px; font-size: 16px; font-weight: bold; text-align: center; float: right; text-decoration: none; display: inline; color: #2676a3; background-color: transparent; }
#header ul li a:hover, #header ul li a.active:hover { color: #145c85; text-decoration: none; }
#header ul li a.active { color: #145c85; background: url('images/navarrow.png') bottom center no-repeat; }
#wrappertop { width: 100%; height: 90px; margin: 0; padding: 0; background: #ddd url('images/headerfade.png') repeat-x; }
#wrappertopinner { width: 900px; margin: 0 auto; padding: 0; text-align: left; }
#wrappertopinner p { color: #0E405D; line-height: 15px; font-size: 13px; }
.topjump { padding: 0; margin: 0; }

/* Portfolio Items */
ul.portfolioItem { width: 900px; list-style-type: none; margin: 0 0 0 4px; }
ul.portfolioItem li { width: 440px; height: 375px; margin: 0 10px 0 0; text-align: center; display: inline; float: left; color: #fff; }


/* Contact Form */
input.textArea1 { width: 350px; height: 15px; color: #145c85; background-color: #ddd; border: 1px solid #aaa; }
ul.contactForm1 { list-style-type: none; color: #fff; }
ul.contactForm1 li {margin: 0 0 15px 0; padding: 0; }
.submitButtom1 { float: left; margin: 0 0 0 20px; }
.messageArea1 { width: 350px; height: 50px; color: #145c85; background-color: #ddd; border: 1px solid #aaa; }
.formLabel {font-weight: bold; }

/* Contact Page */
ul.contactColumns { display: inline; list-style: none; width: 920px; float: left; margin: 0 0 20px 0; }
ul.contactColumns li { float: left; width: 405px; margin: 0; padding: 0; height: 100%; }
ul.contactColumns li.left { margin: 0 70px 0 0; padding: 0; }

/* IE Fixes */
* html a.nav { text-decoration:none; color: white; }
* html p.nav { text-decoration:none; color: white; }
* html img.logo { margin: -5px 0px 0px 0px; padding: 0px; }