codesite/static/style.css

/* style.css */

img {
	border:0;
}
a {
	color:black;
}
a:hover {
	color:blue;
}
h1,h2,h3 {
	margin-top:0;
}
.code {
	background: #F8F8F8;
	font-family:Consolas,monospace;
}

/* */

html, body {
	/* structural */
	height:100%;
	margin:0;
	border:0;
	padding:0;
	
	/* cosmetic */
	background:#DDD url('pixel_weave.png');	/* thanks subtlepatterns.com ! */
	color:#333;
}

#container {
	margin:0 auto;
	width:768px;
	position:relative;
	
	height:auto !important;
	height:100%; /* oldIE */
	min-height:100%;
	
	/* cosmetic */
	background:white;
}

#content {
	padding:14px;
	background:white;
}

/* */

.projtable {
	border-collapse: collapse;
	width:100%;
}
.projtable tr {	
	transition:0.2s linear;
}
.projtable tr:hover {
	background:#F8F8F8;
}
.projtable td {
	padding: 2px 4px;
}
.projtable small {
	color:grey;
	font-style:italic;
}

.projinfo {
	position:relative;
}
.projbody {
	position:absolute;
	left:0;
}
.projbody_halfw {
	right: 74px;
}
.projbody_fullw {
	right:0;
}
.projimg {
	position:absolute;
	right:0;
	
	width:62px;	/* 60px + 2px border */
}

/* */

#bannerlogo {
	width:631px;
	height:35px;
	margin:0 auto;
	background: white url('header.png') no-repeat 0 0;
	padding:8px;
}

.headimg {
	width:310px;
	height:62px;
}

.homeimage {
	width:90px;
	height:32px;
}

.homeimage-sprite {
	background: white url('logos.jpg') no-repeat 0 0;
}

.thumbimage {
	width:60px;
	height:60px;
	opacity: 0.8;
	transition:0.2s opacity;
	border:1px solid lightgrey;
}
.thumbimage:hover {
	opacity:1.0;
}

.no-image {
	width:90px;
	height:32px;
	display:block;
	background: white url('no_image.png') no-repeat 0 0;
}