html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, focus {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; font-size:1em;}

body, html {background:#4D6370; color:#141413; font-size:1em; line-height:1.5em; letter-spacing:1px;}
#html, body {top:0px;right: 0px; bottom:0px; left:0px; height:100%; margin:auto; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size:1em;}

img {border:0}

.logo {display:table; /*float:left*/; background:#2d4a5b; color:#b3956f; font-size:2.4em; font-weight:500; letter-spacing:1px; 
word-spacing:5px; margin:0 auto; padding:0.55em 1.5em; text-shadow: black 0.05em 0.05em 0.1em; 
-webkit-box-shadow: 0.1em 0.1em 0.5em #000000; -moz-box-shadow: 0.1em 0.1em 0.2em #000000; 
/*background: -moz-linear-gradient(left,  #0A0D33,  #07131C); 
background: -webkit-gradient(linear, left top, right bottom, from(#0A0D33), to(#07131C));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A0D33', endColorstr='#07131C');
*/}

.logo_pic {display:table; float:right; margin:0; line-height:1.5em; /*background:#6C7339;*/}

.sign {color:#aac2d7; font-size:1.5em; font-weight:800; letter-spacing:2px; line-height:1.9em; word-spacing:4px; font-family:"URW Gothic L","Century Gothic"; text-shadow: 0em 0.05em 0.05em #000000;}

/*.island {color:#FFE2BC; background:#7A592A;  line-height:2.3em; height:2.3em; display:table; padding:0 2em; margin:0 auto; margin-bottom:20px; text-shadow: black 0.05em 0.05em 0.1em; font-weight:600;
-webkit-box-shadow: 0.1em 0.1em 0.5em #000000; -moz-box-shadow: 0.1em 0.1em 0.5em #000000;
/*background: -moz-linear-gradient(left,  #000000,  #3A2A14); 
background: -webkit-gradient(linear, left top, right bottom, from(#000000), to(#3A2A14));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3A2A14');}*/

.island  {font-size :1.1em; color:#F5D088; background:#5C4E33; display:table; margin:0 auto;
-moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; border-radius: 1.6em; letter-spacing:2px;

 padding:0 2em; line-height:2.3em; height:2.3em; margin-bottom:20px; 
 -webkit-box-shadow: 0.1em 0.1em 0.3em #000000; -moz-box-shadow: 0.1em 0.1em 0.3em #000000;
 
/*background: -moz-linear-gradient(left,  #3A2A14,  #7A5729); 
background: -webkit-gradient(linear, left top, right bottom, from(#3A2A14), to(#7A5729));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A2A14', endColorstr='#7A5729');*/} 

.note {font-family:'Cantarell'; font-size:1.1em; font-weight:600; margin:0; letter-spacing:1px; word-spacing:3px; line-height:2.3em; font-weight:500; padding:0;}

.quote {color:#E8E17E; max-width:560px; padding:1em; margin:10px 15px; font-size:1.1em; font-weight:500; letter-spacing:2px; margin:0 auto}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0; letter-spacing:0}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"""";}

/* FOR QTIP */
div#qTip {padding:0.95em; display:none; background:#827C0F; color:#000000; position: absolute; z-index: 1000; font-size:1.05em; -moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; border-radius: 1.6em; filter:alpha(opacity=90); -moz-opacity:.90;opacity:.90;}

.jail {font-size:0.8em; color:darkgreen; letter-spacing:2em; word-spacing:4em; text-transform:uppercase}

.menu {line-height:3.5em; margin:0.70em auto; margin-top:0} 

ul#navlist li {line-height:3.5em; margin:0 auto; vertical-align:middle; text-transform:lowercase;}
ul#navlist li a {/*background:#687F66;*/ color:#E0FFFF; text-decoration:none; margin:8px 10px; letter-spacing:2px; font-weight:400; font-size:1.3em; padding:0.7em; padding-top:0.2em; padding-bottom:0.3em; -moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; border-radius: 1.6em; font-family:'Cantarell';}
ul#navlist li a:hover,ul#navlist a#current:hover {background:#946A6D; color:#FFFACD; 
-webkit-box-shadow: 0.1em 0.1em 0.5em #000000; -moz-box-shadow: 0.1em 0.1em 0.5em #000000}

.item {padding:0; margin:0; font-size:1.1em; }
.dot {padding:0;}

a {text-decoration:none; /*border-bottom:1px dotted black;*/}
.inline { display:inline;}
.lowercase {text-transform:lowercase}
.overline{text-decoration:overline}
.larger {font-size:1.1em; font-weight:400;}
.big {font-size:135%; font-weight:700}
.none {text-decoration:none}
.smallcaps {font-variant:small-caps;}
.largecaps {text-transform:uppercase;}
.clear {clear:both}
.no-see {display:none;}
.strikeout {text-decoration:line-through;}
.right {text-align:right}
.justify {text-align:justify}
.bold{font-weight:700}
.italic{font-style:italic}
.center {margin-right:auto; margin-left:auto; text-align:center;}
.text-center {text-align:center;}
.underline{text-decoration:underline}
.superscript{font-size:0.75em; line-height:1em;}
.rounded {-moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; border-radius: 1.6em;}
.dropshadow {-webkit-box-shadow: 0.1em 0.1em 0.8em #000000; -moz-box-shadow: 0.1em 0.1em 0.8em #000000}
.shadow {text-shadow: gray 0.03em 0.03em 0.13em;}
.inset {text-shadow:#fff 0px 1px 0, #000 0 -1px 0;}

/*p:first-letter {display:block;margin:5px 0 0 5px; float:left; color:darkgreen; font-size:30px;}*/ 
p {text-align:justify; margin:10px; font-size:1em}
/*p + p {text-indent: 1.5em; margin:10px}*/
li {padding:0px; margin:0px 25px 6px 25px; line-height:1.5em; text-align:justify;}
h2 {color:#8B4513; font-size:22pt; letter-spacing:2px; text-align:center; border:1px solid #000000;}
/*h3 {color:#453823; font-size:22pt; letter-spacing:2px; text-align:center; margin:10px 0px 10px 0px;}*/
h3 {color:#453823; font-size:14pt; letter-spacing:2px; text-align:center; margin:10px}
h4 {color:#800000; font-size:14pt; letter-spacing:3px; text-align:center; border:1px solid #000000;}
hr {color:#000000; height:2px; background-color:#000000; border:0; text-align:center}
dt {font-weight:600;}
dd {margin-bottom:1em; text-align:justify;}

a:link.plain {text-decoration:none;color:#400D02;}
a:visited.plain {text-decoration:none;color:#400D02}
a:hover.plain {text-decoration:none; cursor:pointer; border:0; /*background:#C9A656;*/ color:#800000}
a:active.plain {text-decoration:none;}

a:link.intro {text-decoration:none;color:#C27E1B}
a:visited.intro {text-decoration:none;color:#C27E1B}
a:hover.intro {text-decoration:none; cursor:pointer; border:0; color:#C27E1B}
a:active.intro {text-decoration:none;}

.plainer {text-decoration:none; border:0; color:inherit}

a:link.same {text-decoration:none; border:0}
a:visited.same {text-decoration:none;color:#000000}
a:hover.same {text-decoration:none; cursor:pointer}
a:active.same {text-decoration:none;}

.diagram{margin:0; padding:3px; border:1px solid #A52A2A;}

.regular {line-height:1em}
.all {margin:0 auto; overflow:auto;}
.members {text-align:center; width:640px; margin:0 auto}
.update {font-variant:small-caps; color:green; font-weight:600}
/*. {font-size:1em; margin:0; padding:0;}*/

/*chess game*/
.arena {height:auto; background:#cab092; color:#401D10; padding:1em; font-size:14pt; margin:0 auto; margin-top:0; margin-bottom:20px; width:960px; border:8px solid #9E966A; padding-bottom:2em;
-moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; border-radius: 1.6em;
-webkit-box-shadow: 0.1em 0.1em 0.8em #000000; -moz-box-shadow: 0.1em 0.1em 0.8em #000000;}

.gameBoard {display:block; float:left; height:23em; width:19em; margin-right:1.5em; margin-left:1.0em;}
.gameText {display:block; color:#000000; font-weight:500; line-height:1.1em; font-size:16px; text-align:justify; width:29em; overflow:scroll; height:23em; margin-right:0; padding:20px; padding-top:0; overflow-x:hidden}
.game-header {color:#401D10; font-size:1.1em; font-weight:700; margin:0 auto; margin-bottom:10px; line-height:1.5em;}
.game-comment {font-size:1em; color:#006400; line-height:1.2em; }
.game {margin-top:15px auto;}

.footer {font-size:0.8em; text-align:center;}
.tip {font-style:italic; margin:5px 0px;}
.floatright {float:right;}
.photoCredit {font-size:0.8em; font-style:italic; text-align:center; padding:0; margin:0;}

.promo {background:#cab092; overflow:auto; padding:2em; padding-bottom:1em; width:960px; margin:1em auto; margin-top:0; 
border:8px solid #9E966A; margin-bottom:2em;
-webkit-box-shadow: 0.1em 0.1em 0.8em #000000; -moz-box-shadow: 0.1em 0.1em 0.8em #000000;
-moz-border-radius: 1.6em; -webkit-border-radius: 1.6em; border-radius: 1.6em;}

.answer {color:#141413; padding:5px 5px; font-weight:700; margin:0 1px}

.preface {padding:1em; width:960px; margin:0.5em auto; padding-top:0; margin-top:0; color:#C4B382}

#flashcontent {border: solid 1px #000; width:300px; height:300px; float:left; margin:15px 20px;}

.QOverlay {background-color: #000000;z-index: 9999;}
.QLoader {background-color: #CCCCCC;height: 1px;}

.stack {width:960px; margin-bottom:25px; margin-top:0; padding-top:10px; overflow:hidden;}
.border_off {border:0}

::-moz-selection{background:#DDB051;}
::selection {background:#DDB051;}

.quit {color:#ABA69B}

.watchwords {font-size:1em; color:#BCBB78; letter-spacing:2px; word-spacing:4px; padding:0; margin:0; margin-top:5px;}


/*colors*/
.H400D02 {color:#400D02}

.lobster {font-family:'Lobster';}
.inconsolata {font-family:'Inconsolata';}
.Josefin_Sans_Std_Light {font-family:'Josefin Sans Std Light';}
.IM_Fell_English {font-family:'IM Fell English';}
.Molengo {font-family:'Molengo';}
.Yanone_Kaffeesatz {font-family:'Yanone Kaffeesatz';}
.Cantarell {font-family:'Cantarell';}
.tangerine {font-family:'Tangerine';}
.Josefin {font-family:'Josefin Sans Std Light';}