/* CSS Document */
html {
  width:100%;
  height:100%;
  background:#3d3d3d url(../images/background.jpg) no-repeat fixed left top;
  background-size:cover;}

.site-wrapper {width:80%;margin:0 auto;}

#logo {margin:1em 0;}

#logo .h1 {font:45pt/1.5 'Terminal Dosis',serif;color:#136F8B;}

#logo .description {font:19pt/1.5 'Terminal Dosis',serif;color:#fff;}

h2 {font:15pt/.5 'Terminal Dosis',serif;text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);}

h3 {font:13pt/.5 'Terminal Dosis',serif;text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);}

.content-box {float:left;margin:0 15px;}

ol {margin:20px 0 0;}

ol li {
  float:left;margin:20px;
  width:275px;
  border-top:1px solid rgb(244,243,246);
  border-right:1px solid rgb(244,243,246); 
  padding:5px 0 1.5px 2.5px;
  -webkit-border-radius:0 10px 0;
  -moz-border-radius:0 10px 0;
  border-radius:0 10px 0;} 

ol li a {
  display:inline-block;
  font:14.5pt/1.5 'Terminal Dosis',serif;
  color:#111;
  text-decoration:none;
  text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-user-select:none;
  -moz-user-select:none;}
  
li a:hover {color:#fff;}

#delete {margin:0 5px 0 17.5px;}

input { 
  padding:2.5px;
  -webkit-border-radius:2.5px;
  -moz-border-radius:2.5px;
  border-radius:2.5px;
  border:1px solid #e5e5e5;
  background:#fbfbfb;
  -moz-box-shadow:inset 5px 5px 0 0 #F3F3F3;
  -webkit-box-shadow:inset 5px 5px 0 0 #F3F3F3;
  -khtml-box-shadow:inset 5px 5px 0 0 #F3F3F3;
  box-shadow:inset 5px 5px 0 0 #F3F3F3;}

input:focus {
  background:#F3F3F3;
  -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;}

#content-body {
  background:transparent url(../images/white30.png);
  font:10.5pt/1.5 'Terminal Dosis',serif;
  margin:10px 0 0;
  padding:25px 0 0 25px;
  -webkit-border-radius:2.5px;
  -moz-border-radius:2.5px;
  border-radius:2.5px;
  -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;} 
  
#message {margin:50px 10px;font:13pt/.5 'Terminal Dosis',serif;} 

#pass{float:left;display:inline;}

.button-edit,.button-new {
  margin:0 0 0 25px;
  display:inline-block;
  font:9pt 'Terminal Dosis',serif;
  padding:4px 7px;
  color:#111;
  text-decoration:none;
  border:1px solid #666;
  border:1px solid rgba(0, 0, 0, 0.6);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);
  background:-webkit-gradient(linear, left top, left bottom, from(#fafbfa), to(#adaead));
  background:-moz-linear-gradient(#fafbfa, #adaead);
  background-color:#d0d2d0;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -webkit-user-select:none;
  -moz-user-select:none;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#a3a4a3', Direction=145, Strength=1);}

.floater {float:right !important;margin-right:10px;}

.button-edit:hover,.button-new:hover {
  background:-webkit-gradient(linear, left top, left bottom, from(#fcfdfc), to(#bdbebd));
  background:-moz-linear-gradient(#fcfdfc, #bdbebd);
  background-color:#e2e4e2;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
  box-shadow:0 0 2px rgba(0,0,0,0.5);
  color:#222;}

.button-edit:active,.button-new:active {position:relative;top:-1px;opacity:.77;filter: alpha(opacity = 77);}

.button-edit:focus, .button-edit:active, .button-edit.selected,.button-new:focus,.button-new:active,.button-new.selected {
  outline:none;
  border-color:#333;
  border-bottom-color:#111;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5), 0px 0 5px rgba(0, 0, 0, 0.95) inset;
  -moz-box-shadow:0 0 2px rgba(0,0,0,0.5), 0px 0 5px rgba(0, 0, 0, 0.95) inset;
  box-shadow:0 0 2px rgba(0,0,0,0.5), rgba(0, 0, 0, 0.95) 0px 0 5px inset;}

#info a {
  position:absolute;
  margin:8px 0 0 80px;
  display:inline-block;
  padding:0 11px 2px 10px;
  text-align:center;
  text-decoration:none;
  border:1px solid #666;
  border:1px solid rgba(0, 0, 0, 0.6);
  -webkit-border-radius:18px;
  -moz-border-radius:18px;
  border-radius:18px;
  text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);
  background:-webkit-gradient(linear, left top, left bottom, from(#fafbfa), to(#adaead));
  background:-moz-linear-gradient(#fafbfa, #adaead);
  background-color:#d0d2d0;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  box-shadow:0 1px 2px rgba(0,0,0, 0.4);
  -webkit-user-select:none;
  -moz-user-select:none;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#a3a4a3', Direction=145, Strength=1);
  color:#000;
  cursor:help;
  font:12pt/1.5 'Terminal Dosis',serif;
  text-shadow:0 -1px 0 #fff;}

#info a:hover {
  -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;
  z-index:2;} 

#info span {
  display:none; 
  background:#060606; 
  opacity:.75;
  color:#fff;  
  margin:25px; 
  padding:12.5px; 
  text-align:left;}

#info a:hover span { 
  display:block; 
  position:absolute; 
  top:0;
  left:0;  
  width:350px; 
  border:1px solid #172c4d;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
   -moz-box-shadow:0 1px 10px #172c4d;
  -webkit-box-shadow:0 1px 10px #172c4d;
  box-shadow:0 1px 10px #172c4d;}

.breaker {clear:both;}

#note {float:left;}

#copyright {float:right;}

#badge {font-size:1.5em;}

#note,#copyright {margin-bottom:15px;font-family:Megrim,serif;font-size:0.8em;color:#fff;text-shadow:0px 1px 0 rgba(255, 255, 255, 0.5);}