
/* General selectors */

body		{  /* serif font list mostly nicked from http://www.modernlifeisrubbish.co.uk/ */
		  font-family: "DejaVu Serif", Cambria, Georgia, Palatino, "Palatino Linotype", Serif;
		  font-size: medium;
		  color: #111111;
		  background-color: #ffffff;
		}

a,abbr,cite	{ color: #000000;
		  text-decoration: none;
		  border-bottom: thin dotted; }

abbr		{ font: inherit; }

a:hover		{ /* text-decoration: none; */
		  border-bottom: thin solid; }

.photogallery a:hover { border-bottom: none; }

.thumb a:hover	{ border-bottom: none; }

/*
a img		{
		  border-bottom: inherit;
		  background-color: transparent;
		}

a:hover img	{
		  border-bottom: inherit;
		}
*/

/* Text style selectors */

.center         { text-align: center; }

.center table	{ margin-left: auto;
		  margin-right: auto;
		  text-align: center;
		}

.right		{
		  text-align: right;
}

.icon		{ margin: 0.25em;
		  vertical-align: bottom;
		  background: transparent;
		  border: none;
		}

.nolist ul,
.nolist ol	{ list-style: none; }

.super		{ /* superscripts */
		  vertical-align: text-top;
		  font-size: 50%;
}

.small		{
		  font-size: 90%;
}

/* Heading selectors */

h1		{ font-size: 150%;
		  font-weight: bold;
                  color: #336699;
                  text-align: center;
		  margin-bottom: 1em;
		  border-width: 1px;
		  border-bottom-style: solid;
		}

h2 {
		  font-size: 130%;
		  font-weight: bold;
		}

h3 {
		  font-size: 110%;
		  font-weight: bold;
		  font-style: italic;
		}

h4 {
		  font-size: 110%;
		  font-style: italic;
		}

/* Sidebar selectors */

.sidebar        { 
		  /* background-color: #6699ff; */
		  /* background-color: #99ddff; */
		  background-color: #aaeeff;
		  color: #222222;
                  float: right;
		  font-size: 85%;
		  border: 1em;
		  padding: 1em;
		  margin-right: 1em;
		  margin-left: 1.5em;
                  width: 15em;
		}

.sidebar h2     { font-size: 110%;  }
.sidebar h3     { font-size: 100%;  }
.sidebar h2,
.sidebar h3	{ font-weight: bold; margin-bottom: 0%; }

.sidebar ul     { margin-top: 0%; padding-left: 5%; list-style: none; }

.sidebar a	{
		  border-bottom: none;
		}

.sidebar a:hover	{
		  border-bottom: thin solid;
		}

ul.flavourslist	{
		  list-style: inside url("/qbullets/list.gif");
		}

ul.linkslist	{
		  list-style: inside url("/qbullets/remote.gif");
		}

/* Storybar selectors */

.dateheader     { font-size: 120%; font-weight: bold;
                  color: #336699; }

.storybar       {
		  background-color: #eeeeee;
		  margin: 1em;
		  margin-top: 1em;
		  padding: 1em;
		  border: 1px solid;
		}

.storybar h2,h3,h4 { /* Alternative sans font list mostly nicked from Partyvibe PHPbbs */
		  font-family: "DejaVu Sans", Verdana, Geneva, Lucida, "Lucida Grande", Helvetica, Arial, Sans-serif;
}

.story          { background-color: #eeeeee;
                  margin: 1em;
		}

.permalink	{ font-size: 90%;
		  float: right;
                  /* clear: left; */
		}

.storybody a:visited {
		  color: #660099;
		}

.storybody img.thumb,
.storybody img.image {
		  /* background-color: #888888; */
		  background-color: #ffffff;
		  text-align: center;
		  text-decoration: none;
		  vertical-align: middle;
		  margin: 5px;
		  border: solid #888888 5px;
		  padding: 1px;
		}

.storybody img.image {
		  border: solid #333333 5px;
		}

.noborder	{ 
		  border-style: none;
		}

.quotebox	{ background-color : #ffffcc;
		  padding: 0.5em;
		  margin: auto;
		  margin-bottom: 1em;
		  border-style: inset;
		}

.techbox	{ background-color: #ffffcc;
		  width: 90%;
		  margin: 2em;
		  padding: 1em;
		  border-style: dotted;
		  border-width: 1px;
		 }

.photogallery	{ clear: left;
		  text-align: center;
		}

.photogallery a {
		  border-style: none;
		}

.photogallery a:hover {
		  border-style: none;
		}

.caption	{
		  text-align: center;
		  margin: 1em;
		  margin-bottom: 0.5em;
		}

/* Footer selectors */

.footer		{ font-size: 80%;
		  clear: left;
		  text-align: center;
		}
