/*
**  Cambridge Aiki Dojo, 2006
**  Site design by Francis Rowland and Karyn Megy
**  This stylesheet is modelled on the structuring system used by Roger Johnasson (www.456bereast.com)
**  The stylesheet should be maintainable and manageable, even as it grows. It has been broken up into
**  a number of intuitive areas. For example, if heading tag rules need to be added or updated in the 
**  future, it is easy to find the relevant part of the stylesheet in which to make the changes.
**
**  To make blocks of rules easier to find, I've codenamed them all thus:
**  @global, @wrapper, @header, @title, @nav, @content, @gallery, @footer, @headings, @links, @lists, @tables, @images, @misc
*/

	/* @global */
	/*-----  Global page styles -----*/
	* { margin:0px;	padding:0px; }	
	html, body {
		background-image:  url(../images/myTiles/kamon/uri_bg_ready_65.gif);
		}	
	body {		
		/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
		font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-size:80%;
		text-align:center;
		color:#333;
		}
	/*--------------------*/	
	
	
	/* @wrapper */
	/*-----  Wrapper - surrounds all content on the page, from header to footer  -----*/	
	#wrapper {
		margin:0px auto;
		padding:0px;
		width:758px;
		background: url(../images/wrapper2_bg.gif) center repeat-y #fff;
		/*
		width:754px;
		background: #fff;
		border-right:2px outset #333333;
		border-left: 2px outset #333333;
		*/
		}
	/*----------*/	
	
	
	/* @header */
	/*-----  Header  -----*/
	/* This just contains a background image. Consider using JavaScript to randomize this image... */
	#header {
		position:relative;
		width:750px;
		height:127px;
		padding:0px;
		margin:0 4px;		
		/*background:url(../images/banner_imgs/temple.jpg) no-repeat #fff;*/
		/*background:url(../images/banner_imgs/rotate.php) no-repeat #fff;*/    /* Hmmmm. Not quite working yet. Permissions on the server? */
		}
		
	#about #header {		
		background:url(../../images/banner_imgs/bamboo_1.jpg) no-repeat #ebebeb;		
		}
	#links #header {		
		background:url(../../images/banner_imgs/bamboo_1.jpg) no-repeat #ebebeb;		
		}
	#courses #header {		
		background:url(../../images/banner_imgs/carp_1.jpg) no-repeat #ebebeb;		
		}
	#gallery #header {		
		background:url(../../images/banner_imgs/sculpture_pond.jpg) no-repeat #ebebeb;		
		}
	#home #header {		
		background:url(../../images/banner_imgs/temple.jpg) no-repeat #ebebeb;		
		}
	#ourclub #header {		
		background:url(../../images/banner_imgs/lanterns.jpg) no-repeat #ebebeb;		
		}
	#info #header {		
		background:url(../../images/banner_imgs/maple_leaves_2.jpg) no-repeat #ebebeb;		
		}
	#raffle #header {		
		background:url(../../images/banner_imgs/maple_leaves_1.jpg) no-repeat #ebebeb;		
		}
	#primer #header {		
		background:url(../../images/banner_imgs/lanterns.jpg) no-repeat #ebebeb;		
		}
	#etiquette #header {		
		background:url(../../images/banner_imgs/sculpture_pond.jpg) no-repeat #ebebeb;		
		}
	#xmas #header {		
		background:url(../../images/banner_imgs/xmas_decorations.jpg) no-repeat #ebebeb;		
		}
		
	#beginner #header {		
		background:url(../../images/banner_imgs/lanterns.jpg) no-repeat #ebebeb;		
		}	
		
	/*----------*/	
	
	/* @title */
	/*-----  Main title  -----*/
	/* (Always says Cambridge Aiki Dojo) */
	#horiz_title {
		position:relative;
		width:750px;
		background-color:#333333;
		margin:0 4px;
		}		
	#horiz_title p { 
		width:730px;
		padding:5px;
		letter-spacing:2px;
		/*font-family:"Century Gothic", "Futura Md BT", Verdana, sans-serif;*/
		font-family:"Lucida Sans Unicode", "Lucida Sans", "Palatino Linotype", Verdana, sans-serif;	
		font-size:2.0em;
		color:#FFFFFF;
		text-align:left;
		}	
	/*----------*/	
	
	/* @nav */
	/*-----  Navigation  -----*/
	#nav {
		float:left;
		display:inline;		/* fix hellish IE margin errors! */
		width:750px;
		border-bottom:2px solid #555;
		border-top:1px solid #fff;
		background:#333;
		margin:0 4px 0 4px;
		padding:0 0 2px;
		}
	#nav ul {
		float:left;
		width:750px;
		margin:0;
		padding:0;
		background:#333;
		list-style-type:none;
		}
	#nav li {
		display:inline;
		padding:0;
		margin:0;
		}
	#nav a {
		background:#333;
		border-right:1px solid #000;
		border-bottom:0;
		padding:14px 22px 4px 8px;
		margin:0;
		color:#fff;
		text-decoration:none;
		display:block;
		float:left;
		width:auto;
		font:bold 0.95em/1.0 Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		letter-spacing:1px;
		}
	#nav a:hover,
	#nav a:focus {
		background-color:#0099FF;
		background-image:url(../images/navlink_bg.gif);
		background-repeat:repeat-x;
		}
	#nav a:active {
		background-color:#990000;
		color:#000;
		}
	/*----------*/	
		
	/* @content */
	/*-----  Main content box  -----*/
	#content_main {
		clear:both;
		position:relative;
		width:730px;
		margin:2px;
		padding:6px;
		overflow:hidden;
		text-align:left;
		}
	#content_main p {
		font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-size:100%;
		color:#333333;
		line-height:16px;
		margin:2px 0 6px 0;
		padding-left:0.5em;
		}
	#content_main p.course_date {
		color:#FF6600;
		font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
		font-weight:700;
	}
	
	#content_main p.indent {
		text-indent: 1.5em;
	}	
	
	#content_main img {
		border:0 none;
	}
		#content_main img.left_float {
			margin: 5px 0.6em 5px 0.2em;
			float:left;
		}
		
		#content_main img.right_float {
			margin: 5px 0.2em 5px 0.6em;
			float:right;
		}
	
	#content_main img.add_img_border { margin: 2px; border:1px solid #333333; }

	
	/*----------*/	
	
	/* @gallery */
	/*-----  Gallery sections  -----*/
	#content_main div.thumbnails {
		clear:both;
		padding-left:2em;
		margin:0 auto;
		}
	#content_main div.thumbnails img {
		border:1px solid #000;
		float:left;
		margin:5px;
		display:inline;
		}
	#content_main div.thumbnailSpacer {
		clear:both;
		display:inline;
		margin-left:40px;
		}			
	/*----------*/		
	
	
	/* @footer */
	/*-----  Footer  -----*/ 
	/* Want to leave enough space to add links to designer homepage */
	#footer {
		position:relative;
		width:750px;
		clear:both;
		color:#FFFFFF;
		background-color:#333333;
		margin:0 4px;
		text-align:left;
		}		
	#footer p {		
		padding:5px 5px 10px 0.5em;
		font-size:0.8em;	
		}
	#footer br {		
		margin-bottom:10px;
		}
	#footer a, a:link, a:visited, a:hover, a:active {
		color:#fff;
		font-weight:700;
		}
	#footer a:hover { text-decoration:underline; }	
	/*----------*/	
	
	
	/* @headings */
	/*-----  Headings  -----*/
	h1, h2, h3, h4, h5 { font-family:"Helvetica Neue", Helvetica, Verdana, sans-serif; letter-spacing:1px; }
	
	h1 {
		padding:6px 0 3px 0.3em;
		font-size:1.9em;
		color:#003366;
		}
	h2 {
		padding:6px 0 3px 0.3em;
		font-size:1.8em;
		color:#003399;
		}
	h3 {		
		padding:6px 0 3px 0.4em;
		font-size:1.4em;
		color:#0066CC;
		}
	h4 {		
		padding:3px 0 2px 0.4em;
		font-size:1.2em;
		color:#3366CC;
		}
	h5 {	
		font-style:italic;	
		padding:3px 0 3px 0.4em;
		font-size:1.1em;
		color:#000;
		}
	/*----------*/	
	
	
	/* @links */
	/*-----  Links (<a> tags)  -----*/
	a {
		font-size:inherit;
		text-decoration:none;
		font-weight:600;
	}
	
	a:link {color:#339900;}
	a:visited {color:#990000;}
	a:hover {color:#0099CC; text-decoration:underline;}
	a:active {color:#006699;}
	/*----------*/	
	
	
	/* @lists */
	/*-----  Lists  -----*/
	.listContainer {
		/*border:1px solid #000;*/
		margin:1em 1em 1em 2em;
		width:auto;
		padding:2px 5px 2px 1.2em;
		list-style:circle;
		}
		
	.listContainer li {margin:2px 0 4px 0;}
	/*----------*/	
	
	
	/* @tables */
	/*-----  Tables (dates, mostly)  -----*/
		table {
			background-color:#333;
			border-spacing:1px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.9em;
			margin:8px 0px 4px 0px;
			max-width:700px;
			}
		th {
			background-color:#666;
			color:#fff;
			padding:5px;
			font-weight:normal;
			}
		table.courses th { width:77px; }
		table.courses td.location {
			width:77px;
			font-weight:bold;
			padding:5px;
			}
		table.courses td.teacher { width:174px; }	
		table.courses td.details { width:319px; }
		td {
			background-color:#FBFBFB;
			color:#000;
			padding:5px;
			}
		.tablecontainer {	/* This adds margins when they're needed on smaller tables */
			margin:0px 6px 0px 3em;
			}
	/*----------*/	
	
	
	/* @images */
	/*-----  Images and their alignment  -----*/
	.alignRight {
		float:right;
		margin-left:0.8em;
		}
	.alignLeft {
		float:left;
		margin-right:0.8em;
		}
	/*----------*/	
	
	
	/* @misc */
	/*----- Miscellaneous -----*/
	div.spacer { clear:both; }
	
	.small {
		font-size:0.8em;
		}
	.clearboth { clear:both; }
	
	.alerttext { color: #FF0000; }
	
	/*.add_img_border { margin: 2px; border:1px solid #333333; }*/
	
	abbr {
		border:0 none;
	}
	acronym, .help {
	  border-bottom: 1px dotted #333;
	  cursor: help;
	  }
	.japanese {
		font-style:italic;
		color:#000;
		/* 
		border-bottom: 1px dotted #333;
		cursor: help;
		*/
		}				
	.go_top {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.8em;
		color:#999999;
		}
	.pull_box {
		float:right;
		margin:1em;	  
		border:1px dashed #333;
		background-color:#fbfbfb;
		width:230px;
		}
		.pull_box p {
			text-align:left;
			font-size:0.9em;
			background-color:#fbfbfb;
			}
			
	.pageItem {						/* This might be a news item or other section. Just emulates a <hr> tag.*/
		border-bottom:1px dashed #ccc;
		padding-bottom:8px;
		margin:12px 0 10px 0;
		clear:both;
		}
	.highlightBox {
		border:1px solid #666;
		background-color:#fbfbfb;
		margin:5px 3em 10px 3em;
		padding:5px;
		width:auto;
		}
	div.aphorism {	
		border:0;
		background-color:#f7eeee;
		display:block;
		width:90%;
		margin:10px 0 0 3em;
		padding:3px 0 2px 0;
		}
		div.aphorism p {	
			border:0 none;
			font-family:"Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
			color:#003366;
			font-style:italic;
			text-align:left;
			line-height:130%;
			font-size:105%;
			padding:0 1em;
			margin:3px;
			letter-spacing:1px;
			}
			
	/*--- Amazon ad boxes... ---*/
	iframe {
		margin:0 0 0 2.5em;
		border:2px solid #333;
	}	
	/*----------*/	
	
/*
 *------------------*
 *	 Microformats   *	
 *------------------*
 */
 .vevent {}
	 .summary {}
	 .dtstart {}
	 .dtend {}
	 .description {}
	
.vcard {}
	.fn {}
	.n {}
	.honorific-prefix {}
	.given-name {}
	.family-name {}
	.honorific-suffix {}
	
	.adr {}
		.extended-address {}
		.street-address {}
		.locality {}
		.region {}
		.postal-code {}
		.country-name {}

.person .note,
.person .url { display:none; }

#footer .person .url {display:inline;}