/*  
Author: Matthew Lettini / http://www.matthewlettini.com/
URL: http://www.seanokanephotography.com/
*/


/* RESET STYLES */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, 
dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td
{margin:0px;padding:0px;border:0;outline:0;font-weight:inherit;
font-style:inherit;font-size:100%;font-family:inherit;list-style:none;}

/* GENERAL */
*{margin:0; padding:0;}
body{margin:0px; padding:0px; background:#fff;font-size:14px; font-weight:bold; font-family:Arial, Tahoma, Verdana, sans-serif; line-height:14px; color:#000;}
a{color:#000; text-decoration:none;}
a:hover{color:#cc3333; text-decoration:none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
#container {margin:0px auto;padding:0px;}

/* HEADER */
.header {width:90%; margin:0px auto; border-bottom:1px solid #ccc;padding:0px 0px 5px;}
.header .logo {margin:15px 0px;display:block;}
.header ul {list-style:none; overflow:hidden;}
.header ul li {float:left;display:block;margin-right:10px;font-weight:bold;line-height:16px;}
.header ul li a {display:block;}
.header ul li.current a {color:#cc3333;}
.header ul li.flickr {float:right;margin:0px;}
.header ul li.flickr a:hover {color:#000;}
.header ul li.flickr a:hover span {color:#ff0673;}
.header ul li.flickr a:hover span.blue {color:#0562db;}

/* PORTFOLIO */
#portfolio {width:90%;height:412px;overflow-x:scoll;overflow-y:hidden;padding:10px 0px;margin:0px auto 10px;}
#portfolio table {}
#portfolio table td {height:500px; width:auto; padding:0px 5px 0px 0px;vertical-align:top;}
#portfolio table td img {height:400px;padding:0px; margin: 0px;}
#portfolio table td span {display:none;margin:0px;padding:0px;font-size:12px;line-height:12px;opacity:0.9;}
#portfolio table td:hover span {display:block;position:relative;margin:-50px 0px 10px;padding:6px 8px 8px 18px;background:#000;color:#fff;cursor:default;}

/* ABOUT */
#about {width:90%;height:352px;overflow-x:scoll;overflow-y:hidden;padding:40px 0px 50px;margin:0px auto;background:transparent url(images/bg_about.jpg) no-repeat center bottom;}
#about .left {width:450px;}
#about p {font-weight:normal;padding-bottom:20px;}
#about a {color:#cc6666}
#about a:hover {color:#cc3333}

/* FOOTER */
#footer {clear:both;font-size:11px;line-height:11px;font-weight:normal;width:90%;margin:0px auto;color:#666;border-top:1px solid #ccc;padding:6px 0px 10px;}
#footer a {color:#cc6666;}
#footer a:hover {color:#cc3333;}
#footer .email {float:left;}
#footer .copy {float:right;}

/* EXPLORERBAR */
#explorerbar {display:none;width:100%;text-align:center;background:#000;color:#fff;font-family:Arial;font-size:12px;font-weight:normal;padding:5px 0px 4px;}
#explorerbar a {color:#fff;text-decoration:underline;}