/******************************************************************************
 * style           Seseragi (Quartz)
 * author          Steve Knoblock (http://brandymorecastle.org)
 * date begin      19 February 2008
 * date revised    24 Apr 2010
 ******************************************************************************/


body {
	background-color: #666;
	color: #333;
	text-align: left;
	font-size: 15px/22px;
	font-family: Georgia, Times New Roman, serif;
}

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

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

a:hover {
	color: #366088;
	background-color: #ccc;
	text-decoration: underline;
}


/******************************************************************************
 * Page Layout
 */

/**
 * Page Container
 */

#page_container {
/**
 * Auto left and right margins provide centering of page wrapper.
 */
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	background-color: #f1f1f1;
	background-image: url(../img/page_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
	/* border: 1px solid #ccc;	*/
}

/**
 * Content / Sidebar
 * All width, height, margin, float is specified here for these elements.
 * Note: the little bit of margin is to show the background through on the
 * sides of the content and form the gutter between the content and sidebar.
 * It may not be ideal but I am stuck with it for now.
 */

#sidebar {
	width: 25%;
	background: transparent;
	margin: 0 0 0 0;
	margin-left: 3%;
	padding: 0 0 0 0;
	float: right;
}

#content {
	width: 70%;
	background: #f1f1f1;
	float: left;
	/*
	padding-top: 0.25em;
	padding-left: 2em;
	padding-bottom: 0.5em
	padding-right: 2em;
	*/
/*
	margin-left: 2%;
	margin-right: 2%;
*/
	margin: 0 0 0 0;
	margin-left: 2%;
}


/**
 * Ledge Container
 */

#ledge_container {
	width: 100%;
	margin: 0 0 0 0;
	margin-top: 32px; /* additional: keep below blogger toolbar */
	padding: 0 0 0 0;
	background: transparent;
	height: 64px;

	/*
	background-image: url(../img/coins.png);
	background-repeat: no-repeat;
	background-position: top right;
	*/
}

#logo {
	width: 40%;
	margin: 8px;
	float: left;
	letter-spacing: 0.25em;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	font-family: Georgia, Times New Roman, serif;
}

#slogan {
	width: 60%;
	float: right;
	color: #3377AA;
	font-size: 0.75em;
	display: none;
}

/**
 * Page Footer
 */

#page_footer {
/*	background: transparent url(http://brandymorecastle.org/looks/seseragi-2.3.4/img/footer_background_gray.png); */
	background: transparent url(../img/footer_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 0 0 0;
	padding: 4px;
	text-align: center;
	/* border-top: 1px gray solid; */
	font-size: 0.70em;
	font-family: Georgia, Times New Roman, serif;
}


/**
 * Bottom Ledge Container
 */

#spotlight {
	margin: 0;
	padding: 4px;
	text-align: center;
	font-size: 12px;
	border-top: 2px solid #3377aa;
}


/**
 * Sidebar
 */

#sidebar {
	background: transparent;
}


/* Sidebar Box */

.box-container {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 0;
	*/
	list-style: none;
}

h2.box-title {
	margin: 1.5em 0 .75em;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	/* text-transform: uppercase;*/
	/* letter-spacing: 0.2em; */
/*	color: #999; */
	color: #333;
	font: 14px/18px Georgia, Times, serif;
}

.box-content {
 	background: transparent url(../img/page_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
}

.box-container ul {
	margin: 0 0 0 0;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 0;
	list-style: none;
}

/* this is affecting leaf menu */
.box-container ul li {
	margin: 0;
	padding: 0 0 .25em 15px;
	text-indent: -15px;
	line-height: 1.5em;
	font: 12px/18px Arial, Verdana, sans-serif;
}



h2.sidebar-title {
	margin: 1.5em 0 .75em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #999;
	font: 14px/18px Georgia, Times, serif;
}



/* cascade weirdness .head does not affect color, a.head does */
a.head {
	text-decoration: none;
	color: #333;
}

/* Nested navigation. This is a structured menu box. */

.leaf-box-container {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

h2.leaf-box-title {
	margin: 1.5em 0 .75em;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	/* text-transform: uppercase;*/
	/* letter-spacing: 0.2em; */
/*	color: #999; */
	color: #333;
	font: 14px/18px Georgia, Times, serif;
}


#leaf-container {
	height: 100%
	margin-bottom: 1em;
	background: transparent url(../img/page_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding-left: 2%;
}


#leafnavigation {
	background-color: transparent;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: 0px;
}

#leafnavigation li.leaf a.head {
}

#leafnavigation a.head {
	background-color: transparent;
	color: #333;
	font-weight: normal;
	font: 14px/18px Georgia, Times, serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#leafnavigation ul {
	background: transparent url(../img/page_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	padding: 2px 2px 2px 2px;
	padding-bottom: 12px
}

#leafnavigation li {
	margin: 0 0 0 0;
	padding-top: 2px;
	padding-left: 12px;
	padding-bottom: 6px;
	padding-right: 2px;
	margin-left: 2px;
	background-color: transparent;
	list-style: none;
}

#leafnavigation li li a {
	padding: 2px;
	font: 14px/18px Georgia, Times, serif;
}

#leafnavigation li li a:hover {
	background-color: white;
		-moz-border-radius-topleft: 8px;
		-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomleft: 8px;
		-moz-border-radius-bottomright: 8px;
}

/*

#leafnavigation li li a {
	background-color: transparent;
	text-decoration: none;
}


*/

  

/**
 * Content
 *
 */

#content {
	background: #f1f1f1;
/*	color: #333;
	font-size: 1.3em;
	color:#c60; */
}

#content h2 {
	text-align: center;
	margin: 1em 0px 0px 0px;
	padding: 0 0 0 0px;
	color: #333;
/*	color:#c60; */
}
	
#text {
	margin: 20px 60px 0px 60px;
	padding: 1em 1em 1em 1em;
	color: #000;
	/*list-style-image: url();
*/
}

p {
	margin-top: 1em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

li.subhed {
 margin:1.5em 0 .75em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
}

/**
 * Featured
 */

.feature-box {
	width: 90%;
	margin: 0 0 0 0;
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 0;
	list-style: none;
}

.feature-box-title {
	text-align: left;
	margin: 1.5em 0 3.75em 100px;
	/* text-transform: uppercase;*/
	/* letter-spacing: 0.2em; */
	color: #999;
	color: red;
}

.feature-box-content {
 	/* background: transparent url(../img/page_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
	*/
}


/**
 * Misc. Content
 *
 */

.content_flag {
	width: 48px;
	height: 48px;
	margin: 4px 4px 4px 4px;
	padding: 0px 0px 0px 0px;
	margin-top: 8px;
	margin-left: -16px;
/*	background: transparent url(http://brandymorecastle.org/looks/seseragi-2.3.4/img/page_background_gray.png); */
	background: transparent url(../img/page_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	/* border: 1px solid black */
}

/**
 * Date heading
 */

.date-hed {
	width: 46px;
	height: 46px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	color: #366088;
}

.date-d {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 24px;
}
.date-m {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	text-transform: uppercase
}
.date-y {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 8px;
	display: none
}

#blogfeed {
  font: 12px/18px Arial, Verdana, sans-serif;
}


/**
 * Media
 *
 */

	img { border: none }



/******************************************************************************
 * Navigation
 *****************************************************************************/

#navigation {
	/* background: #cfcfcf; */
	/*border-bottom: 2px solid #3377aa; */
	border: none
}

#navigation {
	padding-bottom: 0; /* Deleting this prevents floating menu dividers in IE6, but is required to prevent overlap into feature area in FF1.5 Both look okay and are usable. */
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	text-align: right;
	color: white;
	margin: 0;
}

#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	/*
	border-left: 1px solid #004e61;
	border-right: 1px solid #006486;
	*/
	position: relative;
	top: 0;
}

#navigation ul li {
	background: transparent url(../img/menu_background_gray.png);
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}

#navigation ul a:link, #navigation ul a:visited {
	display: block;
	float: left;
	padding: 10px 15px;
	text-decoration: none;
/*	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
*/
/*	color: #dee0e5; */
	height: 16px;
	font-weight: bold;
	font-size: 14px;
	font: 14px/20px Arial, Verdana, sans-serif;
}

    
#ignored {
}

#navigation ul li a:hover {
	color: #fff;
	text-decoration: none;
/*	background: transparent url(http://brandymorecastle.org/looks/seseragi-2.3.4/img/menu_background_gray.png); */
	background: transparent url(../img/menu_background_gray.png);
	background-repeat: repeat-x;
	background-position: top;
}

#menu-empty {
	padding-left: 12px;
}


/*************************************************************************************/

/*

Blogger styles.

.post			Post container
.post-title		Post title
.post-body		Post text
.blogger-labels Tags container
.post-footer	End of post matter
.comment-link	Comments
.item-control blog-admin Toolbar

*/

/* The following style classes pertain to blogger blog posts. */

.post {
	width: 33em;
}

.post-title {
	font-size: 0.95em;
	font-family: Arial, sans-serif;
}

.post-body {
	/* background-color: #f1f1f1;  */
	color: #000;
	text-align: left;
	line-height: 1.5em;
	font-size: 0.95em;
	font-family: Georgia, Times New Roman, serif;
}

.post-footer {
	background-color: #f1f1f1;
	color: #333;
	text-align: left;
	line-height: 1.5em;
	font-size: 0.95em;
	font-family: Georgia, Times New Roman, serif;
	}

.blogger-labels {
	line-height: 1.5em;
	font-size: 0.95em;
	font-family: Georgia, Times New Roman, serif;
	}

.comment-link { }

.item-control {
	line-height: 1.5em;
	font-size: 0.95em;
	font-family: Georgia, Times New Roman, serif;
}



/* Content
----------------------------------------------- */

@media all {
/*
  #content {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
*/
/*
  #main {
    width:410px;
    float:left;
    }
	*/
	/*
  #sidebar {
    width:220px;
    float:right;
    }
*/
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }