/* /// Addition for formating (jMak Foliovision) /// */

/* reset */

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* body {
	line-height: 1;
	color: black;
	background: white;
	margin: 0;
	padding: 0;
}*/
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end of reset */

/* Floating and blocks align */

.clear {
   clear: both;
}

.clearright, .clear-right {
   clear: right;
}

.clearleft, .clear-left {
   clear: left;
}

.right {
   float: right;
}

.left {
   float: left;
}

.center-block {
   margin-right: auto;
   margin-left: auto;
}

/* Text formatting */

.text-right {
   text-align: right;
}

.text-left {
   text-align: left;
}

.text-center, .center {
   text-align: center;
}

.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.small {font-size: 85%;}

/* Images in h5 */

a img {
	border: none;
}

h5 {
	margin: 10px;
	padding: 0;
	line-height: 1.3em;
	font-size: 0.85em;
	font-weight: normal;
	text-align: center;
}

h5 img {
	padding: 5px;
	background-color: white;
	border: 1px solid silver;
}
	
h5.right {
	margin: 2px 0 2px 10px;
	text-align: center;
	font-weight: normal;
	}
	
h5.left {
	margin: 2px 10px 2px 0;
	text-align: center;
	font-weight: normal;
	}
	
h5.center {
	text-align: center;
	font-weight: normal;
	}
	
h5.center img {
	margin: 0 auto;
	}
	
h5 a {
	text-decoration: none !important;
	color: #696969;
	}

h5 a:link {
	text-decoration: none !important;
	color: #696969;
	}
	
h5 a.hide-link:hover, h5 a.hide-link:focus, h5 a.hide-link:active, h5 a.hide-link:visited {
	text-decoration: none !important;
	color: #696969;
}
a.photo-credits:link, a.photo-credits:hover, a.photo-credits:focus, h5 a.photo-credits:active, a.photo-credits:visited {
	text-decoration: none !important;
	color: #696969;
}

h5.noborder img {
	border: none;
}

img.noborder {
	border: none;
}

.noborder {
	border: none;
}
	
.nonumbers ol, .nonumbers ol li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul.nolist, ul.nolist li, div.nolist ul, div.nolist ul li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	background: none;
}

ol.roman, .roman ol {
	list-style-type: upper-roman;
}

ol.alpha, .alpha ol {
	list-style-type: lower-alpha;
}

.credits {
	margin: 10px 10%;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	text-align: center;
	color: #666666;
}

.credits-red {
	margin: 10px 10%;
	padding: 10px;
	border: 1px solid #9c1f1f;
	background-color: #e5b8b8;
	text-align: center;
	color: #9c1f1f;
}

.credits-red a {
	color: #9c1f1f;
	text-decoration: underline;
}

.credits-blue {
	margin: 10px 10%;
	padding: 10px;
	border: 1px solid #8f99cc;
	background-color: #e6e8f2;
	text-align: center;
	color: #5c6699;
}

.credits-blue a {
	color: #5c6699;
	text-decoration: underline;
}

.credits-green {
	margin: 10px 10%;
	padding: 10px;
	border: 1px solid #b4cca3;
	background-color: #ddf2ce;
	text-align: center;
	color: #62804d;
}

.credits-green a {
	color: #62804d;
	text-decoration: underline;
}

/* Widths */

.width200 {
	width: 200px;
}

.width250 {
	width: 250px;
}

.width300 {
	width: 300px;
}

.width350 {
	width: 350px;
}

.width400 {
	width: 400px;
}

.width450 {
	width: 450px;
}

.width500 {
	width: 500px;
}

.width550 {
	width: 550px;
}

.width600 {
	width: 600px;
}

.width650 {
	width: 650px;
}

/* Links (hide and show, e.g. hiding flickr images authors ) */

a.hide-link {
	text-decoration: none !important;
	color: #4d4d4d;
}

a.hide-link:hover, a.hide-link:focus, a.hide-link:active, a.hide-link:visited {
	text-decoration: none !important;
	color: #4d4d4d;
}

a.show-link {
	text-decoration: underline !important;
}

a.show-link:hover, a.hide-link:focus, a.hide-link:active {
	text-decoration: underline !important;
}

/* Colors */

.red { /* Foliovison red */
  color: #b51212;
}

.green-jk { /* Julie Kinnear green a little bit darker and moore green (just for readbility) */
  color: #738033;
}

.blue-lsm { /* LSM blue */
  color: #11549a;
}

.dark-blue, .darkblue { /* Elli Davis + Jay Banks blue */
  color: #143066;
}

.maroon {
  color: maroon;
}

.black {
  color: black;
}

.gray {
  color: gray;
}

.silver {
  color: silver;
}

.white {
  color: white;
}

.green {
  color: #088a08;
}

.blue {
  color: #0404B4;
}

.darkcyan {
  color: #0B615E;
}

.darkpink {
  color: #3B0B39;
}

.darkgreen {
  color: #0A2A0A;
}

.orange {
  color: #FF8000;
}

/* Shared Typography */

/* body {
	font-family: sans-serif;
	/*font-size: 0.9em;*/
	font-size: 14px;
	line-height: 1.6em;
	color: #696969 /*gray*/;
	background: white;
} */

strong {font-weight: bold}
em {font-style: italic}
small {font-size: 0.85em}

p {
  margin: 0px 0px 10px 0px;
}

blockquote {
  margin: 0px 0px 10px 20px;
  padding: 10px 20px;
  border-left: 10px solid silver;
  background-color: #f2f2f2;
}

dl {
  margin: 0px 0px 0px 0px;
}

dt {
  margin: 0px 0px 0px 0px;
  font-weight: bold;
}

dd {
  margin: 0px 0px 10px 0px;
}



ul, ol {
	margin: 0px 0px 10px 40px;
	padding: 0;
}

ul {
	list-style-type: square;
}

ol {
	list-style-type: decimal;
}

ul li, ol li {
	margin: 0;
	padding: 0;
}


/* Lists - tring to make them with own image */

/*ul {
  margin: 10px 0px 10px 10px;
  list-style: none;
}

li ul {
  margin: 0px 0px 0px 10px;
}

ul li, ol ul li, ul ol ul li, ol ul ol ul li {
	padding-left: 20px;
	background: url("/images/ul-li.png") 0px 6px no-repeat;
}

ol {
  list-style: decimal;
  margin: 10px 0px 10px 30px;
}

li ol {
  margin: 0px 0px 0px 30px;
}

ol li, ul ol li, ol ul ol li, ul ol ul ol li {
  padding-left: 0px;
	background: none;
}*/

/*ul > li {
	padding-left: 20px;
	background: url("/images/ul-li.png") 0px 6px no-repeat;
}*/

/* tables - be careful, juliekinnear.com has table layout! */

table.table-silver, table.table-red, table.table-blue , table.table-green  {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	margin: 10px 0 10px 0;
	float: none;
	display: table;
}

.table-silver caption, .table-red caption, .table-blue caption, .table-green caption {
	font-size: 100%;
	font-style: italic;
	caption-side: top;
	padding: 2px 0 2px 0.5em;
	page-break-after: avoid;
}

.table-silver td, .table-silver th,
.table-red td, .table-red th,
.table-blue td, .table-blue th,
.table-green td, .table-green th
{
	font-size: 100%;
	padding: 0.25em 0.5em;
	vertical-align: middle;
}

.table-silver td, .table-red td, .table-red td, .table-green td {
	border: 1px solid #C2C6CD;
}

.table-silver th, .table-silver thead td, .table-silver tfoot td, .table-silver td.trhead,
.table-red th, .table-red thead td, .table-red tfoot td, .table-red td.trhead,
.table-blue th, .table-blue thead td, .table-blue tfoot td, .table-blue td.trhead,
.table-green th, .table-green thead td, .table-green tfoot td, .table-green td.trhead
{
	background: none;
	font-weight: bold;
	font-size: 1em;
}

/* */

table.table-silver {
	background-color: #fafafa;
}

.table-silver td {
	border: 1px solid #C2C6CD;
	
}

.table-silver th, .table-silver thead td, .table-silver tfoot td, .table-silver td.trhead {
	background-color: #e5e5e5;
	color: #333333;
}

/* */

table.table-red {
	background-color: #f2dada;
	color: #9c1f1f;
}

.table-red td, .table-red th {
	border: 1px solid #9c1f1f;
}

.table-red td {
	border: 1px solid #b34747;
	
}

.table-red th, .table-red thead td, .table-red tfoot td, .table-red td.trhead {
	background-color: #e5b8b8;
	color: #800000;
}

/* */

table.table-blue {
	background-color: #e6e8f2;
	color: #5c6699;
}

.table-blue td, .table-blue th {
	border: 1px solid #8f99cc;
}

.table-blue td {
	border: 1px solid #8f99cc;
	
}

.table-blue th, .table-blue thead td, .table-blue tfoot td, .table-blue td.trhead {
	background-color: #b8bed9;
	color: #3d4466;
}

/* */

table.table-green {
	background-color: #e4f2da;
	color: #62804d;
}

.table-green td, .table-green th {
	border: 1px solid #b4cca3;
}

.table-green td {
	border: 1px solid #b4cca3;
	
}

.table-green th, .table-green thead td, .table-green tfoot td, .table-green td.trhead {
	background-color: #c6d9b8;
	color: #3b4d2e;
}

.hide {
	display: none;
}

.show {
	display: block;
}

/* accessability hidden */

.access-hidden {position: absolute; top: -9999px; left: -9999px;}