old spreehq styles.css

html, body {
	border:0pt none;
	margin:0pt;
	min-width:750px;
	padding:0pt;
	width:100%;
	}

body {
	color:#333333;
        font-family: helvetica,arial,clean,sans-serif;
	/*font-family:Helvetica,Verdana,Arial,sans-serif;*/
	font-size:12px;
	text-align:center;
  }
  
#container {
	height:100%;
	margin:0pt auto;
	min-width:780px;
	width:86%;
  }
    
#header { 
	margin:0pt;
	padding:0pt;
	width:100%;
  }


#header a {
  font-size: 16px;
  padding: 10px;
}
 
.table-header table {
  border: 0px none;
  border-collapse: separate;
  width: 100%;
}
 
.table-header td {
  border: 0px;
  padding: 0px;
}

#content {
	min-width:780px;
	text-align:left;
  }

#main { 
	float:left;
	padding-bottom:55px;
	width:56%;
  }

.entry {
  padding-bottom: 2px;
}

/** single column variant of main */
#main-single { 
	float:left;
	padding-bottom:55px;
	width:96%;
  }
#sidebar {
	float:right;
	padding-bottom:55px;
        margin-top: -15px;
	width:40%;
  }
  
#footer {
	background:#E4E7E9 none repeat scroll 0%;
	border-top:1px solid #C8CDD0;
	clear:both;
	color:#75818A;
	font-size:11px;
	height:40px;
	margin:0pt;
	padding:15px;
	text-align:center;
  }  

#spacer {
	float:left;
	font-size:1px;
	height:95%;
	margin:0pt;
	padding:0pt;
	width:0pt;
  }

.info {
  font-size:11px;
  font-style:italic;
  margin-top:-15px;
}

/*+-------------------------------------------+
  |         LINKS               |
  +-------------------------------------------+*/
  a {
    color: #005A92;
    text-decoration: none;
    /*border-bottom: 1px dotted #E3780E;*/
  }
  
 a:hover { 
  text-decoration: underline;
/*
   color: #208D18; 
   border-bottom-color: #208D18; 
*/
  }
/*+-------------------------------------------+
  |         UTILITY             |
  +-------------------------------------------+*/
	h1 {
		color:#333333;
		font-family:sans-serif,Helvetica,Arial;
		font-size:28px;
		font-weight:normal;
		line-height:19px;
		margin:0pt;
		padding:10px 0pt 12px;
		}
  
	h2 {
		color:#2D58AE;
		font-size:14px;
		font-weight:bold;
		line-height:19px;
		margin:0pt;
		padding:5px 0pt 4px;
    }
  /*
  h1, h2, h3, h4, h5, h6 {
    margin: 0;
  padding: 0;
  }
  */
  form, div { padding: 0; margin: 0; }
  /*p { margin: 0 0 1em 0; padding: 0; }*/
  img { border: 0; }

 /*+-------------------------------------------+
   |        FOOTER                             |
   +-------------------------------------------+*/
  
#footer {
background:#E4E7E9 none repeat scroll 0%;
border-top:1px solid #C8CDD0;
clear:both;
color:#75818A;
font-size:11px;
height:40px;
margin:0pt;
padding:15px;
text-align:center;
}
#footer a {
color:#75818A;
text-decoration:underline;
}
#footer a:hover {
color:#333333;
text-decoration:none;
}
#footer p {
line-height:20px;
margin:0pt;
padding:0pt;
}

<r:snippet name="panel-styles" />


 /*+-------------------------------------------+
   |                  CODE                     |
   +-------------------------------------------+*/
pre {
    background: #FFF;
    border: 1px solid #EEE;
    border-left: 6px solid #CCC;
    color: #666;
    display: block;
    font: normal 1em Tahoma,sans-serif;
    line-height: 1.6em;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
}
code {
    font: normal 1em courier, serif;
}
/****** Notices and Errors *******/
#flash-errors, #errorExplanation {
  margin: 0 auto;
  background: #EF1D61;/*#F69A91;*/
  padding: 10px;
  color: #FFFFFF;
  text-align: center;
}
#flash-notice {
  background: #CAEFA5;
  padding: 10px;
  color: #051;
  text-align: center;
}

.formError, .errorExplanation {
  color: #FF0000;
}

/****** Screenshot Thumbnails *******/
li.thumbnail {
  position: relative;
  float:left;
  font-size:0.9em;
  height:14em;
  line-height:1.2em;
  margin-right:50px;
  width:150px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

li.thumbnail a {
  text-decoration:none;
}

li.thumbnail img {
  border:4px solid;
  border-color:#F0F0F0;
}