/*
Theme Name: KENK
Description: The default WordPress theme created for kenk.ca Website
Author: Jason Gilmore and Andrea Acosta Duarte
Designer: Jason Gilmore
Author URI: http://www.n-somnium.com/
Tags: graphic, portrait, comic book


*/
@import "http://www.kenk.ca/wp-content/themes/kenk/css/css_reset.css";

html
	{
		/* Sets default font size to 1em => 10px */
		font-size: 62.5%;
	}

body
	{
		/* Sets default font size to 1em => 12px */
		font: normal 1.2em/1.4 Arial, Helvetica, sans-serif;
		background-color: #000000;
  color: #121212;
	}

/*  ========== CONTENT TAGS ==========  */

	/* Headings */
		h1, 
		h2, 
		h3, 
		h4,
		h5,
		h6	
			{
				
			}
		
		h1	{ font-size: 1.8em; font-family: "Courier New", Courier, monospace; font-weight: bold; text-transform: uppercase; margin-bottom: 16px;  }
		h2	{ font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; }
		h3	{ font-size: 1em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 16px;  }
		h4	{ font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  }
		h5	{ font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  }
		h6	{ font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  }

	/* Paragraph */
		p 	{ margin: 0 0 0.6em 0; }
		
		
	/* Links */
		a,
		a:link		
			{ 
			 color: #3b373a;
				border: 0;
				outline: 0;
			}
		
		a:visited	
			{
			}
		
		a:active,
		a:focus,
		a:hover		{ text-decoration: none; }
		
	/* Lists */
		ul,
		ol		
			{
				margin-top: .6em;
				margin-bottom: .6em;
			}
		
		ul
			{
			}	
			
			ul li	
				{ 
				}
		
		
	/* Forms */
		input	{ font: 1em Arial, Helvetica, sans-serif; }

/*==============================================================*/
#wrapper
	{
		width: 1024px;
		margin: 0 auto;
		background: url(images/bgd-wrapper.jpg) no-repeat;
	}
#header
	{
		margin-left: 277px;
		position: relative;
		width: 679px;
		height: 214px;	
	}

	#header .left
		{
			width: 496px;
			height: 214px;
			position: absolute;
			top: 0;
			left: 0;
		}
	#header .right
		{
			width: 183px;
			height: 214px;
			position: absolute;
			top: 0;
			left: 496px;
			background: url(images/bgd-book.gif) no-repeat;
		}
	#header .right a
		{
			width: 119px;
			height: 158px;
			display: block;
			text-indent: -10000px;
			position: absolute;
			top: 33px;
			left: 16px;
			
		}
#main-nav,
#content-wrapper
	{
		margin-left: 281px;
	}
a#logo-kenk
	{
		background: url(images/logo-kenk.gif) left top no-repeat;
		text-indent: -10000px;
		width: 309px;
		height: 109px;
		display: block;
		/*float: left;*/
		position: absolute;
		top: 17px;
		left: 0;
	}
#logo,
#buy-area
	{
		width: 496px;
	}
#logo
	{
		position: relative;
		height: 139px;
		
	}	
	#logo h1
		{
			background: url(images/hdr-graphicPortrait.gif) left top no-repeat;
			width: 187px;
			height: 139px;
			text-indent: -10000px;
			float: right;
			display: inline;
			margin: 0;
		}
	
#buy-area
	{
		background: url(images/bgd-lnkBuyNow.gif) left bottom no-repeat;
		height: 75px;
	}	

#buy-area h2
	{
		background: url(images/hdr-bicycleThief.gif) left top no-repeat;
		width: 392px;
		height: 52px;
		display: block;
		text-indent: -10000px;
		margin: 0 0;
		float: left;
		display: inline;
	}		


a.lnk-buyNow
	{
		background-image: url(images/lnk-buyNow.gif);
		background-position: 0 0;
		width: 103px;
		height: 43px;
		display: block;
		text-indent: -10000px;
		float: right;
	} 	
a.lnk-buyNow:hover
	{
		background-position: 0 -43px;

	} 
#main-nav
	{
		width: 672px;
		height: 62px;
		background: url(images/bgd-nav.gif) no-repeat;
		margin-bottom: 12px;
	}
#main-nav ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 464px;
	}
	#main-nav ul li
		{
			float: left;
		}	
		
#content-wrapper
	{
		background: url(images/bgd-contentWrapper.jpg) left top no-repeat;
		width: 570px;
		padding: 20px 0 0 20px;
		position: relative;
	}
#content
	{
		width: 512px;
		height: 446px;
		/*overflow: auto;*/
		overflow-x: hidden;
		overflow-y: scroll;
		padding-right: 35px;
		padding-left: 15px;
	}
	
a.news,
a.events,
a.synopsis,
a.videos,
a.extras,
a.bios,
a.previews,
a.interactive,
a.coverage,
a.reviews,
a.newsActive,
a.eventsActive,
a.synopsisActive,
a.videosActive,
a.extrasActive,
a.biosActive,
a.previewsActive,
a.interactiveActive,
a.coverageActive,
a.reviewsActive
	{
		background-position: 0 0;
		height: 26px;
		display: block;
		text-indent: -10000px;
	}
a.bios,
a.previews,
a.interactive,
a.coverage,
a.reviews,
a.previewsActive,
a.interactiveActive,
a.coverageActive,
a.reviewsActive
	{
		height: 27px;
	}
a.newsActive,
a.eventsActive,
a.synopsisActive,
a.videosActive,
a.extrasActive,
a.biosActive,
a.previewsActive,
a.interactiveActive,
a.coverageActive,
a.reviewsActive
	{
		background-position: 0 -26px;

	}
a.biosActive
	{
		background-position: 0 -27px;

	}	
a.news,
a.newsActive
	{
		background-image: url(images/nav-news.gif);
 	width:	60px;

	}
a.events,
a.eventsActive
	{
		background-image: url(images/nav-events.gif);
		width:	77px;
	}
a.synopsis,
a.synopsisActive
	{
		background-image: url(images/nav-synopsis.gif);
		width:	103px;
	}
a.videos,
a.videosActive
	{
		background-image: url(images/nav-videos.gif);
		width:	79px;
	}
a.extras,
a.extrasActive
	{
		background-image: url(images/nav-extras.gif);
		width:	82px;
	}
a.bios,
a.biosActive
	{
		background-image: url(images/nav-bios.gif);
		width:	65px;
	}
a.previews,
a.previewsActive
	{
		background-image: url(images/nav-previews.gif);
		width:	97px;
	}
a.interactive,
a.interactiveActive
	{
		background-image: url(images/nav-interactive.gif);
		width:	207px;
	}
a.coverage,
a.coverageActive
	{
		background-image: url(images/nav-coverage.gif);
		width:	100px;
	}
a.reviews,
a.reviewsActive
	{
		background-image: url(images/nav-reviews.gif);
		width:	87px;
	}
a.news:hover,
a.events:hover,
a.synopsis:hover,
a.videos:hover,
a.extras:hover
	{
		background-position: 0 -26px;
	}
a.bios:hover,	
a.previews:hover,
a.interactive:hover,
a.coverage:hover,
a.reviews:hover
	{
		background-position: 0 -27px;
	}	

.nav-margin
	{
		margin-left: 61px;
	}
* html .nav-margin
	{
		margin-left: 30px;
	}

#lnk-popsandbox
	{
		background: url(images/bgd-lnkPopsandbox.gif) right top no-repeat;
		width: 132px;
		height: 128px;
		position: absolute;
		top: 468px;
		left: 604px;
	}	
	#lnk-popsandbox a
		{
			width: 132px;
			height: 27px;
		 display: block;
			text-indent: -10000px;
			background: url(images/lnk-popsandbox.gif) left top no-repeat;
			margin-top: 101px;
		}
#copy
	{
		margin: 4px 0 0 60px;
		font-size: 0.8em;
		color: #878787;
	
	}
.post
	{
		margin-bottom: 36px;
	}
.share-this
	{
		margin: 0 0 0 341px;
		padding-bottom: 11px;
	}

	
/* form */
#contactForm
{
	width: 568px;
	background-color: #FFFFFF;
	padding: 10px;
	overflow: hidden;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #fa8418;
	text-align: center;	
	margin: 34px 0 0 -19px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}
	#contactForm h4
		{
			float: left;
			display: inline;
			font-family: "Courier New", Courier, monospace;
			font-size: 1.3em;
			color: #000000;
		}
.frm-input
{
	border: 4px solid #fa8418;
	width: 378px;
	float: left;
	display: inline;
	
}
.btn-signup
{
	background: url(images/btn-signup.gif);
	width: 73px;
	height: 26px;
	border: none;
	float: right;
	display: inline;
	margin-right: 80px;
}	

/* ==== Floating elements that required clearing ====*/

#logo:after,
#buy-area:after,
#main-nav ul:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#logo,
#buy-area,
#main-nav ul
	{
		display: inline-block;
	}
	
/* Hide for IE-Mac \*/
#logo, #buy-area, #main-nav ul {display:block;}
* html #logo, * html #buy-area, * html #main-nav ul {height:1%;} 
/* The above definitions fix IE<=6x */