/* reset */
html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;font-weight:inherit;font-style:inherit;font-family:inherit;text-align:left;vertical-align:baseline;text-decoration:none;border:0;}
table {border-collapse: collapse;border-spacing: 0;font-size: 1.1em;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
ol,ul{list-style-position:inside;}
/* eo reset */

body
{
	background: #fff url("../img/bg.png") repeat-x top center;
	text-align: center; /* IE6 */
}

div#lex
{
	background: #fff url("../img/lex_bg.jpg") no-repeat;
	margin: 0 auto;
	width: 960px;
	position: relative;
}

div#top
{
	margin: 0 auto;
	height: 180px;
	width: 960px;
	position:relative;
}

#top img
{
	margin: 18px 0px 17px 5px;
}

#top ul
{
	list-style-type: none;
	position: absolute;
	top: 80px;
	right: 5px;
	text-align: right;
}

#top li
{
	float: left;
	margin: 0 15px 0 0;
}

div#headerLogin2
{
	width: 330px;
	height: 60px;
}

.item-list ul li
{
	list-style-type: none !important;
	margin: 0 0 0.25em 1.0em !important;
}

.navi div
{
  display: block;
}
.navi ul 
{
  list-style-type: none !important;
}

.navi li
{
  float: left;
}

.item-list ul li a
{
	color: #7F1A2D;
}

img#headerLogin
{
	position: absolute;
	top: 15px;
	right: 20px;
}

#headerLogin img
{
	margin-top: 30px
}

#headerLogin a,
#headerLogin a:link,
#headerLogin a:visited,
#headerLogin a:active
{
	color: #404040;
	font-size: 1em;
	margin: 0;
}

#headerLogin a:hover
{
	color: #1077eb;
	font-size: 1em !important;
}

#loginTop
{
	float: right;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0;
	width: 325px;
	display: inline;
}

#loginTop a
{
	width: 140px;
	padding: 5px 0 0 5px;
	display: inline;
	float: left;
}

.loginText
{
	width: 120px;
	float: left;
	margin: 5px 10px 10px 10px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em; 
}

#user-login-form
{
	float: left;
}


#user-login-form .form-submit
{
	float: left;
	margin: 12px 0px 0px 10px;
	height: 40px;
	width: 40px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background-image: url("/sites/all/themes/lex/img/login.png")
}


div#divider1
{
	height: 50px;
	width: 960px;
	margin: 0 auto;
	display: block;
	background: transparent url("../img/ribbon1.png") repeat-x top center;
	position: absolute;
	top: 180px;
	right: 0px;
	z-index: 999;
}

div#divider1 img
{
	margin: 0 0 0 10px;
}

div#space
{
	height: 50px;
	width: 960px;
}

div#content
{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	height: 100%;
	float: left;
}

div#left_column
{
	width: 240px;
	margin-top: 8px;
	float: left;
}

/*
 * Fixed the menu
 */

li.leaf,
li.collapsed,
li.expanded
{
	list-style-image: none;
	list-style-type: none;
	padding: 0;
}

#block-menu-primary-links ul
{
	list-style-type: none;
	text-align: right;
	width: 180px;
	padding: 0;
	margin: 0 30px 0 30px;
	border: 0;
}

#block-menu-primary-links ul.menu li ul li ul li a
{
	padding-left: 25px;
	height: auto;
}

ul.menu li ul li ul li
{
	background: #f2f2f2 !important;
	/*list-style-type: circle !important;*/
	/*list-style-position:inside !important;*/
}
ul.menu li ul li ul li a:hover
{
	background: #fff !important;
	color: #333 !important;
}

ul.menu
{
	list-style-type: none;
	text-align: right;
	width: 180px;
	padding: 0;
	margin: 0 30px 0 30px;
	border-bottom: 1px solid #e5e5e5;
	float: left;
	clear: left;
}


ul.menu li
{
	margin: 0;
	width: 178px;
	min-height: 24px;
	border: 0;
	background: #f2f2f2 url("../img/navi_bg.gif") repeat-x top center;
	float: left;
	clear: left;
}

li.expanded ul.menu
{
	margin: 0 !important;
}

li.expanded ul.menu li a
{
	padding: 0 0 0 20px;
	margin: 0 !important;
}

ul.menu a
{
	padding: 0 0 0 5px;
	display: block;
	color: #333333;
	height: 24px;
	line-height: 24px;
	border: 1px solid #e5e5e5;
	border-width: 1px 1px 0 1px;
}

ul.menu a:hover
{
	background: #7f1a2d url("../img/navi_bg2.gif") repeat-x top center;
	color: #fff !important;
}

div#right_column
{
	width: 670px;
	float: left;
}

#right_column img
{
	float: left;
	margin: 20px 20px 20px 0;
}



div#divider2
{
	height: 50px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: block;
	background: #fff url("../img/ribbon2.gif") repeat-x top center;
	float: left;
}

#divider2 img
{
	margin: 0 auto;
}

div.clear_both
{
	clear: both;
}

div#footer
{
	margin: 80px auto;
	width: 920px;
}

ul.footnav
{
	list-style-type: none;
	text-align: right;
	margin: 0 auto 60px;
}

.footnav a
{
	color: inherit;
}

.footnav li
{
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	font-size: 1.1em;
	color: #7f1a2d;
	font-weight: bold;
	display: block;
}

ul.footnav ul
{
	list-style-type: none;
	text-align: right;
	margin: 0 auto 60px;
	clear: both;
}

ul.footnav ul li
{
	float: none;
	font-size: 1em;
	font-weight: normal;
}

table.footnav
{
	width: 100%;
}

table.footnav td
{
	padding: 0 10px;
}

table.footnav td > a
{
	color: #7f1a2d;
	font-weight: bold;
}

table.footnav td ul a
{
	font-weight: normal;
	font-size: 0.9em;
}

div#contact
{
	margin: 0 auto;
	width: 280px;
}

ul.contactinfo
{
	list-style-type: none;
	text-align: right;
	margin: 0 auto 60px;
}


.contactinfo li
{
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
	font-size: 1.1em;
	color: #7f1a2d;
	font-weight: bold;
	display: block;
}

ul.contactinfo ul
{
	list-style-type: none;
	text-align: right;
	margin: 0 auto 60px;
}

ul.contactinfo ul li
{
	float: none;
	font-size: 0.8em;
	font-weight: 100;

}

li.address ul li
{
	text-align: right;
}

.address
{
	text-align: right;
}

div#footer h3
{
	margin: 20px 0 0 0;
}

/*Index specific*/

img#moodsetter
{
	margin: 30px 0 35px 0;
	width: 680px;
	height: 193px;
	float: left;	
}

div#news
{
	background-color: #fff;
	width: 280px;
	margin: 20px 0 20px 0;
	padding-top: 14px;
	float: left;
}

table.newsitem
{
	width: 270px;
	height: 40px;
	margin: 5px 5px 0 5px;
}

td.date
{

	background: #7f1a2d url("../img/date_bg.png") repeat-x top center;
	width: 40px;
	height: 40px;
	color: #fff;
	padding-right: 3px;
	vertical-align: middle;
}

p.year
{
	font-size: 0.9em;
	float: right;
	}

	p.day
	{
		font-size: 1.0em;
		float: right;
	}

	td.headline
	{
		background: #e5e5e5;
		width: 190px;
		height: 30px;
		padding: 5px;
		color: #222;
		vertical-align: top;
		padding: 5px 0 0 5px;
	}

td.readmore
{
	background: #e5e5e5;
	width: 40px;
	height: 40px;
	color: #fff;
	vertical-align: top;
}

.readmore img, a
{
	margin: 0;
	}


	div#bar
	{
		width: 960px;
		background: #1c0a0e url("../img/bar_bg.png") repeat-x top center;
		float: left;
		border-bottom: 2px solid #1c0a0e;
}

div#webmail
{
	height: 143px;
	width: 350px;
	float: left;
}

img#webmail
{
	margin: 12px 0 6px 18px;
}

img#lunch
{
	margin: 0 0 0 38px;
}

div#events
{
	width: 400px;
	float: left;
	margin: 30px 10px;
}
	#events a
	{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 1.6em;
		color: #fff;
		text-decoration: none;
		text-align: right !important;
		display: block;
	}
	
	#events a:hover
	{
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #ce2b4b;
		text-decoration: none;
	}

div#bar2
{
	width: 960px;
	clear: both;
}

div#poll
{
	width: 320px;
	height: 224px;
	float: left;
	margin: 29px 0 0 11px;
	display: block;
}

div#question
{
	width: 320px;
	height: auto;
	background: #7f1a2d url("../img/question.png") no-repeat top center;
	float: left;
}

div#question p
{
	color: #fff;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 5px;
	text-align: center;
	width: 240px;
}

div#answer
{
	width: 280px;
	height: 140px;
	background: #fff url("../img/answer.png") repeat-y top center;
	padding: 5px 20px 5px 20px;
	float: left;
	position: relative;
}

form#qotw-block-form #edit-submit
{
	position: absolute;
	right: 20px;
	bottom: 5px;
	border: 1px solid #eaeaea;
	background-color: #f0f0f0;
}

form#user-login-form .item-list ul
{
	clear: left;
}

div#answerend
{
	width: 320px;
	height: 30px;
	background: #fff url("../img/answerend.png") no-repeat top center;
	float: left;
}

.button
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	color: #fff;
	background: #7f1a2d url("../img/submit.png") no-repeat top center;
	border: 0;
	height: 30px;
	width: 100px;
	outline: 0;
	padding-bottom: 5px;
	position: relative;
	left: 160px;
	bottom: -45px;
}

.button:hover
{
	color: #ffffb7;
}

div#ads
{
	width: 600px;
	height: 216px;
	float: left;
	margin: 29px 0 0 19px;
	background: transparent;
}

img#libri
{
	margin: 5px 5px 5px 5px;
}

img#kurssit
{
	margin: 5px 5px 5px 0;
}

img#banner3
{
	margin: 0 5px 5px 5px;
}

tbody
{
	border-top: 0px !important;
}

.ui-accordion-content img
{
	float: none !important;
}

/* Typography */

body
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 62.5%; /*1em=10px*/
	color: #333333;
}

#lexname
{
	width: 316px;
	height: 35px;
	display: none;
}

#name
{
	font-family: Garamond, Georgia, serif;
	font-size: 1.6em;
	color: #fff;
	margin-top: 5px;
	margin-left: 5px;
}

#left_column a
{
	font-size: 1.2em;
}

#right_column a
{
	color: #7f1a2d;
}

#right_column a:hover
{
	text-decoration: underline;
}

#right_column h1, #right_column h2, #right_column h3, #right_column h4, #right_column h5, #right_column h6
{
	font-family: "Century Gothic",Verdana,Arial,Helvetica,sans-serif;
	margin-bottom: 10px;
	color: #7f1a2d;
	font-weight: normal;
}

#right_column h2, #right_column h3, #right_column h4, #right_column h5, #right_column h6
{
	margin: 25px 0 10px 0;
}

#right_column h1
{
	font-size: 2em;
}

#right_column h2
{
	font-size: 1.8em;
}

#right_column h3
{
	font-size: 1.6em;
}

#right_column h4
{
	font-size: 1.4em;
}

#right_column h5
{
	font-size: 1.3em;
}

#right_column h6
{
	font-size: 1.3em;
}

#right_column ul,
#right_column ol
{
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

#right_column blockquote
{
	margin: 5px 0 5px 15px;
}

#divider1 p
{
	font-family: "Century Gothic",Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.6em;
	text-transform: none;
	margin-top: 5px;
	margin-left: 10px;
	color: #fff;		
}

#right_column p
{
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 15px;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold; 
}

pre
{
	font-size: 1.2em !important;
	line-height: 1.5em !important;
	margin-bottom: 15px !important;
}

span.submitted
{
	margin-bottom: 10px;
	display: block;
}

#top a
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.7em;
	text-transform: none;
	margin-bottom: 10px;
	color: #333333;
}

#top a:hover
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1.7em;
	text-transform: none;
	margin-bottom: 10px;
	color: #df2644;
}


form#user-login-form
{
	width: 100%;
}

form#user-login-form label
{
	font-weight: normal;
	margin: 5px 0 0 0;
}

form#user-login-form div.form-item
{
	float: left;
	margin: 0 0 0 10px;
}

form#user-login-form input#edit-name,
form#user-login-form input#edit-pass
{
	width: 120px;
}

div#headerLogin div.item-list
{
	display: none;
}

a#forgot_password
{
	margin-left: 146px !important;
}

div.breadcrumb
{
	display: block;
}

div#bloglink
{
	width: auto;
	margin: 5px 0 0 5px;
}

a#logout
{
	background: transparent url("../img/login.png") no-repeat right center;
	padding: 0 35px 0 0;
	height: 20px;
	font-size: 1.2em !important;
	display: block;
	text-align: right;
	margin: 20px 0 0 0 !important;
}

a#logout:hover
{
	font-size: 1.2em !important;
}

a.paginate
{
	padding: 2px;
	font-size: 1.2em !important;
	border: 1px solid #fff;
	background-color: #eaeaea;
}

a.paginate:hover
{
	text-decoration: none !important;
	background-color: #fff;
}

ul.paginate
{
	list-style-type: none;
	list-style-position: inside;
	display: block;

}

ul.paginate li
{
  margin: 0px 3px 10px 0;
  display: block;
	float: left;
	margin-top: 2px;
}

/* Varauskalenteri */

table.calendar
{
	width: 100% !important;
}

td.calendar
{
	padding: 2px;
	vertical-align: middle;
	margin: 5px;
	border: 1px solid #e9e9e9;
	width: 80px;
}

tr.calendar
{
	height: 30px;
	vertical-align: middle;
}

th.header
{
	background-color: #f9f9f9;
	padding: 2px;
	vertical-align: middle;
}

.reservation.content
{
	background: #7F1A2D url(../img/navi_bg2.gif) repeat-x scroll center top;
	color: #fff;
}

#hidden-poll-wrapper {
	display: none;
}

.images li a {
	font-size: 12px;
}