/*
 * styles.css
 *
 * Style Sheet for POCO C++ Libraries Blog.
 *
 * Copyright (c) 2004-2010, Applied Informatics
 *
 */

body
{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

div.pocobody
{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-x;
}

div.pocomenu
{
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	text-align: center;
}

div.pocomenuitem
{
	display: inline;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: auto;
	margin-right: auto;
}

div.pocobanner
{
	width: 980px;
	margin-top: 0px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	text-align: center;
}

div.pococontentcontainer
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 32px;
	margin-bottom: 0;
	padding: 0;
}

div.pococontentcontainer, p, h1, h2, h3, h4, h5, h6, ul, ol, li, td, th, address, blockquote, strong, b, emph, i
{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
}

p, ul, ol, address, blockquote, h6, td
{
	color: black; 
	font-size: 11pt; 
	line-height: 16pt; 
}

p, ul, ol, address, blockquote, h6
{
	color: black; 
	margin-top: 10px; 
	margin-bottom: 0;
}

h1
{
	color: black; 
	font-size: 17pt; 
	font-weight: normal; 
	font-style: italic;
	line-height: 28pt; 
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 16px;
}

h2
{
	color: black;
	font-weight: normal;
	font-size: 16pt; 
	line-height: 22pt;
	margin-top: 16px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 12px;
}

h3
{
	color: black;
	font-weight: normal;
	font-size: 14pt; 
	line-height: 18pt;
	margin-top: 16px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
}

h4
{
	color: #069;
	font-size: 12pt; 
	font-weight: bold; 
	line-height: 16pt; 
	font-stretch: wider; 
	text-transform: uppercase; 
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 14px;
}

h5 
{
	color: #069; 
	font-size: 10pt; 
	font-weight: bold; 
	line-height: 12pt; 
	text-align: right; 
	text-transform: uppercase; 
	margin-top: 10px;
}

h6
{
	color: #069;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 10px;
}

h6#comments, h6#postcomment
{
	font-size: 12pt;
}

h6#postcomment
{
	margin-top: 32px;
}

td
{
    background-color: #fff;
}

th
{
    font-weight: bold;
    color: #fff;
    background-color: #069;
    text-align: left;
}

table
{
	background-color: #069;
}

li, dd, dt
{
    color: #000000;
}

dl
{
	padding-left: 0px;
}

dt
{
	margin-left: 0px;
}

dd
{
	margin-left: 2em;
	padding-bottom: 1ex;
}

ul
{
	padding-left: 0px;
	margin-left: 2em;
    list-style-type: disc;
    list-style-position: outside;
    list-style-image: url("../images/bullet.gif");
}

li
{
    margin-left: 0px;
    margin-bottom: 2px;
}

cite
{
	font-size: 7pt;
	line-height: 10pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.main
{
	width: 600px;
	float: left;
	margin: 0;
	padding-left: 100px;
	padding-right: 80px;
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
	text-align: left;
}

div.sidebar
{
	width: 200px;
	float: left;
	text-align: right;
	font-size: 10pt;
	line-height: 14pt;
	margin-left: 0;
	margin-right: 0;
	margin-top: -16px;
	margin-bottom: 0;
	padding: 0;
	border: 0;
}

div.sidebar h3
{
	color: black; 
	margin-top: 32px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 4px;
	font-size: 13pt; 
	line-height: 16pt; 
	text-decoration: none; 
	text-transform: none;
	text-align: right;
	font-weight: bold;
}

div.sidebar ul
{
	padding: 0;
	margin-left: 0px;
	margin-top: 6px;
	margin-bottom: 4px;
	font-size: 11pt;
	line-height: 14pt;
	text-align: right;
	list-style-type: none; 
	list-style-image: none;
}

div.sidebar li
{
    margin-left: 0px;
    margin-bottom: 2px;
}

h3.storytitle
{
	font-size: 16pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
}

h3.storytitle a:link, div.sidebar li a:link
{ 
    color: #069;
    text-decoration: none;
}

h3.storytitle a:visited, div.sidebar li a:visited
{ 
    color: #069;
    text-decoration: none; 
}

h3.storytitle a:active, div.sidebar li a:active
{ 
    color: #069;
    text-decoration: underline;
}

h3.storytitle a:hover, div.sidebar li a:hover
{ 
    color: #069;
    text-decoration: underline;  
}

h4.storydate
{
	color: #069;
	font-size: 11pt; 
	font-weight: normal; 
	line-height: 14pt; 
	font-stretch: wider; 
	text-transform: none;
	font-style: italic;
	text-align: right;
	margin-top: 16px;
	margin-left: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #069;
}

div.post
{
	margin-top: 16px;
	margin-bottom: 30px;
}

div.meta
{
	font-size: 8pt;
	line-height: 10pt;
	margin-top: 8px;
	margin-bottom: 16px;
}

div.storycontent
{
	margin-top: 4px;
	margin-bottom: 0px;
}

div.feedback
{
	font-size: 10pt;
	line-height: 10pt;
	margin-top: 16px;
	margin-bottom: 48px;
}

ol#commentlist p
{
	font-size: 10pt;
	line-height: 13pt;
}

ol#commentlist
{
	margin-bottom: 32px;
}

strong, b
{
    font-weight: bold;
}

emph, i
{
    font-style: italic;
}

.address
{
	line-height: 11pt; 
	margin-bottom: 4px;
}

.footer 
{
	font-size: 7pt; 
	text-align: center; 
	height: 13px; 
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-right: 30px;
}

a:link 
{ 
    color: #069;
    text-decoration: underline;
}

a:visited 
{ 
    color: #069;
    text-decoration: underline; 
}

a:active 
{ 
    color: #069;
    text-decoration: underline;
}

a:hover 
{ 
    color: #069;
    text-decoration: underline;  
}