/* pt-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('_f/pt-sans-v9-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('_f/pt-sans-v9-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('_f/pt-sans-v9-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('_f/pt-sans-v9-latin-ext_latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-italic - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('_f/pt-sans-v9-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('_f/pt-sans-v9-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('_f/pt-sans-v9-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('_f/pt-sans-v9-latin-ext_latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('_f/pt-sans-v9-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('_f/pt-sans-v9-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('_f/pt-sans-v9-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('_f/pt-sans-v9-latin-ext_latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700italic - latin-ext_latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('_f/pt-sans-v9-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('_f/pt-sans-v9-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('_f/pt-sans-v9-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('_f/pt-sans-v9-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('_f/pt-sans-v9-latin-ext_latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}


body, html {
	height: 100%;
}

body {
	min-height: 100%;
	color:black;
}

* {
	padding:0;
	margin:0;
	
	text-decoration:none;
}

.clear {
	height: 0;
	width: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

.lang {
	position: absolute;
	top: 25px;
	right: 25px;
}

a:focus { -moz-outline: none; }

p {
 margin-bottom: 10px;
}

a {
  position:relative;
	color: #600;
	font-weight: bold;
	transition: all ease 0.2s;
}

b {
	transition: all ease 0.2s;
}

.toggle:hover p,
b:hover,
a:hover {
	color: #dd1111;
}

body {
  background:#111 url(noise-ani.gif) repeat;
  font-size: 13px;
	font-family: 'PT Sans', tahoma, sans-serif;
}

#bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/*height:100%;*/

	-moz-box-shadow:inset 0 0 200px 45px black;
	-webkit-box-shadow:inset 0 0 200px 45px black;
	box-shadow:inset 0 0 200px 45px black;
}

#page {
	position: absolute;
	top:20%;
	left:0;
	right:0;
	margin:80px auto;
	background-color: #ccc;
	padding: 3px;
	width: 490px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px 4px;

	-moz-border-radius-topleft:16px;
	border-radius-topleft:16px;
	-webkit-border-top-left-radius:16px 16px;

	-moz-box-shadow:2px 2px 4px black,0px 0px 6px black,0 0 100px #aaa;
	-webkit-box-shadow:2px 2px 4px black,0px 0px 6px black,0 0 100px #aaa;
	box-shadow:2px 2px 4px black,0px 0px 6px black,0 0 100px #aaa;
}

h2 {
	font-size: 14px;
	margin-top: 0;
	background-color: #600;
	color: #eee;
	padding:5px 14px;
	/*text-shadow:1px 1px 3px black, 0 0 2px black, 1px 1px 3px black, 3px 2px 3px black;*/
	text-shadow:0 0 5px black,0 0 6px black;

	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px 4px; 

	-moz-border-radius-topleft:13px;
	border-radius-topleft:13px;
	-webkit-border-top-left-radius:13px 13px;
	-ms-border-radius-topleft:13px;
	-ms-border-top-left-radius:13px 13px;
	-o-border-radius-topleft:13px;
	-o-border-top-left-radius:13px 13px;

	-moz-border-radius-bottomleft:5px;
	border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px 5px;

	-moz-box-shadow:1px 1px 3px black;
	-webkit-box-shadow:1px 1px 3px black;
	box-shadow:1px 1px 3px black;
}

.social-links {
	//float: right;
	margin-top: 20px;
}

.icon {
	float:right;
	margin-left:4px;
}

#content {
	/*margin-top:3px;*/
	padding: 10px;
  background-color: white;
	-moz-border-radius:4px;
	-webkit-border-radius:4px 4px;
	border-radius:4px;
	
	-moz-box-shadow:1px 1px 3px black;
	-webkit-box-shadow:1px 1px 3px black;
	box-shadow:1px 1px 3px black;
}

#content ul {
	list-style-position: outside; 
	line-height:22px;
	margin-left:0px;
}

#content li {
	list-style:none;
	background:#e9e9e9;
	padding:2px 6px;
	border:1px solid #e0e0e0;
}

#content li:nth-child(odd) {
	background:#ddd;
}


#infos {
	background:#eee;
	border:1px solid #ddd;
	border-radius:2px;
	padding:5px;
}
#infos p,
#infos li a,
#infos li {
	/*font-size:11px;*/
}

.toggle p {
	background:transparent url("black-arrow-open.gif") no-repeat scroll left 4px;
	padding-left:14px;
	font-weight:bold;
	cursor:pointer;
	margin-top:20px;
	margin-bottom:4px;
	transition: all ease 0.2s;
}
.toggle.closed p {
	background-image:url(black-arrow-closed.gif);
}


/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width:468px;
  height:60px;
	border:1px solid #ddd;
	border-radius:2px;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:left;
}

.browse {
	position:absolute;
	display:none;
}



 /* overlay */
#overlay {
	position:absolute;
	background:black;
	color:white;
	height:auto;
	display:none;
	border-radius:5px;
	border:1px solid #444;
	box-shadow:0 0 13px 2px #444;
}
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:auto;
	width:500px;
	padding:30px;
	color: white;
}
div.contentWrap p {
	color:white;
}

#exposeMask {
	background:#333;
	background:rgba(0,0,0,0.4);
}