/*
 * Ruusu.net v4
 * Tyylitiedosto näyttölaitteille
 */

/* Global Whitespace Reset */
 
* {
	margin: 0;
	padding: 0;
}

/* Päälohkojen tyylit... */

body {
	background: 50% 10px repeat-x url(tausta.png) rgb(242,240,238);
	font-family: arial, helvetica, sans-serif;
}

.main {
	margin: 0 auto;
	background: 50% 30px repeat-x url(maintausta.png) rgb(255,255,255);
	border-bottom: 1em solid white;
	max-width: 95%;
}

#main-1-col {
	width: 43em;
}

#main-2-col {
	width: 55em;
}

#skiplinks {
	background: 0 100% repeat-x url(skiplinktausta.png) rgb(255,255,255);
	text-align: right;
	padding: 5px 5px 5px 0;
	font-size: 75%;
	height: 20px;
}

* html #skiplinks {
	height: 20px;
	overflow: hidden;
	background: 0 50% repeat-x url(skiplinktausta.png) rgb(255,255,255);
}

#skiplinks li {
	list-style: none;
	display: inline;
	margin: 0 0 0 0.5em;
	padding: 0;
	background: none;
}

#skiplinks li a {
	background: white;
}

.structseparate, .structlabel, .secondary, .info hr, .error hr, .commentcontent hr {
	margin: 0;
	padding: 0;
	border: 0;
	width: 0;
	height: 0;
	background: none;
	color: white;
	position: absolute;
	overflow: hidden;
}

#nav {
	text-align: right;
	background: 0 99px repeat-x url(navtausta.png);
	padding: 0.5em 0;
}

* html #nav {
	background: 0 100px repeat-x url(navtausta.png);
}

#nav ul {
	padding: 99px 0 0 0;
	background: 0 20px no-repeat url(logo.png);
}

#nav li {
	list-style: none;
	display: inline;
	padding: 0 5px 0 0.4em;
	text-transform: uppercase;
	background: none;
}

#nav a {
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
}

#main-content {
	background: white;
}

.etusivu #nav a.etusivu,
.mina #nav a.mina,
.arkisto #nav a.arkisto,
.galleria #nav a.galleria,
.cv #nav a.cv,
.portfolio #nav a.portfolio,
.misc #nav a.misc,
.linkit #nav a.linkit,
.vieraskirja #nav a.vieraskirja,
.palaute #nav a.palaute,
.hallinta #nav a.hallinta,
.hallintablogi #nav a.hallintablogi,
.hallintagalleria #nav a.hallintagalleria,
.hallintaportfolio #nav a.hallintaportfolio,
.hallintatiedostot #nav a.hallintatiedostot,
.hallintamisc #nav a.hallintamisc,
.hallintavieraskirja #nav a.hallintavieraskirja,
.hallintalinkit #nav a.hallintalinkit,
#nav a:hover, #nav a:active
{
	border-bottom: 5px solid rgb(148,25,25);
	color: rgb(148,25,25);
}

#introductory-content {
	width: 28%;
	float: left;
	padding: 0.5em 1% 0;
	margin-bottom: 1em;
}

li.active {
	font-weight: bold;
}

#main-content {
	
}

#main-2-col #main-content {
	border-left: 5px solid rgb(242,240,238);
	width: 66%;
	margin-left: 31%;
	padding: 0.5em 0 0 1%;
}

* html #main-2-col #main-content {
	overflow: hidden;
}

#main-1-col #main-content {
	padding: 0.5em 1% 0 1%;
}

#introductory-content, #main-content {
	font-size: 90%;
	line-height: 1.4em;
}

#footer {
	clear: both;
	font-size: 80%;
	color: rgb(150,150,150);
	border-top: 2px solid rgb(242,240,238);
	width: 98%;
	margin-left: 1%;
	padding-top: 1em;
	text-align: center;
}

/* ...päälohkojen tyylit */

/* Leipätekstin tyylit... */

a:link {
	color: rgb(148,25,25);
}

a:visited {
	color: rgb(50,50,50);
}

a:active, a:hover {
	color: rgb(230,76,76);
}

p, ul, ol, dl, h1, h2, h3, h4, h5, h6, table, blockquote, hr, pre {
	margin-bottom: 1em;
}

pre {
	border: 1px solid black;
	background: rgb(242,240,238);
	padding: 1em;
	border: 1px solid rgb(217,211,206);
}

blockquote {
	padding-left: 60px;
	background: 0 0 no-repeat url(quote.png);
}

h1, h2 {
	
	font-family: arial, helvetica, sans-serif;
}

h1, h2.primary-secondary {
	text-transform: uppercase;
	color: rgb(25,25,25);
	font-size: 160%;
	letter-spacing: 0.05em;
}

h2 {
	color: rgb(35,35,35);
	font-size: 130%;
}

h3 {
	
}

ol {
	margin-left: 2em;
}

ul {
	padding-left: 8px;
}

ul li {
	list-style: none;
	padding: 0 0 0 14px;
	background: 0 0.45em no-repeat url(bullet.png);
}

dt {
	font-weight: bold;
}

hr {
	border: none;
	margin: 0;
	padding: 2px 0;
	width: 100%;
	color: rgb(242,240,238);
	background-color: rgb(242,240,238);
}

table {
	width: 100%;
	border-collapse: collapse;
}

th {
	text-align: left;
}

.row0 td, .cat0 td, .message0 td, .case0 td, .page0 td,
.draft0 td, .gall0 td, .img0 td, .dir0 td, .file0 td {
	background: rgb(242,240,238);
}

.draft0 td {
	font-weight: bold;
}

td {
	padding: 0.1em;
}

img {
	border: 1px solid rgb(150,150,150);
	padding: 1px;
	float: right;
	margin: 0.2em 0 0.2em 0.2em;
}

img.separator {
	float: none;
	margin: 0;
}

img.naama {
	width: 100%;
}

p.text label, p.textarea label {
	display: block;
	width: 100%;
}

p.text input, p.textarea textarea {
	width: 60%;
}

p.textareawide textarea {
	width: 100%;
}

p.buttons input, p.formbuttons input, p.form-buttons input {
	padding: 0.1em 0.4em;
}

fieldset {
	border: 3px solid rgb(242,240,238);
	margin: 0 0.5em;
	padding: 0.8em;
}

legend {
	margin-left: -0.5em;
	padding: 0.2em 0.5em;
	font-weight: bold;
	color: rgb(50,50,50);
}

/* ... leipätekstin tyylit */

/* Erikoistapaukset... */

tr.deleted td {
	color: #bbb;
}

tr.deleted:hover * {
	color: black;
}

tr.deleted td a:link, tr.deleted td a:visited,
tr.deleted td a:hover, tr.deleted td a:active {
	color: #bbb;
}

tr.deleted:hover td a:link, tr.deleted:hover td a:visited,
tr.deleted:hover td a:hover, tr.deleted:hover td a:active {
	color: rgb(148,25,25);
}

.caselist, .gbook {
	margin: 0;
	list-style: none;
}

#main-content ul.misclist, #main-content ul.misclist li, ul.catlist, ul.catlist li {
	margin: 0;
	padding: 0;
	background: none;
}

#feeds {
	padding: 0;
}

#feeds li {
	list-style: none;
	display: block;
	background: rgb(255,102,0);
	margin: 0.2em;
	width: 3em;
	float: left;
	text-align: center;
	padding: 0.1em;
	border: 1px outset rgb(255,102,0);
}

#feeds li a {
	text-decoration: none;
	color: rgb(255,255,255);
	font-weight: bold;
}

ol.blog, ol.search {
	margin: 0;
	list-style: none;
}

p.date, .url {
	font-size: 90%;
	color: rgb(100,100,100);
}

ol.blog>li, ol.search>li {
	margin-bottom: 2em;
}

ol.blog h2, ol.search h2 {
	margin: 0 0 0.2em 0;
}

ol#posts, ol.comments {
	margin: 0;
}

ol#posts li, ol.comments li {
	list-style: none;
	margin-top: 0;
}

ol#posts h2 {
	margin-bottom: 0;
}

ol.comments li {
	clear: both;
}

ol.comments h3 {
	background: rgb(217,211,206);
	padding: 0.2em 0.7em;
	margin: 0;
}

ol.comments img { /* Gravatar */
	float: left;
	margin: 5px;
	width: 40px;
	height: 40px;
	border: 5px solid rgb(217,211,206);
}

* html ol.comments img {
	margin-top: 20px;
}

ol.comments .body {
	padding-left: 66px;
}

h2#kommentoi, h2#suljettu, div#kiitos {
	clear: both;
}

ul.thumbnails {
	padding-bottom: 75px;
	margin-bottom: 1em;
}

ul.thumbnails li {
	padding: 0;
	background: none;
	float: left;
}

ul.thumbnails li img {
	float: left;
	margin: 0 0.4em 0.4em 0;
}

ul#gallerylist li {
	padding: 0;
	background: none;
	margin: 0.5em 0;
}

ul#gallerylist img {
	float: none;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
}

ul#gallerylist li a {
	text-decoration: none;
}

ul#gallerylist li a span {
	text-decoration: underline;
}

ul#gallerylist li a:hover img {
	border-color: rgb(230,76,76);
}

ul#latestimages li {
	margin: 0;
	padding: 0;
}

ul#latestimages li {
	padding: 0;
	background: 0;
}

ul#latestimages li img {
	float: left;
	margin: 0 0.2em 0 0;
}

ul#latestimages>li {
	/*clear: both; /* - rikkoo leiskan!*/
}

.imageinput label {
	display: block;
	width: 6em;
	float: left;
	text-align: right;
	padding-right: 0.3em;
}

.gbook li {
	background: rgb(242,240,238);
	margin: 0 0 1em 0;
}

.gbook .head, .gbook h4 {
	background: rgb(217,211,206);
	padding: 0.2em 0.7em;
	margin: 0;
}

.gbook .body, .gbook .answer {
	padding: 0.2em 0.7em;
}

.gbook h3, .gbook .date {
	display: inline;
}

.gbook .head ul {
	margin: 0;
	padding: 0;
	margin: 0;
}

.gbook .head ul li {
	padding: 0;
	background: none;
	display: inline;
}

#gbookform p.text input, #gbookform p.textarea textarea {
	width: 100%;
}

#botrap input {
	width: 3em;
}

ul.nextprev {
	display: block;
	text-align: center;
}

ul.nextprev li {
	display: inline;
	padding: 0;
	background: none;
	margin: 0 0.5em;
}

.portfolio #introductory-content .active {
	background: rgb(242,240,238);
	font-weight: bold;
}

#introductory-content .caselist li {
	border: 1px solid rgb(217,211,206);
	margin: 0 0 1em 0;
	padding: 0.5em;
	background: rgb(255,255,255);
}

#introductory-content .caselist li h2 {
	margin: 0;
}

#introductory-content .caselist li p {
	margin: 0.5em 0 0 0;
}

.pfvalues dt {
	display: block;
	width: 30%;
	float: left;
	text-align: right;
}

.pfvalues dd {
	display: block;
	width: 60%;
	margin-left: 31%;
}

dl.links dt {
	font-weight: bold;
}

dl.links dd {
	margin-bottom: 1em;
}

#auth {
	background-image: none;
}

#auth #contentarea {
	width: 25em;
	height: 15em;
	background: white;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -11em 0 0 -13.5em;
	padding: 1em;
	font-size: 90%;
}

#auth #contentarea h1 {
	font-size: 110%;
	border-bottom: 1px solid black;
	margin-bottom: 3em;
}

#auth #contentarea p {
	clear: both;
}

#auth #contentarea label {
	display: block;
	float: left;
	width: 35%;
	text-align: right;
	padding: 0.2em 0 0 0;
}

#auth #contentarea input {
	display: block;
	margin: 0 0 0 32.5%;
	padding: 0.1em;
}

#auth #contentarea #username, #auth #contentarea #password {
	margin-left: 25%;
}

.editcommentlist {
	margin: 0;
	padding: 0;
}

.editcommentlist li {
	background: none;
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgb(217,211,206);
}

.editcommentlist li ul {
	margin: 0;
	padding: 0;
}

.editcommentlist li hr {
	margin: 0;
}

.editcommentlist li li, div.commentcontent {
	margin: 0.1em 0;
	padding: 0 0.3em;
	border: none;
}

.editcommentlist li ul.userinfo {
	background: rgb(242,240,238);
	margin: 0;
}

.editcommentlist li .commentactions li {
	display: inline;
}

.info, .error {
	border: 1px solid green;
	margin: 1em;
	color: green;
	font-size: 85%;
}

.info p, .error p {
	padding: 1em 0.5em 0 0.5em;
}

.info .title, .error .title {
	background: green;
	color: white;
	padding: 0.5em;
	margin: 0;
}

.error {
	border-color: red;
	color: red;
}

.error .title {
	background: red;
}

#validatorinfo {
	border: 1px solid rgb(31,86,132);
	color: rgb(31,86,132);
	padding: 0 0 0 50px;
	font-weight: bold;
	background: rgb(242,240,238);
	margin: 0 0 1em 0;
}

#validatorinfo p {
	margin: 0.5em;
}

#validatorinfo.disabled {
	color: rgb(200,200,200);
	border-color: rgb(200,200,200);
}

#validatorinfo.ready {
	background: 12px 0.5em no-repeat url(play.png) rgb(242,240,238);
}

#validatorinfo.loading {
	background: 12px 0.5em no-repeat url(blueloader.gif) rgb(242,240,238);
	border: 1px solid rgb(31,86,132);
	color: rgb(31,86,132);
}

#validatorinfo.error {
	color: red;
	background: 10px 0.45em no-repeat url(error.png) rgb(242,240,238);
	border-color: red;
	font-size: 100%;
	padding: 0 0 0 50px;
	margin: 0 0 1em 0;
}

#validatorinfo.error p {
	margin: 0.5em;
	padding: 0;
}

#validatorinfo.ok {
	border-color: rgb(51,150,26);
	color: rgb(51,150,26);
	background: 10px 0.45em no-repeat url(success.png) rgb(242,240,238);
}