/* PLEASE DO NOT REMOVE THIS CODE

Klaveer Website Template, version 1.25
Original design and development by 2009-2010 Stefan Grambart <http://www.stefangrambart.ca>, with support from James King <http://www.devscapes.ca>

Permission is hereby granted, free of charge, to any person obtaining a copy of Klaveer and associated documentation files (the "Template"), to deal in the Template without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Template, and to permit persons to whom the Template is furnished to do so, subject to the following conditions:

    * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Template.
    * The Klaveer download link in the bottom right corner is clearly visible.
    * The provided sample imagery is for demonstration use only, and is not to be used for any other purpose.

THE TEMPLATE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE TEMPLATE OR THE USE OR OTHER DEALINGS IN THE TEMPLATE.

Mootools JS framework & Accordion.js functionality developed by Mootools <http://www.mootools.net>
Slimbox developed by Christophe Beyls <http://www.digitalia.be>
Thumblight JS developed by James King <http://www.devscapes.ca>
Aquaticus Social Icons designed by ~jwloh <http://jwloh.deviantart.com>
Sample images for the Gallery provided by and (c) copyright Jim Unwin <http://www.jimunwin.com>

No Actionscript was harmed in the making of this website!
*/

body				{ color:#111; background:#FFF url(bg_grey.png) repeat-x; margin:0; font-family:Arial, Helvetica, sans; font-size:100.1% !important; }
a					{ color:#069; text-decoration:none; }
a:hover				{ color:#0C6; text-decoration:underline; }
img					{ border:none; }
hr					{ border-top:#CCC 1px dashed; border-bottom:none; border-left:none; border-right:none; background:none; }

#fullheight			{ height:100%; width:800px; text-align:left; border:none; }
#headerbg			{ background-color:#FFF; z-index:0 !important; height:55px; width:100%; position:absolute; top:0px; }
#fullpage			{ z-index:1 !important; position:relative; padding-bottom:100px; }

/* ACCORDION */
#accordion			{ margin:0; } /* color for the h3.toggler set in accordion.js */
h3.toggler			{ clear:left !important; margin:0; padding:0; cursor:pointer !important; font-family:Tahoma, Geneva, sans-serif; font-size:1.56em; font-weight:bold; } /* the first h3.toggler on the page is the Klaveer icon, and has some inline styling applied to it to circumvent the styling set here */
.element			{ margin:0; padding:0; }

/* CONTACT  - These styles are for the contact info and social icons in the top right of the header */
#contact			{ color:#555; width:400px; margin-left:400px; float:right; vertical-align:middle; position:absolute; text-align:right; font-size:0.54em; }
#contact ul			{ list-style:none; padding-top:16px; }
#contact li			{ float:right; padding-left:10px; width:auto; }
#contact li.text	{ padding-top:5px; font-size:1.8em; }
#contact li.social	{ padding-left:3px; }
#contact a			{ color:#AAA; cursor:default; text-decoration:none; } /* To have have the cursor change to the default pointer when scrolling over links, remove the cursor:default; style */

/* CONTENT */
.element h4			{ color:#111; margin:10px 0; padding:0; font-size:1.06em; text-indent:0; font-weight:normal; margin-bottom:4px; }
.element p			{ text-align:left; text-indent:0; font-size:0.69em; }
.content			{ width:100%; padding:0; margin:0; border:none; }
.content ul			{ font-size:0.69em; }
.content ul li		{ list-style:outside disc; }

/* THUMBLIGHT GALLERIES */
.thumblight ul		{ padding:0px; margin:0; }
.thumblight li		{ padding:0; margin:0; text-indent:0; list-style:none; }
ul.thumblight		{ padding:10px 0 10px 0; width:100%; }
ul.thumblight li	{ float:left; margin-right:5px; width:auto; }
.info				{ clear:left; margin:0; padding:5px 0 20px 0; list-style:none; font-size:1.0em; }

/* FORM */
.element h5			{ color:#111; text-indent:0; font-weight:normal; padding:10px 0 5px 0; margin:0; }
#thanks				{ color:#111; font-size:0.88em; margin:10px 0 0 15px; }
.fib				{ display:none; } /* .fib is a bot-catcher */

/* FOOTER */
#footer				{ color:#AAA; text-align:center; z-index:999; background:#eee; font-size:0.57em; width:100%; height:20px; position:fixed; bottom:0px; padding-top:8px; }
#footer a			{ color:#777; text-decoration:none; }
#footer a:hover		{ color:#333; }