/* ----------------------------------
reset css
---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,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;}
/* ----------------------------------
Default font-styling for content area and editor
---------------------------------- */
table {border-collapse:collapse;border-spacing:0;}
body {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
color:#575757;
font: 20px/30px Georgia,Times,serif;
}
strong {
font-weight:bold;
}
p {
line-height:35px;
margin-bottom:30px;
}
event p {
margin-bottom:30px;
}
h1,h2,h3,h4 {
font-family: sans-serif;
}
h1, h2 {
font-size: 30px;
font-weight:bold;
margin-top:0;
display:block;
margin-bottom:30px !important;
line-height:30px;
}
h3 {
font-weight:bold;
margin-bottom:.5em;
}
li {
list-style-type: square;
margin-left:1em;
}
/* //////////End Default Styling/////////////////// */
use {
position:relative;
}
use #arrow {
background-image:url("use-anim.gif");
background-repeat:no-repeat;
background-position:left;
position:absolute;
width:47px;
height:50px;
left:298px;
bottom:60px;
z-index:100;
}
body#inner {
background-color:#f9f9f9;
}
a {
color:red;
text-decoration:none;
border-bottom:1px dotted #F9B4A6;
}
a:hover {
color:#000;
border-bottom:1px solid #000;
}
.spacer {
clear:both;
height:1px;
}
#content {
background-color:#fff;
//min-height:400px;
font-size:19px;
line-height:28px;
border:1px solid silver;
padding:15px 20px 10px 20px;
margin-left:320px;
}
#wrap {
max-width:980px;
margin:auto;
padding-bottom:50px;
position:relative;
}
#new {
border-top:7px solid #BABABA;
padding-top:10px;
padding-bottom:30px;
}
#name {
border:1px solid silver;
position:fixed;
top:0;
height:40px;
width:298px;
}
#name h1 {
margin:0 !important;
padding:8px 10px;
font: 20px/30px sans-serif;
font-size:18px !important;
line-height:18px !important;
}
#meta {
border:1px solid silver;
position:absolute;
bottom:0;
background-color:#fff;
height:35px;
margin-left:320px;
padding-left:4px;
}
#meta a, #meta .deadLink {
margin-left:15px;
font-size:18px;
}
.fine, .fine a {
font-size:12px !important;
margin:0 !important;
}
.metaText h2 {
color:#D5D5D5;
}
.metaText p {
font-family:sans-serif;
color:#BEBEBE;
}
.back {
margin:0;
}
.back a {
border:1px solid silver;
background-color:#f9f9f9;
width:60px;
padding-top:5px;
height:45px;
display:block;
text-align:center;
margin: 10px 0;
clear:both;
}
#inventory {
width:298px;
position:fixed;
bottom:0; /* this will keep it fixed to bottom */
background-color:#fff;
border:1px solid silver;
padding-top:0;
}
#inventory h2 {
font-weight:bold;
font-size:26px !important;
line-height:50px;
margin-bottom:0 !important;
}
#content, #name {
background-color:#fff;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
}
#inventory, #meta {
-moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
}
#inventory li, #meta * {
}
#inventory h2 {
padding-left:10px;
padding-top:0;
margin:0;
font-size:21px !important;
font-weight:bold;
border-bottom:1px dotted silver;
}
.use h2 {
-moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
background-color:#F1F1F1;
}
#inventory h3 {
font-size:18px !important;
font-weight:bold !important;
margin-top:.2em;
margin-bottom:0;
}
#inventory li {
list-style-type:square;
margin-left:1em;
font-size:18px !important;
line-height:26px !important;
}
.back a {
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: -3px 3px 3px #f6f6f6;
-webkit-box-shadow: -3px 3px 3px #f6f6f6;
box-shadow: -3px 3px 3px #f6f6f6;
}
#list {
width:288px;
overflow:auto;
bottom:0
margin-bottom:30px !important;
float:left;
padding-left:10px;
padding-bottom:10px;
}
#rail {
overflow:auto;
width:300px;
min-height:100%;
position:relative
bottom:0;
}
.block {
width:500px;
float:right;
}
.old, .old * {
color:#D5D5D5;
}
.old {
height:auto !important;
border-top:1px dotted #ededed;
margin-bottom:15px;
padding-top:15px;
}
#rail .old, #rail .old * {
color:gray;
}
.deadLink {
color: silver;
}
#objects, #thoughts {
width:135px;
float:left;
padding-bottom:10px;
}
#thoughts {
border-left:1px dotted silver;
padding-left:10px;
}
/* #objects {
border-top:3px solid #717171;
}
#thoughts {
border-top:3px solid #B3B3B3;
}*/
body#title {
background-image:url("binaryCircles.gif");
background-repeat:no-repeat;
background-position:bottom right;
}
html {
height:100%;
}
.event {
border-left:15px solid #EEEEEE;
/* background-color: #FAFAFA;
border: 1px solid #F6F6F6;*/
padding-left:5px;
}
.event, .event * {
font-family: sans-serif;
font-size:19px;
/*
border:1px solid silver;
padding:10px;
margin-bottom:15px;
-moz-border-radius: 7px;
border-radius: 7px;
background-color:#F1F1F1;*/
}
* html #inventory {
width: expression( document.body.clientHeight > 400 ? "400px" : "auto !important" ); /* sets max-width for IE */
}
#txtHint {
border:1px solid red;
position:fixed;
top:0;
left:0;
background-color:#fff;
display:none;
}
#debug {
padding:3px;
position:fixed;
display:none;
height:600px;
overflow:auto;
top:0;
left:0;
width:150px;
background-color:#fff;
}
#debug * {
font-size:11px;
line-height:13px;
}
#debugForm input {
width:60px;
border:1px solid #EEEEEE;
}
#debugForm * {
float:left;
}
#debugForm .form_block {
clear:both;
margin-bottom:4px;
border-top:1px dotted silver;
}
#debugForm label {
width:70px;
display:block;
}
#debugForm input.button {
margin-top:15px;
width:100px;
}
#title {
padding-top:150px;
padding-left:50px;
width:800px;
}
#title span {
padding-right:10px;
font-size:80px;
font-weight:normal;
}
#title p {
margin-top:-40px;
padding-left:7px;
}
#title h1 {
background-image:url("theBinaryTitle.gif");
text-indent:-9999px;
width:573px;
height:167px;
line-height: 130px;
margin-bottom:40px;
font-size:150px !important;
padding:auto;
}
betaTesters li {
margin-bottom:.5em;
}
fine {
font-size:11px;
padding-left:20px;
padding-right:15px;
}