@media screen { 

	html, body {		
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background:url(http://www.glu.fi/gfx/bg-dotnew.gif) repeat-y center top #cecece; 
/*		background:url(http://www.glu.fi/gfx/bg.gif) repeat-y center top #cecece;	 */
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;		
		font-size: 13px;
	}
	
	body.haku {
		height: 101%;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		background:url(http://www.glu.fi/gfx/bg-dotnew.gif) repeat-y center top #cecece;
		color:#000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;		
		font-size: 13px;	
	}
		
	.wrapper {
		width: 922px;
		margin: 0 auto;
		position: relative;
	}
	
/* Vihreän yläosan sälät */

	#header {
		margin: 0;
		color: #ffffff;
	}	
	
	#header .wrapper {
		background:url(http://www.glu.fi/gfx/header-bg-new.png) no-repeat left top #72c30b;	
		width: 922px;
		height: 95px;									
		border: 0px solid #0000FF;

	}
	
	#header h1 {
		width: 283px;
		height: 95px;
		position: relative;
		margin-left: 1px;
		padding: 0;
		float: left;
		overflow: hidden;	
		text-transform: uppercase;
		border: 0px solid red;
	}
	
	#header h1 span {
		width: 283px;	
		height: 95px;
		position: absolute;
		border: 0px solid black;		
	
	}				
	
	
#login {
	float: right;
	top: 10px;
	height: 95px;
	width: 450px;
	border: 0px solid green;	
}

#logged_links  {
	padding-top: 5px;
	width: 153px;
	height: 40px;
	float: right;
	white-space: nowrap;
	overflow: visible;
	border: 0px solid green;
}

#logged_links ul {
	margin: 0;
	padding: 0;
}

#logged_links ul li {
	margin: 0;
}

#login form {
	float: right;
	padding-top: 20px;
	margin: 0;
	width: 299px;
	border: 0px solid blue;
	height: 40px;
}

#login form label {
	padding-left: 1px;
	font: bold 90% verdana,sans-serif;
}

#login form div.email input, #login form div.password input {
	border: 1px solid #4e9a0a;
	width: 115px;	
	height: 13px;
	padding: 4px 6px 2px 6px;
	font: bold 0.85em verdana,sans-serif;
	color: #000;
}

#login form div.submit input {
	vertical-align: top;
}

#login form div.email {
	width: 130px;
	float: left;
	border: 0px solid green;
}

#login form div.password {
	width: 130px;
	float: left;
	border: 0px solid blue;
}

#login form div.submit {
	padding-top: 13.5px;
	float: left;
	border: 0px solid pink;
}

#login .links {
	float: left;
	text-align: right;
	border: 0px solid yellow;
	width: 430px;
}

#login a, #login a:visited, #login a:active {
	font: normal 95% arial,sans-serif;
	color: #fff;
}

#login a:hover{
	text-decoration: none;
	/* color: #000; */
}

/* Harmaa navipalkki */

	#last { background: none !important; padding: 0 !important; }

	#navigation {
		margin: 0;
		overflow: visible;		
		position: relative;		
		z-index: 998;		
		border: 0px solid blue;
	}	
	
	#navigation .wrapper {
		background:url(http://www.glu.fi/gfx/navi-bg-new.gif) no-repeat left top #72c30b;	
		width: 922px;		
		height: 30px;		
		border: 0px solid blue;
	}
	
	#navigation ul {
		margin: 0 18px 0 98px;
		padding: 0;
		border: 0px solid yellow;		

	}

	#navigation ul li {
		background: transparent url(http://www.glu.fi/gfx/navi-separator.gif) top right no-repeat;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0 25px 0 0;
		border: 0px solid black;
	}


	#navigation ul a:link, #navigation ul a:visited, #navigation ul a:hover, #navigation ul a:active {
		color: #000; 
		display: block;
		padding: 7px 0 5px 0;
		text-decoration: none;
		border: 0px solid black;				
	} 
	
	#navigation ul a:hover {
		color: #1f9eff;
		border: 0px solid black;						
	}
	
	#navigation ul li.hot a:link, #navigation ul li.hot a:visited, #navigation ul li.hot a:hover, #navigation ul li.hot a:active {
		color: red;
		font-weight: bold; 		
	} 
	
	#navigation ul li.current a:link, #navigation ul li.current a:visited, #navigation ul li.current a:hover, #navigation ul li.current a:active {
		background: transparent url(http://www.glu.fi/gfx/navi-arrow.gif) top center no-repeat;
		color: #1f9eff;
		font-weight: bold; 
		border: 0px solid black;						
	} 

	#navigation ul li.current ul li a:link, #navigation ul li.current ul li a:visited, #navigation ul li.current ul li a:hover, #navigation ul li.current ul li a:active {
		background: none;
		color: #000;
		font-weight: normal;
		border: 0px solid black;								
	} 	
	
	
	#searchform {
		width: 165px;
		float: right;
		height: 30px;
		margin 0;
		padding: 0;
		border: 0px solid yellow;	
			
	}
	
	#searchform form {	
		padding-top: 4px;
		width: 165px;
		height: 26px;
		border: 0px solid blue;		
		margin: 0;
	}	

	#searchform form div.searchfield {
		width: 125px;
		float: left;
		border: 0px solid green;
	}
	

	#searchform form div.searchfield input {
		width: 115px;
		height: 17px;
		float: left;
		font: bold 0.85em verdana,sans-serif;
		color: #000;
		padding: 5px 0 0 5px;
		border: 1px solid #808080 !important;						
	}	
	
		
	#searchform form div.submit input {
		vertical-align: top;
	}
		
	#searchform form div.submit {
		padding-top: 4px;
		float: left;
		border: 0px solid pink;		
	}
	
	
	
/* Sisältöalue */		
		
	#content {
		padding: 0;
		margin: 0 auto;
		width: 922px;
		background:url(http://www.glu.fi/gfx/bg_content_left_new.gif) repeat-y center top #FFFFFF;	
		
/*		background-color: #FFFFFF;				*/
		/* min-height: 600px; */
		border: 0px solid blue;
	}	
	
	#contentsearch {
		padding: 0;
		margin: 0 auto;
		width: 922px;
		background:url(http://www.glu.fi/gfx/bg_content_nodot_new.gif) repeat-y center top #FFFFFF;	
		
/*		background-color: #FFFFFF;				*/
		/* min-height: 600px; */
		border: 0px solid blue;
	}		
	
	#content .wrapper {
		width: 904px;		
		border: 0px solid pink;
	}

	#contentsearch .wrapper {
		width: 904px;		
		border: 0px solid pink;
	}

	
	#maincontent {
		float: right;
		width: 729px;
		border: 0px solid blue;		
	}
	
	#dotter {
		float: left;
		width: 10px;
		border: 0px solid green;					
		
	}
	
	#rightcontent {
		float: left;
		width: 160px;
		border: 0px solid yellow;	
		padding-top: 7px;
		padding-bottom: 20px;	
	}	
	
	#rightcontent h3 {
		background: #F3008C url(http://www.glu.fi/gfx/box_25.png) repeat-x;
		/* background: #cc0000; */
		height: 21px;
		width: 155px;
		color: #fff;
		font: bold 100% verdana,arial,sans-serif;
		margin: 0;
		padding: 5px 0 0 5px;
	}
	
	#rightcontent .box {
		margin: 0;
		width: 165px;
	}
	
	
	#header .links {
		margin: 0;
		padding: 0;
	}
	
	#content .footer,	#contentsearch .footer {
		font-size: 12px;	
		clear: both;
		color: #fff;
		background:url(http://www.glu.fi/gfx/header-bg-new.png) no-repeat left top #72c30b;	
		margin: 0 auto;
		border-top: 1px solid #808080;		
		border-bottom: 1px solid #808080;
		width: 922px;		
		height: 47px;
	}
	
	#content .footer p, 	#contentsearch .footer p {
		padding: 16px 0 0 110px;
		border: 0px solid black;
	}
	
	#content .footer a, #contentsearch .footer a {
		color: #fff;
	}
	
	#content .footer a:hover, #contentsearch .footer a:hover {
		text-decoration: none;
	}

/* Titles */

h1 {
	color: #f3008c;
	margin: 0;
	padding: 5px 0 10px 0;
}

h2 {
/*	clear: both; */
	color: #f3008c;
	margin: 5px 0 5px 0;
	padding: 0;
	font: normal 150% verdana,arial,sans-serif;	
	border: 0px solid red;
}


h3 {
	clear: both;
	color: black;
	margin: 5px 0 5px 0;
	padding: 0;	
	font: normal 120% verdana,arial,sans-serif;
}

h4 {
	clear: both;
	color: black;
	font: bold 100% verdana,arial,sans-serif;
}

h3.line {
	margin: 0;
	border-bottom: 1px solid #c8c8c8;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
	border: 0px solid green;
}

.ununderline, .ununderline a {
	text-decoration: none;
}


a, a:visited, table.pagination td a, table.pagination td a:visited, .unvisited a:visited, a.unvisited:visited {
	color: #1f9eff;
}

a:visited, a:unvisited {
	color: #1f9eff;
}

.unimportant {
	color: #808080;
}

a:hover, .unvisited a:hover, a.unvisited:hover {
	color: #187BD6;
}

form {
	margin-bottom: 10px;
	padding: 0;
}
	
ul.link {
	margin: 0 0 15px 0;
	padding: 0 0 0 7px;
	border: 0px solid pink;
}
	
ul.link li, dl.link dt {
	padding: 0 0 0 10px;
	margin: 0 0 3px 0;

	background: url(http://www.glu.fi/gfx/list_arrow_big.png) 0 5px no-repeat;
	list-style-type: none;		
}

ul.boxlist {
	margin: 5px 0 15px 5px;
	padding: 0;
	border: 0px solid pink;
}

ul.boxlist li {
	margin: 0 0 5px 0;
	list-style-type: none;		
	border: 0px solid blue;	
}


dl.link dt {
	padding: 0 0 0 10px;
}

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

dl.link dd {
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
}

.mandatory {
	color: #f3008c;
}

/* Foorumi */

td.forum_message div.message {
	margin-top: 10px;
}

div.signature {
	border-top: 1px solid #D0D0D0;
	color: #555;
	margin: 8px 0 0 0;
}

table#keskustelu {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 0;
}

table#keskustelu td.left {
	width: 50%;
	padding-right: 4px;
	vertical-align: top;
}

table#keskustelu table.messages {
	width: 100%;
}

table#keskustelu table.messages td {
	padding: 3px;
	vertical-align: top;
}

table#keskustelu td.right {
	width: 50%;
	padding-left: 4px;
	vertical-align: top;
}

table#keskustelu td.messages {
	width: 28px;
	text-align: right;
}

a.community_sponsor_logo {
	float: right;
	display: block;
	margin-left: 5px;
}

table#keskustelu h3 {
	margin: 6px 0 0 0 ;
	padding: 0;
	text-transform: uppercase;
	font: bold 15px verdana,arial,sans-serif;
}

table#keskustelu div.description {
	padding: 5px; 
	min-height: 27px;

}

code.bbcode {
	display: block;
	border: 1px dotted #aeaeae;
	background: #F0F0F0;
	padding: 3px;
}

blockquote {
	border: 1px solid #C8C8C8;
	background: #F0F0F0;
	padding: 3px;
	margin: 0;
	margin: 0 0 10px 10px;
}

blockquote span.message {
	display: block;
	color: #808080;
	padding: 0;
	margin: 0 0 0 0;
}

/* Taulukoita */

table.basic {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 1px;
	clear: both;
}

table.basic caption {
	text-align: left;
	font: bold 17px arial,sans-serif;
	padding-bottom: 2px;
}

table.basic td, table.basic th {
	border: 1px solid #C8C8C8;
	vertical-align: top;
	padding: 4px;
}

table.basic td.noborder {
	border: 0px solid #C8C8C8;
	vertical-align: top;
	padding: 4px;
}

table.basic img {
	padding: 0 5px 0 0;
}

table.basic img.thumb {
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-color: #ffffff;
	border: 1px solid #C8C8C8;
	padding: 2px 2px 2px 2px;
}

table.basic h3 {
	margin: 2px 0 5px 0;
}

table.basic td.thumb {
	width: 52px;
}

table.basic th {
	text-align: left;
	background: #e2e2e2;
	background: url(http://www.glu.fi/gfx/th_bg.png) repeat-x;
}

.remove {
	float: right;
	border: 0px solid black;
}

div.nextprev {
	height: 23px;
	clear: both;
}

div.nextprev .previous, span.nextprev .previous {
	float: left;
	margin: 3px 0;
	display: block;
}

div.nextprev .next, span.nextprev .next {
	float: right;
	margin: 3px 0;
	display: block;
}

/* Ei-rekisteröityneille viestiä */

div.login_please {
	background: #f4f4f4;
	border: 1px solid #d6d6d6;
	padding: 0px 4px 4px 4px;
	margin: 10px 0 10px 0;
}

div.login_please h2 {
	height: 27px;
	position: relative;
}

div.login_please h2 a {
	text-decoration: none;
	color: #f3008c;	
}

/* Lomakkeilua */

form .item {
	float: left;
	display: block;
	width: 170px;
	vertical-align:middle;
	border: 0px solid red;
	color: black;
	font-weight: bold;
}	

form div.row {
	min-height: 25px;
	/* IE FIX BEGIN */
	height: auto !important; 
	height: 25px;
	/* IE FIX END */
	padding: 0.5em;
	clear: both;	
	margin: 0 0 0.5em 0;
}

.bg1{
	background: #fff;
}

.bg2 {
	background: #F0F0F0;
}

.bg2_error, .bg1_error {
	background: #ffdbe7;
}

.bg1_ok, .bg2_ok {
	background: #d3ffc1;
}

form .value {
	float: left;
	display: block;
	width: 120px;
}

form .value input, form .value select {
	border: 1px solid #C0C0C0;
	padding: 0.2em;
	margin-left: 0; 
}

form button {
	margin-bottom: 10px;
}


form dfn {
	display: block;
	color: #808080;
	font-size: 90%;
}

form dfn.explain {
	margin-left: 320px; 
	width: 365px;
}

form dfn.explaintext {
	width: 500px; 
}

fieldset dfn.explain {
	margin-left: 320px; 
	width: 245px;
}

form dfn.error_message {


	min-height: 13px;
	/* IE FIX BEGIN */
	height: auto !important; 
  	height: 13px;
	/* IE FIX END */

	padding: 1px 0 0 190px; 
	clear: both;
	display: block;
	color: #cf2921;
	font-weight: bold;
	background: url(/j/gluteeniton/gfx/error.png) 170px 0 no-repeat;
}

table.profile_nicknames dfn.error_message {
	padding-left: 20px;
	background-position: 0 0;
}

div#lift form dfn.error_message {
		min-height: 13px;
	/* IE FIX BEGIN */
	height: auto !important; 
  	height: 13px;
	/* IE FIX END */
	padding: 1px 0 0 20px; 
	color: #fff7f7;
	background-position: 0 0;
}



form textarea.value {
	height: 100px;
}

form dfn {
	display: block;
}

fieldset {
	border: 2px solid #C0C0C0;
	padding: 0.5em;
}

fieldset legend {
	color: #ff8a01;
	padding: 0 0.5em;
	font: normal 150% verdana,arial,sans-serif;
}


fieldset p {
	margin-top: 0;
}

/* Ookoot ja erroroinnit */

p.error, p.ok, p.info {
	font: bold 12px verdana,arial,sans-serif;
	padding: 1px 0 1px 20px;
	margin: 0 0 3px 0;
}

div.error, div.ok, div.info {
	padding: 4px 4px 0 4px;
	margin: 5px 0 10px 0;
}


/* error */

p.error {
	background: url(/j/gluteeniton/gfx/error.png) no-repeat;
}

div.error {
	background: #ffdbe1;
	border: 1px solid #ffa7ba;
}

.error {
	color: #e20015;
}

.error a {
	color: #e00064;
}

/* ok */

p.ok {
	background: url(/j/gluteeniton/gfx/ok.png) no-repeat;
}

div.ok {
	background: #d3ffc1;
	border: 1px solid #6bb52f;
}

.ok {
	color: #286820;
}

.ok a {
	color: #0c7701;
}

/* info */

p.info {
	background: url(/j/gluteeniton/gfx/fam/information.png) no-repeat;
}

div.info {
	background: #dbeeff;
	border: 1px solid #63b8ff;
}

.info {
	color: #055aa1;
}

.info a {
	color: #034cc2;
}

/* pudotusvalikot listasivuilla */

.dropdown {
	background: #d1ebff;
	padding: 3px;
}

form table.vertical_dropdown {
	margin: 0 auto;
}

form table.vertical_dropdown td {
	padding: 2px;
}

/* kuva */

img {
 border: 0px;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }

img.imgthumb {
	background: #fff;
	padding: 2px;
	border: 1px solid #999;
	margin: 0 auto;
}

#newest_images {
	text-align: center;
	border: 0px solid red;
}

#newest_images table {
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 0 auto;
	border: 0px solid red;
}

.newest_image {
	width:145px;
	height:151px;
	float:left;
}

.newest_image_matkailu {
	width:145px;
	height:135px;
	float:left;
}

.newest_image span.nickname {
	display: block;
	margin: 0;
}

.newest_image table {
	width:131px;
	height:131px;
}

.newest_image_matkailu table {
	width:131px;
	height:131px;
}

.newest_image table td {
	text-align: center;
	vertical-align: middle;
}

.newest_image_matkailu table td {
	text-align: center;
	vertical-align: middle;
}


.newest_image table table.thumb {
	width: 111px;
	height: 111px;
}

.newest_image_matkailu table table.thumb {
	width: 111px;
	height: 111px;
}

.newest_image table table.thumb td {
	background: #F0F0F0;
}

.newest_image_matkailu table table.thumb td {
	background: #F0F0F0;
}


table.gallery_image {
	text-align: center;
	margin: 10px auto;
	border: 1px solid #C0C0C0;
	width: 1%;
}

table.gallery_image img {
	background: #fff;
	margin: 1px;

}

table.gallery_image p.description {
	text-align: left;
	padding: 0 0 0 2px;
	margin: 0;
}

table.gallery_image p.insert_time {
	text-align: right;
	margin: 5px 0 0 0;
	color: #808080;
}

/* käyttäjien kuvat */

table.images {
	width: 100%;
	border-collapse: collapse; 
	border-spacing: 1px;
	clear: both;
	margin: 0;
}

table.images td {
	border: 1px solid #C0C0C0;
	background: #fff;
	width: 25%;
	text-align: center;
	vertical-align: top;
	padding: 5px;
}

table.images td img, img.img,img.imgthumb,div.hiddenimg, .blog_img {
	background: #fff;
	padding: 2px;
	border: 1px solid #999;
	margin: 0 auto;
}

table.images td.default strong.default {
	color: #cc0000;
}

/* kuvien kommentit */

table.commentscount {
	width: 1%;
	border: 0px solid red;
#	margin: 8px 0 0 0;
	margin: 8px auto;
	height: 14px;
}

table.commentscount td {
	background: url(http://www.glu.fi/gfx/fam/comment.png) 0px 0px no-repeat;
	padding: 0 0 0 16px;
	white-space: nowrap;
	border: 0px solid red;
	height: 16px;
}

/* TABS */ 

ul.tabs {
	clear: both;
	margin: 0;
	padding: 0 0 0 5px;
	background: url(http://www.glu.fi/gfx/tabs_underline.png) repeat-x;
	height: 26px;
}

ul.tabs li {
	height: 21px;
	margin: 0 0 0 5px;	
	list-style-type: none;
	padding: 3px 5px 0 5px;
	float: left;
	background: url(http://www.glu.fi/gfx/tabs_bg.png) repeat-x #e1e1e1;	
	border: 1px solid #c8c8c8;	
}

ul.tabs li.selected  {
	background: #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

div.tabs_content {
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
	background: url(http://www.glu.fi/gfx/tabs_fader.png) repeat-x;
	min-height: 100px;
/*	height: expression(this.width < 100 ? "100px" : true); /* IE fix */
}

ul.tabs a:link, ul.tabs a:visited, ul.tabs ul a:hover, ul.tabs ul a:active {
	color: #000; 
	text-decoration: none;
} 

ul.tabs a:hover {
	color: #1f9eff;
}

/* pagination */

table.pagination {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px 0;
}

table.pagination td {
	font: normal 11px verdana,sans-serif;
}


table.pagination td img {
	border: 0;
	padding: 0;
	margin: 0;
}

table.pagination td a {
	text-decoration: none;
}

table.pagination td.previous {
	text-align: left;
	color: #666;
	white-space: nowrap;
	vertical-align: top;
}

table.pagination td.range {
	text-align: center;
	color: #333;
	vertical-align: top;
}

table.pagination td.next {
	text-align: right;
	color: #666;
	white-space: nowrap;
	vertical-align: top;
}

/* Kerro kaverille -ominaisuus */

.tell_friend {
	margin: 10px 0;
	padding: 3px 0 0 150px;
	height: 21px;
}

.tell_friend span {
	display: block;
	float: left;
}

.tell_friend a {
	display: block;
	float: left;
	margin: 0 10px;
	padding-left: 19px;
}

.tell_friend a.facebook {
	background: url(http://www.glu.fi/gfx/facebook.png) 0 2px no-repeat;
}

.tell_friend a.myspace {
	background: url(http://www.glu.fi/gfx/myspace.png) 0 2px no-repeat;
}

.tell_friend a.delicious {
	background: url(http://www.glu.fi/gfx/delicious.png) 0 2px no-repeat;
}

.tell_friend a.email {
	background: url(http://www.glu.fi/gfx/fam/email.png) 0 2px no-repeat;
}

}