/*****************************************************************/
/* KiraCraft Theme - © 2009 Joshua Richey - All rights reserved. */
/*****************************************************************/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* =Clearfix (all browsers)--------------------------------*/.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}

* {	
  margin: 0;
  padding: 0; 
  }
html, body, #container { 
  height: 100%; 
  }
body > #container { 
  height: auto; 
  min-height: 100%; 
  }
#container {
  background: #fff url(../images/bg.jpg) center bottom  repeat-x; 
  width: 100%;
  }

#content { 
  padding: 50px;
  }   

#header {
  border-bottom: 1px solid #7f7f7f;
  padding: 0 50px 5px 50px;
  }

h1#headertext {
  height: 20px;
  width: 206px;
  background: transparent url(../images/kira-craft_logotype.png)top left no-repeat;
  text-indent: -3000px;
  }
h1#headertext:hover {
  background: transparent url(../images/kira-craft_logotype.png) bottom left no-repeat;
  }
#nav {
  background:#FFFFFF none repeat scroll 0 0;
  float:right;
  padding:0 10px;
    }
#nav ul li {
  background:#FFFFFF none repeat scroll 0 0;
  display:block;
  float:left;
  height:30px;
  padding:0 5px 2px 10px;
  position:relative;
  top:-17px;
  }

#nav ul li #NavIndicator {
  border:1px solid #7F7F7F;
  height:7px;
  margin:2px 0 0;
  }
#nav ul li.current #NavIndicator {
  border:1px solid #7F7F7F;
  background: #ccc;
  height:7px;
  margin:2px 0 0;
  }

#innerContent { 
  width: 720px;
  margin: 50px auto 0 auto;
  }   

#layout {
  width: 350px;
  float: left;
  }
#pix {
  width: 350px;
  margin: 0 0 0 18px;
  float: left;
  height: 475px;
  }

.vidThumb {
  margin: 15px 15px 0 0;
  float: left; 
  }

/* Footer */ 
#footer { 
  border-top: 1px solid #7f7f7f;
  margin: -37px 50px 0 50px;
  padding: 5px 50px 0 50px;
  clear: both; 
  position: relative; 
  z-index: 10; 
  height: 30px; 
  text-align: left;
  }