/* 
@font-face { font-family: calipso; src: url('/fonts/CalipsoC.otf'); }
@font-face { font-family: firenight; src: url('/fonts/Firenight-Regular.otf'); }
 */
@font-face { font-family: Sophia; src: url('/fonts/Sophia.otf'); }

.navbar-inverse
{
	border-bottom:none;
	background-color:#fdc400;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(64,58,49,0.5);
	-moz-box-shadow: 0px 2px 2px 0px rgba(64,58,49,0.5);
	box-shadow: 0px 2px 2px 0px rgba(64,58,49,0.5);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a
{ 
	color:#222;
}
.navbar-inverse .navbar-brand
{
	font-family:Happy Monkey;
	font-size:30px;
	letter-spacing:3px;
	color:#444;
}
.navbar-inverse .navbar-brand > span
{
/* 
	display:inline-block;
	position:relative;
	top:5px;
	font-family:Sophia;
	font-size:50px;
 */
}
.navbar-inverse .navbar-nav
{
	font-family:Happy Monkey;
	font-size:18px;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus
{
	background-color:#e0ad00;
}

.breadcrumb { background-color:transparent; }
img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}



.welcome-books { overflow:hidden; margin-top:70px; margin-bottom:-140px; }
.welcome-books > div { position:relative; width:0px; height:500px; margin:0 auto; }
.welcome-books img.books { position:absolute; z-index:-100; top:0px; left:-520px; height:539px; width:auto; }
.welcome-books p.title { position:absolute; width:600px; top:20px; font-size:50px; color:#fff; left:-100px; 
	font-family:Happy Monkey; color:#fdc400; text-shadow:1px 1px 0 #777; }

.howtostep { max-width:400px; text-align:center; }
.howtostep p { text-align:left; }
.howtostep h2 { text-align:left; font-family:Happy Monkey; font-size:22px; }
.howtostep img { display:inline-block; width:100%; max-width:266px; height:auto; }
.tmplwrap { padding-bottom:10px; margin-top:80px; }
.tmplwrap h2 { font-family:Happy Monkey; font-weight:400; font-size:30px; text-align:center;
	color:#555; /* text-shadow:1px 1px 0 #444; */ }
.tmplitem { text-align:center; margin-bottom:40px; }
.tmplitem img.thumb { width:100%; max-width:400px; height:auto; display:inline-block; margin-bottom:-34px; border:solid 4px #fff; }
.tmplitem:hover img.thumb { border-width:0; cursor:pointer; }

.tmplwrap.wedding { background-color:#E2C6C8; }
.tmplwrap.wedding { background-color:#CAE08F; }
.tmplwrap.baby { background-color:#CAE08F; }


.xbtn-list > .btn { margin-right:24px; }

.proj-isn { font-size:10px; color:#777; letter-spacing:1px; }

.proj-stat { display:inline-block; font-size:14px; color:#777;
	padding:0px 8px; border:solid 20px #fff; border-bottom-width:2px; border-top-width:2px; }
.proj-stat-NEW { border-color:lightgray; }
.proj-stat-EDITING{ border-color:lightblue; }
.proj-stat-PREPARING { border-color:gold; }
.proj-stat-REVIEWING { border-color:#C95C54; }
.proj-stat-APPROVING { border-color:orange; }
.proj-stat-REJECTED { border-color:#777; }
.proj-stat-DONE { border-color:green; }

.cmnt-row { margin-bottom:24px; padding-left:12px; border-left:solid 2px lightgray; }
.cmnt-ev-NEW { border-color:lightgray; border-width:7px; }
.cmnt-ev-EDITING { border-color:lightblue; border-width:7px; }
.cmnt-ev-PREPARING { border-color:gold; border-width:7px; }
.cmnt-ev-REVIEWING { border-color:#C95C54; border-width:7px; }
.cmnt-ev-APPROVING { border-color:orange; border-width:7px; }
.cmnt-ev-REJECTED { border-color:black; border-width:7px; }
.cmnt-ev-DONE { border-color:green; border-width:7px; }
.cmnt-date { font-size:12px; color:#777; letter-spacing:1px; }
.cmnt-evname { font-size:12px; color:#777; }
.cmnt-text { font-size:16px; color:#222; }
.cmnt-body { max-width:600px; }