/*
Theme Name: iknow_KL_Photography

Description: This is a WordPress theme that uses the iKnow hybrid layout.
Author: David Mallon
Author URI: http://web.iknow.net
Date: 02-11-2009


/*-----------Block Level Elements--------------*/

Body
	{
	color: #222;
	background-color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	padding: 0px 0px 20px 0px;
	margin: 0;
	height: 100%;
	}

#page
	{
	position: relative;
	width: 826px;
	margin: 20px auto 0px auto;
	background-image: url('images/main_bkgd.jpg');
	}

#header
	{
	height: 110px;
	margin: 0px 0px 0px 0px;
	}

#header img.header_logo
	{
	position: absolute;
	top: 60px;
	left: 250px;
	height: 30px;
	width: 325px;
	}

.header_bkgd_home
	{
	background-image: url('images/header_bkgd.jpg');
	background-repeat: no-repeat;
	}

.header_bkgd_nav
	{
	background-image: url('images/header_bkgd_nav.jpg');
	background-repeat: no-repeat;
	}

#content
	{
	position: relative;
	padding: 0px 0px 0px 0px;
	overflow: visible;
	}

#content div.inner
	{
	margin: 0px 0px 0px 0px;
	
	}

ul
	{
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

a img
	{
	border: none;
	outline: none;
	}

a
	{
	outline: none;
	}

#footer
	{
	font-size: 11px;
	background: #fff;
	background-image: url('images/footer_bkgd.jpg');
	background-repeat: no-repeat;
	width: 826px;
	height: 122px;
	}

#footer a
	{
	color: #333;
	text-decoration: none;
	}

#footer p.copyright
	{
	float: left;
	margin: 10px 20px 0 40px;
	}

#footer p.iknow
	{
	float: right;
	margin: 30px 40px 0 0;
	}

#footer div
	{
	Margin: 0px auto;
	height: 2px;
	border-top: 1px solid #F0F0BE;
	border-bottom: 1px solid #ABAC8A;
	padding: 0px;
	width: 670px;
	}

/*-------------Text elements-------------*/

a
	{
	text-decoration: underline;
	color: #2D357D;
	}

/*-------------Headings-------------*/
h1, h2, h3, h4, h5, h6
	{
	
	}
h1
	{
	font-size: 170%;
	margin: 5px 0px 20px 0px;
	}

h2
	{
	font-size: 140%;
	margin: 0px 0px 15px 0px;
	}

h3
	{
	font-size: 110%
	}

h4
	{

	}

h5
	{

	}

h6
	{
	font-size: 50%
	}


/*-------------top Nav-------------*/

#topnav
	{
	
	}

#topnav ul
	{
	margin: 0px auto 0 auto;
	padding-top: 104px;
	width: 394px;
	}

#topnav li
	{
	display: inline;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#topnav li a
	{
	padding: 0px 7px;
	}
	



/*-------------A few (GASP!)table items-------------*/

table.main
	{
	margin-left: 0px;
	margin-right: 0px;
	}

td
	{
	vertical-align: top;
	}

/*-------------The Post-------------*/

.post
	{
	margin: 0px 0px 25px 0px;
	
	}

.post p
	{
	margin: 0px 0px 15px 0px;
	}

.post .entry
	{
	margin: 0px 0px 0px 0px;
	}

.post h2
	{
	margin:0px 0px 10px 0px;
	}

.entry h2
	{
	margin:0px 0px 10px 0px;
	}

.post h3
	{
	margin:0px 0px 10px 0px;
	}

.post ul
	{
	margin-left: 10px;
	padding-left: 10px;
	list-style: disc;
	}

.postmetadata
	{
	font-size: 95%;
	color: 999;
	}

/*--------------Home Page Styling------------*/
#home #header
	{
	
	}

#enter
	{
	position: relative;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 46px;
	height: 18px;
	background-image: url('images/enter_blk.gif');
	}

#enter:hover
	{
	background-image: url('images/enter_red.gif');
	}

#home #content
	{
	
	}

#home #content div.inner
	{
	position: relative;
	width: 362px;
	margin: -39px auto 0px auto;
	overflow: visible;
	border: 0px solid;
	}


/*--------------Fine Art Page Styling------------*/
/* Easy Slider */

#fine-art #content div.inner
	{
	width: 596px;
	margin: 50px auto 0 auto;
	border: 0px solid;
	position: relative;
	}

#fine-art #slideshow_container
	{
	position: absolute;
	top: 0px;
	left: 275px;
	width: 324px;
	height: 324px;
	}

#fine-art #slider
	{
	position: relative;
	overflow: hidden;
	}

#fine-art #slider ul
	{
	position: absolute;
	}

#fine-art #slider ul, #slider li
	{
	margin:0;
	padding:0;
	list-style:none;
	}

#fine-art #slider li
	{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:222px;
	height:324px;
	}

#fine-art #slider li img
	{
	margin-left: 6px;
	margin-bottom: 6px;
	}
	
span#prevBtn a
	{
	float: left;
	margin-left: 6px;
	background-image: url('images/prev_arrow.gif');
	width: 22px;
	height: 10px;
	}

span#nextBtn a
	{
	float: right;
	margin-right: 5px;
	}

#controls
	{
	height: 20px;
	width: 222px;
	clear: left;
	}

#controls a
	{
	text-decoration: none;
	color: #000;
	}

.highlight img
	{
	filter:alpha(opacity=30);
  	/* CSS3 standard */
  	opacity:0.3;
	}

/*--------------Weddings Page Styling------------*/

#weddings #content div.inner
	{
	width: 585px;
	height: 400px;
	margin: 35px auto 0 auto;
	border: 0px solid blue;
	position: relative;
	}

#weddings #slider
	{
	position: relative;
	top: 325px;
	overflow: hidden;
	}

#weddings #slider ul
	{
	position: absolute;
	}

#weddings #slider ul, #slider li
	{
	margin:0;
	padding:0;
	list-style:none;
	}


#weddings #slider li
	{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:585px;
	height:80px;
	overflow: hidden;
	}

#weddings #slider li img
	{
	margin-left: 15px;
	margin-bottom: 0px;
	width: 80px;
	height: 80px;
	}

#weddings #next1
	{
	font-size: 10px;
	margin-left: 165px;
	}

#weddings #controls
	{
	position: relative;
	top: 330px;
	width: 585px;
	}

#weddings #slideshow_container
	{
	position: absolute;
	top: 0px;
	width: 585px;
	height: 300px;
	border: 0px solid blue;
	margin: 0 auto;
	}

#weddings #slideshow_container img
	{
	display: block;
	margin: 0 auto;
	}

#weddings span#nextBtn a
	{
	float: right;
	margin-right: 15px;
	}

/*--------------Commercial Page Styling------------*/

#commercial #content div.inner
	{
	width: 378px;
	margin: 35px auto 0 auto;
	border: 0px solid red;
	}

#commercial #slider2
	{
	position: relative;
	overflow: hidden;
	}

#commercial #slider2 ul
	{
	position: absolute;
	}

#commercial #slider2 li
	{
	width:378px;
	height:330px;
	padding: 0px;
	margin: 0px;
	border: 0px solid;
	}

#commercial #slider2 li div p
	{
	text-align: center;
	}

#commercial #slider2 li img
	{
	display: block;
	margin: 0 auto;
	}

#commercial #controls
	{
	width: 378px;
	margin-top: 30px;
	}

#commercial span#prevBtn a
	{
	float: left;
	border: 0px solid;
	background-image: url('images/prev_arrow.gif');
	width: 22px;
	height: 10px;
	margin-left: 125px;
	}

#commercial span#nextBtn a
	{
	float: right;
	border: 0px solid;
	background-image: url('images/next_arrow.gif');
	width: 22px;
	height: 10px;
	margin-right: 125px;
	}

#caption_area
	{
	width: 378px;
	text-align: center;
	position: absolute;
	top: 300px;
	border: 0px solid;
	}

#caption_area p
	{
	margin: 0px;
	padding: 0px;
	}

/*--------------contact Page Styling------------*/


#contact #sidebar
	{
	
	}

#contact #content
	{
	
	}


/*-------------Widgets and sidebars------------------*/

.widgettitle
	{
	
	}

li.widget ul, li.widget select
	{
	
	}

li h2
	{
	
	}

#sidebar_right ul li ul
	{
	
	}

/*-------------Other------------------*/


.clearboth
	{
	clear: both;
	
	}

.clearright
	{
	clear: right;
	}

.clearleft
	{
	clear: right;
	}

.floatleft
	{
	float: left;
	}

.floatleft_img
	{
	float: left;
	margin-right: 10px;
	}

.floatright
	{
	float: right;
	}

.floatright_img
	{
	float: right;
	margin-left: 10px;
	}

left_margin
	{
	margin-left: 10px;
	}

right_margin
	{
	margin-right: 10px;
	}

btm_margin
	{
	margin-bottom: 10px;
	}

.block
	{
	display: block;
	}

img.bordered
	{
	border: 1px solid #222;
	padding: 3px;
	}

.hide
	{
	display: none;
	}

.wordtube
	{
	float: right;
	margin: 0px 0px 20px 20px;
	}

.feedlink
	{
	display: block;
	margin-bottom: 8px;
	text-decoration: none;
	}

.feedlink img
	{
	vertical-align: middle;
	}