@charset "iso-8859-1";

body { background: #000000 url(none);
		background-attachment: scroll; background-position: 0px 0px;
		color: #000000; margin: 0px auto; font-size: 100% }

a { color: #ffffff; text-decoration: underline; font-weight: bold; font-family: Arial }
a:link { color: #ffffff; text-decoration: underline; font-weight: bold }
a:visited { color: #ffffff; text-decoration: underline; font-weight: bold }
a:active { color: #ffffff; text-decoration: underline; font-weight: bold }
a:hover { color: #000000; background: #ffffff; text-decoration: underline; font-weight: bold }

a.sidebar { color: #ffffff; text-decoration: underline; font-weight: bold; font-family: Arial }
a.sidebar:link { color: #ffffff; text-decoration: underline; font-weight: bold }
a.sidebar:visited { color: #ffffff; text-decoration: underline; font-weight: bold }
a.sidebar:active { color: #ffffff; text-decoration: underline; font-weight: bold }
a.sidebar:hover { color: #000000; background: #ffffff; text-decoration: underline; font-weight: bold }

/* ORIGINAL INDEX BUTTONS */

a.idx { background: gold; border: 1px solid #000000; display: block;
		font: bold 1.0em Arial, sans-serif; color: #000000;
		height: 25px; line-height: 26px; margin-bottom: 2px; text-decoration: none;
		width: 500px; -webkit-border-radius: 5px; -moz-border-radius: 5px }
a:hover.idx { color: #ffffff; background: #000000; border: 1px solid gold }

/*  PICTURE BUTTONS  */

a.pb { background: black; border: 2px solid #808080; display: inline-block;
		font: bold normal 0.7em Arial, sans-serif; color: white; padding: 0px 0px 3px 0px;
		margin-bottom: 0px; text-decoration: none;
		width: 120px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
a:hover.pb { color: black; background: white; border: 2px solid black }

a.pbsmall { background: black; border: 2px solid #808080; display: inline-block;
		font: bold normal 0.7em Arial, sans-serif; color: white; padding: 0px 0px 3px 0px;
		margin-bottom: 0px; text-decoration: none;
		width: 80px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
a:hover.pbsmall { color: black; background: white; border: 2px solid black }

/*  SIDEBAR BUTTONS  */

a.sb { background: black; border: 2px solid #505050; display: block;
		font: bold normal 1.1em Trebuchet MS, sans-serif; color: white;
		height: 25px; line-height: 25px; margin-bottom: 2px; text-decoration: none;
		width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
a:hover.sb { color: black; background: white; border: 2px solid black }

/*  DICTIONARY BUTTONS  */

a.dict { background: black; border: 2px solid #505050; display: inline-block;
		font: bold 1.1em Arial, sans-serif; color: white; width: 20px; height: 25px;
		line-height: 25px; margin-bottom: 2px; text-decoration: none;
		-webkit-border-radius: 5px; -moz-border-radius: 5px }
a:hover.dict { color: black; background: white; border: 2px solid black }

/*  INLINE BUTTONS  */

a.inln { background: black; border: 1px solid #808080; display: inline;
		font: bold 0.75em Trebuchet MS, sans-serif; color: white;
		margin-bottom: 0px; text-decoration: none; padding-left: 8px; padding-right: 8px;
		width: 150px; -webkit-border-radius: 5px; -moz-border-radius: 5px }
a:hover.inln { color: black; background: white; border: 1px solid black }

/*  LISTS  */

ol { list-style: decimal outside; margin: 0; padding-left: 20px }
ul { list-style-type: disc }
li { padding-top: 2px }
li.menu { padding-left: 10px }

dt { font-weight: bold; padding-bottom: 10px;
		font-family: Arial; font-size: 1.25em; text-decoration: underline }

/* THUMBNAILS */

.thumb img { border: 2px solid #808080; margin-right: 5px;
		margin-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.thumb:hover img { border: 2px solid black;
		opacity: 1.0; filter: alpha(opacity=100) }
.thumb:hover { color: #ffffff; border: 5px /* Dummy definition to overcome IE bug */ }

.thumblast img { border: 2px solid #808080; margin-right: 15px;
		margin-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.thumblast:hover img { border: 2px solid black;
		opacity: 1.0; filter: alpha(opacity=100) }
.thumblast:hover { color: #ffffff; border: 5px /* Dummy definition to overcome IE bug */ }

.thumbctr img { border: 2px solid #808080;
		margin-bottom: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.thumbctr:hover img { border: 2px solid black;
		opacity: 1.0; filter: alpha(opacity=100) }
.thumbctr:hover { color: #ffffff; border: 5px /* Dummy definition to overcome IE bug */ }

.idxctr img { border: 2px solid #808080;
		margin-bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px }
.idxctr:hover img { border: 2px solid black }
.idxctr:hover { color: #ffffff; border: 5px /* Dummy definition to overcome IE bug */ }

/* For the header icons */

img.rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #000000 }

/* For the picture buttons */

img.roundtop { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px;
		-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px }

/* Left padding for dictionary illustrations */

img.dict { margin-left: 25px }


.linkdesc { font-size: 0.875em; font-style: italic;
letter-spacing: 0px; padding-left: 20px; padding-top: 5px; padding-bottom: 3px }

.btndesc { font-size: 0.625em; font-style: italic;
letter-spacing: 0px }

/*  Titles  */

div.title25 { font-size: 1.5625em; font-weight: bold; font-style: normal }
div.title25b { font-size: 1.5625em; font-weight: bold; font-style: normal; margin-top: -3px }
div.title28 { font-size: 1.75em; font-weight: bold; font-style: normal }
div.title28a { font-size: 1.75em; font-weight: bold; font-style: normal; margin-top: 12px }
div.title28b { font-size: 1.75em; font-weight: bold; font-style: normal; margin-top: -6px }
div.title30 { font-size: 1.875em; font-weight: bold; font-style: normal }
div.title30a { font-size: 1.875em; font-weight: bold; font-style: normal; margin-top: 10px }
div.title30b { font-size: 1.875em; font-weight: bold; font-style: normal; margin-top: -8px }
div.title32 { font-size: 2.0em; font-weight: bold; font-style: normal }
div.title32a { font-size: 2.0em; font-weight: bold; font-style: normal; margin-top: 8px }
div.title33 { font-size: 2.0625em; font-weight: bold; font-style: normal }
div.title35 { font-size: 2.1875em; font-weight: bold; font-style: normal }
div.title35a { font-size: 2.1875em; font-weight: bold; font-style: normal; margin-top: 6px }
div.title40 { font-size: 2.5em; font-weight: bold; font-style: normal }
div.title42 { font-size: 2.625em; font-weight: bold; font-style: normal }
div.title45 { font-size: 2.8125em; font-weight: bold; font-style: normal }
div.title50 { font-size: 3.125em; font-weight: bold; font-style: normal }
div.dotcom { font-size: 1.0625em; font-weight: bold; font-style: oblique; padding-top: 0px;
		letter-spacing: 5px }
div.dotcomdict { font-size: 1.0625em; font-weight: bold; font-style: oblique; margin-top: 15px;
		letter-spacing: 5px }
div.tranphot { font-size: 1.0625em; font-weight: bold; font-style: oblique; padding-top: 0px;
		letter-spacing: 0px }


.home { background: url(icons/streetcar_16.gif) no-repeat 5px 5px;
		text-indent: 27px; display: block }
.links { background: url(icons/link_25.png) no-repeat 2px 0px;
		text-indent: 27px; display: block }
.rules { background: url(icons/warning_16.png) no-repeat 5px 5px;
		text-indent: 27px; display: block }
.updates { background:url(icons/lightbulb_25.png) no-repeat 0px 0px;
		text-indent: 27px; display: block }
.cameraicon { background: url(icons/nikonicon_24x24.png) no-repeat 2px 0px;
		text-indent: 26px; display: block }