/* --------------------------------------------------------
 * Styles appropriate to "inhouse" theme, originally deployed in blosxom
 * -------------------------------------------------------- */

.maincontent  {
	max-width: 100%;
}
.topbanner {
/*
	background-color: #d3d7cf;
*/
	background-color: #babdb5;
}
div.story  {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.maincontent P {
	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Arial", sans-serif;
}

.maincontent IMG {
	padding-left: 15px;
}

H1.blogtitle {
	padding-left: 0px;
	color: #4e9a06;
	font-size: 2em;
	text-shadow: 2px 2px 1px #babdb6;
}
H1, H2, H3 {
	padding-left: 0px;
	color: #3465a4;
	color: #204a87;
	text-shadow: 1px 1px 1px #888a85;
}
H3.date {
	font-family: "DejaVu Sans", "Bitstream Vera Sans", Arial, sans-serif;
	padding: 4px;
	padding-left: 5px;
	color: black;
	text-shadow: none;
}


P.small {
	font-family: "DejaVu Sans", "Bitstream Vera Sans", Arial, sans-serif;
	font-size: small;
	color: gray;
}

P.footer {
	font-size: 14px;
	color: lightgray;
	background: url(http://research.operationaldynamics.com/images/logo/twirl-bluepanel.jpg);
	background-color: #333366;
	padding: 5px;
}

.footer A {
	color: lightgray;
	text-decoration: none;
}

.italic {
	font-family: "DejaVu Serif", "Bitstream Vera Serif", "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11pt;
}

.maincontent EM {
	font-family: "DejaVu Serif", "Bitstream Vera Serif", "Times New Roman", Times, serif;
	font-style: italic;
	/*
	line-height: 11pt;
	*/
}
.maincontent STRONG {
	font-weight: bold;
}
.maincontent OL LI {
	padding-bottom: 10px;
}
.maincontent BLOCKQUOTE {
	margin-left: 80px;
	margin-right: 100px;
	border: solid 1px black;
	background-color: #F1F1F1;
}
.maincontent BLOCKQUOTE P {
	padding-left: 10px;
	padding-right: 10px;
	font-family: "DejaVu Serif Condensed", "DejaVu Serif", "Bitstream Vera Serif", "Times New Roman", Times, serif;
	font-style: italic;
}

.maincontent CODE {
	font-family: "DejaVu Sans Mono", monospace;
	/*
	 font-size: smaller;
	 */
}
.maincontent BLOCKQUOTE P CODE {
	font-style: normal;
}

/*
 * Index
 */

.index td {
	width: 450px;
}


/*
 * Cater for mobile devices
 */

@media only screen and (max-device-width: 500px) {


        div.bullet img {
                display: none;
        }
        div.bullet {
                margin-left: 0px;
                margin-right: 0px;
        }
        div.bullet h1 {
                margin-left: 0px;
                margin-right: 0px;
        }
        div.bullet p {
                margin-left: 0px;
                margin-right: 0px;
        }

        div.under {
                margin-left: 0px;
                margin-right: 0px;
        }
        div.under h1 {
                margin-left: 0px;
                margin-right: 0px;
        }
        div.under p {
                margin-left: 0px;
                margin-right: 0px;
        }
        
        div.under center img {
                text-align: left;
                margin: 0px;
                padding: 0px;
        }
}