@import url("reset.css");
@import url("basic.css");
@import url("type.css");

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		
		margin-left: -512px; }
}

div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 

	/* These have no effect on the functionality */
	width: 500px;
	margin: 40px 0 40px 100px;
	background: #fff;
	padding: 20px;
	font-size:1.2em;
	
	
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}



.field {
margin: 0;
padding: 3px 2px 4px;
height: 13px;
background: #f5f5f5;
border: 1px solid #bababa;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
font: 11px Arial, Helvetica, sans-serif;
vertical-align: middle;
}

textarea.field {
height: 90px;
}

input.button {
width: 1;
height: 22px;
overflow: visible;
padding: 0 7px;
margin: 0;
background: #fff url(../img/button-bg-repeat.png) repeat-x 0 100%;
border: 1px solid #d5d5d5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
font: bold 12px Arial, Helvetica, sans-serif;
vertical-align: middle;
}

input.button:hover {
border-color: #bababa;
}

/* Form */

div.form-row {
margin: 0 0 5px;
}

div.buttons {
text-align: right;
}

div.form-row label {
font-size: 1.2em;
font-weight: bold;
}

/* Layout */

div#wrapper {
width: 704px;
margin: 0 auto;
padding: 21px 0 0;
}

div#header {
margin: 0;
height:285px;
/*background: url(../img/header.jpg) no-repeat;*/
}


div#menu {
	background: url(../img/menu-bg.gif) no-repeat;
	width:704px;
	height:28px;
	margin:0 0 29px;
}

div#menu ul{
	overflow: hidden;
	margin: 0 0 0 -10px;
	float:right;
}

div#menu ul li {
	float: left;
	display:block;
	padding: 7px 10px 0;
	margin: 0 0 0 -1px;
	font-family:Helvetica;
	overflow:hidden;
}

div#menu ul li a {
	text-decoration:none;
	text-transform:uppercase;
	color:#666666
}

div#footer {
	background: url(../img/footer-bg.jpg) no-repeat;
	width:704px;
	height:88px;
	margin:15px 0 4px;
	float:left;
}

ul#links{
	overflow: hidden;
	margin: 54px 0 0 7px;
	float:left;
}

ul#links li {
	float: left;
	display:block;
	padding: 7px 5px 0;
	margin: 0 0 0 -1px;
	overflow:hidden;
	
}

div#main {
	float: left;
	width: 684px;
	padding:0 10px;
}

div#main p{
	line-height:1.7;
}

div#byline {
	float:left;
	width:100%;
	margin:0 0 46px;
}
div#byline h2{
	overflow: hidden;
	text-indent: -99em;
	margin:0;
	padding:0;
	height:40px;
	background: url(../img/tomhet-idel-tomhet.gif) no-repeat;
}

.strikethrough {
	text-decoration:line-through;
}