/* CSS Style sheet for källman IMATRI site
Version 1.0 - Modified 141219
©2014 kallmans IMATRI / Michael Källman*/

/* TOC ================================================

		2^ HEAD LOGO / BOP INGRESS
		3^ WRAPPER
		6^ MID SECTION
			6a^ DIVS BUTTONS AND LINKS WITHIN Page BLEEDIN OBVIOUS
		9^ FOOTER 
*/




/* ZEP: Hämtade från gamla Xmain.css */
/* ZEP: Referens i BOP */
body.lightGrey { 
	background-color: #fafafb; /* ljusljusgrå */
	margin: 25px 0 25px 0;
}

/* 3^ WRAPPERS -------------------------------- */
/* NOTE: Classes to all wrapper elements witin resp css-file */
/* Main wrapper: Height. background pic and back declared in classes. */
div#wrapperMain {
	margin: auto; 
	width: 930px;
	position: relative;
    background-repeat: no-repeat;
}
/* Reset all previous floats without line feeds */
p.clear { 
	clear: both; height: 0; margin: 0; padding: 0; 
} 





























/* 2^ HEAD LOGO -------------------------------- */
/* BOP INGRESS: Special small ingress div in upper right corner */
div#bopIngress {
	float: right;
	width: 280px;
	margin: 60px 80px 0px 0px;
	padding-right: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: right;
	color: #CCC;
	background-image:url(bop/bopimages/bopingressbak.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

/* 3^ WRAPPER -------------------------------- */
/* NOTE: bop/index.php uses upper wrapper only */
/* Full wrapper: Auto height. Background pic and white back. */
div#wrapperMain.bop {
	height: auto;
	background-color: #FFF;
	background-image: url(../bop/bopimages/backpicbop.jpg);
}

/* 6^ MID SECTION -------------------------------- */
/* 6a^ DIVS BUTTONS AND LINKS WITHIN Page BLEEDIN OBVIOUS --------------------- */
/* Div to all content i mid section */
div#bopContent {
	margin: 280px 90px 0 120px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	height: auto;
}
/* Text ingress i mid section */
#bopContent p {
	padding-bottom: 10px;
	font-size: 0.8em;
	color: #999;
}
/* Fonts of button headers */
.bopHeader {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.4em;
}
/* Fonts of button VERSALER */
.bopHome {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2em;
}
/* Pic links (two each row) in mid section */
div#bopContent a {
	width: 300px;
	height: 60px;
	text-align: right;
	text-decoration: none;
	font-size: 0.7em; /* Small text of declaration */
	margin: 0 20px 20px 4px;
	padding: 10px 20px 10px 0;
	background-repeat: no-repeat;
	background-position: left;
	background-color: #FFF;
	border: solid 1px #e0e1dc;
	color: #6A0000; /* redbrown */
	box-shadow: 3px 3px 10px rgba(0,0,0, 0.2);
	float: left;
	cursor: pointer; 
	display: block;
}
/* Link classes to display different pics to each button. KSB SITE */
div#bopContent a.ksb {
	background-image:url(../bop/bopimages/ksbnor.jpg);
}
div#bopContent a.ksb:hover {
	color: #CCC;
	background-image:url(../bop/bopimages/ksbrol.jpg);
	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2);
}
/* Link classes to display different pics to each button HIMLAJORD SITE */
div#bopContent a.hjh {
	background-image:url(../bop/bopimages/hjhnor.jpg);
}
div#bopContent a.hjh:hover {
	color: #CCC;
	background-image:url(../bop/bopimages/hjhrol.jpg);
	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2);
}
/* Link classes to display different pics to each button KSB CD */
div#bopContent a.ksbcd {
	background-image:url(../bop/bopimages/ksbcdnor.jpg);
}
div#bopContent a.ksbcd:hover {
	color: #CCC;
	background-image:url(../bop/bopimages/ksbcdrol.jpg);
	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2);
}
/* Link classes to display different pics to each button BLUE STEW CD */
div#bopContent a.bscd {
	background-image:url(../bop/bopimages/bsnor.jpg);
}
div#bopContent a.bscd:hover {
	color: #CCC;
	background-image:url(../bop/bopimages/bsrol.jpg);
	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2);
}
/* Link classes to display different pics to each button LKK LOGO */
div#bopContent a.lkk {
	background-image:url(../bop/bopimages/lkknor.jpg);
}
div#bopContent a.lkk:hover {
	color: #CCC;
	background-image:url(../bop/bopimages/lkkrol.jpg);
	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2);
}
/* Link classes to display different pics to each button HIMLAJORD BILDSPEL */
div#bopContent a.hjbs {
	background-image:url(../bop/bopimages/hjbsnor.jpg);
}
div#bopContent a.hjbs:hover {
	color: #CCC;
	background-image:url(../bop/bopimages/hjbsrol.jpg);
	box-shadow: 1px 1px 5px rgba(0,0,0, 0.2);
}
/* Active to all links (only cahnge of border and shadow) */
div#bopContent a:active {
	color: #666;
	border: solid 1px #666;
	box-shadow: none;
}

/* 9^ FOOTER -------------------------------- */
/* NOTE: Special footer to pages without regular menu. Small menu within Footer instead.
/* Used on pages 100faglar/index.php, bop/index.php, pokercalc/index.php */
div#altFooter { 
	margin-top: 50px;
	height: 107px;
	background-color: #FFF; /* white */
	background-image: url(../OLDIMATRISITE/images/altFooter.jpg);
    background-repeat: no-repeat;
}
/* Div with unordered list to mini menu in Footer */
div#altFooter ul { 
	padding: 16px 0 0 137px; /* Distance from left to menu items */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-align: left;
	list-style: none; 
	line-height: 1.2em;
}
div#altFooter ul a { 
	color: #999; /* dark grey */
	text-decoration: none;
	cursor: pointer;
}
div#altFooter ul a:hover { 
	color: #CCC; /* light grey */
}
/* Logo image as link to start page */
.logo { 
	border: none;
	padding: 6px 0 0 7px; /* Distance from left to menu items */
	float:left;
}
a.logo {
	text-decoration: none;
	cursor: pointer;
}

/* END OF TOC ================================================