/* Font "Disgusting Behaviour" by Eduardo Recife, http://www.misprintedtype.com/v3/fonts.php */

@font-face  
{
	font-family: "Disgusting Behaviour";
	src: url(fonts/DisgustingBehaviour.eot);
	src: local("Disgusting Behaviour"), url(fonts/DisgustingBehaviour.ttf) format('truetype');
}
@font-face  
{
	font-family: "Bitstream Vera Sans";
	src: url(fonts/Vera.eot);
	src: local("Bitstream Vera Sans"), url(fonts/Vera.ttf) format('truetype');
}
@font-face  
{
	font-family: "Bitstream Vera Serif";
	src: url(fonts/VeraSe.eot);
	src: local("Bitstream Vera Serif"), url(fonts/VeraSe.ttf) format('truetype');
}

body
{
	color: #111;
	background: #bbb url(pics/logo.png) no-repeat fixed right bottom;
	font-size: 12pt;
	font-family: "Bitstream Vera Sans", sans-serif;
	margin: 0;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop);
}

h1,div#content p q { font-family: "Bitstream Vera Serif", serif; }

h1,p
{
	margin: 0;
	padding: 4pt;
}

a { text-decoration: none; }
a { color: #910; }
a:visited { color: #a65; }
a:hover { text-decoration: underline; }
div#header h1,div#content h1 { text-shadow: #666 0 0 2pt; }

.disgusting
{
	color: #910;
	font-family: "Disgusting Behaviour", serif;
	line-height: 0;
}

div#header, div#content { border-top: #ccc 1px solid; }

div#header
{
	background-color: #888;
	border-bottom: #222 1px solid;
}

div#header
{
	background-image: -webkit-gradient(linear, left top, right top, from(#888), to(#ccc)); /* Webkit */
	background-image: -moz-linear-gradient(left, #888, #ccc); /* Gecko */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#88888, endColorstr=#cccccc); /* Exploder */
}

div#content { text-shadow: #fff 0 0 2pt; }

div#content p q
{
	font-style: italic;
	letter-spacing: 2pt;
}

div#content li { margin-top: 10pt; }

div.webcams div
{
	height: 82px;
	overflow: auto;
	white-space: nowrap;
}

div.webcams div p { display: inline; }
div.webcams div br { display: none; }

div.webcams div img
{
	line-height: 0;
	width: 64px;
	height: 48px;
	background: #fff;
	border: 1px solid #222;
	padding: 4px;
}

div.webcams div img:hover { background: #910; }

div.webcams div img.ort, div.webcams div img.large
{
	border: 1px white none;
	background-color: transparent;
}

div.webcams div img.large
{
	position: absolute;
	display: none;
	top: 140px;
	width: 100%;
	height: auto;
	padding: 0;
}

div.webcams div span:hover img.large { display: block; }