/*
wireframe for kdm
02-14-10:07:23:01
(c)2010 kdm
*/
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English);
/*globals- wraps and floats*/
.clear {
	clear: both;
	height: 0!important;
	overflow: hidden;
	}
.float-left {
	float: left;
	}
.float-right {
	float: right;
	}

/*img styles*/
.image-margin-left {
	margin:0 10px 3px 0;
	float: left;
	}
.image-margin-right {
	margin:0 0 3px 10px;
	float: right;
	}

/*borders*/
.image-left, 
.image-border, 
.image-right {
	background: inherit;
	border: 1px #666 dashed;
	float: left;
	margin:5px 10px 3px 0;
	padding:4px;
	}
.image-right {
	float: right;
	margin:0 0 3px 10px;
	}

/* separators */
.separator {
	margin: 0 auto;
	text-align: center;
	background: url(../images/separator_line.png) repeat-x right 12px;
	margin-bottom: 30px;
	}
.separator h2, .separator h3  {
	text-align: center;
	font-size: 31px;
	}
.separator  h2 span, .separator  h3 span {
	padding-right: 30px;
	background: #111 url(../images/separator_right.png) no-repeat right;
	}
.separator h2 span.left, .separator h3 span.left {
	padding-left: 30px;
	padding-right: 0;
	background: #111 url(../images/separator_left.png) no-repeat left;
	}
/* Buttons and Action Elements */
.readmore {
	background: #555;
	cursor: pointer;
	float: right;
	margin: 12px 15px;
	padding: 2px 2px;
	}
	.readmore span {
		border: 1px #848484 solid;
		color: #ddd;
		float: left;
		font-size: 13px;
		font-family: Arial,Helvetica,sans-serif;
		letter-spacing: 1px;
		padding: 0px 10px;
		}
	.readmore:hover {
		background: #333;
		}
	.readmore:hover span {
		border: 1px #646464 solid;
		}

.button {
	background: #555;
	cursor: pointer;
	float: left;
	margin: 2px 5px;
	padding: 2px 2px;
	}
	.button span {
		border: 1px #848484 solid;
		color: #ddd;
		float: left;
		font-size: 13px;
		font-family: Arial,Helvetica,sans-serif;
		letter-spacing: 1px;
		padding: 0px 10px;
		}
	.button:hover {
		background: #333;
		}
	.button:hover span {
		border: 1px #646464 solid;
		}

/* offsite links */
.more {
	font-weight: bold;
}
h5 a.more {color:#333; text-decoration:none;}	
/*WIREFRAME*/
body {
	background:#111;
	height:100%;
	margin: 0 auto;
	padding: 0 0 26px 0;
	text-align:center;
	width:100%;
	}
	#nav { /* keep it top */
		height:26px; 
		margin:0 auto;
		padding:0; 
		position:fixed; 
		text-align:center; 
		top:0; 
		width:100%;
		z-index:1;
		}
		#nav ul {
			background: url(../images/menu_bg.png) repeat;
			display:block;
			height:32px;
			list-style-type:none;
			margin:0 auto;
			padding:0;
			position:relative;
			width:690px;
			}
			#nav ul li {
			border-right:1px solid #333;
			float:left;
			margin:0 auto;
			padding: 2px 5px 0 0;
			position:relative;
			width:170px;
			}
			#nav ul li:hover {
				background: url(../images/10w.png) repeat;
				}
			#nav ul li.last {
			border:0;
			padding: 2px 0px 0 0;
			width:160px;
			}
				#nav ul li a {color:#ccc; font-family: trebuchet, tahoma, verdana, arial, sans-serif; font-size:15px; line-height:32px; text-decoration:none;}
				#nav ul li a:hover {color:#2e4389;}
	#viewport {
		margin: -32px auto 0 auto;	
		position: relative;
		text-align:center;
		width: 700px;
		}
		#page-top, 
		#page-content,
		#page-bottom {float:left; margin:0; padding:0; position:relative; text-align:left; width:100%;}
		#page-top {
			padding: 34px 0 0 0;		
			}
		#page-bottom {
			height: 34px;	
			}
		#footer{
			clear:both;
			color:#ccc;
			margin:12px auto 0 auto;
			text-align:center;
			width:700px;
			}
			#footer .inside{}
			#footer p{
				color:#333;
				font-family:tahoma, trebuchet, arial, sans-serif;
				font-size:11px;
				margin:0;
				text-align:left;
				}
			#footer p.copyright{ float:left; }
			#footer p.attributes{ float:right; }
				#footer p.attributes a{
					padding:0 0 0 1em;
					text-decoration:none;
					color:#333;
					}
					p.attributes a span {color:#444;}
				#footer p.attributes a:hover{color:#ccc;}

/*Wireframe Column Blocks*/

/*portrait*/
#portrait {float:left; margin: 0 auto 0 5px;}

/*which k*/
	.item {
		padding: 0 0 20px 0;
		width: 100%;
		}
		.item, .item .main-1, .item .main, .item .right, .item .two-column, .item .three-column, .item .entry {float:left;}	
		.item .main-1 {	/* full width */
			width: 690px;
			}
		.item .main { /* one column left*/
			width: 460px;
			}				
		.item .right { /* one column right */
			margin-left: 30px;
			width: 200px;
			}
		.item .two-column { /* two columns */
			width: 330px;
			}
		.item .three-column { /* three columns */
			width: 200px;
			}
	/* element block */		
	.item .entry {
		margin: 15px 0;
		width: 100%;
		}
		.item p {
			clear: both;
			margin: 0;
			padding-bottom: 15px;
			}
/* others */
	ul.list li.others {
		border:none;
		color:#bac9f2;
		list-style-type:square;
		padding:5px 0 12px 0;
		text-decoration:none;
		}
		ul.list li.others a {color:#fff; text-decoration:none;}
		ul.list li.others a:hover {color:#bac9f2; text-decoration:underline;}
		ul.list li.others span {
			float:left; 
			font-family:trebuchet, tahoma, arial, sans-serif; 
			font-size:11px;
			line-height:16px;
			margin:0 auto 6px 4px;
			}
			ul.list li.others span a {color:#accc39!important; }
/* offsite */
	ul.list li.offsite {
		border:none;
		color:#bac9f2;
		list-style-type:circle;
		padding:5px 0 12px 0;
		text-decoration:none;
		width:100%;
		}
	ul.list li.offsite span {
			float:left; 
			font-family:trebuchet, tahoma, arial, sans-serif; 
			font-size:11px;
			line-height:16px;
			margin:0 auto 6px 4px;
		}
	ul.list li.offsite a {color:#fff!important; text-decoration:none;}
/* Connect */
p.social {
	display:block; 
	float:left; 
	height:50px; 
	line-height:15px; 
	margin-bottom:6px; 
	padding:0;
	}
p.social span {
	color:#666;
	font-family: trebuchet, tahoma, arial, sans-serif; 
	font-size: 12px; 
	}

/* what */
		
/*freebie*/
.playset {font-style:italic; text-align:center;}
.playset span {color:#bac9f2; margin:12px 0 0 auto;}
.freebie-row {
	float: left;
	margin-bottom: 15px;
	width:100%;
	}
	.freebie-separator {
		border-bottom: 1px #ccc dashed;
		padding-bottom: 15px;
		width:100%;
		}
	.freebie-item-left {
		float: left;
		margin: 0 0 0 44px;
		width: 210px;
		}
	.freebie-item {
		float: left;
		margin: 0;
		width: 210px;
		}
	.freebie-image {
		float: left;
		margin-bottom: 15px;
		}
	.freebie-image img {
		margin-right: 0;
		}
	.freebie-item p {
		clear: both;
		margin: 5px 0;
		}
	.freebie-item ul.list {
		list-style: none;
		}

/*gallery thumbs*/
.image-gallery {border:3px solid #fff!important;}
	
/* contact form style */

form {
  padding: 20px 0;
  margin: 0;
}
label {
	float: left;
	width: 150px;
	font-weight: bold;
	padding: 5px;
}

#contact label {
	font-size: 18px;
}

input,
textarea{
	background:#000;
	border:1px solid #333;
	font-size:14px;
	padding:12px 0;
}
.textbox-block {
	width: 138px;
}
input:focus,
textarea:focus{  
  color: #fff;
  background-color: #333;
}
#name, #email, #subject{
	width:360px;
}
#message{
	width:360px;
	height:150px;
}

button {
	border: none;
	padding: 0;
	margin: 0;
}

.form-submit {
	background: #555;
	border: 0;
	cursor: pointer;


	margin: 0;
	padding: 2px 0;
	float: left;
}

.form-submit span {
	padding: 5px 30px;
	color: #ddd;
	float: left;
	border: 1px #848484 solid;
	font-size: 23px;
	font-family: Arial,Helvetica,sans-serif;
}

.form-submit:hover {
	color: #777;
}

.form-submit {
	line-height: 39px;
	height: 44px;
	background: url(../images/submit_button.png) no-repeat top left;
	margin-top: 0px;
	width: 91px;
	border: none;
	margin-right: 5px;

	cursor: pointer;
	color: #ddd;
}

.form-submit:hover {
	background: url(../images/submit_button.png) no-repeat left -138px;
	color: #bbb;
}
.notification_ok {
	color: #accc39;	
}
.notification_error {
	color: red;	
}
	
/* --
typography
-- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	color: #ccc;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 24px;
	}
/* Headings */
h1,h2,h3,h4,h5,h6 { 
	color: #fffeec;
	font-family: IM Fell English, serif; 
	font-weight: lighter;
	letter-spacing:1px; 
	margin-top: 10px;
	}
h2 {color: #bac9f2;}
	h2.border {
		border-top: 1px #777 solid;
		border-bottom: 1px #aaa solid;
		padding: 10px 0;
		color: #6071b9;
		font-size: 19px;
		}
		h2.border span {color:#bac9f2;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1.25em; }
h4 { font-size: 1em; line-height: 1; font-weight: bold; margin-bottom: 1.25em; }
h5 { font-size: 13px; font-weight: bold; margin-bottom: 10px; }
h6 { font-size: 12px; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {border:0; margin: 0;}


/* Text elements */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover { color: #bac9f2; }
a { 
	color: #777; 
	text-decoration: underline; 
	outline: none;
	}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* Gallery Lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* 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/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

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

#imageData{
	padding:0 10px;
	}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	/*
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	*/
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
/* 404.shtml */
#fourohfour {display:block; float:left; height:150px; width:100%;}
#fourohfour h2 {color:red; font-size: 4em; line-height: 4em; margin:0 auto; text-align:center;}
#fourohfour h2 span {color:#ccc; font-size: 22px;}