* { box-sizing: border-box; }

body, html { background: #f3f0e6 ; font-size: 14px; color: #000; }
body { padding-bottom: 150px; }
p, ul { font-family: Arial, sans-serif; font-size: 16px; line-height: 24px; color: #383424; text-shadow: 1px 1px 1px #f9f8f4; }
p.small { font-size: 11px; }

#login-form, #index-toggle div { display: none; }

#logo { float: left; margin-bottom: 10px; }
#logo-book { margin: 10px 0 10px; width: 250px; float: left; }

a:link, a:visited { color: #b11919; text-decoration: none; border-bottom: solid 3px rgba(0,0,0,0.1); }
a:hover, a:active { color: #d02929; border-bottom: solid 3px rgba(0,0,0,0.3); transition: background .1s ease-in-out; -moz-transition: background .1s ease-in-out; -webkit-transition: background .1s ease-in-out; }
/* p a:hover, p a:active { border-bottom: dotted 1px #ef6d6d; } */

div.forum { border-bottom: solid 1px #eee; margin-bottom: 10px; padding-bottom: 10px; }
div.forum .forum-name { margin-bottom: 0; font-size: 18px; font-weight: bold; }
div.forum .forum-name a { text-decoration: none; }
div.forum .meta { font-size: 12px; color: #999; margin-bottom: 0; }
div.forum .meta a { text-decoration: none; }

#page-header { position: relative; background: url('../images/bg.png') repeat; border-bottom: 1.5px solid #000; }
#page-footer { min-height: 50px; }

#index-toggle p { color: #777; }
.well.red h2 { color: #ccc; font-weight: normal; border-bottom: solid 1px #222; margin-bottom: 10px; }


.form-inline { margin-bottom: 0; }
.form-inline label, .form-inline input { float: left; margin: 0 5px 0 0; }
.form-inline input { margin-right: 15px; }
.form-inline label { padding: 6px 5px; color: #888; font-weight: normal; font-size: 14px; }

.well.red { background: #2f1312; border: solid 1px #c10000; outline: solid 1px #a00000; padding: 20px; box-shadow: 0px 0px 20px rgba(255,255,255,0.2); margin-top: 20px; }

/* FORM STYLES
*************************************************************************/
.responsive input[type="text"], .responsive input[type="password"],
.responsive input[type="email"], .responsive textarea, .responsive select { width: 80%; }

#sign-up input[type="text"], #sign-up input[type="password"], #sign-up input[type="email"], #sign-up textarea, #sign-up select { width: 250px; }

h2, h3, h4, h5, h6 { font-family: 'KaushanScriptRegular', Georgia, serif; color: #222; font-weight: normal; }
h2.pop { background: url('../images/bg_pop.png') repeat-x top; font-size: 36px; padding: 30px 5px 10px; text-align: center; line-height: 44px; color: #000; text-shadow: #ccc 1px 1px 1px; }
#pop {  }

#logo { float: left; }
h3 span { display: block; text-transform: none; font-size: 11px; font-style: italic; margin-top: -5px; }

.content { margin-top: 50px; }
#rotate { position: absolute; top: 150px; right: 0; width: 585px; }
#rotate div { margin: 0 auto; width: 500px; }

.sidebar .module { margin-bottom: 20px; }
.sidebar .module p { font-size: 12px; color: #000; }

.border { border: solid 1px #fff; }

label { display: block; float: left; width: 120px; text-align: right; padding-right: 20px; position: relative; top: 4px; }
input[type=submit] { margin-left: 120px; }


/* BUTTON STYLES
*********************************************************************************/

/*.btn {
    padding: 10px 20px 0px;
    font-weight: bold;
    border: solid 1px #717171;
    border-radius: 4px;
    color: #fff !important;
    line-height: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    background: #980000;
    -moz-box-shadow: inset 0 1px 0 0 #dc4545;
    -webkit-box-shadow: inset 0 1px 0 0 #dc4545;
    box-shadow: inset 0 1px 0 0 #dc4545;

}

.btn:hover {
    background: #980000;
}

.btn img { position: relative; top: -1px; }
*/



#buy a { margin: 0 20px; }
#buy a img { opacity: 0.6; }
#buy a:hover img { opacity: 1; } 




#nav { float: right; position: relative; top: 15px; text-shadow: none; background: #000; padding: 10px 25px 8px; border-radius: 5px;
    -moz-box-shadow: 0 0 10px #ffa2a2;
    -webkit-box-shadow: 0 0 10px #ffa2a2;
    box-shadow: 0 0 10px #ffa2a2;
}
#nav a { display: block; float: left; padding: 3px 15px; color: #fff; text-decoration: none; font-size: 14px; margin-right: 15px; }
#nav a.last { margin-right: 0; }
#nav a:hover { background: #171717; color: #fff; border-radius: 5px; border: none; }
#nav .selected { background: #222; border-radius: 5px; color: #ccc; -moz-box-shadow: inset 0 -1px 0 0 #333;
    -webkit-box-shadow: inset 0 -1px 0 0 #333;
    box-shadow: inset 0 -1px 0 0 #333; border: none; }
#notice { float: right; position: relative; top: 25px; color: rgba(255,255,255,1); text-shadow: none; }
#notice a { color: rgba(255,255,255,1); }



.buy-block a { padding: 10px; background: rgba(0,0,0,0.2); text-align: center; display: block; margin: 0; }
.buy-block a:hover { background: rgba(0,0,0,0.4); transition: background .5s ease-in-out;
   -moz-transition: background .5s ease-in-out;
   -webkit-transition: background .5s ease-in-out; }