/* vim: set sts=4 sw=4 et : */
* {
	margin: 0;
}

html {
	height: 100%;
}

body {
    height: 100%;
    background: #080808;
    background-image: url(bg.png);
    text-align: center;
}

h1 {
    text-align: center;
    font-family: Century Schoolbook, Georgia, serif;
    color: #fff;
    font-style: normal;
    font-weight: 100;
    font-size: 44pt;
}

h2 {
    font-family: Century Schoolbook, Georgia, serif;
    color: #444;
    font-style: italic;
    font-weight: 100;
    font-size: 28pt;
}

p {
    text-align: center;
    color: #404040;
    font-family: Lucida Grande, sans;
    font-size: 8pt;
}

a {
    color: #404040;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/****
 * BEGIN: Hacks for the footer floating at the bottom
 ****/
div#wrapper {
	min-height: 100%;
	height: 100%;
	height: auto !important;
}
/****
 * END: Hacks for the footer floating at the bottom
 ****/

/****
 * BEGIN: hacks for vertical alignment
 ****/
div#content {
	position: relative;
}
div#content[id] {
	display: table;
	position: static;
}

div#table {
	position: absolute;
	height: 100%;
}
div#table[id] {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

div#cell {
	position: relative;
	top: 25%;
	bottom: 25%;
}
/****
 * END: hacks for vertical alignment
 ****/

/* Spacing between title and images */
h1#title {
	padding-bottom: 50pt;
}

a#pooja {
	display: inline-block;
	width: 115px;
	height: 141px;
    background: url(faceyellow.png) center top no-repeat;;
}

a#pooja:hover {
    background-image: url(facewhite.png);
}

a#nirbheek {
	display: inline-block;
	width: 115px;
	height: 141px;
    background: url(faceblue.png) center top no-repeat;
}

a#nirbheek:hover {
    background-image: url(facewhite.png);
}

div#projects a {
    color: #444;
    font-style: normal;
}

/****
 * BEGIN: Hacks for the footer floating at the bottom
 ****/
div#push {
	/* This should be the same as the footer height */
	padding-bottom: 2em;
}

div#footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 2em;
	/* This should be the negative of the footer height */
	margin-top: -2em;
}
/****
 * END: Hacks for the footer floating at the bottom
 ****/
