@charset "utf-8";
/* CSS Document */

/* LAYOUT header, footer, two columns with basic floating divs */
#bodycontainer {
    text-align:center;   /* needed by IE to center the page */
}
#header, #container, #footer {
	margin: 0 auto;							/* Centering layout in all but IE*/
    text-align:left;                        /* Canceling side-effects of #bodycontainer settings */
	width: 840px;
}
#header {
	background-color: #fff;
}
#container {
/*	background: #1a3654 url(/images/mainBg.gif) repeat-y;*/
	font-size: 0.75em;
	position: relative;
    /* padding-bottom: 3em; */
}
#kuvatilaukset {
	width: 490px;
	float: left;
    background-color: rgb(26, 54, 84);
}
#valokuvaajat {
	width: 350px;
	float: left;
    background-color: #FFF;
}
.main .content {
	padding: 20px 20px 0 20px;
    height:300px;
}
.main .content p {
	padding: 0 0 1.3em 0;
    letter-spacing: .5px;
}
.main .content .description {
    height:50px;
    margin-top:10px;
    padding-bottom:0;
}

#kuvatilaukset .description {
    color:#9ab;
}
#valokuvaajat .description {
    color:#666;
}

/* HEADER */
#header {
	position: relative;
}
#header h1 {
	padding: 18px;
	float: right;
}
#header .headercontainer {
    padding:0 20px 0 0;
    float:right;
    text-align:right;
    width:300px;        /* IE needs this */
}
#header img {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}
#header img.logo {
    padding:0 18px 018px 18px;   /* top is 0 because enclosing <p> has padding-top:10px. This solves bug in IE */
    float:right;
}
#header span.photographer {
	position: absolute;
	bottom: 2em;
	left: 0;
    color:#fff;
	background-color: #444;
	font-size: .675em;
	padding: 0 2em 0 1em;
}
#header span a:link, #header span a:visited, #header span a:hover, #header span a:active {
	color: #fff;
}

/* NEWS BOX */
#header .newsitem {
    clear:both;
    padding:55px 0 0 0;
    margin-right:15px;
    width:290px;
    /* border-bottom: 2px solid rgb(137,171,0); */
    float:left;
}
.newsitem .header .text {
    height:70px;
    vertical-align:bottom;
    padding-left:10px;
    text-align:left;
}
.newsitem .header .text .mainheader {
    color:rgb(137,171,0);
    font-size:1.2em;
    line-height:0.9em;
}
.newsitem .header td.text .subheader {
    font-size:0.9em;
    color:rgb(102,102,102);
    line-height:1em;
    font-size:0.8em;
    margin-bottom:8px;
}
.newsitem .bodytext {
    text-align:left;
    font-size:0.75em;
    /* Alternative 1:
    margin: 5px 0px 5px 25px;
    color:rgb(102,102,102); 
    */

    /* Alternative 2: */
    color:#000;
    margin: 7px 3px 7px 3px;

    line-height:1.1em;
    float:left;
}
.newsitem .bodytext a:link, .newsitem .bodytext a:visited  {
    text-decoration:none;
    color:#000;
    background:url("/images/arrowBlack.gif") 100% 60% no-repeat;
    padding-right:.6em;
    display:inline-block;

    font-weight:bold;
}
.newsitem .bodytext a:hover {
    text-decoration:underline;
}

.newsitem a.newslink:link, .newsitem a.newslink:visited {
    font-size:1.3em;
    float:left;
    color:rgb(0,74,53);
    background:url("/images/arrowSLV.gif") 100% 60% no-repeat;
    padding-right: .6em;
	display: inline-block;
}
.newsitem .footnote {
    font-size:0.7em;
    clear:both;
    float:left;
    margin:5px 0px 0px 25px;
    color:rgb(102,102,102);
}
.newsitem .footnote a {
    text-decoration:none;
    color:rgb(102,102,102);
}

/* CONTENT ALIGNED TO THE BOTTOM OF COLUMNS */
.contentfooter {
	position: absolute;
	bottom: .8em;
	left: 0;
	padding: 0 20px;/**/
}
#valokuvaajat .contentfooter {
	left: 490px;
}
.contentfooter ul li{
	float: left;
	border: none;
	padding-right: 1em;
	margin: 0;
	font-style: italic;
	font-size: 1.2em;
	line-height: 2em;
	word-spacing: 1px;
}

/* TYPOGRAPHY STYLES */
.highlight {
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 1;
}
label, input {
	font-size: 0.92em;
}
#kuvatilaukset {
	color: #fff;
}
#valokuvaajat {
    color: #334
}
#kuvatilaukset a:link, #kuvatilaukset a:visited {
	color: #fff;
	/* font-weight: bold; */
}
#valokuvaajat a:link, #valokuvaajat a:visited {
	color: #000;
	/* font-weight: bold; */
}
#valokuvaajat .highlight, #valokuvaajat ul a:link, #valokuvaajat ul a:visited {
	color: #960;
}


/* LOGIN FORM STYLES */
.main fieldset {
	padding: .5em 1em;
	margin: 0 -1em;
	border-top: 1px solid #ddd;
}
#kuvatilaukset fieldset {
	border-top: 1px solid #346;
}
.main legend {
	font-size: 0.92em;
	padding: .5em;
	margin-left: -.5em;
	text-transform: uppercase;
}
#kuvatilaukset legend {
	color: #9ab;
}
#valokuvaajat legend {
    color:#666;
}
.main label {
	float: left;
	line-height: 1.8em;
	padding: 0 .2em 0 0;/**/
}

#kuvatilaukset label {
	width: 10em;
	text-align: right;
}

#valokuvaajat label {
	width: 100px;
	text-align: right;
}
.main input {
	width: 9em;
	border: 1px solid #d5d5d5;
}
.main fieldset div {
	float: left;
	/* clear: both; */
	padding: 0 .5em .5em 0;
}
.main fieldset div .btn {
    margin-left:5px;
}

p.extra {
	float: none;
	font-size: .92em;
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
}
#kuvatilaukset p.extra {
	color: #9ab;
}
#valokuvaajat p.extra {
    color:#666;
}


/* sIFR */
/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 40px;
	line-height: .9;
}
.sIFR-hasFlash .highlight {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 19px;
	line-height: 24px;
}
.sIFR-hasFlash #kuvatilaukset .highlight {
	width: 76%;
}*/

#statistics_ .orderdata {
    background-color: #FFEEDD;
}

#reg_username {
   font-size: 1.5em; 
}

#reg_mailaddr {
   font-size: 1.5em; 
}