/* CSS Document */
/* -------------------------------------------------------------- 
  
   Created by John Benedict
   john@benedictgraphico.com
  
-------------------------------------------------------------- */

/* FEATURED WORK
-------------------------------------------------------------- */

#featuredWork { float: left; margin: 10px 15px 0 15px; padding: 0 0 1px 0; width: 770px; text-align: left; 
	background: #121719 url(../images/portfolio/elements/featured-bg.jpg) no-repeat 0 27px; border-bottom: 1px solid #5E6260; }

#featuredWork h3 { margin: 0; padding: 0; height: 25px; width: 770px; text-indent: -9999px; border-bottom: 1px solid #5E6260; 
	background: #121719 url(../images/portfolio/elements/featured-title.gif) no-repeat; }

.featured { float: left; margin: 10px 5px 0 0; padding: 0; width: 243px; }
.first { margin-left: 12px !important; }

#featuredWork h4 { margin: 6px 10px 6px 5px; padding: 0; font-size: 12px; }
#featuredWork a { text-decoration: none; }
#featuredWork h4 a:hover { text-decoration: underline; }
#featuredWork p { margin: 6px 10px 12px 5px; padding: 0; color: #A9ADA7; }

#featuredWork dl, #featuredWork dt, #featuredWork dd { margin: 0; padding: 0; }

#featuredWork img, #featuredWork a img  { padding: 1px; border: 1px solid #5E6260; background: #121719; }
#featuredWork img:hover, #featuredWork a:hover img { border: 1px solid #7F9AAF; }


/* SELECTED WORK
-------------------------------------------------------------- */

#selectedWork { float: left; margin: 10px 15px 0 15px; padding: 0 0 1px 0; width: 770px; text-align: left; 
	background: #121719 url(../images/portfolio/elements/featured-bg.jpg) no-repeat 0 27px; border-bottom: 1px solid #5E6260; }
#selectedWork h3 { margin: 0; padding: 0; height: 25px; width: 770px; text-indent: -9999px; border-bottom: 1px solid #5E6260; 
	background: #121719 url(../images/portfolio/elements/selected-title.gif) no-repeat; }

#selectedWork ul { float: left; margin: 10px 0 5px 15px; padding: 0; }
#selectedWork li { float: left; margin: 0 0 5px; padding: 1px; list-style: none; display: inline; }

#selectedWork img, #selectedWork a img  { padding: 1px; border: 1px solid #5E6260; background: #121719; }
#selectedWork img:hover, #selectedWork a:hover img { border: 1px solid #7F9AAF; }


/* BOTTOM ROWS
-------------------------------------------------------------- */

#bottomRow { float: left; margin: 10px 25px 0 25px; padding: 0 0 25px 0; width: 750px; text-align: left;
	background: #121719 url(../images/global/darkGreyGrad-bg.gif) repeat-x 0 27px; }
#bottomRow p, #bottomRow ul { margin: 0 12px; padding: 12px 0 0 0; width: 212px; }

#etcetera, #about, #contact { float: left; margin: 0; padding: 0 0 1px 0; width: 245px; text-align: left;
	border-right: 5px solid #121719; }


/* ETCETERA
-------------------------------------------------------------- */

#etcetera h3 { margin: 0; padding: 0; height: 25px; width: 245px; text-indent: -9999px; border-bottom: 1px solid #5E6260; 
	background: #121719 url(../images/portfolio/elements/etcetera-title.gif) no-repeat; }
#about h3 { margin: 0; padding: 0; height: 25px; width: 245px; text-indent: -9999px; border-bottom: 1px solid #5E6260; 
	background: #121719 url(../images/portfolio/elements/about-title.gif) no-repeat; }
#contact h3 { margin: 0; padding: 0; height: 25px; width: 245px; text-indent: -9999px; border-bottom: 1px solid #5E6260; 
	background: #121719 url(../images/portfolio/elements/contact-title.gif) no-repeat; }

#contact h4, #etcetera h4 { font-size: 11px; margin: 0; padding: 12px 12px 3px; }

#etcetera ul { margin: 0; padding: 0 0 12px 12px; width: 100%; float: left; }
#etcetera li { float: left; margin: 0 1px 1px; padding: 3px; width: 42%; list-style: none;
	border: 1px solid #383D3D; border-left: none; border-right: none; border-bottom: none; }
#etcetera li a { float: left; display: block; margin: -2px -3px -3px; padding: 3px; width: 100%;   
	text-decoration: none; }
#etcetera li a:hover { background-color: #383D3D; }


/* CONTACT
-------------------------------------------------------------- */

#contact fieldset { margin: 0; padding: 0; border: none 0; }
#contact input, #bottomRow textarea { margin: 0; padding: 0; width: 200px; }
#contact legend { margin: 0; padding: 0; font-size: 11px; }
#contact form { margin: 0 12px; padding: 0; }
#contact form ol { margin: 0; padding: 0; list-style: none; }
#contact form li { margin: 0; padding: 12px 0 0 0; }
#contact form p { margin: 6px 0; padding: 0; }
#contact form p input { margin: 0; padding: 0; width: 100px; }

#contact form li.human	{ visibility: hidden; height: 0; padding: 0 !important; }

#log { width: 220px; } 
#log_res { float: left; }
#log_res.ajax-loading { display: block; height: 19px; width: 220px; background: url(../images/global/loading.gif) no-repeat center; }

.vcard { margin: 12px 10px 0; padding: 0 6px 12px 0; border-bottom: 1px solid #383D3D; line-height: 14px; }


/* IE 6 FIXES - work on removing these
-------------------------------------------------------------- */

*html #featuredWork { margin-right: 0 !important; }
*html .first { margin-left: 6px !important; }

*html #selectedWork { margin-right: 0 !important; }
*html #selectedWork ul { margin-left: 10px; padding-bottom: 5px !important; }

*html #bottomRow { margin-left: 20px !important; }

*html #contact { margin-left: -10px !important; }
*html #contact legend { margin-left: -6px; }

*html #contact form p { margin-left: -6px !important; }
*html #contact form p input { width: 95px; }

*html #etcetera { margin-right: -15px !important; }