/* global
---------------------------------------------------------- */
* { margin: 0; padding: 0; }
a img, fieldset { border: 0 none; }
code, samp, kbd, pre, tt { font-size: 115%; font-family: "courier new", courier, monaco, monospace; }
pre code, code pre { font-size: 100%; }
acronym, abbr { border-bottom: 1px dotted #000; cursor: help; }
dfn { font-style: italic; }
ol, ul { list-style: none; }
th, caption { text-align: center; }
legend { font-weight: bold; }
input, select, textarea { font-size: 120%; font-family: Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif; }
label { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
hr { display: none; }
h2, h3 { font-weight: bold; }
h2 { color: #ec1c24; }
	
.clear { clear: both; font-size: 0; height: 0; line-height: 0; position: relative; }
.right { text-align: right; }
.left { text-align: left; }
.fleft { float: left; padding-right: 9px; padding-bottom: 12px; }
.fright { float: right; padding-left: 9px; padding-bottom: 12px; }
.center { text-align: center; }
.strong { font-weight: bold; }
.italic { font-style: italic; }
.last { border: 0 none !important; }
.upper { text-transform: uppercase; }

a:link, a:visited, a:active { text-decoration: none; color: #333; background: transparent; }		
a:hover { text-decoration: underline; }
	
	
/* structure */
body {
	background: #f7fbfc url(images/bg.gif) repeat-x top left;
	color: #333;
	font: 120% Arial, Tahoma, Verdana, Helvetica, Geneva, sans-serif;
	text-align: center; }
	
div.wrapper, div.header {
	width: 794px;
	background: white;
	border: 2px solid #155b83; 
	padding: 9px 0;
	margin: 0 auto 7px auto;
	text-align: left; }
	
div.wrap {
	padding: 0 9px;
	background: white url(images/bg2.gif) repeat-y top left; } 
	
div.container {	
	width: 794px;
	margin: 0 auto;
	padding-top: 29px;
	position: relative; }
	
div.photo {
	position: absolute;
	right: 2px; 
	top: 0; }
	
* html div.photo img {
	behavior: url(iepngfix.htc); }
	
div.header {
	height: 123px; 
	padding: 0;
	background: white url(images/gradient.gif) repeat-x top left; }
	
	
/* logo */
div.logo {
	position: relative;
	height: 81px; }
	
div.logo h1,
div.logo h1 a,
div.logo h1 a:link,
div.logo h1 a:visited,
div.logo h1 a:active,
div.logo h1 span {
	height: 123px;
	width: 386px; }
	
div.logo h1 {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0; }

	div.logo h1 a,
	div.logo h1 a:link,
	div.logo h1 a:visited,
	div.logo h1 a:active {
		display: block; 
		font-weight: bold;
		color: black;
		background: white;
		text-decoration: none;
		cursor: pointer; }
			
		div.logo h1 a:hover {
			text-decoration: none;
			color: #ec1c24;
			cursor: pointer; }
				
		div.logo h1 span {
			background: url(images/logo.gif) no-repeat top left;
			cursor: pointer;
			display: block;
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0; }
		
		
/* blog */
div.blog {
	width: 381px;
	float: left; 
	background: #ebebeb; }
	
	div.blog h2 a,
	div.blog h2 a:link,
	div.blog h2 a:visited,
	div.blog h2 a:active {
		color: #ec1c24; }
	
	
/* middle */
div.middle {
	width: 132px;
	margin: 0 9px; 
	color: #fff;
	float: left; 
	background: #155b83 url(images/scribble.gif) no-repeat bottom center; }
	
	div.middle a,
	div.middle a:link,
	div.middle a:visited,
	div.middle a:active {
		background: transparent;
		color: white; }
	
div.middle-top {
	height: 98px;
	margin-top: 30px;
	background: url(images/type.gif) no-repeat top center; }
	
div.middle-con {
	padding: 21px 16px; }
	
	div.middle-con h2 {
		color: #fff; 
		margin-bottom: 7px; }
		
	div.middle-con ul {
		font-size: 70%;
		line-height: 125%; }
	
		div.middle-con ul li {
			margin-bottom: 1px;
			background: url(images/li.gif) no-repeat 0 6px; /* works in all */
			*background: url(images/li.gif) no-repeat 0 5px; /* targets IE6 and 7 */
			_background: url(images/li.gif) no-repeat 0 5px; /* targets IE6 */
			padding-left: 15px; }
	
	
/* sidebar */
div.sidebar {
	width: 243px; 
	float: left;
	background: #ebebeb; }
		
	div.sidebar h3 {
		font-size: 140%; 
		margin-bottom: 12px;
		line-height: 130%; }
	
	div.text {
		font-size: 70%;
		line-height: 150%;
		padding: 28px 19px; }
		
		div.text p {
			margin-bottom: 18px; }
			
		div.text p.date {
			color: #999;
			line-height: 110%;
			margin-bottom: 17px;
			font-size: 100%; }
			
		div.text h2 {
			font-size: 130%;
			margin-bottom: 10px;
			line-height: 140%; } 
			
		div.entry {
			padding-bottom: 16px; }
			
	div.sidebar .photos img {
		padding: 1px;
		margin-right: 2px;
		margin-bottom: 1px;
		background: white;
		border: 1px solid #ec1c24; }
		
	div.sidebar .photos img {
		padding: 1px;
		margin-right: 4px;
		margin-bottom: 1px;
		width: 60px;
		height: 60px;
		background: white; }
		
		div.sidebar .photos a img,
		div.sidebar .photos a:link img,
		div.sidebar .photos a:visited img,
		div.sidebar .photos a:active img {
			border: 1px solid #ec1c24; }
	
		div.sidebar .photos a:hover img {
			border: 1px solid #155b83; }		
		
p.alt { color: #777; line-height: 120%; }

p.alt a,
p.alt a:link,
p.alt a:visited,
p.alt a:active { color: #777; text-decoration: underline; }

p.alt a:hover { text-decoration: none; }

div.navigation {
	padding-bottom: 10px; }
	
	div.navigation div.alignleft {
		float: left; }
		
	div.navigation div.alignright {
		float: right; }
		
div.entry img {
	float: left;
	padding: 0 10px 10px 0; }