@import "reset.css";
/* @import "fontscom.css"; */

/* Base colors:
** Violet color:   #5B50B0
** Orange color (Alliance orange): #F65425
*/

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,body {
	font-family: 'Calibri', 'myriad-pro', Arial, Helvetica,sans-serif;
	line-height:18px;
}

.wrapper {
  margin-top:6px;
  margin-left:6px;
  margin-right:6px;
  min-width:640px;
}

.inner {
  -moz-box-shadow: 3px 3px 10px 0px #ccc;
  -webkit-box-shadow: 3px 3px 10px 0px #ccc;
  box-shadow: 3px 3px 10px 0px #ccc;
  max-width:1312px;
  background-image:url('kuvat/background.png');
  background-repeat:repeat;
  border-top: 0;
  border-left:thin;
  border-left-color:#dddddd;
  border-style:solid;
  border-right: 0;
  border-bottom: 0;
  margin-left:auto;
  margin-right:auto;	
}

.top {
  display:block;
  background-image:url('/kuvat/banner.jpg');
  width:100%;
  height:80px;
}

.top img {
  display:block;
  float: left;
  vertical-align:middle;
  margin-left:6px;
  margin-top:10px;
  border-style:none;
}

.menu {
  display:block;
  height:45px;
  padding-left:6px;
  padding-top:6px;
}

.menu img {
  margin-right:5px;
  vertical-align:text-bottom;
}

.menu .club {
  float: right;
  border-style: solid;
  border-width: 0px;
  margin-left: 2px;
  margin-right: 4px;
}

div.title {
  clear:left;
  padding-left:4px;
  border-bottom:1px #5B50B0 solid;
}

div.title img {
  display:inline-block;
  vertical-align:bottom;
}

.mainbkgnd {
	clear:both;
  margin-top:10px;
  margin-bottom:4px;
}

.main_left_50 {
  clear:both;
	float:left;
	width:50%;
	/*
	border-right-style:dotted;
	border-right-width:1px;
	*/
	padding-left:6px;
	padding-right:6px;
	color:#333333;
  text-align:left;
  vertical-align:top;
  background-image:url('kuvat/background.png');
  background-repeat:repeat;
}

.main_right_50 {
	float:right;
	width:50%;
	min-width:250px;
	/*
	border-left-style:dotted;
	border-left-width:1px;
	*/
	padding-left:6px;
	padding-right:6px;
	color:#333333;
  text-align:left;
  vertical-align:top;
  background-image:url('kuvat/background.png');
  background-repeat:repeat;
}

.bodycenter {
  clear:both;
  background-image:url('kuvat/background.png');
  background-repeat:repeat;
}

footer {
  clear:both;
}

footer p {
  text-align:center;
  font-size:0.7em;
  color:#5B50B0;
}

section {
  page-break-inside:avoid;
}

article {
  page-break-inside:avoid;
}

h1 { font-family: "Century Gothic", Calibri, Arial, Verdana, Helvetica, sans-serif;
     font-size:16pt;
     font-weight:lighter; 
     color:#5B50B0;border-bottom:thin; border-bottom-color:#5B50B0;
     border-bottom-style:solid; padding-left:6px; }
          
h2 { font-family: "Century Gothic", Calibri, Arial, Verdana, Helvetica, sans-serif;
     font-size:14pt;
     color:#5B50B0; margin:0; padding-top:0em;
     padding-bottom:.3em}
     
h3 { font-family: "Century Gothic", Calibri, Arial, Verdana, Helvetica, sans-serif;
     font-size:11pt; font-weight:bold;
     color:#5B50B0; margin:0; padding-top:0.5em; padding-bottom:.5em; }
     
p  {
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  font-size:0.9em; 
  margin:0; padding-top:0em; padding-bottom:.5em;
  color:#333333;
  text-align:justify;
}

/* The "bold" here affects menu items. */

b {
  font-weight:bold;
}
     
p b,
p strong,
p em strong,
p i strong {
  font-weight:bold;
  color:#5B50B0;
}

p i,
p strong i,
p b i,
p b em,
p em {
  font-style:italic;
}

ul,ol {
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
	padding-right:4px;
	padding-top:0;
	padding-bottom:6px;
	text-align:left }

li {
  font-size:0.9em;
	margin:0;
	margin-left:15px;
	padding-left:0px;
	padding-right:4px;
	padding-top:0;
	padding-bottom:3px;
  color:#333333;
  text-align:left
}

ul li {
	list-style-image:url('kuvat/bullet.png');
}

ol li {
	list-style-type:decimal;	
}

/* Links to PDF, Word and Excel files. */

article a[href$='.pdf'] {
	background: url("/kuvat/pdf.png") no-repeat center right;
	padding-right:15px;
}

article a[href$='.doc'] {
	background: url("/kuvat/word.png") no-repeat center right;
	padding-right:15px;
}

article a[href$='.docx'] {
	background: url("/kuvat/word.png") no-repeat center right;
	padding-right:15px;
}

article a[href$='.xls'] {
	background: url("/kuvat/excel.png") no-repeat center right;
	padding-right:15px;
}

article a[href$='.xlsx'] {
	background: url("/kuvat/excel.png") no-repeat center right;
	padding-right:15px;
}

/* Links to external sites. */

article a[href^='http://'] {
	background: url("/kuvat/extlink.png") no-repeat center right;
	padding-right:17px;
}

article a[href^='https://'] {
	background: url("/kuvat/extlink.png") no-repeat center right;
	padding-right:17px;
}

article a[href^='https://plus.google.com'] {
	background: none;
	padding-right:0px;
}

/* Links to local pages. */

article a[href^='http://home.jurva.org'] {
	background: none;
	padding-right:0;
}


table {
  border-collapse:collapse;
  border: 1px #5B50B0 solid;
  border-left-color:#5B50B0;
  margin-bottom:4px;
}

td  {
  padding: 4px;
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt; color:#333333;
  text-align:left; vertical-align:top;
  border-collapse:collapse;
  border: 1px #5B50B0 solid;
}

table.normal {
  margin-left:4px;
  margin-bottom:6px;
}

table.normal td b,
table.normal td strong,
table.normal td em strong,
table.normal td i strong {
  font-weight:bold;
  color:#5B50B0;  
}


th {
  padding: 4px;
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  color:white; background-color:#5B50B0;
  text-align:left; font-weight:bold; vertical-align:bottom;
  border-collapse:collapse; border:1px #5B50B0 solid;
}

table.noborder,
table.noborder tr,
table.noborder td {
  border: 0px solid #000000;
  border-left: 0px black solid;
  
  font-size:14.4px; 
  margin:0; padding-bottom:.0em;
  text-align:left;
}

a,a:hover,a:active,a:visited { text-decoration:underline; color:maroon}     
     
hr { border: 1px solid silver }

.main-left { width: 50%; vertical-align:top; padding-right:6px; border: 0px}
.main-right { width: 50%; vertical-align:top; padding-left:6px; border: 0px }
.main-center { width: 100%; vertical-align:top; padding-left:0px; padding-right:0px; border: 0px }

.copyright { font-family: Calibri, Verdana, sans-serif; font-size: 9pt; color:#333333;
             margin:0; padding-top:0em; padding-bottom:.2em; text-align:center }

.top-banner { border-style: solid; border-width: 0; margin: 2px; }

.liput { border-style:solid; border-width:0px; vertical-align:top; margin-top:10px }

p img {
	box-shadow: 3px 3px 10px 0px #aaa;
	max-width:35%;
	border:0;
}

p img.right {
  float:right;
  margin-right:0px;
  margin-left:6px;
}

p img.left {
  float:left;
  margin-left:0px;
  margin-right:6px;
}

img.full {
  float:none;
	box-shadow: 3px 3px 10px 0px #aaa;
	max-width:100%;
  margin-left:0;
  margin-bottom:6px;
	page-break-inside:avoid;
}

img.no_shadow {
	box-shadow: 0px 0px 0px 0px #aaa;
}

img.right_col {
	margin-left:4px; margin-bottom:10px; 
  box-shadow: 3px 3px 10px 0px #aaa;
}

img.otsikko {
  border-style: solid;
  border-width: 0px;  
}

.facebook-link {
  display:inline-block;
  vertical-align:bottom;
  /* border:1px red solid; */
  height:22px;
  margin-bottom:1px;
}

.google-link {
  display:inline-block;
  vertical-align:bottom;
  /* border:1px blue solid; */
  height:22px;
  margin-bottom:1px;
}

.lang {
  display:inline-block;
  vertical-align:bottom;
  /* border:1px blue solid; */
  margin-bottom:4px;
}

.uutinen { text-align:left;	}

.search {
}

.searchresults {
  clear:both;
  max-height:400px;
  overflow:scroll;
  float:left;
}

/* Google search bar results background in IE shows white.
** This fixes it.
*/
.gsc-control-cse,
.gsc-control-cse-fi {
  background-image:url('kuvat/background.png') !important;
  background-repeat:repeat !important;
}

/* Smaller displays: put right column after left one, leave out club logos. */

@media screen and (max-width: 650px) {

img.club {
  display:none;
}

.menu {
  padding-left:0px;
  padding-top:0px;
  background-color:#F65425;
  width:100%;
  /* border-top:1px #5B50B0 solid; */
  border-top:1px #888888 solid;
  border-bottom:1px #cccccc solid;
  height:24px;
}

div.title {
  clear:left;
  padding-top:3px;
  padding-bottom:6px;
}

.title h1 img {
  display:block;
}

.facebook-link {
  display:inline-block;
  vertical-align:bottom;
  /* border:1px red solid; */
  height:22px;
  margin-bottom:1px;
  overflow:hidden;
}

.google-link {
  display:inline-block;
  vertical-align:bottom;
  /* border:1px blue solid; */
  height:22px;
  margin-bottom:1px;
}


div.title {
  padding-left:2px;  
}

#localmenu {
	display:block;
}

.mainbkgnd {
  -moz-box-shadow: 0px 0px 0px 0px #ccc;
  -webkit-box-shadow: 0px 0px 0px 0px #ccc;
  box-shadow: 0px 0px 0px 0px #ccc;
  margin-top:4px;
  margin-bottom:0px;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
	background-image:none;
}

.main_left_50 {
	float:none;
	width:auto;
	border:0;
	padding-left:4px;
	color:#333333;
  text-align:left; vertical-align:top;
}

.main_right_50 {
	float:none;
	width:auto;
	border:0;
	padding-right:4px;
	color:#333333;
  text-align:left; vertical-align:top;
}

.wrapper {
  min-width:0px;
  margin-left:0px;
  margin-right:0px;
  padding-top:0px;
  margin-top:0px;
}

.inner {
  border-left-style:none;
  border-right-style:none;
  -moz-box-shadow: 0px 0px 0px 0px #ccc;
  -webkit-box-shadow: 0px 0px 0px 0px #ccc;
  box-shadow: 0px 0px 0px 0px #ccc;
}

.hidehandheld {
	display:none;
}

}

/* Mobile phones. */

@media screen and (max-device-width: 768px) and (orientation:portrait) {
.wrapper {
  margin-left:0px;
  margin-right:0px;
  min-width:inherit;
}

p, li {
  font-size:0.9em;
}

h2 { font-size:1.2em; }
     
h3 { font-size:1.1em; }
     
h4 { font-size:1em; }
     
h5 { font-size:1em; }
     
.search {
  display:none;
}

.searchresults {
  display:none;
}

}

@media screen and (max-device-width: 768px) and (orientation:landscape) {
.wrapper {
  margin-left:0px;
  margin-right:0px;
  min-width:inherit;
}

p, li {
  font-size:0.9em;
}

h2 { font-size:1.2em; }
     
h3 { font-size:1.1em; }
     
h4 { font-size:1em; }
     
h5 { font-size:1em; }
     
.search {
  display:none;
}

.searchresults {
  display:none;
}

}

/* Printing. */

@media print {

section {
  page-break-inside:inherit;
}

div.title {
  clear:left;
  padding-top:3px;
  padding-bottom:6px;
}

.title h1 img {
  display:block;
}

.mainbkgnd {
  -moz-box-shadow: 0px 0px 0px 0px #ccc;
  -webkit-box-shadow: 0px 0px 0px 0px #ccc;
  box-shadow: 0px 0px 0px 0px #ccc;
  margin-top:4px;
  margin-bottom:0px;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
	background-image:none;
}

.main_left_50 {
	float:none;
	width:auto;
	border:0;
	padding-left:4px;
	color:#333333;
  text-align:left; vertical-align:top;
}

.main_right_50 {
	float:none;
	width:auto;
	border:0;
	padding-right:4px;
	color:#333333;
  text-align:left; vertical-align:top;
}

.wrapper {
  min-width:0px;
  margin-left:0px;
  margin-right:0px;
  padding-top:0px;
  margin-top:0px;
}

.inner {
  border-left-style:none;
  border-right-style:none;
  -moz-box-shadow: 0px 0px 0px 0px #ccc;
  -webkit-box-shadow: 0px 0px 0px 0px #ccc;
  box-shadow: 0px 0px 0px 0px #ccc;
}

.top {
  display:block;
  margin-left:0px;
  width:100%;
  height:80px;
  background-image:url('kuvat/allianssivantaat98-teksti2.png');
}

.title {
  display:none;
}

.facebook-link,
.google-link,
#localmenu,
.menu,
.lang,
.search {
  display:none;
}

}