body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}a,a:active,a:focus {outline: none;}html { height: 100% !important; }
body { height: 100%; width: 100%; margin: 0px; font: normal 14px/20px Helvetica, Arial, Sans-Serif; background: #efefef; color: #000000; position: relative; }

.bodywrapper { min-width: 800px; }
.header { position: absolute; padding: 20px; z-index: 100; }
.footer { padding: 20px 20px 40px 20px; }
.body { margin: 0px; background: #efefef; padding: 80px 20px; }
.fake_link, a { color: #0089cf; text-decoration: none; outline: none; cursor: pointer; }
.current, .fake_link:hover, a:hover { color: #000000; opacity: 1; }
.left { float: left; }
.right { float: right; }
.edit { position: absolute; font-size: 11px; top: 7px; right: 23px; z-index: 100; color: #0089cf; opacity: .5; }
.delete { position: absolute; top: 5px; right: 10px; z-index: 100; color: red; opacity: .5; font-size: 13px; }
a img { border: 0px; }
input { font-size: 20px; }
.file { font-size: 12px; }
.error { color: red; }
h1 { font-size: 25px; margin: 0px 0px 5px 0px; }
h2 { font-size: 18px; }
h3 { font-size: 20px; }
hr { border: 0px; margin: 20px 0px; padding: 0px; border-bottom: 1px solid #c0c0c0; }
p { margin: 0px 0px 20px 0px; }
blockquote { margin: 0px 0px 20px 20px; font: normal 12px/18px Helvetica, Arial, Sans-Serif; }
.hidden { display: none; }
div.clear { clear: both; line-height: 0px; }

.splash { font: bold 20px/35px Helvetica, Arial, Sans-Serif; color: #999; width: 700px; padding-top: 4px; }

.logo {  margin: 0px 0px 0px 0px; }
.logo a { -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px 10px; font-weight: bold; float: left; margin-right: 10px; }
.logo a { color: #666; background: #fff; }
.logo a:hover { color: #333; background: #fff; }
.logo:hover a.off { display: none; background: #fff; }
.logo:hover a.on { display: block; background: #fff; }

.site-description { float: right; width: 525px; font: bold 19px/31px Helvetica; color: #888; }
.site-description em { color: #666; }

.login { width: 400px; margin: 0px 0px; }

.field-label { margin: 15px 0px 0px 0px; }
.blue-button { border: 0px; background: #336699; padding: 5px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; color: #fff; font-size: 14px; }
.margintop { margin-top: 15px; }
.marginright { margin-top: 15px; }
.blue-button:hover { background: #244d76; color: #fff; }
.blue-button.inline { float: left; margin: 5px 0px 0px 10px; }

.smallinput,
.textarea,
.input { border: 1px solid #c0c0c0; width: 100%; overflow: hidden; margin-bottom: 5px; }
.smallinput input,
.input input { border: 0px; padding: 5px; width: 100%; outline: none; }
.textarea textarea { width: 100%; padding: 5px; border: 0px; outline: none; }
.smallinput input { padding: 0px; }
.input input:focus { background: #efefef; }

.usersecrets { margin-top: 0px; }

.main_menu li { float: left; margin: 40px 0px 0px 0px; }
.main_menu li a { font-size: 20px; padding: 15px 20px 30px 20px; }
.main_menu li a.current { background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; }

.imagepage { width: 800px; margin: 0px auto; display: none; }

.secret-card { float: left; width: 200px; height: 200px; }

.shoebox { width: 800px; margin: 0px auto; }
.envelope { position: relative; }
.envelope .wraps .img { width: 100%; text-align: center;  }
.envelope .wraps .himg { float: left; width: 50%; text-align: center; }
.envelope .wraps .txt { float: left; width: 50%; }
.sortable li { float: left; position: relative; }

.stack { width: 260px; height: 180px; position: relative; background: #efefef; float: left; margin: 0px 20px 40px 0px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
.stack .padding { padding: 40px 20px 0px 20px; text-align: center; font-size: 20px; }
.stack .bg1 { }
.stack .bg2 { }
.stack .padding .title { display: block; padding: 40px 0px; }
.toolbar { position: absolute; bottom: -25px; left: 20px; text-align: left; width: 235px; }
.toolbar a { margin: 0px 10px 0px 0px; color: #ccc; font-size: 14px; }
.toolbar a:hover { margin: 0px 10px 0px 0px; color: #999; }

.card { float: left; position: relative; margin: 0px 17px 20px 0px; width: 260px; height: 180px; -webkit-border-radius: 15px; -moz-border-radius: 15px; background: #fff; }
.card .padding { margin: 15px 15px; text-align: center; overflow: hidden; height: 150px; }