/* CSS for familybubble*/

/*Blue Colour Scheme */



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

/* Temporary formatting */

/*    	html, body, #container, #header, #navigation, #sitebranding, #footer, #content, #links, #maintext {
		border: 1px solid red;
      		padding: 2px;
      		margin-bottom: 2px;
    }
*/

/*	html          { border: 4px solid red }
	body          { border: 4px solid blue }
	#container    { border: 4px solid green }
	#header       { border: 4px solid silver }
	#navigation   { border: 4px solid teal }
	#sitebranding { border: 4px solid olive }
	#footer       { border: 4px solid black }
	#content      { border: 4px solid maroon }
	#links        { border: 4px solid purple }
	#maintext     { border: 4px solid navy }	
	 
/* ---------------------------------------------------------------- */



/* General formatting */

	html {
		height: 100%;
		margin: 0;
	}

	body {
		font-family: "Trebuchet MS"; Helvetica; Arial; sans-serif;
		font-size: 90%;
		margin: 0;
		background-color: #003; 
		height: 100%;
		background-image: url(images/fade_000_003.gif);
		background-repeat: repeat-x;
	}

	.centered {
		margin-left: auto;
		margin-right: auto;
	}

	#container {
		width: 100%;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -80px;
	}
	
	.clear {
		height: 80px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		clear: both;
	}

/* Navigation formatting */

	#navigation {
		text-align: center;
		min-width: 750px;
		margin: 0;
		height: 50px;
		font-size: 24px;
		font-weight: bold;
	}

	#navigation li {
		list-style-type: none;
		display: block;
		padding: 0 1% 0 1%;
		float: left;
		width: 17%;
		margin: 0;
	}

	#navigation a:link, #navigation a:visited {
		text-decoration: none;
		color: #fff;
	}

	#navigation a:hover, #navigation a:link#current, #navigation a:visited#current {
		color: #ccf;
		border-bottom: 9px solid #ccf;
		padding-bottom: 12px;
	}

/* Sitebranding formatting */

	#sitebranding {
		min-width: 750px;
		background-color: #ccf;
		font-size: 40px;
		font-weight: bold;
		height: 100px;
	}

/* Homebranding formatting */

	#homebranding {
		min-width: 750px;
		background-color: #ccf;
		font-size: 40px;
		font-weight: bold;
		height: 200px;
	}

/* Hometext formatting */

	#hometext {
		margin: 2% 1% 0% 2%;
		width: 46%;
		min-width: 375px;
                float: left;
		background-color: #fff;
		color: #333;
		font-size: 87.5%;
		background-image: url(images/fade_ccc_fff.gif);
		background-repeat: repeat-x;
	}

/* Maintext formatting */

	#maintext {
		margin: 2% 1% 0% 2%;
		width: 70%;
		min-width: 525px;
                float: left;
		background-color: #fff;
		color: #333;
		font-size: 87.5%;
		background-image: url(images/fade_ccc_fff.gif);
		background-repeat: repeat-x;
	}

	#feedtext {
		margin: 2% 1% 0% 2%;
		width: 70%;
		min-width: 525px;
        float: left;
		background-color: #fff;
		color: #333;
		font-size: 87.5%;
		height: 1000px;
		background-image: url(images/fade_ccc_fff.gif);
		background-repeat: repeat-x;
	}

	.mainbl { background: url(images/mbl_18_fff_003.gif) 0 100% no-repeat }
	.mainbr { background: url(images/mbr_18_fff_003.gif) 100% 100% no-repeat }
	.maintr { background: url(images/mtr_18_ccc_003.gif) 100% 0 no-repeat }
	.maintl { background: url(images/mtl_18_ccc_003.gif) 0 0 no-repeat; padding: 1% 2% 1% 2% }

	.first {
		font-weight: bold;
		color: #336;
	}
	
	#maintext h1 a, #maintext h2 a, #maintext h3 a{
		text-decoration: none;
		color: #336;
	}
	
	#hometext a, #maintext a, #feedtext a {
		color: #336;
		font-weight: bold;
		text-decoration: none;
	}
	
	#hometext a:hover, #maintext a:hover, #feedtext a:hover {
		color: #669;
		font-weight: bold;
		text-decoration: none;
	}

/* Homelinks formatting */

	#homelinks {
		margin: 2% 1% 0% 1%;
		padding: 0;
		width: 22%;
		float: left;
		background-color: #336;
	}

/* Links formatting */

	#links {
		margin: 2% 0% 0% 1%;
		padding: 0;
		width: 22%;
		float: left;
		background-color: #336;
	}

	.linkbl { background: url(images/lbl_18_336_003.gif) 0 100% no-repeat }
	.linkbr { background: url(images/lbr_18_336_003.gif) 100% 100% no-repeat }
	.linktr { background: url(images/ltr_18_336_003.gif) 100% 0 no-repeat }
	.linktl { background: url(images/ltl_18_336_003.gif) 0 0 no-repeat; padding: 2% 1% 1% 1% }

	#links ul, #homelinks ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 87.5%;
	}

	#links li, #homelinks li {
		margin: 1em 0 0 0;
	}

	#links a, #homelinks a {				 /* used on everything but blog stylesheet */
/*	#links li a, #homelinks li a {			*/ /* only used on blog stylesheet */
		display: block;
		padding: 3%;
		margin: 0 4% 0 4%;
		width: 86%;
		color: #fff;
		background-color: #669;
		text-decoration: none;
	}
	
	.mainnav {
		display: block;
		padding: 3%;
		margin: 0 4% 0 4%;
		width: 86%;
		color: #fff;
		background-color: #669;
		text-decoration: none;
	}	

	#links a:hover, #homelinks a:hover {
		color: #003;
		background-color: #ccf;
		text-decoration: none;
	}

	#links ul ul li, #homelinks ul ul li {
		margin: 0;
	}

	#links ul ul a, #homelinks ul ul a {
		display: block;
		padding: 1% 3% 1% 17%;
                margin: 0 4% 0 4%;
		width: 72%;
		color: #fff;
		background-color: #336;
		text-decoration: none;
	}

	#links ul ul a:hover, #homelinks ul ul a:hover {
		color: #003;
		background-color: #ccf;
		text-decoration: none;
	}
	
	.rss {
    		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: .5em 0 0 0;
	}

	.bardetail {
		display: block;
		padding: 3%;
		margin: 0 4% 0 4%;
		width: 86%;
		color: #fff;
		text-decoration: none;
		text-align: center;
	}	

/* Footer formatting */

	#footer {
		padding: 30px 0 0 0;
		text-align: center;
		min-width: 675px;
		font-weight: bold;
		font-size: 87.5%;
		width: 100%;
		clear: both;
		color: #fff;
		height: 80px;
		background-image: url(images/fade_003_000.gif);
		background-color: #000;
		background-repeat: repeat-x;
	}

	#footer li {
		list-style-type: none;
		display: inline;
		padding: 3%;
	}		

	#footer a:link, #footer a:visited {
		text-decoration: none;
		color: #fff;
	}

	#footer a:hover, #footer a:link#current, #footer a:visited#current {
		color: #ccf;
	}
	
	.copy {
	color: #669;
	}

/* BlogFeed formatting */

	.item h2 a {
		text-decoration: none;
		color: #333;
	}