/******************************************************

Ben Hofer Creative Wordpress theme

Custom portfolio theme designed and developed by Ben Hofer


**********************************************************/

/*

Eric Meyer's CSS 
Reset (tweaked a little)

*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Georgia, 'Times New Roman', serif;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**************************

Other Settings

**************************/

.hidden {display: none;}

a {text-decoration: none;}

.clear {clear: both;}
.clearleft {clear: left}
.clearright {clear: right;}

.column {float: left; margin: 0 20px;  width: 280px; display: inline;}

/**************************

Typography

**************************/

p {font-size: 12px; line-height: 18px;}
a {color:#2A7580;; }

h2 {font-size: 11px; font-weight: bold; font-style: italic;}
h3 {font-size:12px; font-style:italic; font-weight:bold; line-height:16px;}

/***************************

general styles

****************************/
html {overflow-x: hidden;}
body {background: url(images/squarebullet.png) repeat-x; overflow-x: hidden;}
#header {margin:40px auto 0; width: 960px; height: 139px;}
#headerimg {postion: relative; top: 60px;}
	h1 a {background: url(images/logo.jpg) no-repeat; cursor: pointer; display:block; position: relative; top:30px; text-indent: -9999px; width: 320px; height: 28px;}
	div.description {position: relative; left: 220px; top: -35px; font-style: italic; font-weight: bold; font-size:12px; color: #827b00;}

/* Navigation */

#header ul {float: right;}
#header ul li {float: left; height: 41px; }
#header ul li a {display: block; background-image: url(images/navsprite.gif); text-indent: -9999px; height: 41px;}
	#home a {width: 66px;}
	#home a:hover, #home a:focus {background-position: 0 -41px;}
	#print a {width: 78px; background-position: -66px 0;}
	#print a:hover, #print a:focus {background-position: -66px -41px;}
	#web a {width: 65px;background-position: -144px 0;}
	#web a:hover, #web a:focus {background-position: -144px -41px;}
	#resume a {width: 91px; background-position: -209px 0;}
	#resume a:hover, #resume a:focus {background-position: -209px -41px;}
	

/* Content */

#content {width: 960px; margin: 0 auto 50px; padding-bottom: 50px; background: url(images/doubleline.gif) repeat-x bottom;}
#content h2 {background:url(images/cat-title-bg.png); color:#FFFFFF; height:40px; line-height:35px; margin-bottom: 21px; position: relative; top: -18px}
#content h2 span, #content h2 a {width: 111px; text-align: center; display: block; color: #fff;}
#content .column {padding-top: 20px; background: url(images/squarebullet.png) repeat-x;}
#content .column .frontpagepost {min-height: 345px;}
#content .column img {margin-bottom: 15px;}
#content .column h3 {background:transparent url(images/doubleline-gold.gif) repeat-x scroll center bottom; margin-bottom:5px; padding-bottom:15px; text-transform:uppercase}
#content .column h3 a {color: #333;}
#content .column h3 span {display: block;}
#content .column p.metadata {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 10px; background: url(images/doubleline-gold.gif) repeat-x bottom; margin-bottom: 10px;}
#content .column p {margin-bottom: 15px;}
#content a.view {background:url(images/viewprojectbg.gif); color:#FFFFFF; display:block; float:right; font-size:11px;font-style:italic;font-weight:bold;height:28px;line-height:25px;text-indent:7px;width:90px;} 

/* Archive Content */
#content.archive h2 {margin-bottom:7px;}
#content.archive ul {background:transparent url(images/doubleline.gif) repeat-x scroll center bottom; margin-bottom:40px; line-height: 20px; height: 50px; padding: 0 0 20px 20px; }
#content.archive ul li {float:left; height:30px;width:30px;margin:0 5px 20px 0;}
#content.archive ul li strong {background:#2B7580;color:#FFFFFF;cursor:pointer;display:block;;font-size:14px;font-weight:bold;line-height:30px;text-align:center;}
#content.archive ul li div {display: none; font-size:12px;font-style:italic;height:30px;line-height:30px;position:relative;text-align:left;width:200px; color:#2A7580;}
* html #content.archive ul li div{position: absolute;}
#content.archive ul li strong.focus {color: #2A7580; background-color: #bbb;}
#content.archive ul li strong.active {color: #2A7580; background-color: #bbb;}
#content.archive .column {background: none; padding: 0;}
#content.archive .column h4 {font-size: 16px;}
#content.archive .column h4 span {font-size: 14px; color: #827b00;}
#content.archive .column a.metalink {background:url(images/viewprojectbg.gif); color:#FFF; display:block; float:right; position: relative; top: 20px; font-size:11px;font-style:italic;font-weight:bold;height:28px;line-height:25px; padding: 0 10px;}
#content.archive .mainpic {float: left; width: 520px; overflow: hidden; text-align: center;}
#content.archive .mainpic img {}
#content.archive .post-39 a.metalink {display:none;}

/* NextGen Gallery */

div.piclenselink {display: none;}
#content.archive .ngg-galleryoverview {float: right; width:106px; clear: none; padding-top: 10px; margin: 0; background: url(images/thumbsbar.png) no-repeat right top;}
#content.archive .ngg-galleryoverview .ngg-gallery-thumbnail-box {float: left; width: 41px; height: 41px; display: inline; overflow: hidden; margin: 10px 0 0 10px; border:1px solid #CCC;}
#content.archive .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail {height:41px; width: 41px; overflow: hidden!important; position: relative;}
#content.archive .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img:hover {background: none!important;}
#content.archive .ngg-galleryoverview .ngg-gallery-thumbnail-box .ngg-gallery-thumbnail img {border:none; padding: 0; margin: 0;}

/* Footer */

#footer-wrapper {background: #333 url(images/footerbg.png) repeat-x; height: 360px;}
#footer {width: 960px; margin: 0 auto; color: #fff;}
#footer p a {color: #ccc; font-size: 11px; font-style: italic; font-weight: bold;}
#footer p a:hover, #footer p a:focus {color: #2a7580;}
#footer .column {margin-top: 50px; padding-bottom: 60px; height: 200px;}
#footer .column h2 {height: 41px; color: #333; line-height: 35px; margin-bottom: 15px;}
#footer #about h2 {background: url(images/aboutme-top.gif); text-indent: 25px;}
#footer #experience h2 {background: url(images/experience-top.gif); text-indent: 12px;}
#footer #contact h2 {background: url(images/contact-top.gif); text-indent: 34px;}
	#about {background: url(images/aboutme-bottom.gif) no-repeat bottom;}
	#experience {background: url(images/experience-bottom.gif) no-repeat bottom;}
	#contact {background: url(images/contact-bottom.gif) no-repeat bottom;}

#footer-under {background: #2a7580; height: 40px;}
#footer-under p {text-align: center; padding-top: 10px; color: #fff;}
#footer-under p a {color: #fff;}
#footer-under p span {text-transform: uppercase;}