/**
 * Generic base styles
 */

.DEV
{
	background: #0f0;
	color: #fff;
	padding: 0.2em;
}

/**
 * Page
 */

body
{

	margin: 0;
	padding: 0;
	font-size: 12px;

}

/**
 * Images
 */

.Img-Left
{
	/*float: left;*/
	/*margin-right: 1em;*/
	/*to suit right had layout*/
	float:right;
	margin-left: 1em;
	margin-bottom: 0.6em;
	clear: left;
}

.Img-Right
{
	float: right;
	margin-left: 1em;
	margin-bottom: 0.6em;
	clear: right;
}

/**
 * Divider
 */

hr
{
	padding-top: 1em;
	height: 0px;
	overflow: hidden;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #111;
	margin-bottom: 1.4em;
}

/**
 * Fonts
 */

/*textarea.default so doesn't interfere with HTML-editor type textareas*/
p,ul,dl,li,dd,dt,td,div,input,select,optgroup,option,textarea.default
{
	font-size: 12px;
}

p,li,td,div,dd { color: #808284; }

p
{
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.2em;
}

ul,ol
{
	margin-top: 0;
	/*padding-bottom to so ul+li bottom space == p bottom space*/
	margin-bottom: 0;
	padding-bottom: 0.4em;
}

li
{
	margin-top: 0;
	margin-bottom: 0.6em;
}

h1,h2,h3,h4,h5,h6
{color: #fff;
}

h1
{
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.4em;
	font-size: 180%;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -0.5pt;
}

h2
{
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.4em;
	font-size: 180%;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -0.5pt;
}

h3
{
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 140%;
	line-height: 1em;
	font-weight: bold;
	letter-spacing: -0.5pt;
}

h4
{
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.3em;
	font-size: 110%;
	line-height: 1em;
}

.Small { font-size: 80%; }
.First { margin-top: 0; }
.Date { color: #999; }

/**
 * Links
 */

a:active,a:link,a:visited
{
	color: #898585;
	text-decoration: underline;
}

a:hover
{
	color: #000;
	text-decoration: none;
}

a:active, a:focus { outline: none; }

a.Link-Feature:active,a.Link-Feature:link,a.Link-Feature:visited
{
	/*for obvious links, like titles in lists etc*/
	text-decoration: none;
}

a.Link-Feature:hover { text-decoration: underline; }

a.Link-Feature-Title:active,a.Link-Feature-Title:link,a.Link-Feature-Title:visited
{
	color:#231F20;
	text-decoration: none;
}

a.Link-Feature-Title:hover { color:#231F20;text-decoration: underline; }


a.Link-Plain:active,a.Link-Plain:link,a.Link-Plain:visited,a.Link-Plain:hover
{
	/*for obvious links, like icons, large click-able areas etc*/
	text-decoration: none;
}

a.Disabled { cursor: default !important; }

/**
 * Miscellaneous
 */

.Clear
{
	height: 0;
	overflow: hidden;
	clear: both;
	display: block;
}

form
{
	display: block;
	margin: 0;
	padding: 0;
}

img { border: 0; }

/**
 * Columns
 */

.Column-Half
{
	width: 302px;
	margin-right: 16px;
	float: left;
}

.Column-Last { margin-right: 0; }