/*** april-2010: Hello1.css ***/

/***	An exercise in optimising website construction.
		We are using the Hellonet Flagship Search Engine
		[ hello.co.za ] as the test-bed: The concept is:

		1.	hello1.css:
			will standardise the body, fixes, and page-width
			settings. (All "stuff" to be loaded first )
		2.	hello2.css:
			will render the page layout by calling all required
			boxes to construct a "single-column" page. Selectors
 			and other code are added for multi-column pages.
		3.	hello3.css: 
			will contain CSS used to render "Text" and all else
			required to display "Content" included on pages.
 
		4.	Each Style Sheet has a "Store-Bag" at the end of the
			relevant page. Being "Unused" code on a current page.
			Copy and paste required selectors and stuff from this
			bag (if available) to render different pages "goodies".

		5.	Add newly descovered or designed CSS stuff into the :
			(to be created) "Hello_Master_Bag" - to be stored on our
			relevant computers.
			This "Hello_Master_Bag" of CSS stuff will contain copies
			of the three "hello" CSS Masters above, and should always
			form the basis for new Hellonet or Client sites.

		6.	There will probably be - "Master-CSS-Bags" for all these:
			"XHTL"; PHP; CMS; ESHOP and BLOG Site Tipes....
			These can be created as and when required :::
			Always using the main "Master-CSS-Bags" - as a "jump-off"
			point when starting a new project. We should avoid simply
			"creating" NEW CSS files to suit new sites.
		7.	1em= 16px : 1px= 0.875em     *******/

* { margin:0; padding:0; }
* { margin-left:auto; margin-right:auto;}

* html .clearfix { height:1%; }    /* start commented backslash hack \ */
img { border:none; }  /* disable graphic borders */

body { background:url(bg-swatch.png) repeat;
font-family:arial,verdana,"courier new"; font-size:100%; color:#003a75; }

.hovermenu ul { font:bold 16px arial; padding-top:65px; margin-left:50px; height:20px; }
.hovermenu ul li { list-style:none; display:inline; }
.hovermenu ul li a { padding:2px 0.5em; text-decoration:none; float:left;
color:black; background-color:#dcdca8; border:0px solid #FFF2BF; }
.hovermenu ul li a:hover { background-color:#d3d392; border-style:outset; }
.hovermenu ul li a:active { border-style:inset; }

/*** END ***/


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

/*** DO NOT RUN FROM HERE *** "STORE-BAG" ***  DO NOT RUN FROM HERE ***/


/****** Page Paragraph Jump 
<a href="#configuration">configure</a>
/** result: <h2 id="configuration">Script "Configuration"</h2> 


	/* enhanced clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
.clearfix:after{
visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 

.clearfix{display:inline-block;}	

.clearfix{display:block;}   /* close commented backslash hack 

#page-wrap { width:expression(document.body.clientWidth < 782? "780px" : document.body.clientWidth > 1262? "1260px" : "auto"); }

 ******/