/*
	Theme Name: Kenny & Khan
	Theme URI: http://kennykhan.com/
	Description: 
		Wordpress theme created for Kenny & Khan Inc for use on "kennykhan.com". All Rights Reserved to Jupitercow.  
		All other use must obtain permission electronically at http://permissions.jcow.com/.  
		A simplified and/or modified version of this theme may exist for public use under a GNU license.
		Find out more at http://labs.jcow.com/wp/themes/.
	Version: 1.0
	Author: Jake Austin Snyder
	Author URI: http://Jupitercow.com/
*/

/* = Reset elements via Eric Meyer
-------------------------------------------------------------- */
html, body { width:100%; height:100%; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

body { line-height:1.5; }

table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

a img { border:none; }

/* = Clear Fix
-------------------------------------------------------------- */
#main:after, .clear:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
#main, .clear { display:inline-block; }
html[xmlns] #main, html[xmlns] .clear { display:block; }
* html #main, * html .clear { height:1%; }

/* = Layout
-------------------------------------------------------------- */
body			{ background-color:#000; padding:0; }

#page 			{ background-color:#000; margin:0 auto; padding:9px 36px; text-align:left; width:936px; }
#header, #main, #footer	{ width:100% }

.alignright	{ float:right; }
.alignleft	{ float:left; }
.red		{ color:#F00; }
hr { 
	background: #e8eff5; 
	color: #e8eff5; /* IE Fix */
	clear: both;
	float: left; 
	width: 100%; 
	height: 2px; 
	margin: 8px 0 8px 0; 
	padding: 0; 
	border: none; 
	}

/* = Header
-------------------------------------------------------------- */
#header					{ height:72px; }
img.logo				{ height:0px; width:0px; overflow:hidden; display:none; }

/* = Main
-------------------------------------------------------------- */
#main						{ border:1px #6cadc9 solid; min-height:466px;height:auto!important;height:466px;/*484*/ }
body.home #main				{ background:url(images/logo-home.png) no-repeat center center; height:466px}
body.contact #main			{ background:url(images/contact-map.jpg) no-repeat right top; }
body.works #main			{ float:right; padding-left:0; }

#main .content				{ padding:18px; padding-bottom:0; }
body.work #main .content	{ width:198px; float:left; }
body.contact #main .content	{ width:305px; }
body.works #main .content	{ float:right; /*padding-left:0;*/ padding-bottom:18px; width:900px;/*882*/ margin-left:-36px; }

body.contact h4				{ margin-bottom:0.1em; background:url(images/logo.png) no-repeat right top; overflow:hidden; }
body.contact h4,
body.contact h4 span		{ display:block; height:18px; width:199px; }
body.contact h4 span		{ padding-top:18px; }

div.poem					{ float:left; margin-right:18px; margin-bottom:18px; width:153px; }
div.poem span.author		{ float:right; text-align:right; }

/* = Works
-------------------------------------------------------------- */
body.works h3				{ border-bottom:1px #333 solid; margin-bottom:0; }
body.works h3 a				{ display:block; width:auto; padding:4px 2px 5px; }
body.works h3 span.location	{ display:inline; float:right; font-size:14px; }

body.work h3				{ font-size:1.7em; line-height:1.2em; color:#fff; margin-bottom:0.3em; }

/* Scroll works menu only if JS is active */
.scroll						{ display:none; float:left; height:414px; margin-top:18px; position:relative; /*padding:0 9px;*/ margin-left:-27px; }
.scroll a.up, .scroll a.up span,
.scroll a.dn, .scroll a.dn span	{ display:block; width:18px; height:12px; }
.scroll a.up, 
.scroll a.dn				{ overflow:hidden; background-position:0 0; background-repeat:no-repeat; position:absolute; }
.scroll a.up				{ top:0; background-image:url(images/arrow-up.gif); }
.scroll a.dn				{ bottom:0; background-image:url(images/arrow-dn.gif); } 
.scroll a.up span, 
.scroll a.dn span			{ padding-top:12px; }
.scroll a.up:hover, .scroll a.dn:hover	{ background-position:0 -12px; }

/* Basis of gallery with or without JS */
.gallery,
.gallery li		{ list-style:none; margin:0; padding:0; }
.gallery_wrap,
.gallery		{ float:right; width:700px; position:relative; }
.gallery		{ display:block; width:700px; overflow:hidden; text-align:right; }
.gallery img	{ margin:0; padding:0; }
.gallery li		{ display:block; height:466px; overflow:hidden; }

/* thumbs only show up if JS is active */
.thumbs			{ display:none; }
.thumbs,
.thumbs li		{ list-style:none; margin:0; padding:0; }
.thumbs			{ position:absolute; left:9px; top:9px; z-index:20; }
.thumbs li		{ color:#fff; cursor:pointer; text-align:center; font-size:14px; font-weight:bold; line-height:14px; float:left; height:28px; border:1px #999 solid; margin-right:9px; }
.thumbs li, 
.thumbs li span	{ display:block; width:43px; }
.thumbs li span	{ background-color:#000; filter: alpha (opacity=45); -moz-opacity:.45; opacity:.45; -khtml-opacity:0.45; height:22px; padding-top:6px; }

.thumbs li.active span	{ filter: alpha (opacity=0); -moz-opacity:; opacity:; -khtml-opacity:0.0; }
.thumbs li.active		{ border-color:#fff; }

/* JS slideshow */
.slideshow					{ position:relative; height:466px; }
.slideshow li				{ position:absolute; top:0; left:0; z-index:8; }
.slideshow li.active		{ z-index:10; }
.slideshow li.last-active	{ z-index:9; }

/* Works Navigation */
div.works-nav				{ position:absolute; left:237px; top:9px; }
.previous-work, .next-work	{ float:left; }

.previous-work a, .previous-work a span,
.next-work a, .next-work a span				{ display:block; width:18px; height:0; }
.previous-work a, .next-work a				{ overflow:hidden; background-position:0 0; background-repeat:no-repeat; }
.previous-work a, .next-work a				{ padding-top:12px; }
.previous-work a:hover, .next-work a:hover	{ background-position:0 -12px; }
.previous-work a			{ background-image:url(images/arrow-up.gif); }
.next-work a				{ background-image:url(images/arrow-dn.gif); }

/* = Footer
-------------------------------------------------------------- */
#footer					{ clear:both; position:relative; }

#footer h1.logo			{ float:right; margin:9px 0 18px 9px; }
#footer h1.logo a		{ background:url(images/logo.png) no-repeat right top; overflow:hidden; }
#footer h1.logo a,
#footer h1.logo a span	{ display:block; height:18px; width:199px; }
#footer h1.logo a span	{ padding-top:18px; }

ul#menu,
ul#menu li.page_item	{ list-style:none; margin:0; padding:0; }
ul#menu					{ padding-top:6px; width:237px; height:36px; }
ul#menu li.page_item	{ float:left; margin-right:9px; }