@charset "utf-8";

html, body {
	height:100%;
	margin:0;
	padding:0;
}

body {
	background-color:#e6e6e6;
	background-image:url('images/m-bg.png');
	background-position:top center;
	background-repeat:no-repeat;
	text-align:center;
}

/* text layout */

h1, h2, h3, h4, p, pre, li, table, form {
	margin:9px 6px;
}

h2, h3, h4 {
	margin-top:14px;
}

/* generic layout */

ul li {
	list-style-position:inside;
	list-style-type:circle;
}

ol li {
	list-style-position:inside;
	list-style-type:decimal;
}

.content-l li, .content-f li {
	margin-left:35px;
}

.commentlist li {
	margin-left:auto;
}

.hsm li {
	margin-top:0;
}

.image-right {
	float:right;
}

.image-left {
	float:left;
}

.image-border {
	border:4px solid #ffffff;
}

/* container */

.container {
	width:900px;
	margin:0 auto;
	text-align:left;
}

/* header */

.header {
	background-image:url('images/dl-h.png');
	background-position:bottom;
	background-repeat:repeat-x;
	overflow:hidden;
	height:100px;
}

.header p {
	width:40%;
	margin:0;
}

.header p.logo {
	float:left;
	margin-top:5px;
}

.header p.networks {
	float:right;
	text-align:right;
	height:40px;
	margin-top:50px;
}

.header p.networks img {
	margin:0 3px;
}

.header p.networks img:hover {
	background-color:#ffffff;
}

/* menu */

.menu {
	background-image:url('images/dl-h.png');
	background-position:bottom;
	background-repeat:repeat-x;
	padding:5px 0;
	text-align:center;
}

.menu ul li {
	display:inline;
	list-style-type:none;
	margin:0 15px;
}

.menu ul li a {
	padding:0 6px;
}

.menu ul li.active a, .menu ul li:hover a {
	background-color:#ffffff;
}

/* top image */

.topimg {
	padding:5px 0;
	text-align:center;
}

.topimg p {
	margin:0;
}

/* content divs */

.content {
	background-image:url('images/dl-v.png');
	background-position:635px;
	background-repeat:repeat-y;
	margin-bottom:20px;
}

div.nocb {
	background-image:none !important;
}

.content div.iefix {
	clear:both !important;
	line-height:1px;
	font-size:0;
	height:1px;
}

.content-l, .content-r, .content-f {
	background-color:#f3f3f3;
}

.content-l {
	width:630px;
	float:left;
}

.content-r {
	width:260px;
	float:right;
}

.content-f {
	width:900px;
	float:left;
}

/* footer */

.footer {
	background-image:url('images/dl-h.png');
	background-position:top;
	background-repeat:repeat-x;
	margin-top:5px;
	padding-top:1px;
	padding-bottom:10px;
	width:100%;
}

.footer .column1, .footer .column2, .footer .column3, .footer .column4 {
	padding:0;
	margin:0 5px 0 0;
	float:left;
}

.footer .column1 {
	width:280px;
}

.footer .column2 {
	width:220px;
}

.footer .column3 {
	width:200px;
}

.footer .column4 {
	width:170px;
}

.footer ul, .footer ul li {
	list-style-type:none;
}

.footer p.network {
	height:31px;
	line-height:31px;
	padding-left:30px;
	background-position:left;
	background-repeat:no-repeat;
}

.footer p.nw-twitter {
	background-image:url('/images/footer/twitter.png');
}

.footer p.nw-rss {
	background-image:url('/images/footer/rss.png');
}

.footer p.nw-mail {
	background-image:url('/images/footer/mail.png');
}

.footer p.nw-normheight {
	height:auto !important;
	line-height:normal !important;
}

/* hr */

div.hr {
	height:5px;
	background-image:url('images/hr-bg.png');
	background-position:center center;
	background-repeat:repeat-x;
}

.content-l div.hr {
	width:504px;
	margin:0 0 0 63px;
}

.content-r div.hr {
	width:208px;
	margin:0 0 0 26px;
}

.content-f div.hr {
	width:720px;
	margin:0 0 0 90px;
}

div.hr hr {
	display:none;
}

/* styled text areas */

p.ormo-site {
	height:194px;
	background-image:url('/images/an-ormo-website.png');
	background-position:center center;
	background-repeat:no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}

p.work-img-small {
	padding:15px 0;
	margin:0;
	width:260px;
	height:100px;
	text-align:center;
	background-image:url('images/work-small-bg.png');
	background-position:center center;
	background-repeat:no-repeat;
}

/* forms */

input, select, textarea {
	padding:5px;
	border:1px solid #d0d0d0;
}