/* CSS Document */

/************************************************************************

	Site:		blog.innotechor.com

	Author:		eROI		[www.eroi.com]  

	Client:		Innotech		[http://www.innotechor.com/]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Main Content
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/

body {
	background		: #dde5fa;
	font-family: "Lucida Grande", "Verdana", "Sans-Serif";
	color			: #1a0202;
	line-height		: 16px;
	padding-top		: 11px;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin			: 0; 
	padding			: 0; 
}

a
{
	text-decoration	: none;
	color			: #7180c2;
}

a:hover
{
	text-decoration	: underline;
}


/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div.container
{
width:625px;
margin-left:auto;
margin-right:auto;
background:url(images/container_bg.gif) top left repeat-y;
position:relative;
}

div.whitebottom
{
width:625px;
background:url(images/whitebottom.gif) top left no-repeat;
height:116px;
position:absolute;
bottom:0px;
left:422px;
}

div.header
{
width:625px;
height:153px;
background: url(http://www.innotechconference.com/pdx/images/header_portland.jpg) top left no-repeat;
}

div.header a
{
width:100%;
height:90%;
display:block;
}




/***********************************************************************
	3 - LEFT COLUMN STYLES
************************************************************************/

div.leftcolumn
{
font-size:11px;
width:370px;
padding: 6px 29px 6px 23px;
float:left;
color:#666;
}

div.leftcolumn div
{
margin-bottom:20px;
}

div.leftcolumn p
{
margin-bottom:8px;
}

div.leftcolumn h2
{
font-size:11px;
text-transform:uppercase;
margin-bottom:8px;

background: url(http://pdx.innotechconference.com/images/bg_dots.gif) bottom left repeat-x;
padding-bottom:2px;
}

div.leftcolumn h1
{
font-size:20px;
font-weight:normal;
margin-bottom:5px;
}

p.comments
{
background: url(http://pdx.innotechconference.com/images/bg_dots.gif) top left repeat-x;
padding-top:2px;
margin-top:10px;
font-size: 10px;
}


/***********************************************************************
	4 - RIGHT COLUMN STYLES
************************************************************************/

div.rightcolumn
{
background:url(images/whitetop.gif) top right no-repeat;
width:150px;
padding: 6px 30px 80px 23px;
float:left;
font-size:11px;
color:#666;
}

div.rightcolumn div
{
margin-bottom:20px;
}

div.rightcolumn img
{
margin-bottom:20px;
}

div.rightcolumn h1
{
font-size:10px;
text-transform:uppercase;
margin-bottom:4px;

background: url(http://pdx.innotechconference.com/images/bg_dots.gif) bottom left repeat-x;
padding-bottom:2px;
}

div.rightcolumn ul
{
list-style:none;0
}

div.rightcolumn ul li
{
line-height:110%;
margin-bottom:7px;
}

/***********************************************************************
	5 - BOTTOM STYLES
************************************************************************/

div.bottom
{
width:625px;
height:77px;
background:url(images/footer_bg.gif) top left no-repeat;
text-align:center;
padding-top: 87px;
margin-left:auto;
margin-right:auto;
font-size:9px;
color:#666;
}