@charset "utf-8";

/*
-----------------------------------------------
ChrisSasaki.com typography CSS
This typography file is included in the WYSIWYG editor

author: rs / Stylesheeter.com
version: June 15, 2008
----------------------------------------------- */

.typography * {
	font-family: verdana, arial, sans-serif;
	}


/* Paragraphs
-------------------------------*/

.typography p { 
	margin-bottom: 1.5em; 
	font-size: 1.1em;
	line-height: 1.6em;
	width: 450px;
	}
	
#contacts p  { font-size: 1em; }

/* Headers
-------------------------------*/
.typography h1, 
.typography h2, 
.typography h3, 
.typography h4 { 
	margin-bottom: 1.5em; 
	}

.typography h1 {
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .2em;
	}
	
h1.chris-sasaki { margin: 0; padding: 0; }

/* Links
-------------------------------*/

a {
	color: #aaaaaa;
	text-decoration: underline;
	}

a:hover { color: #ffffff; }

.typography a {
	color: #aaaaaa;
	text-decoration: underline;
	}
	
.typography a:hover { color: #ffffff; }
	 
#home-link a {
	display: block;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 40px;
	background: url('../images/chris-sasaki-wordmark.gif') no-repeat;
	text-indent: -3500px;
	}
	
#navigation a {
	text-decoration: none;
	text-transform: uppercase;
	}


/* Tables
-------------------------------*/

.typography table {
	border-collapse: collapse;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	background: #0e0e0e url('../images/background-tables.gif') top left no-repeat;
	}
	
.typography th, .typography td {
	padding: 10px 10px 10px 15px;
	border-bottom: 1px solid #aaaaaa;
	text-align: top;
	font-size: 1.1em;
	}
	
.typography th { background-color: #000000; }
.typography td.no-padding, .typography th.no-padding { padding: 0; }
.typography td.left-padding, .typography th.left-padding { padding-left: 15px; }

.typography table h1 { margin: 0; }

/* WYSIWYG Editor Alignment Classes
-----------------------------------*/
.typography .left {
	text-align:left;
	}
	
.typography .center {
	text-align:center;
	}
	
.typography .right {
	text-align:right;
	}
	
.typography img.right {
	float:right;
	margin-left:20px;
	}
	
.typography img.left {
	float:left;
	}
	
.typography img.leftAlone {
	float: left;
	margin-right: 100%;
	}
	
.typography img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}