/*======================
	== JasonSlanga.net ===
	======================*/

body {
	font-family: Garamond; font-size: 18px;

	/* anchor an image to the top left, and fix it when the user scrolls */
	background-image: url("jason.jpg"); background-repeat: no-repeat; background-position: top left; background-attachment: fixed;

	padding: 0; 

	padding-left: 180px; /* move all text to the right of the image */
	width: 750px;
}

a:link, a:visited { color: black; text-decoration: none; border-bottom: 1px dotted black; letter-spacing: 1px; }
a:hover { border-bottom: 1px solid black; }

/*=======================
	== Library styles =====
	=======================*/

div.section { margin: 10px 0; padding: 0 20px; border-width: 2px 0 0; }
div.section h2 { text-indent: -20px; margin-top: 0; }
div.section p { text-align: justify; line-height: 1.25em; }

.right { text-align: right; }


/*======================
  == Layout styles =====
	======================*/

div#container { 
	margin: 0;
	padding: 0; 
	width: 750px; 
}

div#header { border-bottom: 3px double black; padding: 0 0 10px; width: 600px; }
	div#header h1 { letter-spacing: 5px; margin: 0; padding: 0; }
	div#header p { margin: 0 0 0 20px; padding: 0; }

/* short summary box that floats at the top right */
div#summary {
	float: right; 
	margin: 20px 0 10px 0; border: double black; border-width: 3px 1px; padding: 10px; width: 300px; 
	background-color: white; /* cover up any borders that float underneath */
}

div#content { width: 500px; margin: 10px 0 0; padding: 10px 0 0; }
	

div#side { clear: right; float: right; width: 229px; margin: 0 10px; border: solid #999; border-width: 0 0 0 1px; padding: 0; font-size: 15px;}
	div#side h3 { margin: .5em 0 0; border-top: 3px double #999; padding: 10px 10px 5px; }
	div#side ul { margin: 0; padding: 0 0 0 30px; list-style-type: circle; }

/*========================
	== Specific Styles =====
	========================*/

body#digitalstory ul#documents a { font-size: smaller; }