/* styles for atycreative.com
 * by adam young 2010
 */

body {
  font-size:13px; 
  font-family:'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
  color: #333;
  background: #ffffff url("../images/light_bleed.png") repeat-x left top; 
}

noscript#warning {
  width: 100%;
  display:block;
  font-size: 2em;
  background-color: #990000;
  text-transform:uppercase;
  color: white;
  padding-left: 250px;

}

h3, a {
  font-family:'Lucida Grande',LucidaGrande,Lucida,Helvetica,Arial,sans-serif;
}

.contact h3 {
  margin-bottom: 5px;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

a, a:link, a:visited, a:active {
	color: #990000;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#footer a {
  color: #666;
}

#footerright {
  text-align: right;
}

#header {
  margin-top: 20px;
}

#main {
  xpadding: 10px;
  xborder: 1px solid #ccc;
  margin-top: 10px;
}

#nav {
  background: #ffffff url("../images/nav_back.png") no-repeat left top; 
  width: 960px;
  height: 28px;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul#handles {
  list-style-type: none;
  margin-top: 2px;
  margin-left: 4px;
  color: #444;
  font-size: 1.2em;
  cursor:pointer;
 }

 ul#handles li {
   float: left;
   margin: 0 40px 0 0;
 }

 ul#handles li.active {
   color: #990000;
 }

 ul#handles img {
   vertical-align:baseline;
 }

 ul#handles li {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 0 .3em;
 }

 ul#handles li#about_link {
    background-image: url('../images/icons/page_white_text.png');
 }

 ul#handles li#about_link.active {
    background-image: url('../images/icons/page_white_text_colour.png');
 }

 ul#handles li#portfolio_link {
    background-image: url('../images/icons/folder_table.png');
 }

 ul#handles li#portfolio_link.active {
    background-image: url('../images/icons/folder_table_colour.png');
 }

 ul#handles li#images_link {
    background-image: url('../images/icons/images.png');
 }

 ul#handles li#images_link.active {
    background-image: url('../images/icons/images_colour.png');
 }

 #box {
   font-family: Georgia,serif;
 }

 #footer {
   margin-top: 10px;
   color: #999;
 }

 ul#gallery {
   list-style-type: none;
 }

 ul#gallery li {
   float: left;
   margin: 10px 0 0 10px;
   padding: 0;
 }

 ul#gallery li img {
   border: 1px solid #ccc;
   padding: 2px;
 }

 /* design page ***************************/
 .design img {
   border: 1px solid #ccc;
   padding: 2px;
   float: left;
   display: inline;
   margin-right: 20px;
 }

 .portfolio-entry {
   margin-bottom: 30px;
 }

 /* design page ***************************/

label {
	float: left;
	text-align: right;
	width: 100px;
}
 
#form_box {
	width: 600px;
	margin-top: 25px;
}

#form_box input, #form_box textarea {
	padding: 5px;
	width: 471px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#form_box textarea {
	height: 90px;
}

#form_box input#submitter {
	width: 100px;
	float: right;
  margin-right: 15px;
}

#log {
  color: #990000;
  font-weight: bold;
  float: left;
  margin-left: 50px;
}