@charset "utf-8";

@font-face
{
	font-family: 'Carto Gothic';
	src: url('/assets/carto-gothic.eot');
	src: local('Carto Gothic'), url('/assets/carto-gothic.woff') format('woff'), url('/assets/carto-gothic.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

body
{
	background-color: black;
	background-image: url(/assets/carbon-gradient.png);
	background-repeat: repeat-x;
	background-position: center top;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", "Vera Sans", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

em
{
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Vera Sans", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Carto Gothic", "Lucida Grande", "Lucida Sans Unicode", "Vera Sans", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

address
{
	font-style: normal;
}

abbr, a > abbr, acronym, a > acronym
{
	border-bottom: 1px dotted #444444;
	cursor: help;
}

a:hover > abbr, a:hover > acronym
{
	border-bottom: none;
	cursor: pointer;
}

a img
{
	border: none;
}

.container
{
	padding-left: 10%;
	padding-right: 10%;
	min-width: 600px;
	max-width: 1600px;
	text-align: left;
	overflow: hidden;
}

.header
{
	margin-top: 30px;
}

.header .logo {
	margin-bottom: 10px;
}

.header .logo a{
	
	position: relative;
}

.header .logo .logo-glow
{
	position: absolute;
	left: 0px;
}

.header .site-navigation .corner-left
{
	background-image: url(/assets/corner-30px-top-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}

.header .site-navigation .corner-right
{
	background-image: url(/assets/corner-30px-top-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 0px;
	padding-right: 30px;
}


.header .site-navigation ul
{
	display: block;
	background-image: url(/assets/gradient-top.png);
	background-repeat: repeat-x;
	background-position: left top;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	overflow: hidden;
}

.header .site-navigation li
{
	display: inline-block;
	border-right: 1px solid #d5d5d5;
	padding: 0px;
	margin: 0px;
	float: left;
}

.header .site-navigation li:first-child
{
	border-left: 1px solid #d5d5d5;
}

.header .site-navigation li a
{
	font-size: 17px;
	line-height: 17px;
	padding-top: 11px; padding-bottom: 11px;
	padding-left: 20px; padding-right: 20px;
	display: block;
	color: #3c82be;
	text-decoration: none;
	
	background-image: url(/assets/gradient-top-hover.png);
	background-position: left bottom;
	
	text-shadow: 0px 1px 0px #fcfcfc, 0px -1px #dadada;
}

.header .site-navigation li.current a 
{
	background-image: url(/assets/gradient-top-active.png);
	background-position: left bottom;
}

.header .site-navigation li a:active {
	background-color: #eaeaea;
	background-image: none;
}

.header .title
{
	height: 100px;
	background-position: center;
	overflow: hidden;
	background-color: #ff790b;
}

.header .title.big
{
	height: 130px;
}

.header .background-1 { background-image: url(/assets/header-1.png); }
.header .big.background-1 { background-image: url(/assets/header-b1.png); }

.header .background-2 { background-image: url(/assets/header-2.png); }
.header .big.background-2 { background-image: url(/assets/header-b2.png); }

.header .background-3 { background-image: url(/assets/header-3.png); }
.header .big.background-3 { background-image: url(/assets/header-b3.png); }

.header .background-4 { background-image: url(/assets/header-4.png); }
.header .big.background-4 { background-image: url(/assets/header-b4.png); }

.header .background-5 { background-image: url(/assets/header-5.png); }
.header .big.background-5 { background-image: url(/assets/header-b5.png); }

.header .background-6 { background-image: url(/assets/header-6.png); }
.header .big.background-6 { background-image: url(/assets/header-b1.png); }

.header .background-7 { background-image: url(/assets/header-7.png); }
.header .big.background-7 { background-image: url(/assets/header-b2.png); }

.header .background-8 { background-image: url(/assets/header-8.png); }
.header .big.background-8 { background-image: url(/assets/header-b3.png); }

.header .background-9 { background-image: url(/assets/header-9.png); }
.header .big.background-9 { background-image: url(/assets/header-b4.png); }

.header .background-10 { background-image: url(/assets/header-10.png); }
.header .big.background-10 { background-image: url(/assets/header-b5.png); }

.header .title h1 , .header .title h2
{
	margin: 0px;
	margin-left: 10px;
	font-weight: normal;
	font-size: 52px;
	color: #fafafa;
	line-height: 60px;
	text-shadow: 2px 2px 3px #d78100;
	white-space: nowrap;
}

.header .title h2
{
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
	text-shadow: 1px 1px 2px #d78100;
}

.header .title.big h1
{
	font-size: 65px;
	line-height: 80px;
	text-shadow: 2px 2px 4px #d78100;
}

.header .title.big h2
{
	font-size: 35px;
	line-height: 40px;
	text-shadow: 2px 2px 3px #d78100;
}

.header .current-navigation
{
	background-color: white;
	border-bottom: 1px solid #efefef;
	padding-left: 3px;
	padding-right: 6px;
	height: 26px;
	overflow: hidden;
	font-size: 12px;
}

.header .current-navigation > span {
	display: none;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
}

.header .current-navigation > a, .header .current-navigation > .current
{
	display: block;
	height: 26px;
	float: left;
	margin-left: -10px;
	text-decoration: none;
	width: auto;
}

.header .current-navigation > a > span, .header .current-navigation > .current > span
{
	padding-left: 15px;
	height: 26px;
	display: block;
	background-image: url(/assets/arrow-forward.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.header .current-navigation > a > span > span, .header .current-navigation > .current > span > span
{
	height: 26px;
	padding-right: 10px;
	text-decoration: none;
	line-height: 24px;
	font-size: 12px;
	color: #bababa;
	display: block;
}

.header .current-navigation > .current > span > span
{
	color: #aaaaaa;	
}

.header .current-navigation > a:hover
{
	background-color: #fdfdfd;
	background-image: url(/assets/arrow-forward-hover-left.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.header .current-navigation > a:hover > span
{
	background-image: url(/assets/arrow-forward-hover-right.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.header .current-navigation > a:hover > span > span
{
	color: #9a9a9a;
	text-decoration: underline;
}

.header .current-navigation > a:first-child
{
	background-image: url(/assets/veniogames-icon.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 42px;
}

.header .current-navigation > a:first-child:hover
{
	background-image: url(/assets/veniogames-icon-hover.png);
}

.header .current-navigation > a:first-child > span > span
{
	display: none;
}

.header .current-navigation .language-links
{
	float: right;
	color: #eaeaea;
}

.header .current-navigation .language-links a {
	color: #cacaca;
	text-decoration: none;
	line-height: 26px;
}

.header .current-navigation div a:hover
{
	color: #aaaaaa;
	text-decoration: underline;
}


.page
{
	background-color: #fcfcfc;
	color: #222222;
}

.page .main
{
	padding-top: 10px;
	padding-bottom: 15px;
	overflow: hidden;
	min-height: 150px;
}

.page .main p, .page .main h1, .page .main h2, .page .main h3, .page .main .news-item, .page .main address
{
	margin: 20px;
	margin-top: 12px;
	margin-bottom: 8px;
	clear: both;
	text-align: justify;
	padding: 0px;
	overflow: hidden;
}

.page .main p, .page .main h3
{
	overflow: visible;
}

.page .main h1
{
	font-size: 2.5em; text-align: left;
}

.page .main h2
{
	font-size: 2em; text-align: left;
}

.page .main h3
{
	font-size: 1.5em; text-align: left;
}

.page .main h4
{
	font-size: 1.2em; text-align: left;
}

.page .main .pre-pre, .page .main .pre
{
	display: inline-block;
	background-color: #eeeeee;
	font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
	padding: 2px;
	padding-top: 1px; padding-bottom: 1px;
	border: 1px solid #dddddd;
	margin: -2px;
	margin-left: 0px; margin-right: 0px;
	color: #777777;
	font-size: 0.9em;
	line-height: 1em;
}

.page .main div > span.pre-pre
{
	margin: 20px;
	margin-top: 12px;
	margin-bottom: 8px;
	line-height: normal;
	white-space: pre;
}

.page .main .content-left
{
	width: 53%;
	float: left;
	display: inline-block;
	clear: none;
}

.page .main .content-right
{
	float: right;
	width: 47%;
	display: inline-block;
	clear: none;
}

.page .main .clear
{
	display: block;
	clear: both;
}

.page .main .w50
{
	width: 50%;
}

.page .main .content-left.fill
{
	width: auto;
	float: left;
	overflow: hidden;
	margin-right: 331px;
}

.page .main .content-right.fixed
{
	width: 330px;
	float: right;
	margin-left: -330px;
	overflow: hidden;
}

.page .main .brief
{
	font-size: 1.3em;
	/*padding: 15px;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;*/
}

.page .main .content-left > p, .page .main .content-left > h2, .page .main .content-left > h3, .page .main .content-right > div, .page .main .content-right > ul
{
	margin-right: 10px;
	clear: none;
}


.page .main a
{
	color: #1c629e;
	text-decoration: none;
}

.page .main a:after
{
	content: " »";
}

.page .main a.nolink:after
{
	content: "";
}

.page .main a:hover
{
	color: #3c82be;
	text-decoration: underline;
}

.page .main hr
{
	border: none;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #eaeaea;
}

.page .main .light-bg
{
	padding: 3px;
	display: inline-block;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
.page .main .dark-bg
{
	padding: 3px;
	background-color: #333333;
	border: 1px solid #222222;
	display: inline-block;
}

.page .main .inline-img
{
	margin: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 5px;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	vertical-align: top;
	float: right;
	display: inline;
}

.page .main .no-inline-img
{
	margin: 10px;
	margin-top: 2em;
	padding: 5px;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.page .main p.separate-inline
{
	text-align: center;
}

.page .main .separate.no-inline-img
{
	margin: 10px;
	margin-top: 2em;
	padding: 5px;
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}

.page .main .no-clear
{
	clear: none;
	overflow: visible;
}

.page .main del
{
	text-decoration: line-through;
}

.page .main ins
{
	text-decoration: none;
}

.page .main .centre
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.page .main .centre-text
{
	text-align: center;
}

.page .main .small
{
	font-size: 0.8em;
}

.page .main ol
{
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
    margin-right: 20px;
    list-style-position: inside;
    border-top: 1px dotted #aaaaaa;
    margin-bottom: 10px;
    font-size: 14px;
	display: inline-block;
}

.page .main ol li
{
    margin: 0px;
    padding: 5px;
    color: #555555;
    vertical-align: middle;
    border-bottom: 1px dotted #aaaaaa;
    background-color: #f8f8f8;
    list-style: none;
    line-height: 20px;
}

.page .main ol li span
{
    color: #888888;
	font-size: 0.8em;
}

.page .main .content-right ul.fancy
{
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
    margin-right: 20px;
    list-style-position: inside;
    border-top: 1px dotted #aaaaaa;
    margin-bottom: 10px;
    font-size: 14px;
	display: block;
}

.page .main .content-right ul.fancy li
{
    margin: 0px;
    padding: 5px;
    color: #555555;
    vertical-align: middle;
    border-bottom: 1px dotted #aaaaaa;
    background-color: #f8f8f8;
    list-style: none;
    line-height: 20px;
}

.page .main .content-right ul.fancy li span
{
    color: #888888;
}

.footer .corner-left
{
	border-top: 1px solid #e8e8e8;
	background-image: url(/assets/corner-10px-bottom-left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 10px;
}

.footer .corner-right
{
	background-image: url(/assets/corner-10px-bottom-right.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 10px;
}

.footer .copyleft {
	background-color: #f6f6f6;
	color: #aaaaaa;
	font-size: 11px;
	text-align: center;
}

.footer .copyleft > span
{
	background-color: #f6f6f6;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin: 3px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px;
	padding-left: 48px;
	background-image: url(/assets/cc-by.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.footer .copyleft a
{
	color: #888888;
	text-decoration: none;
}

.footer .copyleft a:hover
{
	color: #666666;
	text-decoration: underline;
}

.footer .icons
{
	text-align: center;
	padding: 15px;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
}

.footer .icons a img
{
	margin-top: 10px;
	opacity: 0.4;
	vertical-align: middle;
	margin-left: 8px;
	margin-right: 8px;
}

.footer .icons a:hover img {
	opacity: 0.9;
}

.footer .adagium
{
	color: #4f4f4f;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Vera Sans", "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	display: table;
	margin: 0px;
	padding: 5px;
	margin-bottom: 25px;
	margin-left: auto; margin-right: auto;
	opacity: 0.9;
	text-align: center;
}


