@CHARSET "UTF-8";

/**
 *  Basis layout
 **/
html, body {
	margin:0;
	padding:0;
	font-family: helvetica, sans;
	font-size: 13px;
	color: #555;
	background: #e3ddd1 url('/assets/img/fauxcolumns.png') 0 0 repeat-y;
}


h1, h2, h3 
{
	font-family: Avenir LT Std;
	font-weight: normal;
}



.inline 
{
	display: inline;
}

a
{
  color: #8dc73d;
}

img
{
	border: none;
}
	

/**
 * Basic structure
 **/

#canvasheader
{
	background-color: #e3ddd1;
	width: 100%;
	height: 55px;
}

#canvas
{
	width: 938px;
	height: 800px;
	margin-left: 47px;

} 

#menu 
{
	padding-top: 50px;
	float: left;
	width: 308px;
	padding-bottom: 325px;
	background: transparent url('/assets/img/payoff.png') 0 100% no-repeat;
}

#content 
{
	float: left;
	width: 333px;
	padding: 50px 25px 0 20px; 
}

#sidebar
{
	padding-top: 20px;
	float: left;
	width: 217px;
}

/**
 *  Content styles
 **/

#content h1 
{
	margin:0;
	padding:0;
	font-size: 130%;
}


.subSectionItem.imgItem 
{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.subSectionItem.imgItem.lastItem
{
	margin-right: 0;
}

.subSectionItem.imgItem img
{
	border: solid 1px #e3ddd1;
	padding: 2px;
}

.subSectionItem.imgItem img:hover
{
	border: solid 2px #8DC73D;
	padding: 1px;
}

/**
 * Menu styles
 **/



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

#menu ul
{
	margin-left: 38px;
}

#menu ul li
{
	padding-bottom: 3px;
	text-transform: lowercase
	
}

#menu a 
{
	font-family: Avenir LT Std;
	font-size: 130%;
	color: #555;
	text-decoration: none;
}



/**
 * Sidebar styles
 **/

#sidebar #contactinfo,
#sidebar #blogaggregator,
#sidebar #followme
{
	padding-left: 19px;
	padding-bottom: 19px;
}

#sidebar h3
{
	font-weight: normal;
}

#sidebar #blogaggregator,
#sidebar #followme
{
	background: transparent url('/assets/img/shapes/shape_hr.gif') 2px  0 no-repeat;
	padding-top: 15px; 
}
#sidebar #followmeicons
{
	padding-left: 20px; 
}

#sidebar #contactinfo
{
	background: transparent url('/assets/img/logo.png') 19px 0 no-repeat;
	padding-top: 160px;
}

#sidebar #blogaggregator ul,
#sidebar #blogaggregator li
{
	margin:0;
	padding:0;
	list-style: none;
}

#sidebar #blogaggregator li
{
	margin-bottom: 10px;
}

#sidebar #blogaggregator a 
{
	color: #555;
	text-decoration: none;
}