@import url('reset.css');

body {
	background: url('../img/bg.png') repeat;
	color: #444;
}

h1 {
	font-size: 1.6em;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.2em;
	margin-bottom: 1em;
}

p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin-bottom: 1em;
}

ul {
	margin: 0 0 1em 1.2em;
}

ul li {
	list-style-type: disc;
	list-style-image: none;
	font-size: 0.9em;
	line-height: 1.3em;
}

img {
	max-width: 100% !important;
	height: auto !important;
}

a {
	text-decoration: none;
	color: #007bc3;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

#admin-menu ul li {
	font-size: 1em;
}

.container {
	width: 1020px;
	margin: 0 auto;
}

.wrapper {
	float: left;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 5px #aaa;
	position: relative;
	overflow: hidden;
}

.content-wrap {
	width: 95%;
	margin: 0 2.5%;
}

.divider {
	height: 3px;
	width: 100%;
	float: left;
	background: url('../img/divider.png') repeat-x;
}

#header {
	margin: 0 5px 1px;
}

#header p {
	margin: 0;
	line-height: 1em;
}

#menu-container {
	width: 1040px;
	margin: 0 auto;
}

#menubg {
	float: left;
	width: 100%;
	background: url('../img/menubg.png') no-repeat;
	height: 58px;
	position: relative;
	z-index: 100;
}

#menu ul {
	float: left;
	width: 100%;
	margin: 0;
}

#menu ul li {
	float: left;
	display: inline-block;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	float: left;
	display: block;
	line-height: 49px;
	padding: 0 20px;
	border-right: 1px solid #666;
}

#menu ul li a:hover,
#menu ul li a.active,
#menu ul li a.active-trail {
	background: #007bc3;
}

#menu ul li ul {
	display: none;
	border: 1px solid #ddd;
	position: absolute;
	top: 49px;
}

#menu ul li:hover ul {
	display: block;
	background: #fff;
	width: auto;
	clear: both;
}

#menu ul li ul li {
	display: block;
	clear: both;
	position: relative;
}

#menu ul li ul li a {
	color: #333;
	line-height: 3em;
	border-bottom: 1px solid #ddd;
	border-right: 0;
	min-width: 120px;
	position: relative;
}

#menu ul li ul li.last a {
	border: 0;
}

#menu ul li ul li a:hover,
#menu ul li ul li a.active,
#menu ul li ul li a.active-trail {
	background: #f5f5f5;
}

#menu ul li ul li ul {
	position: absolute;
	left: 160px;
	top: -1px;
	display: none !important;
}

#menu ul li ul li:hover ul {
	display: block !important;
}

#menu ul li ul li ul li a {
	font-size: 1.1em;
}

#lift-top {
	float: left;
	width: 100%;
	clear: both;
	margin: 20px 0;
}

.view-etusivun-nosto .views-field-field-kuva,
.view-etusivun-alauutinen .views-field-field-alauutinen-kuva {
	float: right;
	margin-left: 20px;
}

.view-etusivun-nosto .views-field-field-kuva {
  width: 45%;
}

.view-etusivun-nosto .views-field-field-kuva ul {
  margin: 0;
}

.view-etusivun-nosto .views-field-field-kuva ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.view-etusivun-nosto .flex-direction-nav {
  display: none;
}

.view-etusivun-nosto .flex-control-nav {
  bottom: 5px;
}

.view-etusivun-nosto .views-field-title a,
.view-etusivun-alauutinen .views-field-title a {
	color: #444;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 1.2em;
}

.view-etusivun-nosto .views-field-created,
.view-etusivun-alauutinen .views-field-created {
	font-size: 0.85em;
	margin-bottom: 1em;
	margin-top: 0.5em;
	color: #555;
}

.view-etusivun-nosto .views-field-view-node a,
.view-etusivun-alauutinen .views-field-view-node a {
	display: block;
	float: left;
	background: #007bc4;
	line-height: 2em;
	padding: 0 10px;
	color: #fff;
	border-radius: 2px;
	text-decoration: none;
}

#lift-left {
	width: 49.5%;
	float: left;
	margin: 20px 1% 20px 0;
}

#lift-right {
	width: 49.5%;
	float: left;
	margin: 20px 0;
}

#lift-left h2,
#lift-right h2 {
	float: left;
	width: 95%;
	padding: 0 2.5%;
	line-height: 1.8em;
	display: block;
	background: #007bc4;
	color: #fff;
	border-radius: 2px;
}

#lift-bottom {
	width: 100%;
	float: left;
	margin: 20px 0;
}

.view-uutiset .views-row,
.view-ottelut .views-row,
.view-tulokset .views-row,
.view-tulosarkisto-sm-kilpailut .views-row,
.view-tulosarkisto-kansalliset-kilpailut .views-row {
	margin-bottom: 1em;
	float: left;
	width: 100%;
	clear: both;
}

.view-uutiset .views-field-title,
.view-ottelut .views-field-title,
.view-tulokset .views-field-title,
.view-tulosarkisto-sm-kilpailut .views-field-title,
.view-tulosarkisto-kansalliset-kilpailut .views-field-title {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 0.2em;
}

.view-uutiset .views-field-title a,
.view-ottelut .views-field-title a,
.view-tulokset .views-field-title a,
.view-tulosarkisto-sm-kilpailut .views-field-title a,
.view-tulosarkisto-kansalliset-kilpailut .views-field-title a {
	color: #444;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

.view-uutiset .views-field-created,
.view-ottelut .views-field-field-ottelupaivamaara,
.view-tulokset .views-field-created,
.view-tulosarkisto-sm-kilpailut .views-field-created,
.view-tulosarkisto-kansalliset-kilpailut .views-field-created {
	float: left;
	width: 100%;
	font-size: 0.9em;
	color: #666;
	clear: both;
}

.view-ottelut .views-field-field-ottelupaivamaara {
	margin-bottom: 0.3em;
}

#breadcrumb {
	float: left;
	width: 96%;
	padding: 20px 2% 20px;
	background: url('../img/divider.png') repeat-x bottom;
	font-size: 0.9em;
}

#breadcrumb .title {
	float: left;
}

#breadcrumb .title h1 {
	margin: 0;
	line-height: 1em;
}

#block-easy-breadcrumb-easy-breadcrumb {
	float: right;
}

#content {
	float: left;
	width: 100%;
	clear: both;
	margin: 30px 0;
}

body.front #content td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e0e0e0;
	width: 20%;
	padding: 10px 0;
}

#content.right {
	width: 66%;
	margin: 30px 2% 30px 2%;
	clear: none;
	min-height: 350px;
}

#right {
	float: left;
	width: 26%;
	/*margin-top: 6px; */
	padding: 32px 2% 30px 2%;
/*	position: absolute; */
	top: 55px;
	right: 0;
	bottom: 0;
	z-index: 50;
	background: #fcfcfc url('../img/rightbg.png') repeat-y top left;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

#right a {
	color: #007bc3;
}

#right .view-uutiset {
	font-size: 0.9em;
}

#right .block {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 30px;
}

#footer-top {
	float: left;
	width: 100%;
	background: #4c4c4c;
	padding: 30px 0;
	color: #ddd;
	font-size: 0.9em;
}

#footer-top h2 {
	color: #fff;
}

#footer-top .block {
	float: left;
	margin-right: 5%;
}

#footer-top ul.menu {
	margin: 0;
}

#footer-top ul.menu li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#footer-top ul.menu li a {
	color: #ddd;
	text-decoration: none;
}

#footer-top ul.menu li a:hover,
#footer-top ul.menu li a.active,
#footer-top ul.menu li a.active-trail {
	color: #fff;
}

#footer-bottom {
	float: left;
	width: 100%;
	background: #424242;
	color: #aaa;
}

#footer-bottom p {
	margin: 0;
	line-height: 4em;
	font-size: 0.8em;
}

p.valikko {
  display: none;
  float: left;
  margin: 0 0 0 2.5%;
  font-weight: bold;
  font-size: 1em;
  padding-top: 0px;
  line-height: 49px;
  color: #fff;
}

a.menu-toggle {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  *background-color: #040404;
  background: -moz-linear-gradient(top, #151515, #040404);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background: -webkit-linear-gradient(top, #151515, #040404);
  background: -o-linear-gradient(top, #151515, #040404);
  background: linear-gradient(to bottom, #151515, #040404);
  -pie-background: linear-gradient(to bottom, #151515, #040404);
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  /* border: 1px solid #226889; */
  border: 1px solid #007ac3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       border-radius: 4px;
  clip: inherit;
  display: none;
  margin: 0;
  padding: 4px 10px 7px 10px;
  position: absolute;
  right: 11px;
  top: 11px;
  z-index: 30;
}

.menu-toggle .line {
      display: block;
      width: 18px;
      height: 2px;
      background-color: #f5f5f5;
      -webkit-border-radius: 1px;
          -moz-border-radius: 1px;
           border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
           box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin-top:3px;
}

.* + html .menu-toggle .line {
      display: block;
      width: 18px;
      height: 2px;
     background-color: #f5f5f5;
      -webkit-border-radius: 1px;
         -moz-border-radius: 1px;
          border-radius: 1px;
      -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
         -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin-top:3px;
    position:absolute;
}

.view-uutisarkisto .views-row {
	margin-bottom: 1em;
}

.view-uutisarkisto .views-field-title a {
	color: #007bc3;
	text-decoration: none;
}

.view-uutisarkisto .views-field-created {
	margin-top: 0.2em;
	font-size: 0.9em;
}

.node-kalenterin-tapahtuma .field-name-field-tapahtuman-paivamaara {
	margin-bottom: 0.5em;
	font-size: 0.9em;
}

.node-kalenterin-tapahtuma .field-name-field-tapahtuman-tyyppi {
	margin-bottom: 2em;
	font-size: 0.9em;
}

.view-kalenteri td {
	width: 14% !important;
	padding: 2px 2px 2px !important;
}

.view .date-nav-wrapper .date-prev {
	right: 89px;
}

.view .date-nav-wrapper .date-prev:hover,
.view .date-nav-wrapper .date-next:hover {
	background: #007bc3;
}

.view .date-nav-wrapper .date-prev:hover a,
.view .date-nav-wrapper .date-next:hover a {
	color: #fff;
}

.view-kalenteri table {
	font-family: Arial, Helvetica, sans-serif;
}

.view-kalenteri table a {
	color: #222;
	font-size: 1.2em;
	font-weight: normal;
}

body.node-type-tulos {
  background: #fff;
}

.tulos-container {
  width: 1024px;
  margin: 30px auto;
}

/*.tulos-container table {
	width: auto !important;
}*/

/*.tulos-container td {
	width: auto !important;
} */

table.forum-table th,
table.forum-table td {
  vertical-align: middle;
  padding: 5px;
}

.forum-topic-legend {
  display: none;
}

body.page-forum .tabs,
.forum-node-create-links,
.forum-tools {
  display: none;
}

.forum-node-create-links-top {
  display: block;
  margin-bottom: 1em;
}

a.nappi {
  background: #4c4c4c;
  color: #fff;
  display: inline-block;
  padding: 7px 15px;
}

#forum {
  font-size: 0.9em;
}

.view-tulosarkisto-kansalliset-kilpailut .views-row {
  margin-bottom: 1em;
}

@media screen and (max-width: 1100px) {
	#menu ul li a {
		padding: 0 13px;
	}
}


@media screen and (max-width: 1040px) {
	#menu-container,.container {
		width: 960px;
	}
	#menubg {
		background: #4c4c4c;
		height: auto;
	}
	.mean-container .mean-bar {
		position: absolute;
		top: 260px;
	}
}

@media screen and (max-width: 960px) {
	.container,
	#menu-container	{
		width: 700px;
	}
	.view-etusivun-nosto .views-field-field-kuva, .view-etusivun-alauutinen .views-field-field-alauutinen-kuva {
		float: left;
		width: 100%;
		margin: 0 0 0.5em;
	}
	body.front #content td {
		display: block;
		float: left;
		width: 194px;
		height: 157px;
		text-align: center;
		vertical-align: middle;
	}
	.mean-container .mean-bar {
		top: 260px;
		background: #4c4c4c;
	}
	.mean-container .mean-nav {
		background: #4c4c4c;
	}
	.mean-container .mean-nav ul li {
		list-style: none;
		margin-left: 0;
	}
}

@media only screen and (max-width: 770px) {
	.mean-container .mean-bar {
		top: 220px;
		background: transparent;
	}
	.mean-bar a.meanmenu-reveal {
		width: 25px;
		background: #4c4c4c;
	}
}

@media screen and (max-width: 700px) {
	.container,
	#menu-container {
		width: 500px;
	}
/*
	#menu {
		position: relative;
	}
	#menu ul {
		display: none;
	}
	#menu ul.show {
		display: block;
		float: left !important;
		width: 100% !important;
		clear: both !important;
		background: none !important;
		border: 0 !important;
	}
	#menu ul li {
		display: block !important;
		float: left !important;
		margin: 0 !important;
		padding: 0 !important;
		clear: both !important;
		width: 100% !important;
	}
	#menu ul li a {
		float: left !important;
		width: 95% !important;
		padding: 0 2.5% !important;
		line-height: 3em !important;
		border: 0 !important;
		color: #fff !important;
	}
	#menu ul li ul {
		display: none !important;
		background: none;
		clear: both;
		position: relative !important;
		top: 0 !important;
	}
	#menu ul li:hover ul {
		display: block !important;
	}
	#menu ul li ul li a {
		width: 92% !important;
		padding: 0 4% !important;
	}
	#menu ul li ul li a:hover,
	#menu ul li ul li a.active,
	#menu ul li ul li a.active-trail {
		background: #007bc3;
	}
	#menu ul li ul li ul {
		left: 0 !important;
	}
	#menu ul li ul li ul li a {
		padding: 0 6% !important;
		width: 88% !important;
	}
	p.valikko,
	a.menu-toggle {
		display: block;
	}
*/
	.view-kalenteri ul.pager {
		float: left;
		width: 100%;
		position: relative;
	}
}

@media screen and (max-width: 500px) {
	.container,
	#menu-container {
		width: 100%;
	}
	#lift-left,
	#lift-right {
		margin: 0;
		width: 100%;
	}
	#lift-left {
		margin-top: 20px;
	}
	#lift-right {
		margin-bottom: 20px;
	}
	body.front #content td {
		height: auto;
		border: 0;
		width: 100%;
	}
	.view-kalenteri {
		font-size: 0.6em;
	}
	.view-kalenteri td {
		padding: 0 !important;
	}
	.mean-container .mean-bar {
		position: absolute;
		top: 160px;
		width: 100%;
		background: #4c4c4c;
		margin-left:0!important;
		left:0 !important;
	}
}

@media only screen and (max-width: 375px) {
	.mean-container .mean-bar {
		position: absolute;
		top: 140px;
	}
}

.mean-container .mean-nav ul li a.mean-expand {
	width: 26px;
	height: 26px;
	top:3px;
}

.mean-container .mean-nav ul li li a.mean-expand {
	width: 26px;
	height: 20px;
	top: 2px;
}

.mean-container .mean-nav ul li {
	list-style: none;
}

#views_slideshow_cycle_main_etusivun_nosto-block .flexslider {
	width: 436px;
	height: 273px;
	overflow: hidden;
}

.juicer-feed h1.referral,
.juicer-feed .j-paginate,
.flex-direction-nav { display: none !important }

#feed {
    clear: both;
    max-width: 95%;
    margin: 0 auto;
    padding-top: 20px;
}

.flex-control-nav { bottom: 5px }

#block-views-slider-block {
    margin-bottom: 20px;
}

#block-views-slider-block li { position: relative }

#block-views-slider-block .views-field-body {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    padding: 20px 4%;
    width: 92%;
    width: 100%;
    left: 0;
    z-index: 300;
    font-size: 1.4em;
    color: #fff;
}

#block-views-slider-block h1,
#block-views-slider-block h2 { margin-bottom: 10px }
#block-views-slider-block p { margin: 0 }