@import url("universal.css");

.navhosting, .navvisuals, .commentform {
        display:none !important;
}



*
{
	font-size: 11px; 
	font-family:verdana,arial,sans-serif;
	line-height: 15px;
/*	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
{
        max-width: 55em;
        min-height: 400px;
        clear: right;
        margin-left: 140px;
        margin-right: 2em;
        padding: 0.5em;
        xbackground: #f9f9f9;
        xborder-left: 1px dashed #cccccc;
        margin-top: 100px;
}

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

ol li
{
    margin-top: 5pt;
}

/* RSS (old) */

div.article
{ 
        -moz-border-radius: 5px 20px 5px 20px;
        border: 1px dotted #e9d9e9;
        border-left-width: 3px;
        border-bottom-width: 3px;
        background-color: rgb(95%,95%,95%);
        margin-top: 1em;
	margin-bottom: 4em;
        padding: 0.5em;   
       background-repeat:repeat-x;      
}

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

div.article:hover
{
    background-color: rgb(93%,90%,93%);
    border-color: rgb(78%,75%,78%);
}

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

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

div.article a
{
    color: rgb(40%,40%,30%);
    text-decoration: none;
}

div.article:hover a
{
    text-decoration: underline;
}

div.article:hover a:hover
{
    background: white;
}

div.articlefunctions a
{
        color: green;
        text-decoration: none;
}

div.articlefunctions a:hover
{
        color: green;
        text-decoration: underline;
}

div.articlefunctions
{
        -moz-border-radius: 5px;
	border-top: 1px solid #999999;
	margin-left: 1em;
	padding-left: 1.5em;
}

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

div.articleheader
{
        margin-left: 1em;
	/* looks better in italics */
	font-family: Verdana, Arial, sans-serif;
	xfont-style: italic;
	border-bottom: 1px solid #999999;
        font-size: 12pt;
        font-weight: bold;
}

div.articleheader span.articledate
{
    font-weight: inherit;
}

/* RSS (new) */

div.post
{ 
	    line-height: 18px !important;
        max-width: 50em;
        -moz-border-radius: 5px 20px 5px 20px;
        border: 1px dotted #e9d9e9;
        border-left-width: 3px;
        border-bottom-width: 3px;
        background-color: rgb(95%,95%,95%);
        margin-top: 1em;
	margin-bottom: 4em;
        padding: 0.5em;   
       background-repeat:repeat-x;      
}

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

div.post:hover
{
    background-color: rgb(93%,90%,93%);
    border-color: rgb(78%,75%,78%);
}

div.post a
{
    color: rgb(40%,40%,30%);
    text-decoration: none;
}

div.post:hover a
{
    text-decoration: underline;
}

div.post:hover a:hover
{
    background: white;
}

p.meta a
{
        color: green;
        text-decoration: none;
}

p.meta a:hover
{
        color: green;
        text-decoration: underline;
}

p.meta
{
        -moz-border-radius: 5px;
	border-top: 1px solid #999999;
	margin-left: 1em;
	padding-left: 1.5em;
}

div.post div.postbody
{
	margin-left: 1em;
    padding-top: 0.75em;
}

div.post div.postbody p:first-child
{
    padding: 0pt;
    margin: 0pt;
}

div.post div.postheader
{
        margin-left: 1em;
	/* looks better in italics */
	font-family: Verdana, Arial, sans-serif;
	xfont-style: italic;
	border-bottom: 1px solid #999999;
        font-size: 12pt;
        font-weight: bold;
}

div.post div.postheader span.postdate
{
   float: right;
}

div.post span.typo_date
{
    font-size: smaller;
    font-style: italic;
}

div.post div.postcomments
{
    -moz-border-radius: 5px;
	border-top: 1px solid #999999;
	margin-left: 1em;
	padding-left: 1.5em;
}

/* RSS (new) END */

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;
}