html, body {
  margin: 0;
  padding: 0;
  background-color: #424242;
}

body {
  background: #797979 url(background.png) top repeat-x;
}

#page {
  padding: 24px;
  width: 1000px;
  margin: 0 auto;
}

body, td, th, input { /* redundant rules for bad browsers  */
	font-family: Georgia, serif;
  font-size: 11px;
  color: #cccccc;
}

table, tr, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
  border: none;
}
li h1, li h2, li h3, li h4, li h5, li h6 {
	border: none;
}

h1 { font-size: 200%; font-weight: bold; margin-bottom: 12px;}
h2 { font-size: 200%; font-weight: bold; margin-bottom: 12px; color: #99cc00;}
h3 { font-size: 100%; border: none; margin: 0;}
h4 { font-size: 100%; }
h5 { font-size: 90%; }
h6 { font-size: 90%; border: 0; }



.blue {
  color: #2277dd;
}

a:link,
a:visited
{
  color: #555555;
	text-decoration: none;
}

a:link, a:visited {
  color: #cccccc;
}

a img
{
	border: none;
}

p {
 padding: 0;
 margin: 0 0 12px 0;
}





/* ---------------------- */


/* dropshadow foo */
.front {
	position: absolute;
	z-index: 666
}

.back {
	position: relative;
	left: 1px;
	top: 1px;
	color: #222222;
}


/* color shorthands */
.lime {
    color: #99cc00;
}

.white {
    color: white;
}

.black {
    color: black;
}

.grey {
    color: #555555;
}


.entry {
  float: left;
  width: 320px;
  height: 200px;
  overflow: hidden;
  position: relative;
  background-color: #1e1e1e; 
  margin: 5px;
}

.entry .inner {
  padding: 12px 12px 0 12px;
}

.entry a.big {
  width: 320px;
  height: 200px;
  display: block;
  color: #cccccc;
}

.entry .image {
  width: 320px;
  height: 200px;
  position: relative;
  top: -2px;
  left: -2px;
}

.entry a:hover .image {
  display: none;
}


.text-entry {
  text-align: right;
  background-color: #1e1e1e;
}

ul {
  margin: 0 0 12px 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.green {
  color: #99cc00;
}

.clear {
  clear: both;
  font-size: 1%;
  line-height: 0px;
}