/*
Theme Name: Bea Sweet 2010
Theme URI: http://www.joshuakimnell.com
Description: Bea Sweet 2010
Author: Joshua Kimnell
Version: 1.0
*/

@import url("reset.css");
@import url("blog-style.css");

html { height: 100%; margin-bottom: 1px; }

h1	{
	font:normal 15px/18px "Helvetica Neue", helvetica, Arial, Tahoma, sans-serif;
	color: #000;
	}
	
h2	{
	font:normal 11px/18px "Helvetica Neue", helvetica, Arial, Tahoma, sans-serif;
	color: #6f7379;
	}
	
body
	{
	margin:0px;
	font:normal 11px/18px "Helvetica Neue", helvetica, Arial, Tahoma, sans-serif;
	background: #FFF;
	}
	
#center
	{
	width:960px;
	margin:0px auto;
	}
	
#masthead
	{
	float:left;
	width:958px;
	padding:0px 18px;
	height:126px;
	margin:0px 0px 54px 0px;
	}
	
#home-link
	{
	text-decoration:none;
	}
	
#logo
	{
	float:left;
	width:235px;
	height:126px;
	background:url("graphics/logo.png") top left no-repeat;
	}
	
#logo span
	{
	visibility:hidden;
	}
	
#main-nav
	{
	float:left;
	height:54px;
	font:normal 12px/12px "Helvetica Neue", helvetica, Arial, Tahoma, sans-serif;
	margin:72px 0px 0px 0px;
	padding:0px;
	}

#main-nav li
	{
	float:left;
	margin:0px;
	}
	
#main-nav a
	{
	display:block;
	padding:26px 9px 18px 9px;
	margin:0px;
	font:inherit;
	color:#000;
	text-decoration:none;
	}

.email a
	{
	font:inherit;
	color:#000;
	text-decoration:none;
	}

.email span { padding: 0px 10px 0px 0px;}

	
#main-nav a span
	{
	padding:0px 0px 7px 0px;
	}
	
#main-nav a:hover span
	{
	padding:0px 0px 5px 0px;
	border-bottom:2px solid #d4d4d4;
	}
	
#main-nav li.active a span
	{
	padding:0px 0px 5px 0px;
	border-bottom:2px solid #AAAAAA;
	}

.email
	{
	float:right;
	font:normal 12px/12px "Helvetica Neue", helvetica, Arial, Tahoma, sans-serif;
	padding:0px;
	}
	
#masthead .email
	{
	margin:98px 0px 0px 0px;
	}
	
#content
	{
	float:left;
	width:958px;
	padding:20px 18px;
	margin:0px 0px 54px 0px;
	}

#about
	{
	width:400px;
	height:400px;
	padding:50px;
	margin:0px auto;
	background:url("graphics/black-circle.gif");
	color: #FFF;
	text-align:center;
	font:normal 24px/36px "Georgia", serif;
	position:relative;
	}
	
#about div
	{194
	height:306px;
	overflow:hidden;
	position:absolute;
	top:76px;
	bottom:118px;
	left:50px;
	right:50px;
	}
	
#about h1
	{
	color: #FFF;
	margin:0px 0px 36px 0px;
	}
	
#image
	{
	text-align:center;
	position:relative;
	line-height:0px;
	}
	
#scroll-to-thumbs
	{
	position:absolute;
	top:0px;
	right:0px;
	}

#arrow-left
	{
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-38px;
	}

#arrow-right
	{
	position:absolute;
	top:50%;
	right:0px;
	margin-top:-38px;
	}
	
#credit-box
	{
	float:left;
	width:570px;
	margin:72px auto 0px 195px;
	}
	
span.key
	{
	color: #8d8d8d;
	}
	
span.value
	{
	color: #b7b9bc;
	}
	
#image-title
	{
	float:left;
	width:276px;
	margin:0px 18px 0px 0px;
	}
	
#image-credits
	{
	float:left;
	width:276px;
	margin:0px;
	}
	
#thumbs
	{
text-align:center;
	
	width:976px;
	padding:0px 9px 72px 9px;
	line-height:0px;
	}
#thumbs .thumb
	{
	display:inline-block;
	margin:25px 9px;
	overflow:hidden;
	}
	
#footer
	{
	float:left;
	width:958px;
	padding:18px 0px 0px 0px;
	height:126px;
	margin:0px 18px 54px 18px;
	border-top:1px solid #dddddd;
	}
	
#small-nav
	{
	float:left;
	height:54px;
	font:normal 12px/12px "Helvetica Neue", helvetica, Arial, Tahoma, sans-serif;
	padding:0px;
	margin:0px 0px 0px -9px;
	}
	
#small-nav li
	{
	float: left;
	}
	
#small-nav a
	{
	display:block;
	padding:0px 9px 0px 9px;
	margin:0px;
	font:inherit;
	color:#000;
	text-decoration:none;
	}