@import url("universal.css");

*
{
	font-size : 10pt;
	font-family: Lucida Sans Unicode, Marlett, Verdana, Arial, sans-serif;
}

img
{
	border: 0px;
}

blockquote
{
	/* looks better in italics */
	font-family: Arial, Verdana, sans-serif;
	font-style: italic;
}

pre.code
{
	font-family: courier-new, monospace;
	padding: 0.5em;
	margin-left: 0.5em;
	border: 2px solid gray;
	background: black;
	color: rgb(87%,87%,87%);
}

div.main
{
        min-height: 500px;
        clear: right;
        margin-left: 150px;
        margin-right: 2em;
        padding: 0.5em;
        background: #f9f9f9;
        border: 1px dashed #777777;
        margin-top: 100px;
}

h1
{
	font-size: 15pt;
	font-weight: bold;
}

div.article
{
	padding-bottom: 2em;
}

div.articlebody P:first-child
{
	margin-top: 0px;
	padding-top: 0px;
}

div.article P
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.articlefunctions
{
	margin-left: 1em;
	padding-left: 1.5em;
}

div.articlebody
{
	margin-left: 1em;
	padding: 1em;
}

div.articleheader
{
	/* looks better in italics */
	font-family: Verdana, Arial, sans-serif;
	font-style: italic;
	border-top: 1px solid #666666;
}

div.nav
{
        position: absolute;
        top: 100px;
        left: 10px;
        float: left;
        width: 130px;
}

div.header
{
        position: absolute;
        top: 0px;
        left: 10px;
        float: right;
        width: 98%;
        text-align: right;
}

body.nonie div.header
{
	background-image: url(../images/logos/vert-gradient-alpha.png);
}

div.header a
{	
	display: block;
	width: 579px;
	height: 95px;
	background-image: url(../images/logos/logo.png);
}

body.nonie div.header a
{
	background-image: url(../images/logos/grack-alpha.png) !important;
}

span.header
{
	display:none;
}

body.nonie div.nav, body.nonie div.header
{
        position: fixed;
}

body.ie div.header
{
        background-color: white;
}

body.nonie div.header
{
}

div.comments
{
	padding-top: 1em;
}

div.footer
{
	margin-top: 1em;
	border-top: 1px solid black;
	background: #f9f8f9;
	font-size: 8pt;
	width: 100%;
	text-align: right;
	clear: both;
}

div.footerstyle
{
	float: left;
}

div.footercopyright
{
	float: right;
}

a.nav
{
	display: block;
	float: left;
	clear: both;
	margin-bottom: 8pt;
	padding: 3px;
	width: 125px;
	height: 79px;
	background-repeat: no-repeat;
	background-position: center center;
}

a.nav:hover
{
	border: 3px solid #ffbbbb;
	padding: 0px;
}

a.nav span.nav
{
	display: none;
}

a.navhome
{
	background-image: url(../images/navigation/home.png);
}

a.navcoding
{
	background-image: url(../images/navigation/coding.png);
}

a.navhosting
{
	background-image: url(../images/navigation/hosting.png);
}

a.navvisuals
{
	background-image: url(../images/navigation/visuals.png);
}

a.navwritings
{
	background-image: url(../images/navigation/writings.png);
}

a.function
{
	font-size: 8pt;
	font-variant: small-caps;
	margin-left: 1em;
}