/* start *****************************************************************/
/* body { background-color:transparent; background:url("../images/back.jpeg"); } */
/* body { background-color: #ebebeb; } */
body#profile { background-color:#cee3f6; }
#page-container { background-color:rgba(255,255,255,0.4); padding:52px 0px 7px 0px; }


/* bs overwrites ***************************************************/
/* hr { border:0; background-color:#ccc; height: 1px; margin:7px -12px 8px -12px; }       */
.control-label { font-weight:bold; }

i.icon-white { background-color:#333; }
i.icon-white:hover { background-color:#c48484; }
i:hover { background-color:#fee0c6; }


/* my stuff ********************************************************/
/* credit icons */
[class^="credit-"],
[class*=" credit-"] {
  display: inline-block;
  background: url(/assets/images/credits-sprite.png) no-repeat top left;
}
.credit-author { background-position: 0 -82px; width: 32px; height: 32px; } 
.credit-author.not-accepted { background-position: 0 0; width: 32px; height: 32px; } 
.credit-editor { background-position: 0 -410px; width: 32px; height: 32px; } 
.credit-editor.not-accepted { background-position: 0 -328px; width: 32px; height: 32px; } 
.credit-commenter { background-position: 0 -246px; width: 28px; height: 32px; } 
.credit-commenter.not-accepted { background-position: 0 -164px; width: 28px; height: 32px; } 


.box {
  border: 1px solid rgba(0,0,0, 0.2);
  border-radius: 4px 4px 4px 4px;
  background-color: white;
  padding: 12px 12px 12px 12px;
  margin: 7px 14px 7px 14px;
}
.box-left { margin-right: 7px; }
.box-right { margin-left: 7px; }

#author-box * img.pic { width:130px; }
#author-box * span.name { font-size:30px; font-weight:bold; line-height:30px; display:block; }
#author-box * span.username { font-size:18px; color:#777; line-height:24px; display:block; }
#author-box * span.about { font-size:13px; line-height:18px;  display:block; }
span.username > span.at { color: #bbb; }

#menu { border:0; padding:0; background-color:#f9f9f9; }
#menu > .nav.nav-tabs.nav-stacked > li > a > i { opacity:0.4; }
#menu > .nav.nav-tabs.nav-stacked > li[class="active"] > a { font-weight:bold; }
#menu > .nav.nav-tabs.nav-stacked > li[class="active"] > a > i { opacity:1; }
#menu > .nav.nav-tabs.nav-stacked > li > a:hover { color:#555; background-color:white; }
#menu > .nav.nav-tabs.nav-stacked > li > a:hover > i { opacity:1; }
#menu > .nav.nav-tabs.nav-stacked { margin-bottom:0px; }

.link * .title-pic { width:104px; }
.link * .title-pic > img { width:96px; height:54px; }
.link * span.title, *.link * span.meta { display:block; line-height:17px; }
.link * span.title { font-weight:bold; font-size: 16px; }
.link * span.meta { color:#999; }
.link * .stats { width:123px; }
.link * .date { color:#999; margin-left:8px; font-size:13px; font-weight:bold; }
.link * i { margin: 0px 2px 0px 2px; }
.link * .auth-pic > span.username { color:#777; font-weight:bold; padding-left:3px; }
.link * .auth-pic > a { color:black; }
.link * .auth-pic > img { width:16px; height:16px; }
.link * .slink > a[class="url"] { color:black; }
.link { border-top:1px solid #ccc; margin:12px -12px -12px -12px; padding:12px 12px 12px 12px; }
/* .link:hover { background-color:#cee3f6; } */

div.box#just-clicked { background-color:#fff8c6; margin: auto 40px -8px 40px; padding-bottom:0px; }
div.box#just-clicked p.msg { font-size:18px; line-height:18px; }
div.box#just-clicked #btn-signup { width:160px; }
div.box#just-clicked span#prompt { display:block; font-size:12px; }

div.box#footer { font-size:12px; color:#555; }


.page-canvas { border: 1px solid rgba(0,0,0, 0.1); border-radius:6px; }
.page-canvas-basic { border-radius:6px; }
.page-canvas-basic p, .page-canvas-basic li { text-align:justify; }
.sign-wrapper { width:585px; margin:0 auto 10px; }
.sign-wrapper h1 { padding:40px 0 20px; font-size:24px; font-weight:bold; line-height:1; }


/* debugging *******************************************************/
.debug { border: 1px solid; }
.zero { margin: 0 auto; padding: 0; }