/* Copyright � 2004 Celina & Jay */
/* JayGray v.2.0 */

/* INSTRUCTIONS */
/* ---------------------------------------------------------------------------- */

/* BANNER GRAPHIC */
/* To replace the banner graphic all you have to do is open the image 'banner.jpg' in your favorite graphics editor and replace the layer 'image' with your desired graphic. Do not change the canvas or image size and keep it a JPEG graphic. NOTE: This is a FIXED WIDTH theme and will not render properly if you make an 'iframe' wider then 560 pixels.  */

/* NAVIGATION GRAPHIC */
/* If you would like to change the graphic that is displayed to the right of the text navigation when your mouse rolls over the text simply open up 'nav_bg.gif' in your favorite graphics editor and change it to your liking. The graphic is 12 pixels wide by 12 pixels high and should stay that way in order to display properly so please don't alter the canvas size. Once you're done editing, save the file with the same name and extension (gif). */

/* FONTS & COLORS */
/* You can easily change the color scheme and fonts used by editing the CSS file you are currently in. Each item is listed below with a small description of it's function. Hopefully this will give you an idea of how this theme is created. */

/* SUPPORT/DESIGN HELP */
/* If you wish to get help editing this theme or need a specific theme created specifically for you, please contact me at: newending [at] mac dot com. Thanks for using NewEnding Studios RapidWeaver themes! */

/* BROWSER CHECK */
/* PASSED || MACINTOSH: Safari 1.2.4, Firefox 1.0, IE 5.2, Camino 2004062308 (v0.8), Opera 6.0.3 (background doesn't work properly)
					|| WINDOWS: IE seems to work now -- please provide feedback! */

/* ---------------------------------------------------------------------------- */



/* ----- ( Main Styles ) ------------------------------------------------------ */

/* sets the background image for the theme */
body {
    background: url(images/bg.gif) center repeat-y;
    background-color: #333333;
    margin: 0;
    text-align: center;
    }

/* BODY entry text attributes */
.body {
    font: normal 12px/14px "Lucida Grande", sans-serif;
    color: #333333;
    text-align: justify;
    }

/* MILLI entry text attributes */
.milli {
    font: bold 14px "Lucida Grande", sans-serif;
    color: #333333;
    text-align: left;
    }

/* BLOG entry text attributes */
.blogEntry {
    font: normal 12px/14px "Lucida Grande", sans-serif;
    color: #333333;
    text-align: justify;
    }

/* sets the font header styles with the main one (.blog-entry-title) having an image in front of it */
h2, h3 {
    font: bold 11px "Lucida Grande", sans-serif;
    color: #333333;
    text-align: justify;
    }
    
/* BLOG TITLE */
.blogtitlestyle {
		font: bold 12px "Lucida Grande", sans-serif;
		padding: 0 0 0 18px;
		color: #333333;
		text-decoration: none;
		background: no-repeat left url(images/li_doc.gif);
		}

/* BLOG DATE */
.blogdatestyle {
		font: bold 12px "Lucida Grande", sans-serif;
		color: #333333;
		text-decoration: none;
		}

/* whenever you wish to quote someone use the '<blockquote>' tag to spice up the way quotes are displayed */
blockquote {
	font-size: 88%;
	color: #777;
	padding-left: 23px;
	background: url(images/quotemarks.gif) no-repeat 0 3px;
	}



/* ----- ( Box Styles ) ------------------------------------------------------ */

#horizon {
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    min-width: 560px;
    background-color: transparent;
    }

#island {
    background-color: #ffffff;
    position: relative;
    text-align: left;
    width: 560px;
    margin: 0px auto;
    }

/* This is the area where your "breadcrumb" navigation lives */
#header {
	background: url(images/header_bg.gif);
	color: #7F7F7F;
	font: 11px "Lucida Grande", sans-serif;
	margin: 5px 0px 5px 0px;
	height: 28px;
    }

/* This is the area where the banner is placed as a background allowing your %site_title% and %slogan% to appear on top of the banner */
#banner {
    margin-bottom: 0px;
    background: url(images/banner.jpg);
    width: 560px;
    height: 75px;
    }
    
/* This controls the color of the links for the "breadcrumb" navigation */
#header a {
    color: #800000;
    text-decoration: none;
    }

#header a:hover {
    color: #000;
    border-bottom: 1px dotted #333;
    }

/* This controls the look of the %site_title% copy */
#title {
    color: #333;
    font: 28px "Lucida Grande", sans-serif;
    text-align: right;
    text-transform: uppercase;
    padding-top: 5px;
    padding-right: 10px;
    text-shadow: 0px 1px 2px #FFF;
    }

/* This controls the look of the %slogan% copy */
#slogan {
    font: italic 10px "Lucida Grande", sans-serif;
    color: #333;
    text-align: right;
    padding-top: 0px;
    padding-right: 10px;
    text-shadow: 0px 1px 2px #FFF;
    }

/* ----- ( Navigation Styles ) ------------------------------------------------------ */
/* These id's control the look of the text based navigation system (normal, hover and active states)*/
#nav {
    background: url(images/nav_bg.gif);
    height: 52px;
    font: 12px "Lucida Grande", sans-serif;
    text-transform: uppercase;
    padding: 3px 5px 0px 5px;
    }

#nav a {
    padding: 0 0 0 13px;
    color: #4C4C4C;
    text-decoration: none;
    }

#nav a:hover {
    color: #000000;
    padding: 0 0 0 13px;
    background: no-repeat left url(images/over.gif);
    text-decoration: none;
    border-bottom: none;
    }

#content {
	background: transparent;
	margin: 0 5px 0 5px;
    }

/* This controls the look of the text on the bottom of the page (%footer%) */
#footer {
	background: transparent;
	margin: 10px 5px 15px 5px;
	color: #333333;
	text-align: center;
	font: 9px "Lucida Grande", sans-serif;
    }
	

/* ----- ( Generic Link Styles ) ------------------------------------------------------ */
a:link {
	 font: normal 12px/14px "Lucida Grande", sans-serif;

	color: #7F7F7F;
	text-decoration: none;
}

a:hover, a:active, a:visited {
	 font: normal 12px/14px "Lucida Grande", sans-serif;
	color: #333333;
	text-decoration: none;
}