/* Stylesheet: Peter Gowans */	
/* The unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2010 Web Mechanic http://www.webmechanic.com.au and may not be reproduced. */ 

html, body	{ margin: 0; padding: 0; text-align: center; } 
img { border : 0; }

img#links { border : 0; padding-left: 42px; }

/* layout */
 
#container	{ width: 970px; text-align: left;  margin: 0 auto; border-top: 5px solid #000; }  

#header	{ height: 80px; border-bottom: 1px solid #ccc; }  
#menu 	{ padding: 2px 0 0 0; margin: 0; } 
#portfoliomenu 	{ padding: 1px 0; margin: 0; background: #ccc; border-right: 3px solid #fff; } 
#body	{ margin: 0 auto; padding: 0; border: 0; width: 970px; background: #fff; }
#copy   { width: 550px; float: left; border-top: 1px solid #ccc;  }
#picture_column	{ float: right; width: 400px; display: inline; position: relative; padding: 0; border: 0; margin: 0; }
#footer {  clear: both; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 40px; background: #fff; } 
#hidden {  visibility: hidden; } 


/* navigation */

ul#navigation li   { display: inline; margin: 0 36px 0 0; padding: 0; }
ul#navigation li a { list-style-type: none; padding: 0; margin: 0; border: 0; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
ul#navigation li a#selected { color: #ccc; text-decoration: none; }
ul#navigation li a:visited { color: #999; text-decoration: none; }
ul#navigation li a:link    { color: #999; text-decoration: none; }
ul#navigation li a:hover   { color: #000; text-decoration: none; }

ul#portfolionavigation li   { display: inline; margin: 0 14px 0 0; padding: 0; border: 0; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #fff; }
ul#portfolionavigation li a { list-style-type: none; padding: 0; margin: 0; }
ul#portfolionavigation li a#selected { color: #000; text-decoration: none; }
ul#portfolionavigation li a:visited { color: #fff; text-decoration: none; }
ul#portfolionavigation li a:link    { color: #fff; text-decoration: none; }
ul#portfolionavigation li a:hover   { color: #000; text-decoration: none; }

ul#albumnavigation  { border-top: 1px solid #ccc; padding-top: 14px; }
ul#albumnavigation li   { display: inline; margin: 0 36px 0 0; padding: 0; font-weight: bold; font-size: 12px; letter-spacing: 1px; }
ul#albumnavigation li a { list-style-type: none; padding: 0; margin: 0; border: 0; }
ul#albumnavigation li a#selected { color: #ccc; text-decoration: none; }
ul#albumnavigation li a:visited { color: #999; text-decoration: none; }
ul#albumnavigation li a:link    { color: #999; text-decoration: none; }
ul#albumnavigation li a:hover   { color: #fff; text-decoration: none; background: #000; }
ul#albumnavigation li a.lightbox   { font-weight: normal; }

/* typography */

body, p { font: 11px Helvetica, sans-serif; line-height: 160%; color: #666; }

H1#logo 	{ text-align: right; font-size: 48px; font-weight: 800; text-transform: uppercase; padding: 0; margin: 34px 0 0 0; }

H2#byline 	{ text-align: right; font-size: 32px; font-weight: 100; text-transform: lowercase; letter-spacing: 8px; padding: 0; margin: 10px 0 0 0; }

p.footer	{ letter-spacing: 2px; padding: 0;  }
p.explanation	{ padding: 0 2px;  }

table { border-collapse: collapse; padding: 0; line-height: 0; }
td { font: 11px Helvetica, sans-serif; line-height: 170%; color: #999; }

fieldset {  margin: 0; padding: 0; border: 0; } 
fieldset ol { padding: 1em 1em 0 0; list-style: none; font: 11px Helvetica, sans-serif; color:#999; text-transform: capitalize; } 
fieldset li { padding-bottom: 1em; }
textarea { width: 345px; height: 398px; background: url(../images/textareaBg.gif) top left no-repeat; margin-bottom: 5px; border: 1px solid #999; white-space: pre; overflow: auto; } 
label { float: left; width: 7em; margin-right: 1em; text-align: left; }
fieldset.submit { border-style: none; float: none; width: 0; padding-left: 10em; margin-top: 1em; }


/* links */

a#logolink 	{text-decoration: none; color: #000; }
a#logolink:hover {text-decoration: none; color: #999; background: #fff; }

#body a:link, #body a:visited { color: #999; text-decoration: none; }
#body a:hover { color: #fff; background: #000; }

#footer a:link, #footer a:visited { color: #999; text-decoration: none; }
#footer a:hover { color: #fff; background: #000; }