/*

	 [------------------LAYOUT INFORMATION------------------]
	 name         By the Sea [AYW.R]
	 bts created  February 23, 2007
	 ayw created  June 1, 2007
	 ayw revised  June 26, 2007
	 author       Caroline L.
	 + email      patronus4000%yahoo.ca [replace % with @]
	 + site       http://patronus4000.deviantart.com/

	 This layout is compatible with IE 6, IE 7, Firefox 2,
	 and Opera 9. Compatibility with other browsers have 
	 not been tested as of yet.

	 Finally, a perfectly table-free layout created by 
	 yours truly. If only the rest of the world could do
	 the same. Header image from iStockphoto.com by 
	 cjmckendry.
	 http://www.istockphoto.com/file_closeup/?id=3194070

	 The AYW.R version carries a few changes from the
	 original, the biggest change being the header image.
	 Other changes concern the position and design elements
	 of the navigation bar and page borders.

	 This file is released under Creative Commons 
	 Attribution-Share Alike 2.5 Canada license. Follow the
	 URL below to view details.
	 http://creativecommons.org/licenses/by-sa/2.5/ca/

	 Do NOT remove this copyright notice. Thank you.

*/




		 /* [--------GENERAL ELEMENTS--------] */
		 /* [HTML a/body/img/p. Redefined.   ] */

* {
	border: 0;
	margin: 0;
	padding: 0;
	}

body {
	background: #1d739b url(img/bg.png) fixed;
	color: #1d739b;
	font: 12px/18px verdana, tahoma, arial, helvetica, sans-serif;
	text-align: center;
	}

a:link {
	color: #b3b307;
	}

a:visited {
	color: #229ebd;
	}

a:active, a:hover {
	color: #f09269;
	text-decoration: underline;
	}

blockquote {
	background: #e5f0f6;
	font-size: 11px;
	margin: 0 20px 10px;
	padding: 10px 20px;
	}

img {
	display: block;
	margin: 5px auto;
	padding: 5px;
	}

p {
	margin: 0 0 5px;
	padding: 0 0 5px;
	}




		 /* [------HTML HEADER ELEMENTS------] */
		 /* [Redefining the causes of titles.] */

#content h1 {
	color: #f34210;
	font: 20px/20px georgia, 'times new roman', serif;
	margin: 15px 0 5px;
	text-align: left;
	}

#content h2 {
	color: #a0c33e;
	font: bold 12px/18px verdana, tahoma, arial, helvetica, sans-serif;
	margin: 5px 0 0;
	text-transform: uppercase;
	text-align: left;
	}

#nav h1 {
	color: #f34210;
	font: bold 12px/16px verdana, tahoma, arial, helvetica, sans-serif;
	text-transform: uppercase;
	}





		 /* [---------LAYOUT ELEMENTS--------] */
		 /* [Bones of the design. Remove not.] */

/* [Holds /all/ structural elements.] */
#container {
	background: #fff;
	border-left: 1px solid #1d739b;
	border-right: 1px solid #1d739b;
	margin: 0 auto;
	padding: 20px 0px;
	text-align: left;
	width: 700px;
	}

#header {
	background: transparent url(img/header.png) no-repeat top left;
	border-top: 1px solid #1d739b;
	border-bottom: 1px solid #1d739b;
	height: 200px;
	}

/* [Holds all 'cept header together.] */
#surround {
	display: block;
	}

#holdnav {
	padding: 0 0 0 18px;
	}

#nav {
	background: #EDF9FF;
	border: 1px solid #E6F2F8;
	float: left;
	display: block;
	font-size: 10px;
	line-height: 16px;
	margin: 22px 0;
	padding: 5px;
	width: 132px;
	}

#content {
	float: right;
	padding: 5px 20px 5px 0;
	text-align: justify;
	width: 500px;
	}

#footer {
	clear: both;
	color: #f3987e;
	display: block;
	font: 10px/14px verdana;
	margin: 10px 20px 5px;
	padding: 10px 0 0;
	text-align: center;
	width: 660px;
	}




		 /* [---------LISTS ELEMENTS---------] */
		 /* [Making dull lists beautiful.    ] */

ul li {
	list-style-type: square;
	}

#content li {
	margin: 0 0 0 25px;
	}

#nav li {
	background: transparent url(img/bullet.png) no-repeat top left;
	line-height: 16px;
	list-style-type: none;
	padding: 0 10px 0;
	}




		 /* [----------MISC. CLASSES---------] */
		 /* [Ditching these? Bad idea.       ] */

.external {
	display: inline;
	margin: 0;
	padding: 0;
	}