demostyles.css

easycms to learn easy php and see how to code in php and use mysql database requetes

	body {
		font-family: arial, geneva, lucida, sans-serif;
		background:#ffcc66;
		margin:0;
		padding:0;
	}
	#leftnav {
		position:absolute;
		top:7em;
		left:1em;
		width:10em;
		border:1px solid black;
		background:#fff;
		padding-top:1em;
	}
	#leftnav ul li {
		list-style-type:square;
		color:#336699;
	}
	#leftnav ul li ul li{
		list-style-type:square;
		color:#999;
	}
	#leftnav a{
		text-decoration:none;
		color:#333;
	}
	#main {
		padding:1em;
		position:relative;
		margin:1em 1em 1em 12em;
		padding-right:16em;
		border:1px solid black;
		background:#fff;
	}
	#main h1{
		font-size:160%;
		font-weight:normal;
		margin:.5em 0 0 .5em;
		color:#336600;
	}
	#main h2{
		font-size:140%;
		font-weight:normal;
		margin:.5em 0 0 .5em;
		color:#336633;
	}
	#main h3{
		font-size:120%;
		font-weight:normal;
		margin:.5em 0 0 .5em;
		color:#336633;
	}
	#main h4{
		font-size:110%;
		font-weight:normal;
		margin:.5em 0 0 .5em;
		color:#336633;
	}
	#main p{
		align:justify;
	}

	#header {
		margin:1em;
		height:5em;	
		border:1px solid black;
		background:#fff;
	}	
	.col{
		float:left;
		border:1px solid black;
	}
	#news{
		padding-left:.5em;
		position:absolute;
		top:8em;
		right:2em;
		width:15em;
		border-left:1px dashed #333;
	}
	
	#header h1 {
		color:#006666;
		font-size:200%;
		font-weight:normal;
		margin:.5em 0 0 .5em;
	}
	#crumbs {
		margin-left:1em;
	}
	#crumbs{
		color:#999;
		font-size:80%;
	}
	#crumbs a{
		color:#999;
	}