@charset "utf-8";
/* CSS Document */

body{
width: 100%;
font-size:90%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
background-color:#333;
color:#CCC;
}

#container{
width: 960px;
margin: 0 auto;
}	

#header{
width:960px;
}

#frontimg{
width:960px;
height:400px;
}

#content{
margin: auto 0;
width: 960px;
padding-bottom: 20px;
}

#sidebar{
float: right;
width: 300px;
}

#footer {
width:960px;
clear:both;
border-top: #39C 2px solid;
}

/*--typography--*/

#header h1{
font-size: 220%;
padding-left: 10px;
color:#39C;
}

#header h2{
font-size: 110%;
padding-left:35px;
font-style:italic;
color:#F60;
}

#header p{
	text-align:right;
	font-size: 120%;
	color:#CCC;
}

#header p a{
	text-decoration:none;
	color:#CCC;
}

#header p a:hover{
	color: #39C;
}

#header p a:active{
	text-decoration:underline;
}

/*--*/

#content h1{
font-size: 180%;
padding:10px;
color:#39C;
}

#content h2{
font-size: 140%;
padding-left:10px;
}

#content p{
	font-size: 110%;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
}

/*--*/

#footer p{
font-size: 90%;
text-align:center;
}

.emphasis {
	color: #F60;
}

/*--images--*/

.imgright{
float:right;
padding:15px;
}

.imgleft{
float:left;
padding:15px;
}

/* indexpage */

.tidbits{
width:280px;
height:150px;
padding:5px;
float:left;
background-image:url(images/calvinbordertick.jpg);
background-position:right;
background-repeat:no-repeat;
}

.tidbits p{
	padding-top:25px;
	padding-right:60px;
	text-align:center;
	font-size: 145%;
}