/*globals*/
body { font-family: sans-serif; font-size: 12px; }
a { color: black; text-decoration: none; outline: none;}
a:hover { color: red; }
a:focus { -moz-outline-style: none; }

h1, h2, h4 { font-weight: bold; text-transform: uppercase; }
h2 { font-size: 100px; line-height: 85px; }
h2, h4 { letter-spacing: -4px;}
h3 { font-size: 17px; }
h4 { font-size: 12px; }

h1.cufon a {
margin-left: -6px;
margin-top: 16px;
margin-bottom: -20px;
}

h1.imgRender a{
background:transparent url(../img/logo.png) no-repeat scroll 0 0;
display:block;
height:0;
width: 273px;
overflow:hidden;
margin-top: 16px;
padding-top: 85px;
float: left;
}
h1 a { 
color: red; 
float: left;
}

h2 { margin: 15px 0 -20px -6px; }
h2.a span.cufon { padding-top: -30px; }

p { margin-bottom: 15px; }

/* js hiding */
.js .project .copy { display: none; }
.js .project .thumbs { display: none; }
.js .landing { display: none; }

/* layout */
#container { padding: 12px 0px 12px 0px; width:940px; margin: 0px auto;}
#content { border-bottom: 1px solid black; }
.section { margin-top: 12px; border-top: 1px solid black;}

#header { position: relative; }

/* menus */
#menu { 
margin-right: 0px;
position: absolute;
bottom: -1px; /*move down a bit to align with logo */
right: 0;
} 
#menu li { 
	display: block; float: left; text-transform: uppercase; 
	padding: 0 0px 0 10px;letter-spacing: .8px; font-size: 17px;
}

#workFilters { padding-top: 12px; overflow: hidden; }
#workFilters h4{ margin-bottom: 8px; letter-spacing: .8px; }
.filterList { width: 200px; float: left; display: block; 
	position: relative; text-transform: uppercase; 
	padding-bottom: 5px; line-height: 16px; font-size: 11px;
}
.js .filterList .linkContainer { height: 80px; overflow: hidden; position: relative; }
.filterList li a { color: #666;  } 
.filterList li a:hover { color: red; } 

/* internal layout */
.postContent { padding-top: 12px; clear: both; }

.postTitle { 
	text-transform: uppercase; letter-spacing: .8px; font-size: 17px; 
	padding-top: 12px; height: 18px;
}
.postTitle .main { float: left; }
.postTitle h3 { display: inline; }
.postTitle .photographer { float: right; } 
.js .postTitle .photographer { padding-top: 4px; } /* @HACK - Alignment off w/ cufon */

.copy { width: 72%; text-align: justify;}
.blog .copy { width: 50%; text-align: justify;}
.profile .copy { font-size: 14px; }
.contact .copy { font-size: 17px; }

#footer { padding-bottom: 10px; }
.paging { float: left; }
.paging .current{ color: red; }
.backLink { float: right; }

/* gallery */
.currentImage.enabled { cursor:pointer; }
.thumbHolder { overflow: hidden; }
.thumbs { height: 105px; overflow: hidden; position: relative; }
.thumb { float: left; margin: 10px 5px 0 0; position: relative; }
.thumb img { }
.thumb.current .indicator{ position:absolute; z-index: 2; top: 0; left:0; 
	display; block; height: 6px; width:100%; 
	background: red; 
}

/* img titles */
h2.imgRender { margin-bottom: 0px; } 
h2.imgRender a { 
	display:block;
	height:0;
	margin-top:12px;
	overflow:hidden;
	padding-top:76px;
}