/*
On The Line PR
@author: Rick Stoopman
@version: 20090807-01

Used colors:
Orange: #ffa200;
Grey: #8d8d8d;
*/

/* General styling
**********************************/	
body, #publerBody {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#010101;
	font-size:11px;
	}
	
.mceContentBody a, a{
	color:#ffa200;
	text-decoration:none;
	}
.mceContentBody a:hover, a:hover{
	text-decoration:underline;
	}
	
h1,h2,h3,h4{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	}	
	
ul.blocks{
	list-style:none;
	}	
	ul.blocks li, #contact, #social-media, #twitter{
		position:relative;
		padding:10px;
		background:#f7f7f7;
		width:180px;
		float:left;
		}

	ul.blocks li h2, #contact h2, #social-media h2, #twitter h2{
		color:#8d8d8d;
		margin-top:0;
		font-size:1.73em;
		padding-top:0;
		line-height:1.1em;
		position:relative;
		top:-4px;
		}
	ul.blocks li{
		margin:0 10px 10px 0;
		height:180px;
		background-color:white;
		}
		ul.blocks li.hover h2, ul.blocks li.hover h2 a,ul.blocks li h2 a:hover{
			color:#ffa200;
			}
			ul.blocks li h2 a{
				color:#8d8d8d;
				}
			ul.blocks li h2 a:hover{
				text-decoration:none;
				}
		
		ul.blocks li.last, div#social-media li.last{
			margin-right:0;
			}	

a.more{
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	width:111px;
	height:39px;
	line-height:39px;
	/*font-weight:bold; is bold in design*/
	vertical-align:middle;
	background:url(/images/ontheline/sprites/main.png) no-repeat 100% 0;
	color:#8d8d8d;
	font-family:Verdana, Geneva, sans-serif;
	}
	a.more:hover{
		background-position:100% -39px;
		text-decoration:none;
		color:#ffa200;
		}
div#social-media h2{
	margin-bottom:4px;
	}

div#social-media img{
	margin-bottom:2px;
	}

div#social-media table a{
	color:#010101;
	}