@font-face{font-family:'Raphael';src:url('../fonts/raphaelicons-webfont.eot');src:url('../fonts/raphaelicons-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/raphaelicons-webfont.woff') format('woff'),url('../fonts/raphaelicons-webfont.ttf') format('truetype'),url('../fonts/raphaelicons-webfont.svg#Raphael') format('svg');font-weight:normal;font-style:normal;}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
html,body{font-family:Georgia,serif;}
html{font-size:100.01%;}
body{font-size:95%;line-height:1.5em;}
h1,h2,h3,h4,h5,h6,legend,nav a{font-family:Quattrocento,'Crimson Text',Georgia,serif;margin-bottom:0.5em;color:#3d3c33;font-weight:500;text-shadow:1px 1px 0 rgba(61, 60, 51, 0.2);}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,legend small,nav a small{font-size:50%;color:#796d75;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,legend a,nav a a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,legend a:hover,nav a a:hover,h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,legend a:active,nav a a:active{border-bottom:0;font-weight:400;}
h1{font-size:1.6em;}
h2{font-size:1.5em;}
h3,legend{font-size:1.4em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;}
p{margin:1.5em 0;}
p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}
blockquote{border-left:2px solid #13070f;margin:1.5em;padding-left:1em;font-style:italic;}
strong{font-weight:700;}
em,dfn{font-style:italic;}
dfn{font-weight:700;}
sup,sub{line-height:0;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
abbr,acronym{border-bottom:1px dotted;}
address{margin:0 0 1.5em;font-style:italic;}
pre{margin:1.5em;white-space:pre;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
li ul,li ol{margin:0;}
ul,ol{margin:0 0 1.5em 0;}
ul{list-style-type:square;}
ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:700;}
dd{margin-left:1.5em;}
table{margin-bottom:1.4em;width:100%;}
th{font-weight:700;}
th,td,caption{padding:4px 10px 4px 5px;}
tfoot{font-style:italic;}
html,body{background:#fffff0 url(../img/site-bg.jpg);color:#13070f;text-shadow:0 1px 0 rgba(255, 255, 255, 0.9);height:100%;}
html{overflow-y:scroll;}
a{color:#690e10;-moz-transition:all linear 300ms;-ms-transition:all linear 300ms;-o-transition:all linear 300ms;-webkit-transition:all linear 300ms;transition:all linear 300ms;text-decoration:none;border-bottom:1px dotted;font-weight:700;}
a:hover,a:active{color:#8e3335;border-bottom:1px solid;}
#css-sticky-footer-wrap{min-height:100%;}
#css-sticky-footer-main{overflow:hidden;padding-bottom:22px;}
footer{position:relative;margin-top:-22px;height:22px;clear:both;}
.wrap{margin:0 auto;width:960px;max-width:100%;}
header{width:100%;height:60px;background:#111111 url(../img/header-bg.png) top left repeat-x;-moz-box-shadow:0 1px 8px -2px rgba(0, 0, 0, 0.4);-ms-box-shadow:0 1px 8px -2px rgba(0, 0, 0, 0.4);-o-box-shadow:0 1px 8px -2px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 1px 8px -2px rgba(0, 0, 0, 0.4);box-shadow:0 1px 8px -2px rgba(0, 0, 0, 0.4);margin-bottom:5em;}header #logo{float:left;width:100px;margin-top:-22px;position:relative;z-index:3;height:130px;margin-bottom:-70px;}header #logo a{color:#222;color:rgba(0, 0, 0, 0.7);border-bottom:0;display:block;background:url(../img/logo.png) top left no-repeat;text-align:center;font-size:1.3em;height:60px;padding-top:40px;padding-bottom:30px;margin-bottom:-70px;text-shadow:rgba(255, 255, 255, 0.2) 0 1px 0;}
header nav{max-width:100%;}header nav ul{float:right;}header nav ul li{display:inline;float:left;}header nav ul li a{font-size:1.5em;border-bottom:0;color:#fffff0;display:block;padding:0 10px;text-shadow:rgba(0, 0, 0, 0.8) 1px 1px 0;line-height:60px;}header nav ul li a:hover,header nav ul li a:active{color:#d0ceac;border-bottom:5px solid #222;}
#logo,nav a{font-variant:small-caps;letter-spacing:2px;font-size:1.8em;}
#intro p{font-size:2em;line-height:1.2em;font-style:italic;color:#796d75;margin-bottom:1em;text-align:center;}
.warning,.error,.success{border:1px solid;margin-bottom:1em!important;-khtml-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;-webkit-background-clip:padding-box;border-radius:2px;padding:9px;}.warning.warning,.error.warning,.success.warning{background:#fff6bf;border-color:#fceb77;color:#957210;}
.warning.error,.error.error,.success.error{background:#fad0d0;border-color:#f6abab;color:#b01717;}
.warning.success,.error.success,.success.success{background:#e5f8ce;border-color:#d0f1a6;color:#62b548;}.warning.success a,.error.success a,.success.success a{color:#0d6000;}.warning.success a:hover,.error.success a:hover,.success.success a:hover{color:#409326;}
form{margin-bottom:2em;}form fieldset{margin:0 0 2em;}form fieldset p{margin:0.75em 0;}
form label,form input,form textarea,form select,form .customStyleSelectBox{float:left;}
form input,form textarea,form select,form .customStyleSelectBox{background:#ffffff;border:5px solid #f2f0ce;padding:2px 5px;font-size:16px;font-family:Georgia,serif;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;border-radius:5px;float:left;margin-bottom:1em;}
form label{clear:left;width:130px;padding:7px 10px 7px 0;}
form input,form select,form .customStyleSelectBox{width:300px;}
form input:required:invalid,form a:required:invalid,form input:focus:invalid,form a:focus:invalid{border-color:rgba(200, 0, 0, 0.4);}
form input:required:valid,form a:required:valid{border-color:rgba(0, 200, 0, 0.4);}
form input[type="submit"],form a[type="submit"],form input.cancel,form a.cancel{-moz-transition:all linear 300ms;-ms-transition:all linear 300ms;-o-transition:all linear 300ms;-webkit-transition:all linear 300ms;transition:all linear 300ms;cursor:pointer;display:block;background-color:#690e10;background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.4)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));background-image:linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));padding:10px 13px;color:#eee;border-bottom:0;-khtml-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;border-radius:4px;text-shadow:rgba(0, 0, 0, 0.6) 0 1px 0;border:0;clear:left;width:auto;margin:0;-moz-box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.2);-o-box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.2);box-shadow:0 2px 8px -1px rgba(0, 0, 0, 0.2);}form input[type="submit"]:hover,form a[type="submit"]:hover,form input.cancel:hover,form a.cancel:hover{background-color:#8e3335;}
form select.custom-select-box{z-index:30;position:relative;opacity:0;font-size:16px;width:320px;margin-bottom:-34px;}
form>div{float:left;padding:7px;clear:both;}form>div.warning,form>div.error{margin:2px 5px;margin-left:140px;margin-top:-0.6em;position:relative;width:300px;}
form>div.warning:before{content:'';border:5px solid transparent;border-bottom:5px solid #FCEB77;position:absolute;top:-10px;left:10px;}
form>div.warning:after{content:'';border:3px solid transparent;border-bottom:3px solid #FFF6BF;position:absolute;top:-6px;left:12px;}
form>div.error:before{content:'';border:5px solid transparent;border-bottom:5px solid #F6ABAB;position:absolute;top:-10px;left:10px;}
form>div.error:after{content:'';border:3px solid transparent;border-bottom:3px solid #FAD0D0;position:absolute;top:-6px;left:12px;}
form h1{clear:both;}
form a.cancel{background-color:#62b548;display:inline-block;padding:9px 13px 8px;margin-left:1em;}form a.cancel:hover{background-color:#87da6d;}
form:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
* html form{zoom:1;}
*:first-child+html form{zoom:1;}
section#register-now,section#login-now,section#recover{margin-bottom:2em;}section#register-now>form,section#login-now>form,section#recover>form,section#register-now>div,section#login-now>div,section#recover>div{width:48%;margin:0 1% 2em;float:left;display:inline;}section#register-now>form>p,section#login-now>form>p,section#recover>form>p,section#register-now>div>p,section#login-now>div>p,section#recover>div>p{margin:0.75em 0;}
section#register-now label,section#login-now label,section#recover label{width:110px;}
section#register-now div.error,section#login-now div.error,section#recover div.error,section#register-now div.warning,section#login-now div.warning,section#recover div.warning,section#register-now div.success,section#login-now div.success,section#recover div.success{width:98%;}
.customStyleSelectBoxInner{display:block;}
.marker{display:inline-block;float:right;width:10px;height:10px;margin-left:-10px;margin-top:-20px;position:relative;}
#content{display:inline;float:left;margin:0 10px;width:588px;padding-right:32px;max-width:100%;}#content aside.pullquote{margin:0 0 1em;width:50%;padding:0.75em;background:#f2f0ce;background:rgba(245, 222, 179, 0.3);-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;border-radius:5px;-moz-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);-o-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);}#content aside.pullquote ul{margin-left:1.5em;}
#content aside.pullquote>:first-child{margin-top:0;}
#content aside.pullquote>:last-child{margin-bottom:0;}
#colophon #content{padding-right:352px;}#colophon #content aside.pullquote{display:inline;float:right;width:306px;margin-right:-352px;}
.reference,#add-bookmarklet{padding:1em;background:#f2f0ce;background:rgba(245, 222, 179, 0.3);margin-bottom:2em;position:relative;word-wrap:break-word;clear:both;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;border-radius:5px;-moz-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);-o-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.2);}.reference aside,#add-bookmarklet aside{margin-top:2em;margin-bottom:1em;display:block;float:none;width:auto;margin-left:0;margin-right:0;-moz-transition:all linear 300ms;-ms-transition:all linear 300ms;-o-transition:all linear 300ms;-webkit-transition:all linear 300ms;transition:all linear 300ms;}
.reference p,#add-bookmarklet p{margin-bottom:1em;}
.edit,.delete{font-weight:700;background:#9c1f21;color:#eee;position:relative;float:right;padding:0 10px;border-bottom:0;width:45px;font-size:0.8em;-moz-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);-ms-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);-o-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);box-shadow:0 1px 8px rgba(0, 0, 0, 0.3);text-shadow:rgba(0, 0, 0, 0.4) 1px 1px 1px;height:22px;line-height:22px;margin:0 -25px 0.75em 1.5em;}.edit:hover,.delete:hover{border-bottom:0;color:#fff;background:#c14446;}.edit:hover:before,.delete:hover:before{border-color:#870a0c;border-bottom-color:transparent;border-right-color:transparent;}
.edit:hover:after,.delete:hover:after{border-color:#c14446;border-left-color:transparent;}
.edit:before,.delete:before{-moz-transition:all linear 300ms;-ms-transition:all linear 300ms;-o-transition:all linear 300ms;-webkit-transition:all linear 300ms;transition:all linear 300ms;content:'';border:5px solid #690000;position:absolute;right:0;bottom:-10px;border-bottom-color:transparent;border-right-color:transparent;}
.edit:after,.delete:after{-moz-transition:all linear 300ms;-ms-transition:all linear 300ms;-o-transition:all linear 300ms;-webkit-transition:all linear 300ms;transition:all linear 300ms;content:'';border:11px solid #9c1f21;border-right:0;border-left-color:transparent;position:absolute;top:0;left:-11px;}
.delete{margin-bottom:0;clear:right;}
#no-content{clear:both;text-align:center;background:#bfbd9b;background:rgba(95, 72, 29, 0.3);padding:0.5em;-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip:padding-box;border-radius:5px;-moz-box-shadow:inset 0 5px 8px -2px rgba(0, 0, 0, 0.2);-ms-box-shadow:inset 0 5px 8px -2px rgba(0, 0, 0, 0.2);-o-box-shadow:inset 0 5px 8px -2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0 5px 8px -2px rgba(0, 0, 0, 0.2);box-shadow:inset 0 5px 8px -2px rgba(0, 0, 0, 0.2);color:#fffff0;text-shadow:rgba(0, 0, 0, 0.2) 1px 1px 0;}
aside{display:inline;float:right;margin:0 10px;width:300px;}aside h3{clear:both;}
#beta,footer{background:#222;clear:both;font-family:Quattrocento,'Crimson Text',Georgia,serif;text-align:center;color:#fffff0;text-shadow:rgba(0, 0, 0, 0.8) 1px 1px 0;-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);-ms-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);-o-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);position:relative;z-index:2;}#beta p,footer p{margin:0;}#beta p a,footer p a{color:#e1dfbd;}#beta p a:hover,footer p a:hover{color:#ffffdf;}
#beta{background:#8e3335 url(../img/beta.png) top left repeat-x;}
#create{padding:0;margin:0;margin-bottom:1.5em;list-style-type:none;}#create a{border-bottom:0;display:block;padding:10px 13px;padding-left:43px;font-size:1.2em;opacity:0.6;}#create a:hover{border-bottom:0;opacity:1;}
#bookmarklet{background:url(../img/bookmark-bg.png) 5px 5px no-repeat;}
#web{background:url(../img/web-bg.png) 5px 5px no-repeat;}
#book{background:url(../img/book-bg.png) 5px 5px no-repeat;}
#paging{overflow:auto;padding:0;}#paging li{float:left;display:inline;}#paging li .paging{padding:5px 8px;display:block;}
#paging li a{padding:5px 8px;display:block;border-bottom:0;-khtml-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;-webkit-background-clip:padding-box;border-radius:2px;}#paging li a:hover{border-bottom:0;background:#f2f0ce;background:rgba(245, 222, 179, 0.3);}
#paging li.current{background:#f2f0ce;background:rgba(245, 222, 179, 0.3);}
aside.hidden{display:none;}
.show-styles,.hide-styles{font-size:0.8em;font-weight:500;border-bottom:0;color:#796d75;padding-right:20px;background:url(../img/show.png) right center no-repeat;position:absolute;right:0.8em;bottom:0.5em;}.show-styles:hover,.hide-styles:hover{border-bottom:0;color:#544850;}
.hide-styles{background-image:url(../img/hide.png);}
#add-bookmarklet{overflow:hidden;}#add-bookmarklet a{padding:0.6em 1.1em 0.6em 2.2em;color:#eee;border-bottom:0;float:left;font-size:1.2em;background-color:#690e10;position:relative;margin-right:1em;-khtml-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-webkit-background-clip:padding-box;border-radius:4px;text-shadow:rgba(0, 0, 0, 0.6) 0 1px 0;background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.4)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));background-image:linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-ms-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-o-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}#add-bookmarklet a:hover{background-color:#8e3335;border-bottom:0;}#add-bookmarklet a:hover:after{color:#444;color:rgba(0, 0, 0, 0.6);}
#add-bookmarklet a:after{pointer-events:none;content:'I';font-size:2em;font-family:Raphael;position:absolute;top:25%;left:0.35em;color:#222;color:rgba(0, 0, 0, 0.8);-moz-transition:all linear 300ms;-ms-transition:all linear 300ms;-o-transition:all linear 300ms;-webkit-transition:all linear 300ms;transition:all linear 300ms;text-shadow:rgba(255, 255, 255, 0.2) 1px 1px 1px;}
#add-bookmarklet p{margin:0;}
#add-bookmarklet span{color:#796d75;color:rgba(0, 0, 0, 0.6);}
.embed-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:2em;}.embed-container iframe,.embed-container object,.embed-container embed,.embed-container img{position:absolute;top:0;left:0;width:100%;height:100%;}
.embed-container img.playbutton{top:50%;left:50%;width:auto;height:auto;margin:-88.5px 0 0 -88.5px;}
@media all and (max-width:980px) and (min-width:481px){.wrap{display:block;width:auto;}.wrap>aside{margin:0 2%;width:30%;} #content{margin:0 2%;width:62%;padding-right:0;} #colophon #content{padding-right:28%;}#colophon #content aside.pullquote{width:50%;margin-right:-60%;margin-left:1em;}}@media all and (max-width:821px){ul,ol{margin-left:1.5em;} .wrap{width:96%;margin:0 2%;} #beta{display:none;} footer{height:auto;}}@media all and (max-width:581px){.wrap>aside,.wrap #content{width:96%;margin:0 2%;} section#register-now form,section#login-now form,section#recover form,section#register-now div,section#login-now div,section#recover div{width:96%;margin:0 2% 20px;} #content{padding-right:0!important;} #colophon #content{overflow:hidden;} .pullquote{display:none;} form,input,label{display:block;float:none;max-width:100%;} form label{padding-left:0;} input{max-width:90%;} header{height:auto;overflow:visible;}header .wrap{height:95px;} header #logo{margin-top:0;float:left;} header nav{width:60%;float:right;}header nav ul{margin:0;overflow:hidden;width:100%;}header nav ul li{float:none;display:block;overflow:hidden;}header nav ul li a{padding:0.25em;margin:-0.25em;margin-bottom:0;line-height:1.2em;border-bottom:0;}header nav ul li a:hover{border-bottom:0;}}