/*

YourLaser

$Id: $

*/

body {
    color: #000;
	background-color: #FFF7DC;
	background-image: none;

    font-family: 'Trebuchet MS', 'Georgia Sans', Helvetica, sans-serif;
    font-size: 1em;
    font-size: 100%;

    padding: 1em 3em 0 2em;

    color:#333;
	margin:    20px;
	padding:    0;
}

/*
* {
    text-align: center;
}
*/
h1, h2, h3, h4, h5, h6 {
    text-align: center;
}
p {
    text-align: justify;
}
.content dl {
    text-align: left;
}


h1 {
    margin-top: 5em;
}

.small {
    font-size: 0.8em;
}



/*
General settings

*/



h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	color:#ccc;
	}
h2 {
	margin:0px 0px 5px 0px;
	padding:0px;
	}
p {
	margin: 0.7em 1.7em 1.5em 1.7em;
	padding:0;
	}

.content>p {
    margin: 0.7em 1.7em 1.5em 1.7em;
}

p.first-para {
    margin-top: 3em;
}




/*
.content>p+p {text-indent:30px;}
*/


/* Link styling */
a:link {
	color:#09c;
	font-weight:    600;
	text-decoration:    none;
	}
a:visited { color:#07a; }
a:hover {   background-color:#eee;  }


/*
a.external-link:after {
	content : " \21D2" url(/assets/blt_external_link.gif);
	text-decoration: none;
}

a.wikipedia:after {
	content : " \21D2" url(/assets/blt_wikipedia_link.png);
	text-decoration: none;
}
*/

a.pdf:after {
	content : " \21D2" url(/assets/inline-icon-pdf.gif);
	text-decoration: none;
}
a.word:after {
	content : " \21D2" url(/assets/inline-icon-word.gif);
	text-decoration: none;
}





/* The big owls */
div.background-owls {
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    border: none;
}
div.background-owls img {
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    border: none;
}
.owl-L-top, .owl-L-side {
  display: block;
  float; right;
  clear: none;
  margin: 0;
  margin-left: auto;
  padding: 0;
  border: none;
  position: fixed;
  right: 0;
}
.owl-L-top {
  top: 0;
}
.owl-L-side {
  top: 191px;
}


/*
Sections

*/

.header {
    margin: 190px 0 0 210px; /* Push below the owls */
    padding: 0 0 5px 5px;
    border: none;
}

.section-home .header,
body.steampunk .header {
    margin-top: 0; /* No owls on the home */
}


/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 320px 20px 210px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

.navAlpha,
.navBeta {

}
	/*
.content {
    -webkit-box-shadow: 5px 5px 20px #000,
  1px 1px 1px #000,
  10px 10px 70px #333,
  inset 10px 10px 20px rgba(0,0,0,0.4);

  box-shadow: 5px 5px 20px #000,
  1px 1px 1px #000,
  10px 10px 70px #333,
  inset 10px 10px 20px rgba(0,0,0,0.4);
  }
  */

.navAlpha {
	position:absolute;
	width:200px;
	top:20px;
	left:20px;
	border:1px dotted black;
	background-color:#eee;
	background-color:    #d5b058;
	padding:10px;
	z-index:2;

	min-height: 12em;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:178px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

body>.navAlpha {width:178px;}

.navBeta {
	position:absolute;
	width:300px;

/*	top:520px; */
	bottom: 5em;

	top:250px;
	bottom: 0em;

	right:10px;
	border:1px dotted black;
	background-color:#eee;
	padding:10px;
	z-index:1;

	min-height: 12em;

	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:288px;
	}
/* Again, "be nice to Opera 5". */
body > .navBeta {
  width:288px;
}



.navAlpha {
  background: #f6e6b4; /* Old browsers */
background: -moz-linear-gradient(top, #f6e6b4 0%, #d5b058 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#d5b058)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6e6b4 0%,#d5b058 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6e6b4 0%,#d5b058 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6e6b4 0%,#d5b058 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6e6b4 0%,#d5b058 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#d5b058',GradientType=0 ); /* IE6-9 */
}

.navBeta {
   background: #f6e6b4; /* Old browsers */
background: -moz-linear-gradient(top, #f6e6b4 0%, #d5b058 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#d5b058)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6e6b4 0%,#d5b058 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6e6b4 0%,#d5b058 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6e6b4 0%,#d5b058 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6e6b4 0%,#d5b058 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#d5b058',GradientType=0 ); /* IE6-9 */

}





.section-news .navBeta {
    display: none;  /* Hide this, as the Twitter box is already in the centre */
}

.section-home .navBeta {
	top:    7em;
	bottom: auto;
}







/*

Top-level nav menus
(based on content, not location)

*/


.menu.main-nav {
	background-color: #F4F4F4;
	background-color: inherit;
	border-bottom: 1px dashed #808080;
	border-right: 1px dashed #808080;
	border: none;
	font: 100% sans-serif;
	font-weight: bold;
	width: auto;
	margin: 0;
	padding: 0.5em;
	}

.menu.main-nav a span {
	display: none;
	}

.menu.main-nav a:link,
.menu.main-nav a:visited {
	display: block;
	position: relative;
	text-decoration: none;
	width: 160px;
	background-color:  #FFFFF0;
	}

.menu.main-nav a:hover {
	color: #2D5C8A;
	text-indent: 0;
	background-color: #EFCFCF;
	background-color: #cFaFaF;
	}

.menu.main-nav a:hover span {
	background: url(blt_paleblue_11.gif) #F0FFF0 no-repeat scroll left;
	border: 2px solid #B0C4DE;
	color: #4B0082;
	display: block;
	font: 90% cursive;
	left: 200px;
	margin: -2px;
	padding: 0px 1px 0px 25px;
	position: absolute;
	text-align: left;
	top: 0px;
	width: 160px;
	}

.menu.main-nav h2 {
	color: #BCBCBC;
	font-size: 110%;
	letter-spacing: 2px;
	margin: 0.5em 1em 0em 1em;
	text-align: center;
	}

.menu.main-nav > li {
	list-style-type: none;
	margin-top: 0.5em;
	margin-left: 0;
	}


ul.menu.main-nav {
	background-color: #F4F4F4;
	background-color: inherit;
	border: none;
	color: #000000;
	font: 100% sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 1px 0.33em 0;
	}


.menu.main-nav .current a:link,
.menu.main-nav .current a:visited,
.menu.main-nav .current a:hover {
	background: url(pijl.gif) #FFDFDF no-repeat right;
	border: 1px solid #333333;
	color: #333333;
	cursor: text;
	}


.menu.main-nav a {
	background-color: #F0F8FF;
	border: 1px solid #333333;
	color: #2D5C8A;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0 3px 0 3px;
	text-decoration: none;
	}

.menu.main-nav a:hover {

/*	background: url(blt_ul.gif) #FCFFE1 no-repeat right; */

	background-image: none;
	background-color: #FCFFE1;
	background-color: #cFaFaF;

	border: 1px solid #333333;
	color: #333333;
	text-indent: 0;
	}



/*
Top-level nav manus
Highlights for Page context
*/






body.section-home .menu.main-nav .main_home,
body.section-news .menu.main-nav .main_news,
body.section-services .menu.main-nav .main_services,
body.section-gallery .menu.main-nav .main_gallery,
body.section-materials .menu.main-nav .main_materials,
body.section-headboards .menu.main-nav .main_headboards,
body.section-atelier .menu.main-nav .main_atelier,
body.section-warthogs .menu.main-nav .main_warthogs,
body.section-events .menu.main-nav .main_events,
body.section-about .menu.main-nav .main_about,
body.section-contact .menu.main-nav .main_contact
{
	background: url(pijl.gif) #FFDFDF no-repeat right;
	border: 1px solid #333333;
	color: #333333;
}




/*

Main nav menu
(For top position)

*/
.header .menu.main-nav {
    font-size: 1em;
    color: black;
    float: none;
	margin: 0 0 0 0;
	border: none;
    display: block;
}
.header ul.menu.main-nav {
	list-style: none;
}

.header ul.menu.main-nav li {
    display: block !important;
    float: left !important;
    margin-right: 0.5em;
    color: red;

}
.header ul.menu.main-nav li a:link {
	width: auto;
    padding: 0 1.7em;
}

/*

Main nav menu
(For sidebar position)

*/

.navAlpha .menu.main-nav {
	float: left;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.navAlpha .menu.main-nav li.space-before {
/* Double space as a spacer */
 margin-top: 1.25em;
}



/* Images */


hr.clear {
    /* Invisible clear */
    clear: both;
    float: none;
    border: none;
	height: 0;
    visibility: hidden;
}




/* Header */

.header p {
    font-size: 0.8em;
}


.content-header {
    margin: 0.5em 50px 0.5em 210px;
    padding: 0;
    border: none;
    background-color: #ddd;
    max-width: 75em;
}
.content-header p {
    background-color: #eee;
    margin: 0;
    padding: 0.3em 1.5em 0.5em;
    background-color: #cf9c2b;
    color: #2B7ECF;
}


/* Footer */
.footer p {
    font-size: 0.8em;
}









/* Breadcrumbs */

.breadcrumbs {
    text-align: left;
    clear:left;
    font-size: 0.8em;
    font-family: monospace;
}
.breadcrumbs a {
	text-decoration: none;
	color : #008;
}

.breadcrumbs a:visited {
	color : #008;
}

.breadcrumbs a:hover{
	text-decoration: underline;
	color : red;
}


/* Supplementary content in sidebars */
.content-sidebar {
    margin: 1em 0;
    padding: 0;
    font-size: 0.8em;
}
.content-sidebar h2 {
    font-size: 1.4em;
}


.content dl {
    margin: 0 0 2em 3em;
    padding: 0;
}

.content dl+dt {
    margin-top: 2.5em;
}

.content dl>dt {
    font-weight: bold;
    margin-top: 0.5em;
}
.content dl>dt+dt {
    margin-top: 0.2em;
}
.content dl>dd {
    margin-bottom: 0.7em;
}
.content dl>dd+dd {
    margin-bottom: 2em;
}


.content dl>dd {
}



ul.image-gallery {
    list-style: none;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
width: auto;
}
ul.image-gallery:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
ul.image-gallery li {
    display: block;
    float: left;
}
ul.image-gallery li:first-child {
    clear: left;
}

.date {
    text-align: right;
    font-style: italic;
}
p.date {
}
p.date.left {
    text-align: left;
}


.facebook {
    float: right;
    margin: 2em 3em;
    padding: 0 0 0 1em;
    font-family: sans-serif;
}
.facebook:before {
    content: url('/assets/fb_icon.png');
}



@font-face {
    font-family: 'BlackAdderII';
    src: url('/assets/BlackAdderII.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.WOTW,
a.WOTW {
    font-family: 'BlackAdderII', serif;
    color: black;
    font-weight: normal;
}


/* Images */

.content > div,
.content > div > img {
  max-width: 100%;
}

.image-right,
.image-right,
.image-centre {
}
div.image-right,
div.image-left,
div.image-centre {
    padding: 5px;
    text-align: center;
}

div.image-right {
    float: right;
    clear: right;
    margin: 1em 0 2em 3em;
}
div.image-left {
    float: left;
    clear: left;
    margin: 1em 3em 2em 0;
}
div.image-centre {
    float: none;
    clear: both;
    margin: 1em auto 2em;
    text-align: center;

    width: auto;
    width: 370px;   /* This needs adjustment, per image */
}

div.image-right [img width=480],
div.image-left [img width=480],
div.image-centre [img width=480] {
  width: 490px;
}

div.image-right p,
div.image-left p,
div.image-centre p {
    /* image captions */
    font-size: 0.9em;
    margin: 0;
    margin-right: 1em;
    text-align: right;
    max-width: 100%;
}


div.image-left p {
    text-align: left;
 }
div.image-centre p {
    text-align: center;
}


div.image-right.flush p,
div.image-right.flush-right p {
    text-align: center;
}


p.first,
.first-para {
  margin-top: 75px;
}

p.center {
  text-align: center;
}


.licence-icon {
    float: right;
    clear: right;
    margin: 0 50px 1em 3em;
    width: 88px;
}


/* Steampunk link decoration */

@font-face {
    font-family: 'Trinigan FG';
    src: url(/assets/Trinigan.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.AFP {
    font-family: 'Trinigan FG', Georgia, serif;
    font-weight: normal;
    font-size: 1.1em;
}
.AFP em {
    font-style: normal;
    font-weight: bold;
}




.image-credits {
}
h3.image-credits {
      text-align: right;
      clear: right;
    margin: 0 4em 0 auto;
}
ul.image-credits {
    font-size: 75%;
    margin: 0 0 0 67%;
      clear: right;
}
ul.image-credits li {
    clear: right;
}
ul.image-credits li a img {
    display: block;
    float: right;
    margin: 0 0 5px;
}


/* Nested menus */

ul.dropdown-nav ul {
	display: none;
}
ul.dropdown-nav li:hover > ul {
	display: block;
}

/*
ul.dropdown-nav {
    padding: 0 20px;
    border-radius: 10px;
    list-style:  none;
    position: relative;
    display: inline-block;
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
}
ul.dropdown-nav li {
    float: left;
}
ul.dropdown-nav li a {
    padding: 5px 10px 5px 10px;
    display: block;
    color: #757575;
    text-decoration: none;
}

ul.dropdown-nav li:hover {
    background: #4b545f;
    background: linear-gradient(top, #45f964 0%, #5f6975 100%);
    background: -moz-linear-gradient(top, #45f964 0%, #5f6975 100%);
    background: -webkit-linear-gradient(top, #45f964 0%, #5f6975 100%);
}
ul.dropdown-nav li:hover a {
    color: #fff;
}
*/
ul.dropdown-nav > li:hover > ul { margin: 0px; padding: 0px;}
ul.dropdown-nav > li:hover > ul li {
    float: none;
    display: block;
}
ul.dropdown-nav > li:hover > ul li a {
    /*color: #666;*/
    min-width: 100px;
}
ul.dropdown-nav > li:hover > ul li a:hover {
    /* color: #fff; */
}
ul.dropdown-nav > li {
    position: relative;
}
ul.dropdown-nav > li ul {
    position: absolute;
    top: 22px;
    left: 8px;
	z-index:4;
}


/* Tables, from Wikimedia content */
table.wikitable {
  display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: grey;

  margin: 1em 0;
      background-color: #f9f9f9;
      border: 1px solid #aaa;
      border-collapse: collapse;
      color: black;
}


table.wikitable tr {

}

table.wikitable tr>* {
  border: thin solid grey;
  margin: none;
  border: 1px solid #aaa;
  padding: 0.2em 0.4em;
}

table.wikitable tr th {
  background-color: #f2f2f2;
text-align: center;
  font-weight: bold;
      text-align: -internal-center;
}

table.wikitable tr td {

}



/*
Print control
*/

.print-only{
	display: none;
	visibility: hidden;
}



@media print {
body {
    color: #000000;
    background: #ffffff;
}



.header {
    margin: 0;
    padding: 0;
    height: auto;
    border: thin solid red;
    background-color: #ccc;
}
.breadcrumbs {
    border: thin solid blue;
    background-color: #c99;
}
.footer,
.Footer {
	display: none;

    border: thin solid green;
    background-color: #ccc;
}

h1 {
    margin: 0;
    font-size: 0.5em;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.content {
	width:auto;
	margin: 0;
	border: none;
}

.menu.main-nav,
.navAlpha,
.navBeta {
	display: none;
	visibility: hidden;
}


.print-only {
	display: inherit;
	visibility: visible;
}

.no-print {
	display: none;
	visibility: hidden;
}

} /* @print */







/* Development-only visibility */


/*
body>div {
	border:    1px dashed grey;
}

body>div h2.section-name {
    float: right;
    position: relative;
    right: 5px;
    top: 3px;
    text-align: right;
    padding: 5px 10px;
    background-color: lightblue;
    color: grey;
    width: auto;
    font-size: 0.75em;
}
*/