/*General*/

#entirepage {
height:100%;
width:980px;
margin:0 auto 0 auto;
_margin:0 auto 0 15px;
padding:0;
}

#notfooter {
position:relative;
min-height:100%!important;
_height:100%;
margin:0 0 -35px 0;
padding:0;
/*background-image:url(/images/backgrounds/pagebackground.jpg);
background-position:bottom center;
_background-position:15px bottom;
background-repeat:repeat-y;
background-attachment:fixed;
background-color:black;*/
}

html, body {
color:white;
margin:0;
height:100%;
}

html {
background-image:url(/images/backgrounds/pageback.png);
background-position:0 0;
background-repeat:repeat;
background-color:#000;
}

body {
margin:0 0 0 0;
padding:0px;
}

#pagecontent, #gamepagewrapper {
font-family:verdana;
font-size:13px;
/*line-height:21px;*/
color:#eeeeee;
padding:25px 15px 0px 15px;
}

a:link, a:visited {
text-decoration:none;
color:#55aaee;
cursor:pointer;
}
a:hover {
color:#55aaee;
}
img {
border:none!important;
}


h2 {
margin:15px 0 0 0;
padding:0;
}
h3 {
margin:10px 0 0 0;
padding:0;
}
h1#pagetitle {
font-family:arial, verdana, sans-serif;
font-size:20px;
font-weight:bold;
color:white;
margin:0;
padding: 0 0 20px 0;
}


.info {
color:#d90;
}


ul.linklist {
padding-left:0;
padding-right:0;
margin-left:0;
margin-top:0;
list-style-type:none!important;
}
ul.linklist h2 {
font-size:16px!important;
}
ul.linklist li {
padding:3px;
background-color:#333;
border-bottom:1px solid #282828;
border-right:1px solid #282828;
border-top:1px solid #3a3a3a;
border-left:1px solid #3a3a3a;
}
ul.linklist li.special {
background-color:#444;
border-bottom:1px solid #383838;
border-right:1px solid #383838;
border-top:1px solid #5a5a5a;
border-left:1px solid #505050;
}
ul.linklist li a {
color:#fff;
text-decoration:none;
font-weight:normal!important;
}
ul.linklist li a:hover {
color:#55aaee!important;
text-decoration:none;
font-weight:normal!important;
}


table {
font-family:verdana;
font-size:13px;
color:#eeeeee;
width:100%;
_width:auto;
margin:5px 0 5px 0;
line-height:normal;
}
table tr td {
border:none;
background-color:#303030;
padding:10px 5px 10px 5px;
}

a.expandlink .inner {
font-size:10px;
text-align:center;
background-color:#333;
padding:0;
line-height:20px;
margin:0;
}
a.expandlink .inner, .expandlink .inner a {
color:#777!important;
}
a.expandlink:hover .inner, a.expandlink:hover .inner a {
color:#fff!important;
background-color:#55aaee;
}
a.expandlink img {
margin-right:5px;
}
table.stats {
font-size:11px;
margin-top:0;
margin-bottom:0;
padding-top:0;
}
table.stats td.label {
color:#999;
}


.ratingwidget {
margin:0 0 5px 0;
}
.ratingstar_on, .ratingstar_off {
padding-right:1px;
_margin-right:1px;
cursor:pointer;
}
.ratingdatamsg {
margin-left:5px;
}
.ratingdata {
font-size:9px;
color:#ddd;
margin:2px;
}


.carousel {
overflow:hidden;
}
.carousel .carouselinner {
white-space:nowrap;
position:relative;
height:154px;
}
.carousel .carouselinner .item {
background-color:#111;
border:1px solid #333!important;
margin:1px 1px;
overflow:hidden;
font-size:0px;
float:left;
height:150px;
line-height:150px;
text-align:center;
padding:0;
width:150px;
position:relative;
}
.carousel .carouselinner a .item.video .videooverlay {
position:absolute;
top:55px;
left:55px;
width:40px;
height:40px;
background-image:url(/images/icons/site/videooverlay.png);
background-repeat:no-repeat;
}
.carousel .carouselinner a:hover .item.video .videooverlay {
background-image:url(/images/icons/site/videooverlayhover.png);
}
.carousel .carouselinner .item.empty {
font-size:11px;
white-space:normal;
}
.carousel .carouselinner .item:hover {
border:1px solid #55aaee!important;
}
.carousel .carouselinner .item.highlight {
border:1px solid #fff!important;
}
.carouselscrollbar {
margin: 0 0 0 1px;
}


.horscrollbar {
background-color:#191919;
cursor:pointer;
}
.horscrollbar:hover {
background-color:#1c1c1c;
}
.horscrollbar .horscrollbarslider {
position:relative;
height:20px;
width:75px;
background-color:#333;
background-image:url(/images/buttons/slider/scroll.gif);
background-position:50% 50%;
background-repeat:no-repeat;
cursor:pointer;
}
.horscrollbar .horscrollbarslider:hover, .horscrollbar:hover .horscrollbarslider {
background-color:#55aaee;
background-image:url(/images/buttons/slider/scrollhover.gif);
}
.horscrollbar.disabled {
background-color:#333;
cursor:default;
}
.horscrollbar.disabled:hover {
background-color:#333;
}
.horscrollbar.disabled .horscrollbarslider:hover, .horscrollbar.disabled:hover .horscrollbarslider {
background-color:#353535;
background-image:none;
}
.horscrollbar.disabled .horscrollbarslider {
background-image:none;
background-color:#353535;
cursor:default;
}


.pagination {
text-align:center;
padding:20px 0 40px 0;
}
.pagination a, .pagination strong {
padding:5px 10px;
margin:0 2px;
}
.pagination a.pageprev, .pagination strong.pageprev {
margin-right:20px;
}
.pagination a.pagenext, .pagination strong.pagenext {
margin-left:20px;
}
.pagination strong.pageprev, .pagination strong.pagenext {
}
.pagination a.pageprev, .pagination a.pagenext {
}
.pagination a {
border:1px solid #55aaee;
background-color:#333;
}
.pagination strong {
font-weight:normal;
border:1px solid #111;
background-color:#111;
color:#444;
}


.systemerrormsg {
font-family: verdana, sans-serif;
font-size:12px;
color:#fff;
background-color:#933;
background-image:url(/images/emotes/s/smash.png);
background-position:5px center;
background-repeat:no-repeat;
border:2px solid #c55;
padding:10px 10px 10px 40px;
margin:5px 0 5px 0;
}
.systemerrormsg ul {
margin-top:4px;
margin-bottom:4px;
}
.systemerrormsg p {
margin:0;
padding:5px 0;
}
.systeminfomsg {
color:#fff;
background-color:#373;
border:2px solid #4a4;
padding:10px;
margin:10px 0 3px 0;
-moz-border-radius:5px;
}
.systemerrormsg a, .systeminfomsg a {
color:#fff;
font-weight:bold;
}
.systemerrormsg a:hover, .systeminfomsg a:hover {
color:#fff;
text-decoration:underline;
font-weight:bold;
}


a.button {
font-family:verdana, sans-serif;
font-size:12px;
line-height:25px;
height:25px;
padding:6px 3px 7px 10px;
white-space:nowrap;
background-image:url(/images/backgrounds/buttons/1/lt.png);
background-position:0 0;
}
a.button b {
position:absolute;
width:7px;
height:27px;
margin:0 0 0 3px;
background-image:url(/images/backgrounds/buttons/1/rt.png);
background-position:0 0;
}


.pagecontent .credit, .pagecontent .credit a {
font-size:10px;
color:#444;
text-align:right;
}

p {
padding:0 0 15px 0;
margin:0;
line-height:19px;
}

.small {
font-size:11px;
}

.nofloat {
clear:both;
}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}



.columnholder {
position:relative;
}
.columnholder .column {
float:left;
}
.columnholder .column .columninner {
padding-right:15px;
}





/*About*/

#about #mugshot {
float:left;
padding:0 10px 2px 0;
}
#about p, #about ul {
line-height:19px;
}
#about a.eventname {
font-family:"trebuchet ms", arial, sans-serif;
font-weight:bold;
color:#fff;
}
#about ul {
margin:0;
padding:0 10px 25px 0;
}
#about ul li {
margin:0 0 0 40px;
padding:15px 0 0 0;
list-style-type:square;
}

#about #timelinebox {
float:right;
}
#about #nottimelinebox {
margin:0 366px 0 0;
}

#about #timeline {
overflow:hidden;
padding:0;
}

#about #timeline a.event {
display:block;
position:absolute;
height:8px;
width:30px;
margin-bottom:-4px;
left:20px;
text-align:center;
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#about #timeline a.event.timespan {
margin-bottom:0;
}

#about #timeline a.event:hover {
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}

#about #timeline a.event.award {
background:#dd1;
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}

#about #timeline a.event.game {
background:#c32;
}

#about #timeline a.event.education {
background:#55aaee;
}

#about #timeline a.event.gameevent {
background:#60c44f;
}

#about #timeline .layer {
float:left;
width:70px;
position:relative;
background-repeat:no-repeat;
background-position:50% 10px;
z-index:4;
}

#about #timeline .layer:hover {
background-color:#303030;
}

#about #timeline .layer.awards {
background-image:url(/about/awards.png);
}
#about #timeline .layer.awards:hover {
background-image:url(/about/awardshover.png);
}

#about #timeline .layer.education {
background-image:url(/about/education.png);
}
#about #timeline .layer.education:hover {
background-image:url(/about/educationhover.png);
}

#about #timeline .layer.games {
background-image:url(/about/games.png);
}
#about #timeline .layer.games:hover {
background-image:url(/about/gameshover.png);
}

#about #timeline .layer.gameevents {
background-image:url(/about/events.png);
}
#about #timeline .layer.gameevents:hover {
background-image:url(/about/eventshover.png);
}

#about #timeline #tline {
background:#222;
float:left;
width:40px;
margin:0 5px 0 0;
overflow:visible;
position:relative;
}

#about #timeline #tline .monthmarker {
color:#333;
font-family:verdana, sans-serif;
font-size:10px;
border-bottom:1px solid #333;
padding-bottom:1px;
width:24px;
margin:0;
position:absolute;
left:8px;
text-align:center;
}

#about #timeline #tline .yearmarker {
background-position:50% 0;
background-repeat:no-repeat;
border-bottom:2px solid #777;
color:#fff;
font-family:verdana, sans-serif;
font-size:10px;
height:15px;
width:38px;
margin:0;
position:absolute;
text-align:center;
left:1px;
z-index:2;
}

#about #timeline #tline #todayarrow {
height:19px;
margin-bottom:-9.5px;
position:absolute;
left:0px;
z-index:3;
}




/*Blog*/
#blog #contentcol {
float:left;
width:640px;
}
#blog #sidebar {
padding:0 0 0 655px;
}

#blog #sidebar a {
}

#blog #sidebar #top {
}

#blog #sidebar #top #description {
}

#blog #sidebar #top #description a {
}

#blog #sidebar #top #buttons {
padding: 20px 0 0 0;
}

#blog #sidebar #top #buttons .button {
height: 21px;
background: left center no-repeat transparent;
padding: 5px 0 0 30px;
font-size: 12px;
}

#blog #sidebar #top #buttons a {
color: {color:Background};
text-decoration: none;
}

#blog #sidebar #top #buttons div {
padding-bottom: 10px;
}

#blog #sidebar #top #buttons .button#button-emailsub {
background-image: url(/blog/images/sidebarbuttons/email.png);
}

#blog #sidebar #top #buttons .button#button-rss {
background-image: url(/blog/images/sidebarbuttons/rss.png);
}

#blog #sidebar #top #buttons .button#button-archive {
background-image: url(/blog/images/sidebarbuttons/archive.png);
}

#blog #sidebar #top #buttons .button#button-share {
background-image: url(/blog/images/sidebarbuttons/follow.png);
}

#blog .post {
position: relative;
}

#blog .post .caption {
font-size:10px;
color:#666;
padding:2px 0 10px 0;
}
#blog .post .caption a {
color:#888!important;
}

#blog .post p {
padding:1px 0 14px 0;
}

#blog .post .media {
text-align: center;
margin-bottom: 10px;
margin-top:10px;
}

#blog .post .link .copy {
margin-left:75px;
}

#blog .post .link .linklabel {
font-family:"trebuchet ms", verdana;
font-size:26px;
color:#fff;
font-weight:bold;
text-align:center;
border: none;
width:64px;
height:35px;
padding-top:2px;
float:left;
background-image:url(/blog/images/backgrounds/postlabel.png);
background-position:top left;
background-repeat:no-repeat;
}

#blog .post .link .actuallink {
margin-left:75px;
}

#blog .post .link a {
}

#blog .post .link a:hover {
}

#blog .post .footer {
margin-top: 15px;
margin-bottom:3px;
}

#blog .post .footer .s, #blog .post .footer .s a {
color:#555!important;
}

#blog .post .footer .date {
float:left;
width:40%;
padding:1px 0 0 0;
}

#blog .post .footer .commentlink {
float: right;
width:40%;
text-align: right;
padding:1px 0 0 0;
}

#blog .post .footer .shareables {
text-align:center;
padding:2px 0 0 0;
}
#blog .post .footer .shareables a img {
margin: 0 0 0 3px;
padding:0px;
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
#blog .post .footer .shareables a:hover img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
#blog .post .footer .shareables a :active img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#blog .post .footer a {
text-decoration: none;
}

#blog .post .footer .tags {			  
font-size:10px;
margin-top:5px;
padding-top:0;
}

#blog .post .footer .tags a {
color: #888;
text-decoration: none;
}

#blog .post .footer .tags .tag-commas:last-child {
display: none;
}

#blog .post a {
text-decoration: none;
}

#blog .post .copy blockquote {
margin: 10px 0px 10px 10px;
padding-left: 15px;
border-left: solid 4px #dcdcdc;
}

#blog .post .copy  blockquote blockquote {
border-left: solid 4px #cccccc;
}

#blog .post .copy  blockquote blockquote blockquote {
border-left: solid 4px #bcbcbc;
}

#blog .post .copy  blockquote blockquote blockquote blockquote {
border-left: solid 4px #acacac;
}

#blog .post .copy  blockquote blockquote blockquote blockquote blockquote {
	border-left: solid 4px #9c9c9c;
}

#blog .post .copy  blockquote blockquote blockquote blockquote blockquote blockquote {
	border-left: solid 4px #8c8c8c;
}




/*Directory pages*/
ul.directory, ul.directory-mini {
list-style-type:none!important;
padding:0;
margin:0;
}
ul.directory li.item {
padding-bottom:15px;
}
ul.directory li.item .logoshot, ul.directory-mini li.item .logoshot {
float:left;
}
ul.directory-mini li.item .logoshot img {
width:155px;
height:75px;
}
ul.directory li.item .infoline {
color:#666;
padding-bottom:7px;
}
ul.directory li.item .infoline a {
color:#666;
}
ul.directory li.item .description {
margin-left:320px;
}
ul.directory-mini li.item .description {
margin-left:165px;
}
ul.directory li.item ul.subdirectory {
list-style-type:none!important;
padding:15px 0 0 0;
margin:0;
}
ul.directory li.item ul.subdirectory li.subitem .logoshot {
float:left;
}
ul.directory li.item ul.subdirectory li.subitem h2 {
margin-bottom:0px!important;
padding-bottom:0px!important;
}
ul.directory li.item ul.subdirectory li.subitem .infoline {
color:#666;
font-size:11px;
padding-bottom:5px;
}
ul.directory li.item ul.subdirectory li.subitem .infoline strong.flag-onnow, ul.directory li.item ul.subdirectory li.subitem .infoline strong.flag-upcoming {
color:#5ae;
}
ul.directory li.item ul.subdirectory li.subitem .logoshot img {
width:155px;
height:75px;
}
ul.directory li.item ul.subdirectory li.subitem .description {
margin:0 0 0 165px;
}




/*Events page*/
body#page-events #eventindex, body#page-events-series #eventindex {
font-size:1px;
padding:10px 10px 50px 10px;
}
body#page-events #eventindex img, body#page-events-series #eventindex img{
margin:0;
padding:0;
}
body#page-events #eventindex a.ev, body#page-events-series #eventindex a.ev{
display:block;
float:left;
position:relative;
}
body#page-events #eventindex a.ev .count, body#page-events-series #eventindex a.ev .count{
right:2px;
bottom:2px;
font-size:9px;
padding:1px 4px;
position:absolute;
background:#000;
color:#fff;
font-family:verdana,sans-serif;
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
body#page-events #eventindex a.ev:hover .count, body#page-events-series #eventindex a.ev:hover .count{
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
body#page-events #events .event {
}
body#page-events #events .event h2{
margin-bottom:0;
padding-bottom:0;
}
body#page-events #events .event .summaryline {
color:#666;
padding-bottom:7px;
}
body#page-events #events .event .logo{
float:left;
position:relative;
}
body#page-events #events .event .logo .caption{
width:155px;
font-size:9px;
background:#000;
color:#fff;
}
body#page-events #events .event .logo .caption .inner{
padding:2px 4px;
}
body#page-events #events .event .logo .caption .inner .onnow{
color:#55aaee;
font-weight:bold;
}
body#page-events #events .event .logo .caption .inner .comingsoon{
color:#55aaee;
font-weight:bold;
}
body#page-events #events .event .logo img.logoshot{
width:155px;
}
body#page-events #events .event .description{
margin:0 0 0 320px;
}
body#page-events #events .event .games{
margin:0 0 0 5px;
float:left;
width:165px;
}




/*Download page*/
body#page-download p#licence {
padding:10px 10px 5px 10px;
background:#303030;
text-align:center;
font-size:10px;
}
body#page-download #systemrequirements {
margin-top:10px;
}

body#page-download #downloadbuttons {
padding:5px 0 5px 0;
text-align:center;
}
body#page-download #downloadbuttons #continuebutton {
margin-right:5px;
}





/*Game page*/
#page-game #importantnotes {
font-family: verdana, sans-serif;
font-size:12px;
color:#fff;
background-color:#076ea3;
background-position:5px center;
background-repeat:no-repeat;
border:2px solid #55aaee;
padding:10px;
margin:0 0 12px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#page-game #importantnotes ul {
margin-top:4px;
margin-bottom:4px;
}
#page-game #importantnotes a {
color:#fff;
font-weight:bold;
}
#page-game #importantnotes a:hover {
color:#fff;
text-decoration:underline;
font-weight:bold;
}
#page-game #infobox #eventssection {
}
#page-game #infobox #eventssection a.event {
float:left;
display:block;
padding:2px 0 2px 0;
}
#page-game #infobox #eventssection a.event img.logo {
float:left;
width:155px;
}
#page-game #infobox #eventssection a.event .caption {
float:left;
width:135px;
height:75px;
overflow:hidden;
}
#page-game #infobox #eventssection a.event .caption .inner {
padding:5px 0 5px 10px;
}
#page-game #flashembed {
text-align:center;
}




/*Video directory*/

#videosdir .thumb {
background-color:#111;
float:left;
width:150px;
height:150px;
}
#videosdir .videodetails {
margin:0 0 0 160px;
}
#videosdir .description {
margin:0 165px 0 0;
}
#videosdir .relatedgames {
font-size:1px;
float:right;
width:155px;
}
#videosdir .videodetails img.relatedgamelogo {
width:155px;
height:75px;
}
#videosdir .videodetails img.relatedgamelogo.mini {
width:72.5px;
height:37.5px;
}



/*Video page*/

#videopage #video {
text-align:center;
padding-bottom:7px;
}
#videopage table.stats td.label {
width:145px;
}
#videopage #descriptionwrapper {
}
#videopage #description {
overflow:hidden;
}
#videopage #description #descriptioninner {
padding:0 5px 0 5px;
}
#videopage #legal {
color:#555;
padding:5px;
}
#videopage .related {
}
#videopage .relatedleft {
float:left;
width:310px;
margin-top:2px;
_margin-top:3px;
}
#videopage .relatedleft .logolink .gamelogo {
width:310px;
height:150px;
font-size:0px;
text-indent:-5000px;
}
#videopage .relatedleft .underbar {
height:20px;
background-color:#333;
margin-top:2px;
}
#videopage .relatedright {
margin-left:310px;
}
#videopage .carousel .carouselinner .item.empty table {
padding:0;
margin:0;
font-size:11px;
background:none;
line-height:normal;
}
#videopage .carousel .carouselinner .item.empty table tr td {
vertical-align:middle;
padding:0 5px 0 5px;
height:145px;
width:145px;
_height:150px;
_width:150px;
background:none;
}
#videopage .relatedright .carouselscrollbar {
margin:0 1px 0 0;
}
#videopage .related .relatedgroup {
height:178px;
}