/*
Theme Name: Games for Change
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol,ul {
	list-style: none;
}
blockquote,q {
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th,td {
	font-weight: normal;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: none;
}
a { text-decoration:none }
a:hover { text-decoration:underline; }

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}
audio,canvas,video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del { color: #333;}
ins { background: #fff9c0; text-decoration: none;}
hr { 
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,.wrapper:after,.format-status .entry-header:after { clear: both; }
.clear:before,.clear:after,.wrapper:before,.wrapper:after,.format-status .entry-header:before,.format-status .entry-header:after { display: table; content: "";}


/**** structure ***/

html,body {
	background-color:#b3b3b3;
	font-family:Arial, sans-serif;
}

a {color:#00a943; text-decoration:none;}

/*** nav ***/

#site-navigation {
	height:70px;
	width:100%;
	background-color:#fff;
	text-align:center;
	border-top:10px solid #4b4b4b;
	position:fixed;
	z-index:100;
}

.shadow {
	-moz-box-shadow: 0px 5px 5px rgba(117,117,117,0.2);
	-webkit-box-shadow: 0px 5px 5px rgba(117,117,117,0.2);
	box-shadow: 0px 5px 5px rgba(117,117,117,0.2);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#757575')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#757575');
}

.inner{
	width:900px;
	height:100%;
	margin:0 auto;
	position:relative;
}

#menu-main-menu {
	width:700px;
	float:left;
}

#menu-main-menu li {
	float:left;
	height:65px;
}

#menu-main-menu li a, #menu-main-menu li.current-menu-item:first-child a {
	font-family: TradeGothicLTPro-Cn18;
	color:#00a843;
	font-size:16px;
	text-decoration:none;
	text-transform:uppercase;
	padding:25px 22px;
	display:block;
	background-color:transparent;
	border-bottom:none;
}

#menu-main-menu li a:hover, #menu-main-menu li.current-menu-item a,  #menu-main-menu li.post-parent a {
	color:#fff;
	font-size:16px;
	background-color:#46db96;
	border-bottom:5px solid #4b4b4b;
}

#site-navigation .social {
	float:right;
	font-family: TradeGothicLTPro-Cn18;
	color:#313131;
	font-size:12px;
	width:150px;
	height:25px;
	margin-right:30px;
	margin-top:19px;
} 

.social ul { float:right; }

.social span {
	line-height:28px;
	text-transform:uppercase;
}

.social li {
	background:url(img/icons_social.png) no-repeat;
	float:left;
	margin-left:5px;
}

.social li a {
	width:25px;
	height:25px;
	display:block;
}

.social li a:hover {
	text-decoration:none;
}

#site-navigation .social .twitter {
	background-position:-30px 0;
}


#site-navigation .social .tubmlr {
	background-position:-61px 0;
}

/*** masthead ***/

#masthead {
	background-color:#efefef;
	padding-top:80px;
	height:270px;
	text-align:center;
	overflow:hidden;
}

.home #masthead {
	height:472px;
}



#masthead .imagemask {
	position:absolute;
	background:url('img/other_mask.png') no-repeat;
	width:100%;
	height:100%;
	top:0;
}

.home #masthead .imagemask {
	position:absolute;
	background:url('img/home_mask.png') no-repeat;
	width:100%;
	height:100%;
	top:0;
}

.home #masthead .imagemask img {
	width:100%;
	height:100%;
}

#carousel {width:415px; height:270px; overflow:hidden; left:458px; position:absolute;}
.home #carousel {width:619px; height:472px; overflow:hidden; left:251px; }
.carousel { overflow:hidden;position:relative;}
.carousel .slide { 	float:left; position:relative; overflow:hidden; }
.carousel .slide ul, .carousel .slide img, .carousel .slide a img { position:absolute; left:0;}
.carousel .tray { position:absolute; overflow:auto;  }

.home #masthead .arrow-btn {
	width:25px;
	height:25px;
	cursor:pointer;
	position:absolute;	
	top:397px;
	 background: url(img/arrows_home.png) no-repeat;
}

.home #masthead #left { background-position:0 0; right:97px;}
.home #masthead #right { background-position:-27px 0; right:30px; }
.home #masthead #left:hover { background-position:0 -27px;}
.home #masthead #right:hover { background-position:-27px -27px;}
.home #masthead #pagecount {
	font-family: TradeGothicLTPro-Cn18;
	font-weight:bold;
	position:absolute;
	width:43px;
	right:55px;
	top:400px;
	font-size:20px;
	text-align:center; 
}
.home #masthead .pagination {overflow:auto; position:relative; top:465px; margin:0 auto; display:block}
.home #masthead .pagination .page { background: url(images/carousel_pages.png) no-repeat -25px -2px; width:15px; height:15px; cursor:pointer; float:left;	}
.home #masthead .pagination .page.active { background-position: -5px -2px; }
.home #masthead .pagination .page.hover { background-position: -45px -2px; }

.home #masthead .text {
	position:absolute;
	left:70px;
	bottom:30px;
	font-family: TradeGothicLTPro-Cn18;
	color:#fff;
	text-align:left;
}

.home #masthead .text.hover {
	color:#fcd900;
}

.home #masthead .text h3 {
	font-weight:bold;
	font-size:25px;
	line-height:22px;
}

.home #masthead .text h4 {
	font-size:20px;
	line-height:24px;
	font-weight:normal;
}

.home #masthead .text h5 {
	font-size:15px;
	line-height:21px;
	font-weight:normal;
}

/*** footer ***/
#footer {
	background-color:#b3b3b3;
	height:265px;
	text-align:center;
	bottom:0;
	padding-top:28px;
}

#footer .group {
	float:left;
	text-align:left;
	margin-left:80px;
}

#footer .group:first-child {
	margin-left:30px;
}

#footer .group h3 {
	font-family: TradeGothicLTPro-Cn18;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}


#footer .group img {
	margin-right:12px;
}

#footer .site-info {
	width:100%;
	text-align:left;
	margin-top:78px;
	float:left;
	font-size:12px;
	margin-left:30px;
}

#footer .site-info a {
	color:#ed1c24;
}


/*** main content ****/
#primary {
	background-color:#fff;
}

#primary .inner {
	width:840px;
	padding:33px 30px 94px;
}

#content .description img {
	margin-bottom:24px;
}

#content .description {
	
	width:550px;
	min-height:130px;
	font-size:13px;
	line-height:20px;
	margin-bottom: 50px;
} 

#content .register {
	position:absolute;
	top:73px;
	right:27px;
}

.columns {
	overflow:hidden;
}

.column {
	float:left;
	width:260px;
	margin-left:30px;
	border-bottom:3px #444 solid;
	background-color:#e7e7e7;
	
}

.column.left {
	width:318px;
	height:auto;
}

.column.right {
	width:492px;
	height:auto;
}

.column:first-child {
	margin-left:0px;
}

.column .header {
	height:31px;
	padding-left:12px;
	padding-top:17px;
	border-bottom:2px #fff solid;
}

.column .title {
	height:32px;
	font-size:20px;
	background-color:#fcd900;
	font-family: TradeGothicLTPro-Cn18;
	font-weight:bold;
	color:#444;
	border-bottom:1px solid #cbb100;
	padding:14px 10px 2px;
	text-transform:uppercase;
}

.column .title a {
	float:right;
	font-size:14px;
	padding-top:6px;
}

.column .column-content {
	padding:20px 14px 25px;
	color:#313131;
	font-size:13px;
	line-height:21px;
}

#scrollup {
	width:840px;
	background: url(img/footer_grad.png) no-repeat center bottom;
	height:125px;
	position:absolute;
	overflow:hidden;
	text-align:center;
	bottom:0px;
}

#scrollup a {
	display:block;
	width:126px;
	height:126px;
	background: url(img/arrows_footer.png) no-repeat;
	margin:0 auto;
	cursor:pointer;
	background-position:0 10px;
}

#scrollup a:hover {
	background-position:-126px 10px;
}


/*** home ***/

.home .column {
	height:406px;
}

.home .column ul {
	border-top:1px solid #fff;
	padding:20px 10px;
}

.home .column li img {
	padding-right:11px;
	float:left;
}

.home .column li a{
	font-family: TradeGothicLTPro-Cn18;
	font-size:16px;
	width:240px;
	display:block;
	vertical-align:top;
	height:90px;
	text-transform:uppercase;
}


/*** program ***/

.program .dayofweek {
	font-size:17px;
	padding-left:10px;
}

.program .column-content li {
	margin-bottom:25px;
}

.program .column-content .catname {
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

/*
.program li.program {
	border-top:1px solid #fff;
	border-bottom:1px solid #d9d9d9;
	height:54px;
	padding:10px 15px;
	background:url(img/program_filter.png) no-repeat #efefef; 
	background-position:0 -43px;
	overflow:hidden;
}

.program li.program .left {
	width:170px;
	height:100%;
	float:left;
	margin-right:30px;
}
*/

.program li.program .left.cell {
	width:170px;
}

.program li.program .left.cell .time {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	/*margin-top:13px;*/
}

.program li.program .left.cell .bottomrow {
	font-size:12px;
}

.program li.program .bottomrow a:hover{
	text-decoration:none;
	color:#313131;
}

/*
.program li.program.even {
	background-color:#f9f8f8;
}
*/
.program li.program .name a:hover {
	color:#313131;
	text-decoration:none;
}

.program li.program .name {
	height:100%;
}

.program li.program .name a{
	font-family: TradeGothicLTPro-Cn18;
	color:#00a843;
	font-size:18px;
	padding-bottom:3px;
	margin-top:14px;
	text-transform:uppercase;
	vertical-align:middle;
	display:block;
}


.filternav {
	background:url(img/program_filter.png) no-repeat;
	height:37px;
	font-size:12px;
	text-transform:uppercase;
	color:#313131;
}

.filternav .label {
	font-family: TradeGothicLTPro-Cn18;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	margin-left:8px;
	padding-top:10px;
	padding-right:20px;
	float:left;
}

.filternav a {
	font-size:12px;
	color:#00a843;
	height:37px;
	padding: 12px 4px 0;
	text-align:center;
	display:inline-block;
}

.filternav a:hover, .filternav a.selected {
	color:#313131;
	text-decoration:none;
}



/*** single program ***/
.single-program .column .title {
	font-size:27px;
	font-weight:bold;
	padding:14px 15px 2px;
}

.single-program .dayofweek {
	font-size:20px;
	font-weight:normal;
}

.single-program .details {
	float:right;
	font-size:12px;
	padding-top:5px;
	text-transform:none;
	font-family:Arial, sans-serif;
	font-weight:normal;
}

.single-program .details .time{
	font-size:14px;
	font-weight:bold;
}

.single-program .column .title a {
	text-transform:none;
	float:none;
	font-size:12px;
	padding-top:0px;
}

.single-program .wrapper .top .name {
	font-size:18px;
	color:#313131;
	font-family: TradeGothicLTPro-Cn18;
	margin-bottom:18px;
	text-transform:uppercase;
}


/*** speakers ***/

.speakers .right.column {
	background-color:#efefef;
}
.speakers .left .column-content p {
	margin-bottom:26px;
}

.alphanav {
	background:url(img/alphanav.png) no-repeat;
	height:43px;
}

.alphanav .letter {
	width:17px;
	padding-top:13px;
	font-size:13px;
	color:#ccc;
	height:43px;
	text-align:center;
	display:inline-block;
}

.alphanav a.letter {
	color:#00a843;
}

.alphanav .letter:first-child{
	margin-left:15px;
}

.alphanav a:hover, .alphanav a.selected {
	color:#fff;
	text-decoration:none;
	background:url(img/alphanav_flag.gif) no-repeat;
}

.speakers ul.group, .program ul.group, .games ul.group, .single-games ul.group {
	border-bottom:1px solid #fff;
	display:table;
	width:100%;
}

.speakers li.speaker .right.cell, /*.games li.game .right.cell*/ {
	background-color:#efefef;
}

.speakers li.speaker, .program li.program, .games li.game, .single-games li.game {
	
	height:61px;
	/*padding:10px 15px;
	background:url(img/alphanav.png) no-repeat #efefef; 
	background-position:0 -43px;
	*/
	background-color: #efefef;
	display:table-row;
	line-height:16px;
}

.speakers li.speaker:first-child {
	border-top:none;
	padding-top:3px;
}

.speakers li.speaker .cell, .program li.program .cell, .games li.game .cell, .single-games li.game .cell {
	border-top:1px solid #fff;
	border-bottom:1px solid #d9d9d9;
	display:table-cell;
	vertical-align:middle;
	position:relative;
}

.speakers li.speaker:first-child .cell {
	border-top:none;
}

.speakers li.speaker.even, .program li.program.even, .games li.game.even, .single-games li.game.even {
	background-color:#f9f8f8;
}

.speakers li.speaker .left.cell, .program li.program .left.cell, .games li.game .left.cell, .single-games li.game .left.cell {
	padding:10px 15px 10px 15px;
	border-right:1px solid #d9d9d9;	
}

.speakers li.speaker .right.cell, .program li.program .right.cell, .games li.game .right.cell, .single-games li.game .right.cell {
	padding-left:16px;
	border-left:1px solid #fff;
	width:100%;
}

.program li.program .right.cell {
	width:auto;
	padding-right:15px;
}

.speakers li.speaker img, .games li.game img, .single-games li.game img {
	padding-bottom:0;
	float:none;
}


.speakers li.speaker a:hover, .games li.game a:hover, .single-games li.game a:hover {
	text-decoration:none;
}

.speakers li.speaker a:hover .name, .games li.game a:hover .name, .single-games li.game a:hover .name {
	color:#313131;
}

.speakers li.speaker a .name, .games li.game a .name, .single-games li.game .name  {
	font-family: TradeGothicLTPro-Cn18;
	color:#00a843;
	font-size:18px;
	padding-bottom:3px;
	/*margin-top:14px;*/
	text-transform:uppercase;
}

.speakers li.speaker a .position, .games li.game a .developer, .single-games li.game .developer {
	font-family: TradeGothicLTPro-Cn18;
	color:#313131;
	font-size:15px;
	text-transform:uppercase;
}

/*** single detail ***/

.single .column.nav {
	background:transparent;
	border-bottom:none;
	width:144px;
}

.single .column.main {
	width:492px;
	height:auto;
	font-size:12px;
	color:#313131;
	line-height:21px;
}

.single .main .wrapper {
	padding:25px 15px;
}

.single .main .video {
	margin-bottom:10px;
}

.single .main .top {
	overflow:hidden;
}

.single .main img {
	float:left;
	padding-right:10px;
	padding-bottom:30px;
}

.single .main .position {
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	line-height:17px;
	margin-bottom:20px;
}

.single .main .aside{
	font-weight:bold;
	margin-bottom:14px;
}

.single .main .aside a, .single .main .aside span {
	font-weight:normal;
}

.single .nav.column a {
	display:block;
	margin-top:100px;
	font-size:11px;
	color:#313131;
	text-align:center;
}

.single .nav.column hr {
	border:0;
	width:40px;
	color:#313131;
	background-color:#313131;
	height:1px;
	margin:0 auto;
}

.single .nav.column a:hover
{
	text-decoration:none;
}

.single .nav.column a .icon {
	width:70px;
	height:70px;
	background:url('img/arrows_single.png') no-repeat;
	margin:0px auto;
}

.single .nav.column a .prev .icon {
	background-position:0 0;
}

.single .nav.column a:hover .prev .icon {
	background-position:-142px 0;
}

.single .nav.column a .next .icon {
	background-position:-71px 0;
}

.single .nav.column a:hover .next .icon {
	background-position:-213px 0;
}

.single .nav.column a h3 {
	margin-top:17px;
	margin-bottom:11px;
	font-weight:normal;
	text-transform:uppercase;
}

.single .nav.column a h4 {
	margin-top:10px;
	font-weight:normal;
}

/*** games ***/

.games .columnstacker {
	float:left;
	width:318px;
}

.games .column.left {
	margin-left:0px;
}

.games .column:first-child {
	margin-left:0px;
	margin-bottom:30px;
}

.games .column-content li {
	margin-bottom:25px;
}

.games .column-content .catname {
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

.games .column .title span {
	font-weight:normal;
}

.games li.game.winner, .single-games li.game.winner {
	background:url('img/winner_stripes.gif') #e1e1e1;
}

.games li.game.winner .badge, .single-games .badge{
	width:64px;
	height:66px;
	background:url('img/winners.png') no-repeat top left;
	margin-right:15px;
}

.games li.game.winner .cell.badgecell {
	width:64px;
}

.games li.game.winner .badge.game_of_the_year{
}

.games li.game.winner .badge.best-gameplay, .single-games .badge.best-gameplay{
	background-position:-130px 0;
}

.games li.game.winner .badge.most-innovative, .single-games .badge.most-innovative{
	background-position:-195px 0;
}

.games li.game.winner .badge.most-significant-impact, .single-games .badge.most-significant-impact{
	background-position:-65px 0;
}

.single-games .main .aside {
	line-height:14px;
	margin-bottom:12px;
}

.single-games .top .topleft {
	float:left;
	width:210px;
	position:relative;
}

.single-games .main a.playbtn {
	background: url('img/btns_play.png') no-repeat;
	display:block;
	width:96px;
	height:26px;
	text-indent:-1000000px;
	margin-bottom: 10px;
} 

.single-games .main a.playbtn:hover {
	background-position:0 -26px;
}

.single-games .main img {
	float:none;
	padding-bottom:5px;
}

.single-games .curated a.bottomlink {
	padding:15px;
	display:block;
}

.single-games .awards{
	position:absolute;
	top:0;
	left:0;
	width:200px;
}

.single-games .badge {
	float:left;
	margin-right:0px;
	margin-left:1px;
	margin-top:3px;
}

.single-games .badge:first-child {
	margin-left:3px;
}

.single-games .badge.game_of_the_year {
	position:absolute;
	top:129px;
	left:69px;
}

.single-games .curated .badge {
	width:58px;
	height:58px;
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	background: url('img/winner.png') no-repeat top left;
}

.single-games li.game .left.cell {
	padding-right:5px;
}

/*** registration ***/


.registration #content .register {
	right:268px;
}

.registration #content .pressregister {
	position:absolute;
	top:73px;
	right:27px;
}

.registration .column {
	width:100%;
}

.registration .column .wrapper {
	padding:25px 15px;
}

.registration .hotel {
	width:138px;
	font-size:13px;
	line-height:20px;
	margin-left:30px;
	height:160px;
	float:left;
}

.registration .hotel.first {
	margin-left:0px;
}

.registration .hotel h3 {
	font-size:14px;
}

/*** marketplace ***/
.marketplace .left .column-content p {
	margin-bottom:26px;
}

.marketplace ul.group{
	border-bottom:1px solid #fff;
}

.marketplace .right {
	background-color:#efefef;
}

.marketplace li.vendor {
	border-top:1px solid #fff;
	border-bottom:1px solid #d9d9d9;
	height:61px;
	padding:10px 15px;
	background:url(img/alphanav.png) no-repeat #efefef; 
	background-position:0 -43px;
}

.marketplace li.vendor.even {
	background-color:#f9f8f8;
}

.marketplace li.vendor img {
	padding-right:32px;
	float:left;
}

.marketplace li.vendor a:hover {
	text-decoration:none;
}

.marketplace li.vendor a:hover .name {
	color:#313131;
}

.marketplace li.vendor a .name {
	font-family: TradeGothicLTPro-Cn18;
	color:#00a843;
	font-size:18px;
	padding-bottom:3px;
	margin-top:14px;
	text-transform:uppercase;
}


/*** about ***/

.about .column {
	width:100%;
}

.about .group {
	margin-bottom:35px;
	overflow:hidden;
}

.about .partner {
	float:left;
	margin-top:35px;
	width:144px;
	margin-left:30px;
}

.about .partner.first {
	margin-left:0px;
}