/**	  Styles for "Screen" Media
*	  File: styles.css
*	  Author: Stephen Davis
*	  Auth Web: http://stephendavis.im
*	  created: 2010-03-20
*	  modified: 2011-03-06
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
/*	font-family: Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, "microsoft sans serif", Arial, sans-serif;
	color: #FFF;
/*	background: #000;*/
}
body { background: #333 url('../img/bg_body.gif') top left repeat-x; }
	body#home { background: #000; }
   a {
		color: #FFD200;
		text-decoration: underline;
	}
	a:hover { text-decoration: none; }
	a:visited { color: #FFD200; }
	a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
	line-height: 1.25em;
	font-weight: normal;
	color: #FFD200;
   }
	h1, .content h1 { font-size: 1.8em; }
	h2, .content h2 { font-size: 1.5em; }
	h3, .content h3 { font-size: 1.4em; }
	h4, .content h4 { font-size: 1.2em; }
	h5, .content h5 { font-size: 1.0em; }
	h6, .content h6 { font-size: 0.9em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	background: #000 no-repeat scroll center;
}
	div.hr hr { display: none; }

#wrapper {
	position: relative;
/*	background-color: #000;*/
	width: 1000px;
/*	min-height: 800px;*/
	margin: 0 auto;
}
	#home #wrapper {
		background: #000 url('../img/bg_home.jpg') top left no-repeat;
		min-height: 875px;
	}

p {
	margin-bottom: 15px;
}

ol, ul {
	margin-bottom: 15px;
	list-style: disc;
	margin-left: 15px;
}

ul ul {
	margin-bottom: 0;
	margin-left: 30px;
	list-style: circle;
}

object embed {
	padding-bottom: 20px;
}


/** Header
-------------------------- **/
/** @group header */
#header {
	width: inherit;
	height: 100px;
}
	#home #header {
		height: 108px;
	}

#header #masthead a {
	position: absolute;
	display: block;
	background: url("../img/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 123px;
	height: 79px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 12px;
	left: 40px;
}

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
/*	background: red;*/
}
/** @group contentSlot */
#contentSlot {
	padding: 40px;
}
	#home #contentSlot {
		height: 720px;
		float: right;
		padding: 0;
/*		margin-top: 400px;*/
		width: 600px;
	}
#contentSlot #image {
/*	margin-right: 420px;*/
	float: left;
	width: 480px;
/*	background: red;*/
}
#contentSlot #text {
	width: 400px;
	float: right;
}
#contentSlot #text h1 {
	margin-bottom: 18px;
	border: 1px solid #796015;
	text-indent: -10000px;
	display: block;
	width: 398px;
	height: 35px;
}
	#contact #contentSlot #text h1 { background: #0D0D0D url('../img/contact.gif') no-repeat; }
	#about #contentSlot #text h1,
	#visual_art #contentSlot #text h1,
	#performance_art #contentSlot #text h1 {
		width: 400px;
		height: 54px;
		margin-bottom: 0;
		border-width: 1px 0 0;
	}
	#about #contentSlot #text h1 { background: #0D0D0D url('../img/about.gif') no-repeat; }
	#visual_art #contentSlot #text h1 { background: #0D0D0D url('../img/visual_art.gif') no-repeat; }
	#performance_art #contentSlot #text h1 { background: #0D0D0D url('../img/performance_art.gif') no-repeat; }
	#ukiyo_ryu #contentSlot #text h1 { background: #0D0D0D url('../img/ukiyo_ryu.gif') no-repeat; }
#contentSlot #text #copy {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 20px;
	min-height: 550px;
	background: #111110 no-repeat;
	border: 1px solid #796015;
	
}
	#visual_art #contentSlot #text #copy { background-image: url('../img/bg_tv_visual_art.gif'); }
	#performance_art #contentSlot #text #copy { background-image: url('../img/bg_tv_performance_art.gif'); }
	#ukiyo_ryu #contentSlot #text #copy { background-image: url('../img/bg_tv_ukiyo_ryu.gif'); }

/* @end contentSlot **/
/** @group sideBar */
	#home #sideBar {
		width: 300px;
		float: left;
	}
#topNavigation {
/*	background: #A0CCED;*/
	text-align: right;
	height: 30px;
}
	#home #topNavigation {
		margin-left: 40px;
		height: auto;
/*		background: none;*/
		text-align: left;
	}
#topNavigation ul { float: right; }
	#home #topNavigation ul { float: none; }
#topNavigation ul li {
	display: inline;
	float: left;
}
	#home #topNavigation ul li { display: block; }
#topNavigation ul li a {
	font-size: 1.4em;
	padding: 8px 12px;
	display: block;
	border-right: 1px solid #000;
	color: #000;
	text-decoration: none;
/*	float: left;*/
}
	#topNavigation ul li a.last { border: 0; }
#topNavigation ul li a:hover {
	background: #FFF;
	text-decoration: underline;
}
	#home #topNavigation ul li a {
		display: block;
		width: 175px;
		height: 48px;
		padding: 42px 0 0 95px;
		color: #FFD200;
		font-size: 1.4em;
		text-decoration: none;
		border: 0;
	}
#home #topNavigation ul li a:hover { text-decoration: underline; }
	#topNavigation ul li a.performance { background: url('../img/bg_performance.png'); }
	#topNavigation ul li a.visual { background: url('../img/bg_visual.png'); }
	#topNavigation ul li a.martial {
		height: 76px;
		background: url('../img/bg_martial.png');
	}

/* @end sideBar **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer {
/*	width: 988px;*/
	clear: both;
	height: 35px;
	text-align: center;
	padding: 6px;
	background: #1C1C1C;
/*	position: absolute;*/
/*	bottom: 0;*/
}
	#home #footer { background: none; }
	#footer #links, #footer #links a {
		color: #FFD200;
		font-size: 1.1em;
	}
	#footer #copyright {
		padding: 6px;
		font-size: 0.9em;
	}
	  #footer a { text-decoration: none; }
	  #footer a:hover{ text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/

#twitter {
	padding-top: 430px;
	padding-left: 60px;
	display: none;
}
#twitter h2 {
	display: inline;
	font-size: 1.8em;
}
#twitter a {
	font-size: 1.8em;
	color: #FFF;
}

div.thumb {
	width: 125px;
	height: 120px;
/*	border: 1px solid red;*/
	float: left;
	padding: 16px;
}
div.thumb a img {
	border: 4px solid #000;
}


/** Class Styles
-------------------------- **/
.hidden, .printOnly, #outer_footer { display: none; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}