/*
@font-face {
	font-family: "Cassandra";
	src: url(../fonts/Cassandra.ttf);
}
*/
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
body {
	background: url(../images/btt.jpg) #787878;
	background-attachment: fixed;
	color: #1f1f1f;
	font-family: "Bad Script", "Trebuchet", sans-serif;
	font-size: 0.9em;
	margin:0;
	scrollbar-base-color: #111d24;
	scrollbar-fase-color: #111d24;
	scrollbar-3dlight-color: #325061;
	scrollbar-highlight-color: #121f26;
	scrollbar-track-color: #050709;
	scrollbar-arrow-color: #040606;
	scrollbar-shadow-color: #040507;
	scrollbar-dark-shadow-color: #040606;
	background-size: cover;
}

::-webkit-scrollbar { width: 12px; height: 3px;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {  
	background-color: #325061;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius:3px;
	border-radius:10px;
}
::-webkit-scrollbar-track-piece { background-color: #111d24;}
::-webkit-scrollbar-thumb { 
	height: 10px; 
	background-color: #050709; 
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(4,6,6,0.5);
}
::-webkit-scrollbar-corner { background-color: #040507;}
::-webkit-resizer { background-color: #040507;}

::selection {
  background: #111d24; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #111d24; /* Gecko Browsers */
}

#wrapper {
	float: left;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
}

h3 {
	font-size: 36px;
	text-align:center;
	color: #faebd7;
	margin-top: 0;
}

#container {
	position:relative;
	width:100%;
}

.item {
	width: 600px;
	display: block;
	margin: 30px auto;
	padding: 30px;
	white-space:pre-wrap;
	text-align: center;

	background: rgba(0, 0, 0, 0.5);

	color: #faebd7;

	/* border radius */
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	behavior: url(../htc/border-radius.htc);

	/* shadow */
	-moz-box-shadow: 3px 2px 3px #000;
	-webkit-box-shadow: 3px 2px 2px #000;
	box-shadow: 3px 2px 3px #000;
}
.item p {
	font-size: 28px;
}

.item:hover {
	background: rgba(0, 0, 0, 0.55);
}

.item span {
	font-style: italic;
}

span.date {
	display: block;
	text-align: right;
	padding-right:20px;
	font-size: 32px;
}

#footer {
	text-align: center;
	font-style: italic;
	font-size:0.8em;
}

span.share {
	float:left;
	padding:0;
	margin-left:8px;
}

.sharing-cl {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

.sharing-cl a {
	overflow:hidden;
	width:32px;
	height:32px;
	float:left;
	margin-right:5px;
	text-indent:-200px;
}

a.sh-face {
	background:url(../icons/facebook.png) no-repeat;
}
a.sh-tweet {
	background:url(../icons/twitter.png) no-repeat;
}

.share li {
	display:inline;
}

.share a {
	text-indent:-999;
	height:32px;
	text-align:center;
}