index.css

/* @override 
	http://127.0.0.1/~niko/nnmc/index.css
	http://127.0.01/~niko/nnmc/index.css
	http://nnmc.loc/index.css
	http://www.nnmc.loc/index.css
*/

html{
	font-family: Helvetica, Arial, "Helvetica Neue", Geneva, sans-serif;
	background-color: white;
	margin:-0px;
	padding: -0px;
	color: #c1c1c1;
	font-weight: lighter;
	background: #474747;
}

body {
	font-family: Helvetica, Arial, "Helvetica Neue", Verdana, Geneva, Arial, "Sans Serif";
	font-size: 1em;
	margin: -0px;
	text-align: left;
	line-height: 1.5em;
	font-weight: lighter;
}

h1,h2,h3{
	font-weight: lighter;	
	color: #bbb;
}

h1 {
	font-size: 1.5em;
	margin-top: 18px;
	margin-bottom: 18px;
}

h2 {
	font-size: 1.35em;
	margin-top: 16px;
	margin-bottom: 16px;
	text-transform: uppercase;
	}

h3 {
	font-size: 1.2em;
	margin-top: 14px;
	margin-bottom: 14px;
}

a{
	color: inherit;
	text-decoration: underline;
}
a:hover{
	text-decoration: underline;
	color:darkgray;
}

p{
	line-height: 1.45em;
}
/*The column that contains everything*/
#wrapper{
	padding: 0px;
	width: 500px;  /* contrain the width */
	margin:0 auto;	/* auto-centers the element*/
	-webkit-overflow-scrolling: touch;
}



#banner , #footer , #navigation, .nav{
	text-align: center;
	position: fixed;
	display: inline;
	margin: 0 auto;
	margin-left: 510px;	
	padding: 10px;
	width: 240px;
	clear: left;
}
#banner a, #footer a, #navigation a, .nav a{
	text-decoration: none;
	color: darkorange;
}
#banner a{
	font-size: 1.8em;
	text-decoration: none;
}
#pre_footer{
	text-align: center;
	margin: 0 auto;
	padding: 40px;
}
/* The website title */
#banner{
	font-weight: lighter;
	border-left:1px solid darkorange;
	background: url("niconomicon.png") no-repeat center 20px;
	padding-top: 104px;
}

#footer {
	text-align: left;
	font-size: 0.75em;
	bottom: 0px;
	height: 30px;
	padding:10px;
	line-height: 1.3em;
	border-left:1px solid darkorange;	
}

.nav{
	border-left:1px solid darkorange;
	text-align: left;
	bottom: 0px;
	padding-bottom: 60px;
}

span.date{
	color: inherit;
	font-size: 0.8em;
	margin-left: -110px;
	width: 120px;
	padding-right: 10px;
}

span.date a{
	line-height: 20px;
	color: inherit;
	font-weight: lighter;
	text-decoration: underline;
}


#navigation {
	top: 134px;
	padding: 0px;
	text-align: center;	
}
#navigation span{
	height: 30px;
}
#navigation a, #navigation span, #navigation a, #navigation a:hover, #navigation a.category-link.selected{
	float: left;
	font-size : 1.1em;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:5px;
	padding-top:5px;
	width: 100px;
	border-left:1px solid darkorange;
}
#navigation a:hover {
	background-color: rgba(0,0,0,0.1);/*#2E2E2E;*/
}

#navigation a.category-link.selected{
	border:1px solid darkorange;
	border-left: none;	
}

div.post{
	padding: 2em 0 2em 0;
}
/*To make the post list normal fonted and not uppercased*/
div.list div.title a{
	text-transform: none;
	font-size: 0.9em;
	text-align: left;
}
div.list{
	line-height: 1em;
}
.title{
	text-transform: uppercase;
}
.title a, a.title{
	font-size: 1.35em;
	color: darkorange;
	text-decoration: none;
}
div.footnotes{
	font-size: 0.8em;
}
sup{
	display: inline-block;	
	padding: -0px;
	margin: -0px;
	margin-top: -5px;
	height: 1.5em;
	font-size: 0.6em;
}
/*Just because I find the default font too big.*/
div.embedded_gist{
	margin-left: -10px;
	padding-left: 0px;
	font-size: 0.7em;
	text-shadow: none;
}

pre,pre code, code{
    font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
   	font-size: 0.75em;
}
/*I know about overflow:scroll, but it is not obvious when OSX & iOS hides the bloody scroll bars.*/

ul,ol{
	margin-top: 4px;
	margin-bottom: 4px;
}

li {
	margin-left: 0px;
}

table {
	margin-top: 10px;
	font-size: 1em;
	margin-bottom: 10px;
}
th{	
	font-weight:bold;
	padding-right: 13px;
	padding-left: 5px;
	padding:5px;
}
td{
	vertical-align:text-top;
	padding-right: 13px;
	padding-left: 5px;
}
img{
	border: none;
	margin: 0 auto;
}