/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* CSS reset */
@import url('http://yui.yahooapis.com/3.1.0/build/cssreset/reset-min.css');

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');

html {
	background-image: url('./images/bg.jpg');
	background-attachment: fixed;
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
}

/* layout not in 2c-l.css */

#access {
	width: 375px;
	margin-top: 345px;
	float: left;
	position: fixed;
}

#header {
	width: 600px;
	margin: 0 0 150px 0;
	position: fixed;
}

#header a {
	background-image: url('./images/logo.jpg');
	background-repeat: no-repeat;
	display: block;
	width: 387px;
	height: 50px;
	text-indent: -3000px;
	margin-top: 40px;
}


/* Menu */

#about {
	background-image: url('./images/menu/about.jpg');
	width: 375px;
	height: 64px;
	display: block;
	text-indent: -3000px;
}

#about:hover, #about.selected {
	background-image: url('./images/menu/about_hover.jpg');
	width: 375px;
	height: 64px;
	display: block;
	text-indent: -3000px;
}

#writing {
	background-image: url('./images/menu/writing.jpg');
	width: 387px;
	height: 61px;
	display: block;
	text-indent: -3000px;
}

#writing:hover, #writing.selected {
	background-image: url('./images/menu/writing_hover.jpg');
	width: 387px;
	height: 61px;
	display: block;
	text-indent: -3000px;
}

#links {
	background-image: url('./images/menu/links.jpg');
	width: 387px;
	height: 73px;
	display: block;
	text-indent: -3000px;
}

#links:hover, #links.selected {
	background-image: url('./images/menu/links_hover.jpg');
	width: 387px;
	height: 73px;
	display: block;
	text-indent: -3000px;
}

/* Text Formatting */

p {
	margin: 0 0 15px 0;
	line-height: 1.6em;
}

h1 {
	font-size: 2.5em;
	font-weight: bold;
}

h2 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 20px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* Links */

a:link {
	color: #677fb8;
	text-decoration: none;
}

a:visited {
	color: #bf7979;
	text-decoration: none;
}

a:hover {
	color: #bf7979;
	text-decoration: none;
}

a:active {
	color: #bf7979;
	text-decoration: none;
}