/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

h2 {font: 24px; font-family: "museo-slab-1","museo-slab-2",serif; color: #dbba47; }
.section .heading h2  { color: #dbba47; }
h4 {font: 11px; Futura, Helvetica, Arial, sans-serif; color: #008442; font-weight: bold; letter-spacing: 2px; }

a:link, a:visited  { color: #a6a6a6; }
a:hover { color: #bbbbbb; }

#home-widgets .col-left  { width: 300px; margin: 0 20px 0 0; }
#home-widgets .col-right  { width: 300px; margin: 0; }

/* 2.3 Navigation */
.nav a  { font-size: 12px; font-weight: bold; position:relative; color:#c0c0c0; display:block; z-index:100; padding:14px 10px; line-height:18px; text-decoration:none; letter-spacing: 2px; }
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a{ color: #fff; }

/* 2.6 Inner Pages */
#innerpage  { padding: 40px 0; border-bottom: 1px solid #e9e9e9; }
#innerpage .col-left  { width: 840px; }
#work { display: table-cell; width: 33%;}
#innerpage .col-left.with-sidebar  { width: 500px; margin: 0 20px 0 0; }

/* 2.7 Sidebar */
#sidebar  { width: 300px; overflow:hidden; }

.widget h3  { margin: 0 0 20px 0; font:normal bold 11px; Gotham, Futura, Helvetica, Arial, sans-serif; color: #008442; letter-spacing: 2px; text-transform: uppercase; }
#sidebar .widget h3  { font-size: 11px; margin: 0 0 10px 0; }

#innerpage.archive .post, #innerpage.archive .page { margin: 0 0 40px 0; padding: 0; }
.post .title, .page .title  { font-family: "museo-slab-1","museo-slab-2",serif; position:relative; margin: 0; }
.page .title  { margin: 0 0 20px 0; }

.post .title a:link, .page .title a:link, .post .title a:visited, .page .title a:visited  { color: #dbba47; }


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }