@font-face 
{
	font-family:"Open Sans";
	src:url("/fonts/Open_Sans/OpenSans-Regular.eot?")format("eot"),
	url("/fonts/Open_Sans/OpenSans-Regular.woff")format("woff"),
	url("/fonts/Open_Sans/OpenSans-Regular.ttf")format("truetype"),
	url("/fonts/Open_Sans/OpenSans-Regular.svg#OpenSans")format("svg");
	font-weight:normal;font-style:normal;
}

@font-face 
{
	font-family:"Socialico";
	src:url("/fonts/Socialico/Socialico.eot?#iefix")format("eot"),
	url("/fonts/Socialico/Socialico.woff")format("woff"),
	url("/fonts/Socialico/Socialico.ttf")format("truetype"),
	url("/fonts/Socialico/Socialico.otf")format("opentype"),
	url("/fonts/Socialico/Socialico.svg#Socialico")format("svg");
	font-weight:normal;font-style:normal;
}



html
,body
{
	margin:0px;
	padding:0px;
	height:100%;
	
	font-family:"Open Sans",sans-serif;
	font-size: 14px;
  	line-height: 20px;
	color:rgb(51, 51, 51);
	background-color:rgb(220, 220, 220);
	/*background-image:url(/images/noise.png);*/
	background-repeat:repeat;
	font-smooth:always;
	cursor:default;
	
	

}

p::selection
,h1::selection
,h2::selection
,h3::selection
,h4::selection
,h5::selection
,h6::selection
{
  background:rgba(255, 255, 255, 0); /* WebKit/Blink Browsers */
}

p::-moz-selection
,h1::-moz-selection
,h2::-moz-selection
,h3::-moz-selection
,h4::-moz-selection
,h5::-moz-selection
,h6::-moz-selection
{
  background:rgba(255, 255, 255, 0); /* WebKit/Blink Browsers */
}


div
{
	margin: 0px;
	padding: 0px;
	border: 0px none;
	font: inherit;
	vertical-align: baseline
}

.large 
{
  font-size: 72px;
  letter-spacing: -3px;
  line-height: 100%;
  font-smooth:always;
}

h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
	font-family:"tw cen MT",sans-serif;
	color:rgb(78,78,78);
	word-wrap: break-word;
}

h1{
  font-size: 50px;
  letter-spacing: -2px;
  line-height: 50px;
}

h2 {
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 100%;
}

h3 {
  font-size: 28px;
  letter-spacing: -0.5px;
  line-height: 100%;
}

h4 {
  font-size: 24px;
  letter-spacing: -0.25px;
  line-height: 100%;
}

.small, small {
  font-size: 12px;
  line-height: 100%;
}

A,
A:visited
{
	font-weight:normal;
	text-decoration:none;
	color: rgb(11, 11, 11);
}


A:hover
{
	color:rgba(63, 118, 183, 1.0);
}

A:active
{
	color:rgba(63, 118, 183, 1.0);
}

.button
,.contactButton
,.cvButton
,.contactResetButton
,.contactSendButton
{
	border-radius: 2px 2px 2px 2px;
	outline: medium none;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	box-shadow: 0px 0px 5px rgba(63, 118, 183, 0.5), 0px 0px 10px rgb(255, 255, 255) inset;
	cursor:pointer;
	vertical-align:middle;
	display:inline-block;
	padding:4px;
	margin-left:10px;
	min-width:60px;
	text-align:center;
	background-color:rgb(255, 255, 255);
}

.contactButton
{
	margin-left:0px;
}

.contactButtons
{
	margin-top:5px;
}

.cvButton
{
margin-left:10px;
}

.button:hover
,.contactButton:hover
,.cvButton:hover
,.contactResetButton:hover
,.contactSendButton:hover
{
	border-color: rgb(63, 118, 183);
}

.container,
.frame,
.project_frame,
.home_page_frame,
.footer
{
	max-width:960px;
	padding:0px;
	margin:0px auto;
	z-index:0;
}


.frame
{
	padding:10px;
}

.project_frame
{
	background-color: #FFFFFF;
	padding:20px;
	padding-top:0px;
}

.project_bg
{
	margin:0px;
	z-index: 0;
	top: 0px;
	left: 0px;
	background-color: transparent;
	display: block;
	background-position:center top;
	background-repeat: no-repeat;
	width: 100%;
	padding-top:100px;
	background-size: 100% 400px;
	background-attachment: fixed;
}

.wrapper
{
	
	min-width:960px;
	padding-top:42px;
	width:100%;
	display: block;
	
	background-color: rgba(246, 246, 246, 1.0);
	

}

.scroll_overlay
{
	min-width:100%;
	display: block;
	background-color: transparent;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f6', endColorstr='#f6f7f6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 246, 246, 1.0)), to(rgba(246, 246, 246, 1.0))); /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgba(246, 246, 246, 1.0), rgba(246, 246, 246, 1.0)); /* for firefox 3.6+ */	
	background: linear-gradient( 0deg, rgba(246, 246, 246, 1.0), rgba(246, 246, 246, 1.0) );

    	background-repeat:repeat-x;
    	background-position: 0px 540px;
}



.top_bar
{
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:1000;
	margin: 0px auto;
	padding: 0px;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	display:block;
	height:40px;
}

.top_bar_content
{
	width:960px;
	margin:0px auto;
}


.logo
{
	background-image:url(/images/Logo.png);
	background-position:5px 0px;
	background-repeat:no-repeat;
	height:40px;
}

.search_box
{
	float:right;
	width:100px;
	display:block;
}

.footer
{
	border-top: 1px solid rgba(0, 0, 0, 0.03);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.02) inset, 0px -1px 0px rgba(255, 255, 255, 0.25);
	padding-bottom:20px;
	min-width:960px;
}

.footer_half_width_box
{
	float:left;
	display:block;
	margin:auto;
	width:auto;
	width:50%;
	padding:0px;
}

.footer_contact_box
,.footer_copyright_box
{
	
	padding:0px;
	margin:10px;
	margin-left:0px;
	margin-right:0px;

}

.footer_contact_box
{
	margin-left:0px;
}

.footer_copyright_box
{
	text-align:right;
	font-size:10px;
}

.footer_contact_box_left
,.footer_copyright_box_left
{
	float:left;
	display:block;
	margin:auto;
	padding-right:20px;
	margin-right:20px;
	witdh:auto;
	border-right: 1px solid rgb(221, 221, 221);
}

.footer_contact_box_right
,.footer_copyright_box_right
{
	float:left;
	display:block;
	margin:auto;
	width:auto;
}

.footer_logo
{
	background-image:url(/images/footer_logo.png);
	background-position:center 0px;
	background-repeat:no-repeat;
	opacity:0.25;
	padding:0px;
	margin:0px;
	height:91px;
	width:215px;
	margin-bottom:10px;
	margin:auto;
	display:block;
}

.footer_logo:hover
{
	opacity:0.5;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.blog_entry
,.blog_controls
,.game_list_item_controls
,.links_container
,.jobs_container
,.project_frame
{

	position: relative;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
	background-color: rgba(255,255,255,1.0);
	
	margin-bottom:16px;
	padding:30px
	
	

}


.anchor
{
	padding-top: 60px;
}

.game_list_item_image img
{
	margin:0px;
	border:none;
	margin-left:auto;
	margin-right:auto;
}

.blog_entry_edit
,.blog_controls
,.game_list_item_edit
{
		border-radius: 0px 0px 4px 4px !important;
}

.blog_entry_home_page
{
	border:none;
	border-radius: 0px 0px 0px 0px !important;
	background-color: transparent !important;
	padding:0px !important;
	box-shadow: none;
}

.blog_controls_header
,.blog_item_controls
,.game_list_item_controls
{
	border:none;/* 4px solid rgb(255, 255, 255);*/
	position: relative;
	border-radius: 4px 4px 0px 0px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	background-color: rgba(0,0,0,0.02);
	padding:10px;
	margin:0px;
}

.blog_item_controls a 
,.game_list_item_controls a
{
    padding:10px;
}


.strech_form_control
{
	width:100%;
	max-width:100%;
	min-width:100%;
}

.blog_checkbox_area
{
	padding-top:10px;
}

.blog_button_area
{
	padding-top:10px;
}

.blog_facebook_login
{
	text-align:right;
	padding: 0px;
	padding-top:5px;
	padding-bottom:10px;
	margin:0px;
}


.jobs_container
{
		
	background-image:url(/images/dock.png);
	background-position:0px bottom;
	background-repeat:no-repeat;
	min-height:820px;
}


.blog_date
{
	height:50px;
	float: left;
	display: inline;
        padding: 0px;
	margin: 0px;
	padding-right:10px;
	margin-right:10px;
	padding-left:10px;
	border-right: 1px solid rgb(204, 204, 204);
	
}

.blog_date h1, 
.blog_date h2,
.blog_date h3
{
	text-transform: uppercase;
	padding: 0px;
	margin:0px;
	font-size: 19px;
	text-align:center;
	letter-spacing:0px;
	line-height:16px;
	
}


.blog_date h1
{
	font-weight:normal;
	color: rgb(153, 153, 153) !important;
}


.blog_date h2
{
}

.blog_date h3
{
	font-size:24px;
	color: rgb(153, 153, 153) !important;
}



/* LOG IN */

.login_half_width_box
,.register_half_width_box
,.blog_controls_half_width_box
{
	float:left;
	display:block;
	margin:auto;
	width:auto;
	width:50%;
	padding:0px;
}


.login_container
,.register_container
{
	display:block;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}


.login_container_buttons
{
	dispaly:block;
	padding:0px;
	margin:0px;
	margin-top:10px;
}


.login_container label
,.register_container label
{
	width:100%;
	display: block;
	float:left;
	
}

.login_text_box
{
	width:100%;
	margin-bottom:5px;
	display: block;
	float:left;
}

#login_form_id
,#register_form_id
{
	border:none;/* 4px solid rgb(255, 255, 255);*/
	position: relative;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	background-color: rgba(255,255,255,0.6);
	padding:24px;
	margin:0px;
}


/* COMMENT */

.comment_header
,.comment_body
{
	margin-left:80px;	
	display:block;
}

.comment_body
{
	display:block;
	min-height:50px;
}

.comment_container
{
	padding-top:10px;
}

.comment_container h2
{
	font-size:20px;
	text-transform: uppercase;
}


.comment_email
,.comment_date
{
	
	float:left;
	display:inline;
}

.comment_date
{
	font-size:11px;
	color: rgb(153, 153, 153)
}

.comment_email a
{
	margin-right:10px;
	font-weight:bold;
}

.comment_count
{
	font-size:11px;
	color: rgb(153, 153, 153);
	margin-left:10px;
	line-height:40px;
	width:auto;
}
.comment_blocks
{
	margin-top:10px;
}

.comment_block
{
	margin-bottom:20px;
	margin-left:20px;
	display:block;
}

.comment_avatar
{
	float:left;
	width:70px;
	height:70px;
	display:inline;
}

comment_avatar img
{
	width:70px;
	height:auto;
}

.comment_text_area
{
	width: 100%;
	min-height:70px;
	max-width:100%;
	min-width:100%;
	max-height:110px;
	width:100%;
	margin: 0px;
	padding: 0px;
	
}

.comment_post_bottom_bar
{
	margin: 0px;
	padding: 0px;
	margin-top:10px;
	width:100%;
	display:block;
	
}

#comment_char_count
{
	float:left;
	display:inline-block;
	color:#666;
	font-size:11px;
}


.comment_signin
{
	background: none repeat scroll 0% 0% rgb(238, 238, 238);
	border: 1px solid rgb(204, 204, 204);
	padding:10px;
	margin-bottom:20px;
}

a.comment_close_button
{
	width:27px;
	height:27px;
	display:block;
	float:right;
	
	background-image:url(/images/close.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	
	opacity:1.0;
}

a.comment_close_button : hover
{
	opacity:0.5;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

/* HOME PAGE */
.home_page_text
{
	margin:0px;
	padding:0px;
}


.home_page_news_feed_container
{
	padding: 0px;
	margin: 0px;
	float: right;
	width: 300px;
	overflow: hidden;
	position: relative;
	margin-left:20px;
	margin-bottom:20px;
	z-index:10 !important;
}

.home_page_news_feed_container_edit
{
	margin-top:40px;
}

.home_page_news_feed
{
	padding: 0px;
	margin: 0px;
	width: 300px;
	overflow: auto;
	overflow-x: hidden;
	display:block;
}

.home_page_news_feed_post
{
	display:block;
	padding:5px;
	cursor:pointer;
	clear:both;
	transition: all 0.25s ease-out 0s;
	/*margin-bottom:5px;*/
	/*min-height:60px;*/
}

.home_page_news_feed_post:hover
{
	background-color: rgba(128,128,128,0.1);
}

.home_page_news_feed_body h1
{
	font-size: 25px;
  	letter-spacing: -0.5px;
  	line-height:25px;
  	height:50px;
  	overflow:hidden;
}

.news_pic
{
	position:absolute;
	right:20px;
	top:20px;
}


.news_item
{
	margin-right:130px;
}

.news_item img
{
	width:100%;
}

.game_list_item h1
{
	font-size:22px;
	text-align:center;
	
	width:100%;
	white-space:nowrap;
    	overflow:hidden;
}

.game_list_item_half_width_box
{
	display:inline-block;
	margin:auto;
	padding:6px;
	float:none;
	overflow:hidden;
}

.game_list_item img
{
	width:100%;
}

.game_list_item_border
{
	overflow:hidden;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
	background-color: rgba(255,255,255,1.0);
	padding:16px;
	
	
}
.game_list_item
{
	border: none;
	position: relative;
	background-color: rgba(255,255,255,1.0);
	
	padding:0px;
	margin:0px;
	
	min-height:230px;
	max-height:230px;
	height:230px;
	
	min-width:270px;
	max-width:270px;
	width:270px;
	
	opacity: 1;

	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;

	overflow:hidden;
	
	
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1); 
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1); 
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1);
	transition: all 200ms ease-in;
	transform: scale(1);   
}

.game_list_item:hover
{
     	 opacity: 0.8;

	-webkit-transition: all 150ms ease-in;
	-webkit-transform: scale(1.1);
	-ms-transition: all 150ms ease-in;
	-ms-transform: scale(1.1);   
	-moz-transition: all 150ms ease-in;
	-moz-transform: scale(1.1);
	transition: all 150ms ease-in;
	transform: scale(1.1);
     	 
}
 

.main_menu_select_box
{
	display:none;
}


/*-------------- DOWNLOAD COLUMN ON PROJECTS PAGE -------------------*/
.article_column
{
	display: block;
	padding: 0px;
	float:left;
	width:70%;
}

.article
{
	/*padding:20px;
	padding-left:0px;*/
}

.info_column
{
	float: right;
	display: block;
	margin: auto;
	width: 30%;
	padding: 0px;
}

.flexContainer
{
	display: block;
	float:left;
}

.info_column_content
{
	position: relative;
	margin:0px;
	margin-left:5px;
}


.info_column_logo img
{
	width:100%;
	border:0px;
	margin-left:auto;
	margin-right:auto;
}

.info_box
{
	margin-top: 5px;
}

.info_title
,.info_value
{
	width:50%;
	float:left;
	clear:all;
	text-align:right;
}

.info_title
{
	font-weight:bold;
	text-align:left;
}

.info_pal
,.info_ntsc
{
font-size:8px;
	color:rgb(58,58,58);
}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green
,.ribbon-green-right {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, 
.ribbon-green:after,
.ribbon-green-right:before, 
.ribbon-green-right:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before
,.ribbon-green-right:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

/*------------------ CV-------------------*/

.cvTopBar
{
	height:115px;
}

.cvDownloadContainer
{
	display:block;
	text-align:right;
	margin:0px;
	padding:0px;
	width:100%;
}

.cvContactDetails
{
	margin-top:20px;
	margin-bottom:20px;
}

.cvContactDetailsLeft
{
	float:left;
}

.cvContactDetailsRight
{
	float:right;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.center
{
	text-align:center;
}

.ingress
{
	font-weight:bold;
}

.indent
{
	margin:20px;
}

/*------------------ Contact -------------------*/

.update
{
	padding:20px;
	padding-top:0px;
	border-style:dashed;
	border-color:#FF0000;
	border-width:1px;
	background-color:#FFFF99;
}

.strechFormControl
{
	width:100%;
}

.contactContainer
{
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
	background-color: rgba(255,255,255,0.4);
	
	margin-bottom:16px;
	padding:30px
}

.commentBackground
{
	width:100%; 
	height:100%;
	z-index:1000;
	position:absolute; top:0px; left:0px;
	background-image:url(Common%20Files/frost.png);
	background-color:transparent;
	background-repeat:repeat;
	vertical-align:middle;
}



.contactFormEntryField
,commentFormEntryField
{
	margin:0px;
	padding:0px;
	display:inline-block;
	margin-top:5px;
	min-width:100%;
	max-width:100%;
}

.contactContainer
{
	margin:10px;
}

.commentForm input
,.commentForm textarea
,.contactContainer input
,.contactContainer textarea
,#recaptcha_response_field
{
	padding:2px;
	margin:0px;
	width:100%;
	min-width:100%;
	max-width:100%;
	background-color:#ffffff; 
	display:inline-block;
	
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid rgba(0,0,0, 0.2);
	
	
	
	
}

.commentForm input:focus
, .commentForm textarea:focus
,.contactContainer input:focus
, .contactContainer textarea:focus
, #recaptcha_response_field:focus
{
	box-shadow: 0 0 5px rgba(63, 118, 183, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(63, 118, 183, 0.5); 
	-moz-box-shadow: 0 0 5px rgba(63, 118, 183, 0.5);
	border:1px solid rgba(63, 118, 183, 0.5); 
}




.contactContainer textarea
{
	width:396px;
}

.commentForm input
,.commentForm textarea
{
	width:242px;
}

.contactFormContainer
{
	margin:0px;
	padding:0px;

}

.contactSendArea
{
	position:relative;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
}


.contactButton
{
	width:100%;
	margin-bottom:10px;
}


.contactDesc
{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	font-size:2em;
}

.contact_half_width_box
{
	float: left;
	display: block;
	margin: auto;
	width: 50%;
	padding: 0px;
}

.contactResetButton
,.contactSendButton
{
	float:right;
}

.hr
{
	display:none;
}

.ingress
{
	font-weight:normal;
}

.bold
{
	font-weight:bold;
}

canvas 
, canvas#c
{
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width:1920;
    height:980px;
}

/* --------------------------- SOCIAL NETWORKS ----------------------------------------------------- */
.social
, social a
, social a a:Active
, social a a:visited
{
	font-family:"Socialico",sans-serif;
	font-size: 42px;
  	line-height: 42px;
	color:rgb(68, 68, 68);
}

a#facebookButton
,a#facebookButton:active
,a#facebookButton:visited
,a#twitterButton
,a#twitterButton:active
,a#twitterButton:visited
,a#youtubeButton
,a#youtubeButton:active
,a#youtubeButton:visited
,a#linkedInButton
,a#linkedInButton:active
,a#linkedInButton:visited
{
	color:rgb(68, 68, 68);
}


a#facebookButton:hover
{
	color:rgba(59, 89, 152, 1.0);
}

a#twitterButton:hover
{
	color:rgba(85, 172, 238, 1.0);
}

a#youtubeButton:hover
{
	color:rgba(221, 40, 38, 1.0);
}

a#linkedInButton:hover
{
	color:rgba(27, 134, 188, 1.0);
}

#sb_counter_next
{
    display: none;
}