@font-face {
        font-family: splendid; 
        src: url("http://vanessaandphil.com/styles/SplendidN.ttf") format("truetype");
}

body {text-align: center;}

#main {
	width: 900px; 
	margin:0 auto; 
	text-align: left;
}

#header {
	margin-top: 1em; 
	margin-bottom:1em;
}

/*.heading {
	font-family: splendid, courier new, courier, serif;
        text-align: center;
}*/

.heading {
	font-family: helvetica, arial, sans serif;
        text-align: center;
}

.heading h1 { font-size: 3em }

.date {margin-top: -1em; font-size: 2em;}

#menu {
	width: 900px;
	border-top: 1px dotted; 
	border-bottom: 1px dotted;
	margin-top: 1em;
}

#menu table {  
	width:900px; 
        white-space: nowrap;
        /*font-variant: small-caps;*/
        font-family: helvetica, arial, san serif;
}

#menu td {
	border:1px;
        width: 20%;
}


#menu a {
        text-decoration: none;
        color: black;        
}

#menu a:hover:before {
        content:"{"
}

#menu a:hover:after {
        content:"}";
}

#menu a:hover {
        color: green;
        margin-left: -0.48em;
}



#content {
}

#content h1 {
  font-family: helvetica, arial, sans serif;
}


#content h2 {
  font-family: helvetica, arial, sans serif;
}

#content h3 {
        font-family: helvetica, arial, sans serif;
        margin-left: 1em;
}


#content a {
        color: black;
}

#leftbox {
        position: relative;
	float: left; 
	padding: 0.25em; 
	border: 1px; 
	border-color: #AAA;
	border-style: solid;
}
#rightbox {
        display: block;
	float:right;
        width: 300px;
	border: 1px;
        padding-bottom: 3em;
}

#footer {
        clear:both;
        display: block;
        text-align: center;
        font-style: italic;
        border-top: 1px dotted;
        border-bottom: 1px dotted;
}

.pusher {
        clear:both;
        height: 3em;
}

#ninja { 
        position:absolute; 
        background:transparent url('/img/vpninja.png') no-repeat 0 0;
        width:200px;
        height:150px;
        display:none;
}

.leftcolumn, .rightcolumn {width: 50%; }
.leftcolumn {float: left; }
.rightcolumn {float: right;}
.leftcolumn p {padding-right: 0.5em; }
.rightcolumn p {padding-left: 0.5em; }
.bottomcolumn {clear: both;}
.bottomcolumn hr {width: 75%;}

p.fairytale:first-letter {font-size: 3em; font-family: "Edwardian Script ITC", "Brush Script MT", cursive;}
p.fairytale:first-line {line-height: 100%;}

.attendant {font-weight: bold; }

.footnote {font-size: 0.5em; }