@charset "UTF-8";
/*
Theme Name:	Parish CMS 0.1
beta
   Theme URI:	http://aristotle.esguerra.info/
   Description:	A fluid-width framework for parish websites.
   Version:		0.1
   Author:		Aristotle A. Esguerra
   Author URI:	http://aristotle.esguerra.info/
 */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 */

@media all
{
	/**
	 * Fonts
	 * font-family and font-size selection for headings and standard text elements
	 *
	 * @section content-fonts
	 */

	/* reset font size for all elements to standard (16 Pixel) */
	html * { font-size: 100.01% }
	
	/* reset monospaced elements to font size 16px in Gecko browsers */
	textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;		
	}

	/* base layout gets standard font size 12px */
	body {
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
		font-size: 85.00%; 
		color: #444;	
	}

	h1,h2,h3,h4,h5,h6 { 
		font-family:"Book Antiqua","FreeSerif","Goudy Old Style","Lucida Bright","MgOpen Canonica","URW Palladio L","times new roman",times,serif; 
		font-weight:normal; 
		color:#555;
		margin: 0.25em 0 0.25em 0; 
	}

	h1 { font-size: 200% }												/* 24px */
	h2 { font-size: 200%; color:#901e03}					/* 24px */
	h3 { font-size: 150% }												/* 18px */
	h4 { font-size: 133.33% }										 /* 16px */
	h5 { font-size: 116.67% }										 /* 14px */
	h6 { font-size: 116.67%; font-style:italic }	/* 14px */

	#header h1 {
		font-size:2.5em;
		letter-spacing:-2px;
		line-height:65%;
		color:#fff;
	}

	#header span {
		color:#999;
	}

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

	/* ### Lists ### */

	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em }

	dt { font-weight: bold }
	dd { margin: 0 0 1em 2em }

	/* ### Text formatting ### */

	cite, blockquote { font-style:italic }
	blockquote { margin: 0 0 1em 1.5em }

	strong,b { font-weight: bold }
	em,i { font-style:italic }

	pre, code { font-family: monospace; font-size: 1.1em; }

	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}

	/**
	 * Generic Content Classes
	 * standard classes for positioning and highlighting
	 *
	 * @section content-generic-classes
	 */

	.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
	.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
	.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;	}
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;	}
	.center { text-align:center; margin: 0.5em auto }

	/**
	 * External Links
	 *
	 * Formatting of hyperlinks
	 *
	 */

	a {color: #182E7A; text-decoration:none;}
	a:focus,
	a:hover,
	a:active {color:#182E7A; text-decoration:underline;}
	
	#topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
	#topnav a:focus, 
	#topnav a:hover,
	#topnav a:active { text-decoration:underline; background-color: transparent;}
	
	#footer a { color: #999; background:transparent; font-weight: bold;}
	#footer a:focus, 
	#footer a:hover,
	#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

	/**
	 * Emphasizing external Hyperlinks via CSS
	 *
	 * @section						 content-external-links
	 * @app-yaml-default		disabled
	 */

	/*
	#main a[href^="http://www.my-domain.com"],
	#main a[href^="https://www.my-domain.com"]
	{
		padding-left: 12px;
		background-image: url('your_image.gif');
		background-repeat: no-repeat;
		background-position: 0 0.45em;
	}
	*/

	/**
	 * Tables
	 * Generic classes for table-width and design definition
	 *
	 * @section content-tables
	 */

	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed }

	th,td { padding:0.25em 0.25em; }
	thead th { background: #444; color: #fff }
	tbody th { background: #ccc; color: #333 }
	tbody th.sub { background: #ddd; color: #333 }
	
	/**
	 * Miscellaneous
	 *
	 * @section content-misc
	 */

	hr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}
	
	li.archive-entry .date { font-weight: bold !important; }
	
	/*************************************
	* BEGIN STJC-SPECIFIC CUSTOMIZATIONS *
	*************************************/
	
	/**
	 * Header
	 *
	 * @section header
	 */
	
	#header {
		background: #000 url('/wp-content/themes/parish_cms_10/css/screen/images/header.png') no-repeat bottom left;
		border-top:1px solid #000;
		border-left:1px solid #000;
		border-right:1px solid #000;
	}
	#header h1,
	#header p { text-align:right }
	#header h1 a,
	#header h1 a:hover {
		color:#a00;
		text-decoration:none;
	}
	#header p span { color: #eee; }

	/**
	 * Navbar
	 *
	 * @section navbar
	 */
	
	#nav_main {
		/* containing floats in IE */
		width: 99.9%; /* for 1px CSS border visibility; otherwise 100% */
		overflow: hidden;
		/* containing floats in all other browsers */
		float: left;
		display: inline;
		/* Repeat the main color from the image */
		background: #cca;
		border: 1px #000 solid;
		border-left: 0;
		line-height: 0;
	}
		
	#nav_main ul {
		border-left: 1px #000 solid;
		/* Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}
		
	#nav_main ul li {
		border-bottom: 1px #000 solid;
		border-right: 1px #000 solid;
		/* Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left;
		font-size: 1.0em;
		line-height: 1em;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	#nav_main ul li a,
	#nav_main ul li strong {
		background: transparent;
		color: #000;
		display: block;
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 0.5em 0.8em 0.5em 0.8em;
		text-decoration: none;
		width: auto;
	}

	#nav_main ul li.page-item-541 a { background: #ff9; }
	
	#nav_main ul li a:focus,
	#nav_main ul li a:hover,
	#nav_main ul li a:active {
		background: #bb9;
		text-decoration: none;
	}

	#nav_main ul li.page-item-541 a:focus,
	#nav_main ul li.page-item-541 a:hover,
	#nav_main ul li.page-item-541 a:active {
		background: #ee8; }
	
	#nav_main ul li#current {
		/* Repeat the main color from the image */
		/* background: #272727 url("images/shiny_buttons/background_active.gif") repeat-x center right;
		 * border-left: 1px #444 solid;
		 * border-right: 1px #888 solid; */
	}
	
	#nav_main ul li#current strong,
	#nav_main ul li#current a,
	#nav_main ul li#current a:focus,
	#nav_main ul li#current a:hover,
	#nav_main ul li#current a:active {
		background: transparent;
		/* color: #fff; */
		text-decoration: none;
	}
	#nav_main ul li a {
		padding: 0.3em 0.5em;
		font-weight: bold;
		font-size: 0.9em;
		font-variant: small-caps;
		font-family:"Book Antiqua";
	}

	#navbarleft {
		width: 680px;
		float: left;
		margin: 0px;
		padding: 0px;
	}
		
	#navbarright {
		width: 280px;
		font-size: 11px;
		float: right;
		margin: 0px;
		padding: 6px 0px 0px 0px;
		}
		
	#nav {
/*		margin: 0px;
		padding: 0px; */
		}
		
	#nav ul {
		float: left;
		list-style: none;
/*		margin: 0px;
		padding: 0px; */
		}
		
	#nav li {
		list-style: none;
		margin: 0px;
		padding: 0px;
		}
		
	#nav li ul {
		list-style: none;
		border-top: 1px #000 solid;
		}
		
	#nav li a, #nav li a:link, #nav li a:visited {
		display: block;
		margin: 0px;
		}
	
	#nav li a:hover, #nav li a:active {
		background: #bb9;
		margin: 0px;
		text-decoration: none;
		}
		
	#nav li li a, #nav li li a:link, #nav li li a:visited {
		background: #cca;
		width: 150px;
		float: none;
		margin: 0px;
/*		padding: 7px 10px 7px 10px; */
		border-bottom: 1px solid #000;
		}
		
	#nav li li a:hover, #nav li li a:active {
		background: #bb9;
/*		padding: 7px 10px 7px 10px; */
		}
	
	#nav li {
		float: left;
		padding: 0px;
		}
	
	#nav li ul {
		z-index: 9999;
		position: absolute;
		left: -999em;
		height: auto;
		width: 170px;
		margin: 0px;
		padding: 0px;
		}
	
	#nav li li { 
		}
	
	#nav li ul a { 
		width: 140px;
		}
	
	#nav li ul a:hover, #nav li ul a:active { 
		}
	
	#nav li ul ul {
		margin: -32px 0 0 171px;
		}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
		}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
		}
	
	#nav li:hover, #nav li.sfhover { 
		position: static;
		}
		
	/************************************************
	*	SubNavbar      								*
	************************************************/
	
	#subnavbar {
		background: #666666;
		width: 99.8%;
		height: 24px;
		color: #FFFFFF;
		margin: 0px;
		padding: 0px;
		border-left:1px #000 solid;
		border-right:1px #000 solid;
		border-bottom:1px #000 solid;
	}
	
	#subnav {
		margin: 0px;
		padding: 0px;
	}
	
	#subnav ul {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#subnav li {
		float: left;
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	
	#subnav li a, #subnav li a:link, #subnav li a:visited {
		color: #FFFFFF;
		display: block;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0px 5px 0px 0px;
		padding: 6px 13px 6px 13px;
	}

	#subnav li a:hover, #subnav li a:active {
		background: #85ACAC;
		color: #FFFFFF;
		display: block;
		text-decoration: none;
		margin: 0px 5px 0px 0px;
		padding: 6px 13px 6px 13px;
	}
	
	#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
		background: #666666;
		width: 140px;
		float: none;
		margin: 0px;
		padding: 6px 10px 6px 10px;
		border-bottom: 1px solid #FFFFFF;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
	}
	
	#subnav li li a:hover, #subnav li li a:active {
		background: #85ACAC;
		margin: 0px;
		padding: 6px 10px 6px 10px;
	}
	
	#subnav li ul {
		z-index: 9999;
		position: absolute;
		left: -999em;
		height: auto;
		width: 160px;
		margin: 0px;
		padding: 0px;
	}

	#subnav li li { 
	}

	#subnav li ul a { 
		width: 140px;
	}

	#subnav li ul a:hover, #subnav li ul a:active { 
	}

	#subnav li ul ul {
		margin: -25px 0 0 161px;
	}

	#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover1 ul ul, #subnav li.sfhover1 ul ul ul {
		left: -999em;
	}

	#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover1 ul, #subnav li li.sfhover1 ul, #subnav li li li.sfhover1 ul {
		left: auto;
	}

	#subnav li:hover, #subnav li.sfhover { 
		position: static;
	}
	
	.alignright { float: right; }
	.alignleft { float: left; }
	
	/**
	 * Image drop shadows
	 *
	 * @section drop-shadows
	 */

	.img-shadow {
		float:right;
		background: url(css/screen/images/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
		background: url(css/screen/images/dropshadow/shadow.gif) no-repeat bottom right;
		margin: 0 0 0.75em 2em !important;
		margin: 0 0 0.75em 1em;
	}
	
	.img-shadow img {
		display: block;
		position: relative;
		background-color: #fff;
		margin: -6px 6px 6px -6px;
		padding: 6px;
		background: #000;
		border: 6px ridge #300 !important;
	} 
	
  .p-shadow {
		width: 90%;
		float:left;
		background: url(css/screen/images/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
		background: url(css/screen/images/dropshadow/shadow.gif) no-repeat bottom right;
		margin: 10px 0 0 10px !important;
		margin: 10px 0 0 5px;
	}
	
	.p-shadow div {
		background: none !important;
		background: url(css/screen/images/dropwshadow/shadow2.gif) no-repeat left top;
		padding: 0 !important;
		padding: 0 6px 6px 0;
	}
	
	.p-shadow p {
		color: #777;
		background-color: #fff;
		font: italic 1em georgia, serif;
		border: 1px solid #a9a9a9;
		padding: 4px;
		margin: -6px 6px 6px -6px !important;
		margin: 0;
	}
	
	/**
	 * Inline edit button
	 *
	 * @section inline-edit
	 */

	.edit_button a {
		font-size: 12px; text-transform: uppercase; background: #600; border:2px outset #300; padding: 1px 3px; color:#fc0;
	}
	
	.edit_button a:hover {
		text-decoration: none; background: #711; border:2px outset #411; color:#fd1;
	}
	
	.edit_button a:active {
		text-decoration: none; background: #711; border:2px inset #411; color:#fd1;
	}
	
} /* don't neglect this closing curly bracket! */