@import url("reset-fonts-grids.css");
	@import url("base-min.css");

	a, a:link, a:visited { 
		text-decoration: none;
	}

	a:hover { 
		text-decoration: underline;
		color: red;
	}

	a:active { 
		text-decoration: underline;
		color: green;
	}

	.navheader th, .navheader td, .navfooter th, .navfooter td {
		border: 0px;
	}

        div#body {
          width: 100%;
          padding:0px;
          border: 2px solid rgb(185, 190, 235); 
          background-color: rgb(208, 214, 255); 
          margin:auto;
          padding-top:0px;
        }

        @media (min-width: 1200px) {
        div#body {
          width: 780px;
          padding:10px;
          border: 2px solid rgb(185, 190, 235); 
          background-color: rgb(208, 214, 255); 
          margin:auto;
          padding-top:10px;
        }
        }

	body {
          padding-top:20px;
          font:sans-serif;
          background-color:#eef;
          font-size:100%;
          text-align:left;
	}

	h2 { color: green;}

	code {
		font-size: 150%;
	}
        .product {
		text-align: center;
        }

	.product.bad {
		color: red;
	}

	.product.good {
		color: green;
	}

	.product.neutral {
		color: black;
	}

	.required {
		color: red;
	}

	/*
	#logo {
        	height: 500px;
	}
	*/

        #header > div {
          margin-right:30px;
        }

	/*
	#header { 
		background-color: #00bb00; 
	}
	*/

        #header div#title {
          padding:0px;
        }

        #header div#title h1 {
          font-size:160%;
        }

        #header div#title div.subtitle {
          font-size:120%;
          color:green;
        }

        #header a:hover img {
            outline:1px solid green;
        }

        #menubar {
          clear:none;
          margin-bottom:20px;
        }

        #menubar ul {
          list-style-type:none;
          margin:auto;
        }

        #menubar li {
          display:inline;
          margin:5px;
        }

        h1 {
          margin:0; padding:0;
          color:green;
        }

        div#content {
          clear:both;
          margin-top:20px;
          background:rgb(185, 190, 235);
          padding:20px;
        }

        .important {
          font-weight:bold;
        }

        .question {
          font-weight:bold;
          margin-top:30px;
          border-top:1px solid gray;
        }

        .answer {
        }

        ul li {
          margin:5px 0px;
        }

        ul.demos li {
          list-style-type:none;
        }

        table#product-showcase {
            margin:auto;
            margin-bottom:15px;
            width:60%;
        }

        table#product-showcase td {
            background-color: rgb(188, 194, 235); 
            border:0;
        }

        table#demos {
            margin:auto;
        }

        table#demos td {
            text-align:center;
        }

	pre {
		overflow: auto;
		width: 97%;
		border: 1px inset;
		padding: 10px;
		line-height: 1.5em;
	}