@import url(http://fonts.googleapis.com/css?family=Droid+Serif);

/* reset min code */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* html5 stuff */
header, footer, nav, article, section, aside {display:block;}

/* default HTML tag code */
body, p, span, td {font: 1em "Droid Serif", "Cambria","Georgia","Times New Roman","Calibri",serif; color:#000;}
p {margin: 10px 0px 10px 0px; }
html {overflow: -moz-scrollbars-vertical;} /* always show vertical scrollbar in firefox */
td {font-size: 0.8em}
h1 {font: 1.5em "Cambria","Georgia","Times New Roman","Calibri",serif; letter-spacing: 0.8px; color:#000; margin-bottom:5px;}
h1 a:link, h1 a:visited, h1 a:active {color:#ff6600;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#cc6633;}
h2, h2 a:link, h2 a:visited, h2 a:active {font: 1.4em "Candara","Optima","Helvetica","Verdana",sans serif; font-weight:bold; letter-spacing: 1px; color: #333; margin: 15px 0px 15px 0px;}
h3, h3 a:link, h3 a:visited, h3 a:active {font: 1.2em "Candara","Optima","Helvetica","Verdana",sans serif; font-weight:bold; letter-spacing: 0.5px; color: #555; margin: 0px 0px 0px 0px;}
h4, h4 a:link, h4 a:visited, h4 a:active {font: 1.0em "Candara","Optima","Helvetica","Verdana",sans serif; font-weight:bold; letter-spacing: 0.2px; color: #666; margin: 2px 0px 8px 0px;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none;}
section {margin: 0px 0px 15px 0px;}

/* default form styles */
input[type="text"], textarea {width: 185px; font-size:14px; padding:5px; margin: 5px 2px 5px 2px; border:1px solid #CCCCCC; -moz-box-shadow:inset 0 0 10px 0px #eeeeee;}
textarea { width:90%; height:150px;}
input.date {width:150px;}
input.title {width:350px;}
input.tags {width:90%;}
.editFormContainer {padding:10px;}

/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none; }

/** debug styles */
div#debugInfo { }
div.errorWarning { position:absolute; top:20px; right:10px; color:#999933; font-weight:bold; font-size:14px; z-index:0; padding:3px; border:1px #ff6600 dashed; }
table.arrayDebug pre { font-size:11px; }
td.top { vertical-align:top; }

/* nakamoto */
.nakamoto {margin-left:-120px; float:left; width:100px; height:167px; background-image:url(http://images.nakamoto.ca/nakamoto.png); background-repeat: no-repeat;}

/* main body layout styles */
div#wrapper {
    width:940px; 
    /*background-color:#fff;*/
    margin-left:auto; margin-right:auto; 
    margin-top:0px;
    padding:0px 10px 0px 10px; 
    /*border:1px dashed #ddd;*/
    /*border-left:1px solid #666;*/
    /*border-right:1px solid #666;*/
}
body {padding: 0px 0px 25px 0px;}
.small {font-size:0.9em; font-weight:lighter;}

/* header styles */
header, .buttonBar {
    padding:2px 0px 0px 25px; 
    margin-bottom:5px; 
    margin-top:5px;
    
    border: 1px solid #ccc;
    -webkit-border-top-left-radius: 1em;
    -webkit-border-top-right-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;

/* rounded grey background
    background-color:#666;
    padding:2px 0px 0px 25px; 
    margin-bottom:10px; 
    margin-top:5px;

    -webkit-border-bottom-left-radius: 1em;
    -webkit-border-bottom-right-radius: 1em;
    -webkit-border-radius: 3em;
    -moz-border-radius: 1em;
    border-radius: 1em;
*/

/* shadow
    -webkit-box-shadow: 0 0 1.5em rgba(0,0,0,0.9);
    -moz-box-shadow: 0 0 1.5em rgba(0,0,0,0.9);
    box-shadow: 0 0 1.5em rgba(0,0,0,0.9)
*/
}
header h1 {}
.dateToday {font: 0.95em Arial, Helvetica, sans-serif; color:#ccc;}
div.birds { width:100%; height:15px; background-image:url(http://images.nakamoto.ca.s3.amazonaws.com/DSC15664-birds-123x15.gif); background-repeat:repeat-x; bacground-position: top left; }

/* misc styles */
.loading {font-size:1em; font-weight:bold; color:#ccc; margin:20px 0px 10px 0px; padding:5px; border:1px dashed #ccc; padding-left:25px; 
    background: url(/images/indicator.gif) no-repeat 5px 5px; }
.pagination {font: 0.95em Arial, Helvetica, sans-serif; color:#555;}
.grey {color:#666;}
.clearall {clear:both;}

/* menu styles */
nav {height:20px;}
nav ul { font: 1em Arial, sans-serif; letter-spacing: 0.3px; color:#ccc;}
nav ul { padding:0; margin:0; list-style-type:none; }
nav ul li { float:left; width:auto; position:relative; padding:0; vertical-align:text-bottom;}
nav ul li a { padding:10px 15px 3px 0px;}
nav ul li.last {padding-left:100px;}
nav ul li.last a {}
nav ul li a:link, nav ul li a:visited, nav ul li a:active {font-weight:normal; color:#666; text-decoration:none;}
nav ul li a:hover {color:#000; text-decoration:underline;}
/*li.languageSwitch {font: 0.7em Arial, Helvetica, sans-serif; margin-left:75px; border-right:none;}*/
.languageSwitch a:link, .languageSwitch a:visited, .languageSwitch a:active {color:#ffff99; text-decoration:none;}
.languageSwitch a:hover {color:#fff; text-decoration:underline;}

/* generic admin button bar styles */
.buttonBar {background-color:#ddd; height:24px; margin:5px 0px 5px 0px; padding:4px 0px 0px 10px; border:1px solid #999;}
.buttonBar a {font: 0.9em Arial, sans-serif; letter-spacing: 0.2px; padding:0px 15px 0px 0px;}
.buttonBar a:link, .buttonBar a:visited, .buttonBar a:active {font-weight:normal; color:#00f; text-decoration:none;}
.buttonBar a:hover {color:#f00; text-decoration:underline;}

/* directory styles */
.nak-dir {  font-family: "Times New Roman", Times, serif; font-size: 12px; color: #000000}
#directorySearchResults { width:100%; margin-top:10px; border:1px solid #ccc;}
#directorySearchResults th { font: 1.1em "Candara","Optima","Helvetica","Verdana",sans serif; padding: 4px 2px 4px 4px; font-weight:bold; letter-spacing: 0.8px; color:#444; padding-bottom:2px;}
#directorySearchResults td { font-size:0.9em; padding: 2px 2px 3px 4px; border-bottom:1px solid #ccc;}
#directorySearchForm {}
p.pagination { margin:5px 0px 5px 0px; border:1px solid #ccc; padding:2px; text-align:center; color:#666;}
#directorySearchResults th.name {width:250px;}
#directorySearchResults th.phone {width:150px;}
#directorySearchResults th.address {width:300px;}
#directorySearchResults th.internet {width:300px;}
span.categoryFilter {display:block; margin:5px 0px 5px 0px;}
span.categoryFilter a, span.categoryFilter a.link, span.categoryFilter a.visited {color:#666; text-decoration:underline;}
span.categoryFilter a.active {color:#000; text-decoration:underline;}
form.editPersonForm input {}
table#directorySearchResults .buttonBar {}

/* news styles */
section#news {float:left; width:700px;}
section#news img {margin:5px;}
section#newsToolbar {float:right; width:220px; border:1px dashed #ccc; padding:5px;}
    ul.newsListing {width:700px;}
    ul.newsListing li {clear:both; display:block; border-top: 0px solid #0f0; padding:2px 0px 2px 0px; margin:40px 0px 20px 0px;}
    ul.newsListing li img {border:2px solid #ccc;}
    ul.newsListing li h2 {margin:0; padding:2px 2px 2px 10px; border: 1px solid #ccc; background-color:#eee;}
.topBar {color:#666; margin-bottom:15px; padding:2px 2px 2px 10px;}
article {margin:0px 0px 0px 20px;}
article h2 {margin-bottom:0px;}
textarea.newsEntry { width:100%; height:350px;}
li.notpublished {background-color:#cc99ff;}
li.futureentry {background-color:#ffff66;}
li.deleted {background-color:#cccccc;}

/* embedded gallery styles */
#one-image h4 { margin:0px; }
.giInfo { padding:0px; margin:0px; }
div#one-image { width: 120px; padding-top: 0px; padding-bottom: 0px; padding-right: 20px; margin: 0px; }
.summary { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

/* content styles */

/* home page */
section#mobileuploads {width:100%; height:275px;}
section#mobileuploads div.one-image {width:188px; float:left;}
section#mobileuploads img {border:0; margin-right:2px;}
section#mobileuploads h4 {text-align:center;}

section#latestalbums {width:100%; height:100px;}
section#latestalbums div.one-image {width:102px; float:left;}
section#latestalbums img {border:0; margin-right:2px;}
section#latestalbums h4, section#latestalbums h4 a:link, section#latestalbums h4 a:visited, section#latestalbums h4 a:active {text-align:center; font-size:0.9em; font-weight:normal; color:#000;}
section#latestalbums h2 a:link, section#latestalbums h2 a:visited, section#latestalbums h2 a:active {font-size:0.9em; font-weight:normal; color:#000;}

/*
section#latestnews {width:175px; clear:both; float:left;}
section#latestalbums {width:175px; float:left; padding-left:20px;}
section#coolstuff {width:400px; float:left; padding: 25px 0px 0px 20px;}
section#bottomImages {width:100%; clear:both;}
section#bottomImages img {padding-right:5px; float:left;}
*/

/* footer styles */
footer {clear:both; width:100%; padding: 10px 0px 0px 0px; color:#666;}
aside#debug {clear:both; width:100%; border:0;padding:0;margin:0;margin-top:20px;}


/* ******************* jquery UI ***********************/
/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* jquery tools scrollable styles */
/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:677px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}



/* ******************* dokuwiki styles (selected and modified from various template samples) ***********************/

/* external link */

/* --------------- Links ------------------ */

div.dokuwiki a:link,
div.dokuwiki a:visited {
  color: __extern__;
  text-decoration: none;
}
div.dokuwiki a:hover,
div.dokuwiki a:active {
  color: __text__;
  text-decoration: underline;
}

div.dokuwiki h1 a,
div.dokuwiki h2 a,
div.dokuwiki h3 a,
div.dokuwiki h4 a,
div.dokuwiki h5 a,
div.dokuwiki a.nolink {
  color: __text__ !important;
  text-decoration: none !important;
}

/* external link */
div.dokuwiki a.urlextern {
  background: transparent url(/images/link_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* windows share */
div.dokuwiki a.windows {
  background: transparent url(/images/windows.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* interwiki link (icon are set by dokuwiki) */
div.dokuwiki a.interwiki {
}

/* link to some embedded media */
div.dokuwiki a.media {
}

div.dokuwiki a.urlextern:link,
div.dokuwiki a.windows:link,
div.dokuwiki a.interwiki:link {
  color: __extern__;
}

div.dokuwiki a.urlextern:visited,
div.dokuwiki a.windows:visited,
div.dokuwiki a.interwiki:visited {
  color: __extern__;
  /*color: purple;*/
}
div.dokuwiki a.urlextern:hover,
div.dokuwiki a.urlextern:active,
div.dokuwiki a.windows:hover,
div.dokuwiki a.windows:active,
div.dokuwiki a.interwiki:hover,
div.dokuwiki a.interwiki:active {
  color: __text__;
}

/* email link */
div.dokuwiki a.mail {
  background: transparent url(/images/mail_icon.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}

/* existing wikipage */
div.dokuwiki a.wikilink1 {
  color: __existing__ !important;
}

/* not existing wikipage */
div.dokuwiki a.wikilink2 {
  color: __missing__ !important;
}

/* embedded images */
div.dokuwiki img.media {
  margin: 3px;
}

div.dokuwiki img.medialeft {
  border: 0;
  float: left;
  margin: 0 1.5em 0 0;
}

div.dokuwiki img.mediaright {
  border: 0;
  float: right;
  margin: 0 0 0 1.5em;
}

div.dokuwiki img.mediacenter {
  border: 0;
  display: block;
  margin: 0 auto;
}

/* smileys */
div.dokuwiki img.middle {
  vertical-align: middle;
}

div.dokuwiki acronym {
  cursor: help;
  border-bottom: 1px dotted __text__;
}

/* indent different sections */
div.dokuwiki div.level1 {margin-left: 3px;}
div.dokuwiki div.level2 {margin-left: 23px;}
div.dokuwiki div.level3 {margin-left: 43px;}
div.dokuwiki div.level4 {margin-left: 63px;}
div.dokuwiki div.level5 {margin-left: 83px;}

/* unordered lists */
div.dokuwiki ul {
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
  color: __text_alt__;
}

/* ordered lists */
div.dokuwiki ol {
  line-height: 1.5em;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
  color: __text_alt__;
  font-weight: bold;
}

/* the list items overriding the ul/ol definition */
div.dokuwiki .li {
  color: __text__;
  font-weight: normal;
}

div.dokuwiki ol {list-style-type: decimal}
div.dokuwiki ol ol {list-style-type: upper-roman}
div.dokuwiki ol ol ol {list-style-type: lower-alpha}
div.dokuwiki ol ol ol ol {list-style-type: lower-greek}

div.dokuwiki li.open {
  list-style-image: url(images/open.gif);
    /*list-style-type: circle;*/
}

div.dokuwiki li.closed {
  list-style-image: url(images/closed.gif);
    /*list-style-type: disc;*/
}

div.dokuwiki blockquote {
  border-left: 2px solid __border__;
  padding-left: 3px;
}

div.dokuwiki pre {
  font-size: 120%;
  padding: 0.5em;
  border: 1px dashed #8CACBB;
  color: __text__;
  overflow: auto;
}

/* code blocks by indention */
div.dokuwiki pre.pre {
  background-color: __background_other__;
}

/* code blocks by code tag */
div.dokuwiki pre.code {
  background-color: #F7F9FA;
}

/* inline code words */
div.dokuwiki code {
  font-size: 120%;
}

/* code blocks by file tag */
div.dokuwiki pre.file {
  background-color: __background_alt__;
}

/* inline tables */
div.dokuwiki table.inline {
  background-color: __background__;
  border-spacing: 0px;
  border-collapse: collapse;
  width:100%;
}

div.dokuwiki table.inline th {
  padding: 3px;
  border: 1px solid __border__;
  background-color: __background_alt__;
}

div.dokuwiki table.inline td {
  padding: 3px;
  border: 1px solid __border__;
}

/* --------------------- footnotes -------------------------------- */

div.dokuwiki div.footnotes {
  clear: both;
  border-top: 1px solid __border__;
  padding-left: 1em;
  margin-top: 1em;
}

div.dokuwiki div.fn {
  font-size: 90%;
}

div.dokuwiki a.fn_top {
  vertical-align: super;
  font-size: 80%;
}

div.dokuwiki a.fn_bot {
  vertical-align: super;
  font-size: 80%;
  font-weight: bold;
}

/* insitu-footnotes */
div.insitu-footnote {
  font-size: 80%;
  line-height: 1.2em;
  border: 1px solid __border__;
  background-color: __background_other__;
  text-align: left;
  padding: 4px;
  max-width: 40%;    /* IE's width is handled in javascript */
}

/* overcome IE issue with one line code or file boxes which require h. scrolling */
* html .insitu-footnote pre.code,
* html .insitu-footnote pre.file {
  padding-bottom: 18px;
}

/* ---------------  Image Details  ----------------- */

div.dokuwiki div.img_big {
  float: left;
  margin-right: 0.5em;
}

div.dokuwiki dl.img_tags dt {
  font-weight: bold;
  background-color: __background_alt__;
}
div.dokuwiki dl.img_tags dd {
  background-color: __background_neu__;
}

div.dokuwiki div.imagemeta {
  color: __text_neu__;
  font-size: 70%;
  line-height: 95%;
}

div.dokuwiki div.imagemeta img.thumb {
  float:left;
  margin-right: 0.1em;
}
/**
 * Basic styles. These styles are needed for basic DokuWiki functions
 * regardless of the used template. Templates can override them of course
 */

div.clearer {
  clear: both;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

div.no {
  display: inline;
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}

div.error {
  background: #fcc url(../images/error.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #faa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.info {
  background: #ccf url(../images/info.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #aaf;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.success {
  background: #cfc url(../images/success.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #afa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}

div.notify {
  background: #ffc url(../images/notify.png) 0.5em 0px no-repeat;
  color: #000;
  border-bottom: 1px solid #ffa;
  font-size: 90%;
  margin: 0;
  padding-left: 3em;
  overflow: hidden;
}


/* image alignment */
.medialeft {
  float: left;
}
.mediaright {
  float: right;
}
.mediacenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.leftalign { text-align: left; }
.centeralign { text-align: center; }
.rightalign { text-align: right; }

em.u {
  font-style: normal;
  text-decoration: underline;
}
em em.u {
  font-style: italic;
}


/* syntax highlighting code */
.code .br0  { color: #66cc66; }
.code .co0  { color: #808080; font-style: italic; }
.code .co1  { color: #808080; font-style: italic; }
.code .co2  { color: #808080; font-style: italic; }
.code .co3  { color: #808080; }
.code .coMULTI  { color: #808080; font-style: italic; }
.code .es0  { color: #000099; font-weight: bold; }
.code .kw1  { color: #b1b100; }
.code .kw2  { color: #000000; font-weight: bold; }
.code .kw3  { color: #000066; }
.code .kw4  { color: #993333; }
.code .kw5  { color: #0000ff; }
.code .me1  { color: #006600; }
.code .me2  { color: #006600; }
.code .nu0  { color: #cc66cc; }
.code .re0  { color: #0000ff; }
.code .re1  { color: #0000ff; }
.code .re2  { color: #0000ff; }
.code .re3  { color: #ff3333; font-weight:bold; }
.code .re4  { color: #009999; }
.code .st0  { color: #ff0000; }
.code .sy0  { color: #66cc66; }