@charset "utf-8";

#access {
  background: #252934;
}

#access li.menu-item a:hover, .current-menu-item {
  background:#1D2129;
}

.fb_iframe_widget_lift {
  z-index:9999 !important;
}

/* This gets Google to fall into place */
.social {
	font-size: 1px;
        float: right;
        margin-right: -10px;
	margin-top: 5px;
}
 
/* This gets Facebook to fall into place */
.social iframe {
	vertical-align: middle;
}
 
/* Set an optional width for your button wrappers */
.social span {
	width: 100px;
}
 
/* Adjust the widths individually if you like */
.social .google {
	width: 75px;
	margin-right: 20px;
	margin-left:20px;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('☺'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('☺'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

.socialLinks{
        display: block;
        margin: 0px 0px 10px;
        padding: 0px;
}
.socialLinks ul {
        display: inline;
        margin: 0 !important;
        padding: 0 !important;
}
.socialLinks ul li {
        background: none;
        list-style-type: none !important;
        margin: 0px 5px 5px 0px !important;
        padding: 0px !important;
        float: left !important;
}
.socialLinks ul li:before, .socialLinks ul li:after{
        display: none !important;
}
.socialLinks img{
        float: none;
        vertical-align:middle;
        margin: 0px 5px 0px 0px !important;
        padding: 0px !important;
        max-width: none\9; /* IE max-width fix on v2.1 */
}

.socialLinksClearer{
        clear: left;
}

.socialLinksOpt li {
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        filter:alpha(opacity=50);
        opacity: 0.5;
}
.socialLinksOpt li:hover {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        filter:alpha(opacity=100);
        opacity: 1;
}


.wp_clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.wp_clear:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}

#wp_wrapper {
	font-family:"Open Sans", sans-serif;
	font-size:13px;
	line-height:1.62em;
	background: url(/uploads/RoKabium-Games-Something-Ate-My-Alien-SAMA-Cover.jpg) no-repeat;
	background-size: 100%;
}

.menu-item a {
	color:#21759b;
	text-decoration:none;
	-moz-transition: color .25s ease, margin .25s ease;
	-webkit-transition: color .25s ease, margin .25s ease;
	-o-transition: color .25s ease, margin .25s ease;
	-ms-transition: color .25s ease, margin .25s ease;
	transition: color .25s ease, margin .25s ease;
}

#header ul.menu li.menu-item {
  margin: 0 0;
}

#header ul.menu li.menu-item a {
  background-image: none;
  line-height: 1.62em;
  padding-left: 0px;
}

#wp_wrapper {
	position:relative;
	max-width:1140px;
	margin:0 auto;
	overflow:visible; // was hidden, but that hides the facebook like popup at the top of the page
}

#wp_header #searchform {
	float:right;
	margin:38px 5px 7px 3px;
	clear: both;
}

#searchblog input[type="text"] {
	padding:5px;
}

#wp_header input#s {
	width: 0;
	height: 16px;
	padding:8px 16px;
	margin-right:0;
	background:#dedede url(images/search.png) right center no-repeat;
	background:rgba(0, 0, 0, .1) url(images/search.png) right center no-repeat;
	border:none;
	border-radius:24px;
	box-shadow: none;
	color:#999;
	font-size:12px;
	font-family:"Open Sans", sans-serif;
	text-indent: 16px;
	-moz-transition: width .25s ease, margin .25s ease;
	-webkit-transition: width .25s ease, margin .25s ease;
	-o-transition: width .25s ease, margin .25s ease;
	-ms-transition: width .25s ease, margin .25s ease;
	transition: width .25s ease, margin .25s ease;
}

#wp_header input#s:focus {
	width:180px;
	background:#ececec url(images/search.png) right center no-repeat;
	box-shadow:inset 1px 1px 5px 1px rgba(0, 0, 0, .1);
	color:#333;
	text-indent: 0;
}

#social-media-icons {
	float: right;
	margin-top: 5px;
}

a.social-media-icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 6px;
	//background-position: 0 0;
	overflow: hidden;
	text-indent: -1000px;
	-moz-transition: background-position .25s ease;
	-webkit-transition: background-position .25s ease;
	-o-transition: background-position .25s ease;
	-ms-transition: background-position .25s ease;
	transition: background-position .25s ease;
}

a.facebook:hover {
        background-position: 0 -33px;
}
a.google-plus:hover {
        background-position: -33px -33px;
}
a.twitter:hover {
        background-position: -66px -33px;
}
a.youtube:hover {
        background-position: -99px -33px;
}
a.instagram:hover {
        background-position: -132px -33px;
}

.facebook {
        background-image: url(/images/socialButtons3.png);
        background-position: 0 0;
}
.google-plus {
        background-image: url(/images/socialButtons3.png);
        background-position: -33px 0;
}
.twitter {
        background-image: url(/images/socialButtons3.png);
        background-position: -66px 0;
}
.youtube {
        background-image: url(/images/socialButtons3.png);
        background-position: -99px 0;
}
.instagram {
        background-image: url(/images/socialButtons3.png);
        background-position: -132px 0;
}


#wp_header-image {
	display:block;
	max-width:99.1%;
	padding:0.45%;
	margin-bottom:1.76%;
	box-shadow:0 0 3px #999;
	background:#fff;
}

#access {
	padding:0 20px;
	background:#111;
	box-shadow:0 0 7px rgba(0, 0, 0, .1);
}

#access ul {
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	font-weight:600;
	text-transform:uppercase;
}

#access li {
	position:relative;
	float:left;
	padding:0;
	margin:0;
}

#access ul li:first-child {
	padding-left:0;
}

#access a {
	display:block;
	padding:15px 0px;
        width:100px;
        text-align: center;
	color:#f0f0f0;
	text-decoration:none;
	-moz-transition: background-color .25s ease, margin .25s ease;
	-webkit-transition: background-color .25s ease, margin .25s ease;
	-o-transition: background-color .25s ease, margin .25s ease;
	-ms-transition: background-color .25s ease, margin .25s ease;
	transition: background-color .25s ease, margin .25s ease;
}

#access li.menu-item:hover,
#access li.current_page_item > a,
#access li.current-menu-item > a {
    
}

#access li.menu-item {
  width:100px;
}
#access li.menu-item a {
  height:21px;
}

#access a span {
	color:#999;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	line-height:1.62em;
	text-transform:none;
}

.drop-down-toggle {
	display:none;
	position:absolute;
	top:7px;
	right:16px;
	width:20px;
	height:20px;
	background:#333;
	border:#eee 3px solid;
	border-radius:15px;
}

.drop-down-arrow {
	display:block;
	width:0;
	height:0;
	margin:8px 0 0 5px;
	border-top:5px solid #eee;
	border-left:transparent 5px solid;
	border-right:transparent 5px solid;
}

#access li li {
	float:none;
	min-width:190px;
	padding:0;
	margin:0;
	background:#333;
	border-top:rgba(255, 255, 255, .05) 1px solid;
	border-bottom:rgba(0, 0, 0, .1) 1px solid;
}

#access li li a {
	min-width:150px;
	padding:5px 24px;
	margin:0;
	background: none;
	font-size:13px;
	line-height:33px;
	text-align:left;
	overflow:hidden;
}

#access li li:first-child > a {
	border-top: none;
}

#access li li:last-child > a {
	border-bottom: none;
}

#access li li a:hover {
	background:rgba(255, 255, 255, .2);
}

#access li ul {
	display:none;
	position:absolute;
	z-index:9999;
	min-width:240px;
	height:auto;
	padding:0;
	margin:0;
	box-shadow:0 0 3px #333;
	font-weight: normal;
	text-transform: none;
}

#access li ul ul {
	margin:-45px 0 0 240px !important;
}

#access li:hover > ul,
#access li li:hover > ul,
#access li li li:hover > ul {
	display:block;
}

#access .nav-show,
#access .nav-hide {
	display:none;
}

input#searchsubmit {
        display:none;
        width:30px;
        padding:2px;
        margin-right:10px;
        background:#a8a8a8;
        background:-moz-linear-gradient(#CCC,#999);
        background:-webkit-linear-gradient(#CCC,#999);
        background:-o-linear-gradient(#CCC,#999);
        background:-ms-linear-gradient(#CCC,#999);
        background:linear-gradient(#CCC,#999);
        border:#999 1px solid;
        color:#333;
        text-align:center;
}



.social-bookmarks {
	margin-bottom:20px;
	font-size:12px;
	font-weight:600;
}

.social-bookmarks p {
	margin-bottom:12px;
}

.facebook-like,
.twitter-button,
.google-plusone,
.pinterest-button {
	float:left;
}

.facebook-like {
	width:110px;
}

.fb_edge_comment_widget {
	width:401px;
}