/* Digit ry
* CSS styles for common elements on all pages
*
* author: Jouni Koivuviita
* created: 22.3.2006
**/

/* Layout specific */
body {
	background-color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff url(../images/body_bg.gif) repeat-x;
}

html {
	/* http://www.splintered.co.uk/experiments/49/ */
	min-height: 100%;
	margin-bottom: 1px;
}


.container {
	clear:both;
	text-align:left;
	margin:0 auto;
	max-width:920px;
	/* http://www.svendtofte.com/code/max_width_in_ie/ */
	width:expression(parseInt(document.body.clientWidth) > 920? "920px" : "auto");
}

.wide-container {
	clear:both;
	text-align:left;
	margin:0 auto;
	max-width:950px;
	/* http://www.svendtofte.com/code/max_width_in_ie/ */
	width:expression(parseInt(document.body.clientWidth) > 950? "950px" : "auto");
}

.one-column {
	float:left;
	width:18%;
	margin:0 1%;
	display:inline;
}

.two-column {
	float:left;
	width:38%;
	margin:0 1%;
	display:inline;
}

.three-column {
	float:left;
	width:57.8%;
	margin:0 1%;
	display:inline;
}

.four-column {
	float:left;
	width:77.9%;
	margin:0 1%;
	display:inline;
}

.five-column {
	clear:both;
	width:98%;
	margin:0 1%;
	display:inline;
}

#header {
	height:234px;
}

#header .top {
	height:4px;
	background:transparent url(../images/header_left.gif) no-repeat;
	margin:0 8px 0 -4px;
}
#header .top .right {
	width:4px;
	height:4px;
	background:transparent url(../images/header_right.gif) no-repeat;
	margin-left:-4px;
	float:right;
}

/* Logo */
#header h1.one-column {
	margin-top:28px;
	height:114px;
	overflow:hidden;
	font-size:1.4em;
	position:relative;
	display:inline;
}

#header h1 span {
	position:absolute;
	display:block;
	top:0;
	left:0;
	z-index:2;
	background:url(../images/logo_screen_new.gif) no-repeat;
	width:117px;
	height:71px;
}

#header h1 span.text {
	position:absolute;	
	top:0;
	left:0;
	z-index:1;
	width:117px;
	height:71px;
	overflow:hidden;
}

/* Slogan */
#header h4.three-column {
	padding-top:73px;
	height:26px;
	overflow:hidden;
	font-size:1.4em;
	font-weight:normal;
	position:relative;
	display:inline;
	border-left:solid 1px #eee;
}

#header h4 span {
	position:absolute;
	display:block;
	top:73px;
	left:5px;
	z-index:2;
	background:url(../images/logo_slogan.gif) no-repeat;
	width:299px;
	height:26px;
}

#header h4 span.text {
	position:absolute;	
	top:73px;
	left:5px;
	z-index:1;
	width:117px;
	height:71px;
	overflow:hidden;
}

/* Search form */
#header form.one-column {
	margin:0;
	border:0;
	margin-top:67px;
	height:40px;
	display:inline;
}

#header form input {
	float:left;
	border:none;
	background:transparent url(../images/search_bg_left.gif) no-repeat;
	width:81.5%;
	height:21px;
	font-size:1.1em;
	padding:4px 0 0 6px;
	color:#323232;
}

#header form span {
	float:left;
	width:14%;
	height:21px;
	display:inline;
	background:url(../images/search_go.gif) no-repeat top right;
	overflow:hidden;
	cursor:pointer;
}

#header form span:hover {
	background:url(../images/search_go.gif) no-repeat bottom right;
}

#header form span input {
	display:none;
}

#header form a {
	border:none;
	clear:both;
	display:block;
	margin:4px 0 0 2px;
	padding:0 0 0 12px;
	font-size:0.9em;
	display:block;
	color:#adadad;
	background:transparent url(../images/arrow_strong.gif) no-repeat 0 45%;
}

#header form a:hover {	
	color:#323232;
}



/* Main navigation bar */
#header #mainNav {
	clear:both;
	height:30px;
	border-top:solid 2px #2c2c2c;
	border-bottom:solid 2px #2c2c2c;
	margin:0;
	padding:0;
}

#header #mainNav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#header #mainNav ul li {
	float:left;
}

#header #mainNav ul li a {
	border:none;
	font-size:1.1em;
	color:#ffffff;
	cursor:pointer;
	height:15px;
	overflow:hidden;
	padding:7px 9px 8px 9px;
	display:block;
	float:left;
}

#header #mainNav ul li a:hover {
	border-bottom:solid 2px #ffffff;
}

body.etusivu #header #mainNav ul li a.etusivu,
body.perustietoa #header #mainNav ul li a.perustietoa,
body.toiminta #header #mainNav ul li a.toiminta,
body.viralliset #header #mainNav ul li a.viralliset,
body.opiskelu #header #mainNav ul li a.opiskelu,
body.teekkarius #header #mainNav ul li a.teekkarius,
body.uusio #header #mainNav ul li a.uusio,
body.nollakerho #header #mainNav ul li a.nollakerho,
body.toihin #header #mainNav ul li a.toihin,
body.linkit #header #mainNav ul li a.linkit,
body.palaute #header #mainNav ul li a.palaute
{
	font-weight:bold;
	border-bottom:solid 2px #ffffff;
}


#header #subNav {
	clear:both;
	height:28px;
	overflow:hidden;
}

#header #subNav ul {
	clear:left;
	height:28px;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

#header #subNav ul.show {
	display:block;
}

#header #subNav ul li {
	float:left;
}

#header #subNav ul li a {
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	border:none;
	font-size:1.1em;
	color:#999999;
	cursor:pointer;
	height:15px;
	overflow:hidden;
	padding:7px 9px 8px 9px;
	display:block;
	float:left;
}

body.etusivu #subNav .etusivu,
body.etusivu #subNav .perustietoa,
body.etusivu #subNav .toiminta, 
body.etusivu #subNav .viralliset,
body.etusivu #subNav .opiskelu,
body.etusivu #subNav .teekkarius,
body.etusivu #subNav .uusio,
body.etusivu #subNav .nollakerho,
body.etusivu #subNav .palaute
{
	display:block;
}


/* Various */

/* Section header */
.section {
	clear:both;
	margin:20px 0 15px 0;
	background:#000000 url(../images/page_header_bg.gif) no-repeat;
	height:38px;
	padding:13px 15px 0 15px;
	color:#ffffff;
	overflow:hidden;
}

.section h2 {
	color:#ffffff;
}

.section span.right {
	float:right;
	background:transparent url(../images/page_header_right.gif) no-repeat;
	width:2px;
	height:51px;
	margin:-13px -15px 0 0;
	display:inline;
}

.section div {
	padding-top:12px;
	font-size:1.1em;
	color:#c0c0c0;
}



/* Info-box (default styles) */
.info-box.one-column {
	margin:0;
	min-width:20%;
}
.info-box .top {
	height:2px;
	overflow:hidden;
	background:#2961bd url(../images/info_box_tl_blue.gif) no-repeat;
}
.info-box .top .right {
	float:right;
	width:2px;
	height:2px;
	background:transparent url(../images/info_box_tr_blue.gif) no-repeat;
}
.info-box .center {
	margin:0;
	padding:7px;
	background:#0b4bb4 url(../images/info_box_c_blue.gif) repeat-x;
	border-left:solid 2px #2961bd;
	border-right:solid 2px #2961bd;
	color:#c5dbff;
}
.info-box .bottom {
	height:2px;
	overflow:hidden;
	background:#2961bd url(../images/info_box_bl_blue.gif) no-repeat;
}
.info-box .bottom .right {
	float:right;
	width:2px;
	height:2px;
	background:transparent url(../images/info_box_br_blue.gif) no-repeat;
}
.info-box h3 {
	color:#ffffff;
	margin:0;
}

/* Green info-box theme */
.info-box-green .top {
	background:#81bd29 url(../images/info_box_tl_green.gif) no-repeat;
}
.info-box-green .top .right {
	background:transparent url(../images/info_box_tr_green.gif) no-repeat;
}
.info-box-green .center {
	background:#70b40b url(../images/info_box_c_green.gif) repeat-x;
	border-left:solid 2px #81bd29;
	border-right:solid 2px #81bd29;
	color:#e7f3d5;
	font-size:1.1em;
}
.info-box-green .bottom {
	background:#81bd29 url(../images/info_box_bl_green.gif) no-repeat;
}
.info-box-green .bottom .right {
	background:transparent url(../images/info_box_br_green.gif) no-repeat;
}

/* Grey info-box theme */
.info-box-grey .top {
	background:#efefef url(../images/info_box_tl_grey.gif) no-repeat;
}
.info-box-grey .top .right {
	background:transparent url(../images/info_box_tr_grey.gif) no-repeat;
}
.info-box-grey .center {
	background:#f0f0f0 url(../images/info_box_c_grey.gif) repeat-x;
	border-left:solid 2px #efefef;
	border-right:solid 2px #efefef;
	color:#727272;
}
.info-box-grey .bottom {
	background:#efefef url(../images/info_box_bl_grey.gif) no-repeat;
}
.info-box-grey .bottom .right {
	background:transparent url(../images/info_box_br_grey.gif) no-repeat;
}


.clearer {
	clear:both;
	height:0;
	overflow:hidden;
}

hr {
	display:none;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.clear-both {
	clear:both;
}

.hide {
	display:none;
}

.show {
	display:block;
}

.invisible {
	visibility:hidden;
}

.footer {
	height:44px;
	background:#000 url(../images/footer_bg.gif) repeat-x;
	margin-top:50px;
	padding-top:13px;
	font-size:1.1em;
}

.footer a:link,
.footer a:visited,
.footer a:active,
.footer a:hover {
	border:none;
	color:#c6c6c6;
	padding-left:8px;
	background:transparent url(../images/arrow_white.gif) no-repeat 0 0.45em;
}



.disabled {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
}

a img {
	border: 0;
}

h4 {
	margin: 4px 0px;
	padding: 0;
}

/**                                                                                                                                                             
 * Language selection box                                                                                                                                       
 */
div#langsel
{ 
position: fixed;
right: 10px;
top: 40%;
}  

div#langsel img
{ 
opacity: 0.6;
}  

div#langsel img:hover
{ 
opacity: 1.0; 
}