/*
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 */


#access a { margin-left: 20px; }

#about {
	background-image: url('./images/menu/white_04.png');
	width: 241px;
	height: 57px;
	display: block;
	text-indent: -3000px;
}

#about:hover, #about.selected {
	background-image: url('./images/menu/blue_04.png');
	width: 241px;
	height: 57px;
	display: block;
	text-indent: -3000px;
}

#writing {
	background-image: url('./images/menu/white_05.png');
	width: 241px;
	height: 57px;
	display: block;
	text-indent: -3000px;
}

#writing:hover, #writing.selected {
	background-image: url('./images/menu/blue_05.png');
	width: 241px;
	height: 57px;
	display: block;
	text-indent: -3000px;
}


#blog {
	background-image: url('./images/menu/white_06.png');
	width: 241px;
	height: 57px;
	display: block;
	text-indent: -3000px;
}


#blog:hover, #links.selected {
	background-image: url('./images/menu/blue_06.png');
	width: 241px;
	height: 57px;
	display: block;
	text-indent: -3000px;
}

#links {
	background-image: url('./images/menu/white_07.png');
	width: 241px;
	height: 57px;
	display: block;
	text-indent: -3000px;
}


#links:hover, #links.selected {
	background-image: url('./images/menu/blue_07.png');
	width: 241px;
	height: 57px;
	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;
}

/* Blog */

div.post {
	margin: 0 0 50px 0;
	background-color:rgba(255,255,255,0.5);
	padding: 10px;
	}
	
li.widget {
	margin: 0 0 30px 10px;
	background-color:rgba(255,255,255,0.5);
	padding: 5px;
	}