/* klixo/try css (c) Klixo Limited. daniel@klixo.net.nz 
  Unauthorised copying or use is prohibited. Customers of Klixo.net.nz may freely
  use this script.
*/
/* ALL SETTINGS IN THIS SECTION CAN BE SAFELY CHANGED */
html, body  
{
	font-family: Verdana, Verdana, Geneva, sans-serif; 
	color: #000; /* primary font color */
	background-color: #CCC; /* body background colour */
}	
/* Heading colours and styles */
h1, h5
{
	color: #009
}
h2, h3, h4, h6
{
	color: #000;
}
h1
{
	font-size: 160%;
	margin: 5px 0px 7px 0px;
}
h2
{
	font-size: 130%;
	margin: 5px 0px 7px 0px;
	color: #000;
}
a:hover, table#tabs a:hover, table#tabs td.current a:hover
{
	color: #0000FF; /* Tab link hover colour */
}
#divBody
{
	background-color: #FFFFFF; /* Main background colour */
	background-image: url(../pics/bg_base.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#divStoryBase
{
	border-right: solid 20px #ccc;
	min-height: 300px;
	width: 537px;
	float: left;
	background-color: #fff;
}
/* side panel */
#divPanel
{
	margin: 0px;
	margin-right: 0px;
	padding: 5px 7px 5px 7px;
	width: 200px;
	float: right; /* panel postion = left or right */
	font-size: 80%;
	background-color: #fff;
}
div#search
{
	background-image: url(../pics/bg_search.gif);
	background-repeat: no-repeat;
	background-color: #ccc;
	width: 190px;
	height: 29px;
	padding: 1px 5px 0px 5px;
	margin-bottom: 10px;
}
div#search form
{
	margin: 0px;
}
input.search
{
	padding: 0px;
	margin: 0px;
}
/* Heading style for the side panel */
#divPanel h3
{
	background-image: url(../pics/bg_panel_title.jpg);
	background-repeat: no-repeat;
	background-color: #000087;	
	color: #FFF;
	font-size: 130%;
	padding: 8px 3px 0px 3px;
	margin-bottom: 3px;
	font-weight: normal;
	text-align: center;
	height: 32px;
	width: 194px;
}
#divPanel h3 a:link, #divPanel h3 a:visited, #divPanel h3 a:hover, #divPanel h3 a:active
{
	color: #FFF;
}
#divPanel p a:link, #divPanel p a:visited, #divPanel p a:hover, #divPanel p a:active
{
	font-weight: bold;
	color: #009;
}
div#menu
{
	margin: 0px;
	height: 31px;
	padding: 0px 9px 0px 5px;
	width: 766px;
	text-align: center;
	background-color: #FFF;
	background-image: url(../pics/bg_menu.png);
	background-position: top;
	background-repeat: no-repeat;
}
p
{
	margin: 0px 0px 14px 0px;
}
/* ONLY ADVANCED USERS SHOULD CHANGE THE RULES BELOW THIS LINE ********************* */ 
html, body  
{
   padding: 0px;
   margin: 0px;
}	
a:hover, table#tabs a:hover, table#tabs td.current a:hover
{
	text-decoration: underline;
}
#divBody
{
  visibility: visible;
  width: 780px;
  height: auto;
  padding: 0px;
}
#divMain  
{
   margin: 10px auto 10px auto;
   visibility: visible;
   width: 750px;
   position: relative;
}
div#title
{
	width: 780px;
	padding: 9px 0px 0px 0px;
	background-image: url(../pics/header_top.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFF;
}
div.story
{
	padding: 5px 9px 10px 9px;
	font-size: 80%;
}
div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active
{
	color: #FFF;
} 
div.backtotop
{
	text-align: right;
	width: 533px;
	padding-bottom: 5px;
	font-size: 80%;
}
div#footer
{
	border-top: none;
	width: 750px;
	height: 97px;
	padding: 5px 15px 5px 50px;
	background-image: url(../pics/bg_footer.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 80%;
}
div#footer table
{
	width: 100%;
}
div#footer td
{
	vertical-align: top;
}
div#footer td ul
{
	margin-top: 0px;
}
.inline
{
	display: inline;
}
/*LIST ITEM*/
div.list_item
{
	width: 700px;
}
div.item_left
{
	float: left;
	width: 170px;
}
div.item_right
{
	float: right;
	width: 530px;
}
.clear
{
	clear: both;
}
.nomargin
{
	margin: 0px;
}
div#location
{
	position: relative;
	border: solid 2px #000;
	width: 516px;
	color: #000;
}
table.logos
{
	margin-top: 30px;
}
table.logos img
{
	padding-bottom: 5px;
	padding-left: 5px;
}
/* Form specific styling */
input, textarea
{
	font-family: Verdana, Verdana, Geneva, sans-serif; 
}
textarea
{
	width: 380px;
}
/*SLIDESHOW AREA STYLES */
img.slideshow
{
	filter: progid:DXImageTransform.Microsoft.Fade(duration=1);
}
div#slideshow_base
{
	background-color: #ccc;
	margin: 5px 0px 10px 7px;
	width: 535px;
}
div#slideshow_base img
{
	border: solid 5px #fff;
}
td.gallery_img
{
	font-size: 80%;
	color: #000;
	text-align: center;
	vertical-align: top;
}
/* Table specific styling */
table.form
{
	width: 500px;
	border-top: solid 1px #DDD;
	border-left: solid 1px #DDD;
	margin-bottom:5px;
}
table.form caption
{
	background-color: #DDD;
	font-size: 1.0em;
	text-align: left;
	padding: 3px;
	font-weight: bold;
}
table.form input
{
	width: 380px;
}
table.form td, table.form th
{
	text-align: left;
	font-size: 0.9em;
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	padding: 3px;
	vertical-align: top;
}
table.form th
{
	background-color: #EEE;
	font-weight: normal;
}
table.form td
{
	padding-left: 5px;
}
table.twitter
{
	margin-top: 5px;
	border: solid 1px #6AD7F7;
	width: 197px;
	padding: 0px 5px;
	text-align: center;
}
table.twitter a:link, table.twitter a:visited, table.twitter a:hover, table.twitter a:active
{
	color: #0CAEDE;
	margin-top: 5px;
	text-decoration: none;
}
/*FLICKR BADGE CSS */
#flickr_badge_source_txt {padding:0; font: 7px Arial, Helvetica, Sans serif; color:#666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #009 !important;}
#flickr_badge_uber_wrapper{margin-top: 5px;}
#flickr_www {font-size: 11px; color:#3993ff !important;text-decoration:none;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#fff;border: solid 1px #009}
#flickr_badge_source {padding:0 !important; font-size: 11px; color:#666 !important;}
span.flickr_small{color:#666;font-size:11px;}
td.flickr_badge_image img{width: 56px; height: 56px;}