/* 

Title:     Steve Koontz Portfolio Styles
Modified:  April 2008

*/


body { font-size: 90%; line-height: 120%; font-family: Georgia, "Times New Roman", Times, serif; color: #1a1a1a; }

h2 { font-size: 180%; line-height: 100%; }
h3 { font-size: 150%; line-height: 100%; font-style: italic; margin: 40px 0 10px 0; }
h4 { font-size: 120%; line-height: 100%; }
h5 { font-size: 85%; line-height: 150%; font-weight: bold; margin-top: 5px; }
p { font-size: 85%; line-height: 150%; }
small { font-size: 65%; line-height: 150%; text-transform: uppercase; color: #959595; }
label { display: block; font-size: 90%; margin: 3px 0; }
img { display: block; }

a { color: inherit; text-decoration: underline; }
a:hover { background: #f2f2f2; }

h4 a { text-decoration: none; }
b { font-weight: normal; background: #ccc; padding: 0 2px; }

#container { width: 831px; margin: 0 auto; }


/*  Logo  */
	
h1 { width: 230px; height: 39px; background: #fff url(/_images/sk-logo.gif) top left no-repeat; margin: 30px 15px; }
h1 a { width: 230px; height: 39px; overflow: hidden; display: block; text-indent: -5000px; border:none; }
h1 a:hover { background: #fff url(/_images/sk-logo.gif) top left no-repeat; }

ul#navigation { width: 800px; border-top: #cacaca 1px solid; border-bottom: #cacaca 1px solid; height: 51px; font-size: 120%; line-height: 60%; padding: 1px 0; margin: 0 16px 50px 15px; }
ul#navigation li { float: left; }
ul#navigation li a { display: block; padding: 16px 10px 10px 10px; overflow: hidden; width: 130px; height: 25px; text-decoration: none; color: #1a1a1a; }
ul#navigation li a small { font-size: 10px; text-transform: uppercase; color: #959595; }

.project { width: 247px; padding: 0 15px; margin-bottom: 30px; float: left; }

#content { background: url(/_images/background.gif) left repeat-y; margin-bottom: 40px; }
#content.no-background { background: none; margin-bottom: 25px; }


#left-column { float: left; padding: 10px 25px 0 15px; width: 525px; }
#left-column p, #left-column table, #right-column p { margin: 20px 0; }

#right-column { float: left; padding: 10px 0 0 25px; width: 216px; }
#right-column h2 { margin-bottom: 20px; }
#right-column ul { margin-bottom: 30px; }
#right-column li { line-height: 140%; }

.journal-post { border-bottom: #cacaca 1px solid; margin-bottom: 20px; }

.reader, .author { padding: 20px 0; border-bottom: #cacaca 1px solid; }
.author { background: url(/_images/author.gif) top right no-repeat; }

#left-column p.response-info { padding: 0; margin: 0; }

.response-info { font-size: 95%; }
.comment-count { font-size: 160%; font-weight: bold; }

.form-left { float: left; width: 45%; margin-right: 5%; }
.form-right { float: left; width: 49%; height: 100%;}
.commentFormButtons { float: right; }
.button { margin-top: 20px; }


table.archives { width: 525px; }
table.archives th, table.archives td { padding: 5px 0; border-bottom: #cacaca 1px solid; }
table.archives th { font-weight: bold; }

#name, #email, #web, #message, #search { font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size: 90%; line-height: 120%; width: 100%; background: #f7f7f7; }
#message { width: 99%; height: 100%; margin-top: -1px; }

.zemContactForm legend { display: none; }

.zemContactForm #Name, .zemContactForm #Email, .zemContactForm #Subject, .zemContactForm #Message { font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-size: 90%; line-height: 120%; width: 100%; background: #f7f7f7; }
.zemContactForm #Message { width: 99%; height: 100%; margin-top: -1px; }

#search { width: 205px; padding: 1px 2px; margin-bottom: 30px; color: #666; }

#footer { margin: 0 16px 30px 15px; padding-top: 10px; border-top: #cacaca 1px solid; font-size: 90%; text-align: center; color: #959595; }
#footer a { color: #959595; margin-left: 5px; }
#footer a:hover { color: #666; }

.hide-me { display: none; }
.center { text-align: center; }


/*  Flash Video  */

#flashvideo { width: 525px; height: 380px; }


/*  jCarousel Plugin - http://sorgalla.com/jcarousel/  */

.jcarousel-container { position: relative; margin-bottom: 10px; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel-skin.jcarousel-container { background: #fff; }
.jcarousel-skin.jcarousel-container-horizontal {width: 525px; }
.jcarousel-skin .jcarousel-clip-horizontal { width: 525px; height: 350px; }
.jcarousel-skin .jcarousel-item { width: 525px; height: 350px; }

.jcarousel-skin .jcarousel-scroll {	position: relative;	float: right; width: 47px; margin-top: 10px; }
.jcarousel-skin .jcarousel-control { float: left; margin-top: 10px; }
.jcarousel-skin .jcarousel-control img { float: left; margin-right: 5px; }
.jcarousel-skin .jcarousel-prev { position: absolute; left: 0; margin-right: 2px; width: 21px; height: 21px; cursor: pointer; background: url(/_images/button_prev.gif) no-repeat top left; text-indent: -5000px; }
.jcarousel-skin .jcarousel-next { position: absolute; right: 0; width: 21px; height: 21px; cursor: pointer; background: url(/_images/button_next.gif) no-repeat top left; text-indent: -5000px; }
.jcarousel-skin .jcarousel-prev:hover, .jcarousel-skin .jcarousel-next:hover { background-position: bottom left; }


/*  Flickr  */

.flickritems li { float:left; padding:0 10px 10px 0; }
.flickritems li img { display: block; width: 60px; height: 60px; }