@charset "utf-8";
/* CSS Document */

/* AFK Interactive MMO Mobile. - D.Sauls */

/* 

mozilla CSS document
moz.css
author: AFK Interactive - www.afkinteractive.com
date: 11-30-10

*/

/*=uneditable */
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
input:focus, textarea:focus, select:focus {border-color: #CC3300;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object{
	padding:0;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div {

}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}
strong { font-weight: bold; }

a:link, a:visited, a:active {
	text-decoration: none;
	color: #FF6600;
}
a:hover {
	text-decoration: underline;
}

body {
	background-color: #000000;
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	font-weight: normal;
}

hr {
	color:#333;
	background-color:#333;
	height:1px;
	border:none;
}
/* Global Elements
=====================================================================*/

html { overflow-x: auto; height:100%;}

input[type="text"] { 
}

/* Headers
=====================================================================*/

h1 {
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #FF9900;
	letter-spacing: -0.01em;
	font-size: 21px;
}

h2 {
	font-size: 16px;
	color: #FF9900;
	font-weight: bold;
	text-align: center;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	line-height: 20px;
}

h3 {
	font-size: 16px;
	color: #CCCCCC;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	color: #EBEBEB;
	text-transform: uppercase;
	font-weight: bold;
}

h5 {
	font-size: 1.3em;
	line-height: 1.2em;
}

h6 {
	font-size:.88em;
	letter-spacing: 1px;
	font-weight: bold;
}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */


/* Global Defaults
=====================================================================*/
#wrap {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
/* Masthead and Navigation Elements
=====================================================================*/
#masthead {
	width: 850px;
	position: relative;
	margin-left: 70px;
	height: 230px;
}

#logo {
	height: 136px;
	width: 219px;
	float: left;
	background-image: url(images/afk-interactive-mmo-mobile.png);

}

#logo h1 {
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	float: left;
}
#slogan {
	float: left;
	height: 101px;
	width: 298px;
	padding-top: 35px;
	padding-left: 5px;
}
#feature {
	float: right;
	height: 230px;
	width: 326px;
}
#nav {
	float: left;
	height: 33px;
	width: 200px;
}




 
 /* Navigation Elements
=====================================================================*/
#navigation {
	height: 58px;
	width: 522px;
	float: left;
}

	#navigation h3 {
	left: -9000px;
	top: 0;
	height: 0;
	line-height: 0em;
	position: absolute;
}	

	#navigation ul, #navigation ul li, #navigation ul li a {
	float: left;
	height: 58px;
	display: inline;
}

	#navigation ul {
	left: 0;
	top: 0;
	width: 522px;
	background-image: url(images/nav-mmo.png);
	background-repeat: no-repeat;
	height: 59px;
	background-position: left top;
}

		#navigation ul#nav li, #navigation ul#nav li a { width: 63px; } /* width for n-home */
		#navigation ul#nav li#n-mmo, #navigation ul#nav li#n-mmo a {width: 128px; }
		#navigation ul#nav li#n-m4, #navigation ul#nav li#n-m4 a { width: 115px }
		#navigation ul#nav li#n-app, #navigation ul#nav li#n-app a {width: 61px}
		#navigation ul#nav li#n-about, #navigation ul#nav li#n-about a {width: 67px}
		#navigation ul#nav li#n-contact, #navigation ul#nav li#n-contact a {width: 88px }
		
		#navigation ul#nav li a { text-indent: -9000px; }
		#navigation ul#nav li a:hover,
		body.index #navigation ul#nav li#n-home a { background: url(images/nav-mmo.png) no-repeat -0px -59px; } /* width for n-home */
		#navigation ul#nav li#n-mmo a:hover,
		body.n-mmo #navigation ul#nav li#n-mmo a { background: url(images/nav-mmo.png) no-repeat -63px -59px; }
		#navigation ul#nav li#n-m4 a:hover,
		body.n-m4 #navigation ul#nav li#n-m4 a { background: url(images/nav-mmo.png) no-repeat -191px -59px; }
		#navigation ul#nav li#n-app a:hover,
		body.app #navigation ul#nav li#n-app a { background: url(images/nav-mmo.png) no-repeat -306px -59px; }
		#navigation ul#nav li#n-about a:hover,
		body.about #navigation ul#nav li#n-about a { background: url(images/nav-mmo.png) no-repeat -367px -59px; }
		#navigation ul#nav li#n-contact a:hover,
		body.n-contact #navigation ul#nav li#n-contact a { background: url(images/nav-mmo.png) no-repeat -434px -59px; }


 /* Main Content Elements
=====================================================================*/
#main_content {
	float: left;
	width: 920px;
	position: relative;
}
#main_content   h1 {
	color: #FF6600;
	font-family: "Trebuchet MS", "Myriad Pro", Arial;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#main_content strong {
	color: #FFFFFF;
}
.media_border img {
	border: 1px solid #FFFFFF;
}

/* Column 1 Elements
=====================================================================*/
#column1 {
	float: left;
	width: 550px;
	min-height:300px;
	font-size: 12px;
	padding-left: 43px;
	color: #CCCCCC;
	font-family: "Trebuchet MS", "Myriad Pro", Arial;
	padding-bottom: 30px;
	padding-top: 30px;
	}
#column1 ul {
	list-style-type: disc;
	list-style-position: outside;
	display: block;
	padding-left: 25px;
}
#column1 li {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	line-height: 14px;
	margin-left: 10px;
	list-style-position: outside;
}

#column1  #os  li {
	margin-left: 27px;
	font-size: 11px;
	list-style-type: circle;
}

.article   ol   {
	display: block;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.article   .alpha   li {
	list-style-type: decimal;
}
.n-resource #wrap #lft_column #content .article .alpha {
	padding-left: 0px;
	margin-left: 5px;
}

.article blockquote {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 20px;
}

#column1  h2 {
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
}
#featuredapp {
	width: 530px;
	float: left;
	clear: both;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 20px;
}
#featuredapp   h1 {
	font-size: 1px;
	height: 1px;
	width: 280px;
	text-indent: -9000px;
}
#recentapp .info a {
	text-align: left;
	padding-top: 8px;
	text-indent: -9000px;
	display: block;
	height: 30px;
	padding-bottom: 16px;
	width: 285px;
}
#recentapp {
	width: 285px;
	float: left;
	font-size: 12px;
	margin-right: 25px;
	margin-top: 50px;
	margin-left: 8px;
	line-height: 17px;
}

.apps {
	width: 530px;
	float: left;
	clear: both;
	padding-top: 40px;
	padding-bottom: 25px;
	padding-left: 20px;
}
.index #wrap #main_content {
	background-image: url(images/featApp.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.thx #wrap #main_content {
	background-image: url(images/signupThx_AFK.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.news-item {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* App Product Detail Page Elements
=====================================================================*/
#app-product {
	float: left;
	padding-bottom: 34px;
}
#download {
	float: left;
	width: 325px;
	margin-top: 20px;
}

#app {
	height: 282px;
	padding-bottom: 37px;
	width: 157px;
	background-image: url(images/android_bg.png);
	background-repeat: no-repeat;
	padding-left: 9px;
	padding-top: 27px;
	padding-right: 10px;
	float: left;
	display: block;
}
#column1 .appsheader {
	font-size: 24px;
	color: #FFFFFF;
}

#app-descript {
	float: left;
	width: 330px;
	padding-left: 40px;
	height: 346px;
	position: relative;
}
.appsback {
	width: 67px;
	float: left;
}
#appcontainer {
	float: left;
	margin-bottom: 15px;
}
.appbrief h2 {
	font-variant: normal;
	text-transform: none;
	font-size: 24px;
}
.appbrief dd {
	font-size: 10px;
	line-height: 11px;
	color: #CCCCCC;
}

#appcontainer  .appbrief  h2  {
	text-transform: none;
	font-size: 18px;
	color: #EBEBEB;
}
.appicon {
	margin-bottom: 5px;
}



.applft, .apprt {
	float: left;
	width: 270px;
}


.download-app {
	width: 142px;
	float: left;
	padding-right: 20px;
}
.download p {
	text-transform: none;
}
#download .download-app p {
	font-weight: normal;
	text-transform: none;
	font-size: 11px;
	line-height: 12px;
	color: #FFFFFF;
}
#app-descript h3 {
	font-size: 12px;
	color: #FF6600;
	font-weight: normal;
}
#app-descript  .apptitle  {
	font-size: 24px;
	color: #EBEBEB;
	font-weight: normal;
	float: left;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 250px;
}
#app-descript p {
	font-size: 11px;
}
.download-iphone, .download-android, .download-blackberry {
	width: 107px;
	float: left;
	text-align: center;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
.download-blackberry {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.download-brand {
	margin-bottom: 15px;
}


.download-qr {
	margin-top: 15px;
	float: left;
	width: 325px;
}


.custom_images {
	float: left;
}
.share-app  {
	float: left;
	padding-right: 6px;
	padding-top: 4px;
	font-weight: bold;
	color: #FF6600;
	font-size: 14px;
}





/* Add this Icons
=====================================================================*/
/* Custom Icons */
.addthis_toolbox .custom_images a {
	width: 24px;
	height: 24px;
	float: left;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
}

.addthis_toolbox .custom_images a img {
    opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}
/* END
=====================================================================*/


#signup {
	float: left;
	width: 206px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#form h2 {
	font-family: "Trebuchet MS", "Myriad Pro", Arial;
	font-size: 16px;
	background-image: url(images/envelope.png);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	line-height: 16px;
	padding-left: 27px;
	color: #FF6600;
	padding-bottom: 5px;
	font-weight: normal;
}
.signup {
	margin-left: 1px;
}


#signup  p {
	font-size: 14px;
}
.required {
	font-size: 11px;
	color: #CCCCCC;
	font-family: "Trebuchet MS", "Myriad Pro", Arial;
	line-height: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}
.signup input {
	color: #666666;
	font-size: 11px;
	margin-top: 10px;
	width: 140px;
	padding-top: 1px;
	padding-bottom: 1px;
}


.signupframe /* Sign Up Form */
     {
	color: #FFFFFF;
	font-size: 12px;
	width: 170px;
	margin-left: 3px;
    }
#form button {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.signup .email-label {
	float: left;
	width: 50px;
}

#error {
	float: left;
	width: 180px;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 34px;
	background-image: url(images/error.png);
	background-repeat: no-repeat;
	background-position: 8px 22px;
	height: 200px;
}
#thanks {
	float: left;
	width: 180px;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 34px;
	background-image: url(images/thanks.png);
	background-repeat: no-repeat;
	background-position: 12px 30px;
	height: 200px;
}



#chart p {
	display: block;
	float: left;
	width: 270px;
	margin-top: 90px;
	margin-left: 25px;
}
#chart {
	float: left;
	width: 548px;
	padding-bottom: 22px;
}
#chart img {
	float: left;
}

#location {
	float: left;
	width: 185px;
	font-size: 11px;
	padding-left: 45px;
	padding-top: 10px;
	line-height: 13px;
}

/* Column 2 Elements
=====================================================================*/

#column2 {
	float: left;
	width: 220px;
	padding-left: 65px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial;
	color: #CCCCCC;
	font-size: 12px;
	padding-top: 34px;
	padding-bottom: 20px;
}
.video {
	float: left;
	width: 216px;
}

.video a {
	background-image: url(images/watchVideo.png);
	height: 158px;
	display: block;
	text-indent: -9000px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.video  a:hover {
	background-image: url(images/watchVideo.png);
	height: 158px;
	display: block;
	text-indent: -9000px;
	background-position: 0px -158px;
	background-repeat: no-repeat;
}

.video h1 {
	margin-left: 5px;
}

#social {
	float: left;
	height: 54px;
	width: 216px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

li.facebook a {
	background: url(images/facebook-like-us.png);
	background-position: 0 0;
	width: 54px;
	height: 54px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;
}
li.facebook a:hover {
	background-position:
     0px -54px;
	background-image: url(images/facebook-like-us.png);
}
li.twitter a {
	background: url(images/follow-us-twitter.png);
	background-position: 0 0;
	width: 54px;
	height: 54px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;

}

li.twitter a:hover {
	background-position: 0px -54px;
	background-image: url(images/follow-us-twitter.png);
}
li.youtube  a {
	background: url(images/youtube.png);
	background-position: 0 0;
	width: 54px;
	height: 54px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;

}
li.youtube  a:hover {
	background-position:
     0px -54px;
	background-image: url(images/youtube.png);
}
li.linkedin a {
	background: url(images/linkedin-link.png);
	background-position: 0 0;
	width: 54px;
	height: 54px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	float: left;

}

li.linkedin a:hover {
	background-position:
     0px -54px;
	background-image: url(images/linkedin-link.png);
}
#headlines {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	width: 206px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.headline a {
	color: #CCCCCC;
	font-size: 12px;
	line-height: 12px;
}
.headline a:hover {
	color: #FFF;
	text-decoration: none;
}
.headline-date {
	font-size: 10px;
	color: #999999;
	margin-bottom: 14px;
	text-transform: uppercase;
	width: 100%;
}
#os {
	float: left;
	margin-bottom: 10px;
	display: block;
	text-indent: -9000px;
	background-image: url(images/osLogos.png);
	height: 29px;
	background-position: center top;
	background-repeat: no-repeat;
	width: 206px;
	padding-right: 5px;
	padding-left: 5px;
}
.addthis_toolbox {
	float: left;
	width: 330px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
}

.addthis_toolbox_app {
	float: left;
	width: 330px;
	padding-top: 15px;
}

.date-quote {
	font-size: 10px;
	font-style: italic;
}


.resource-doc {
	font-size: 12px;
	color: #EBEBEB;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	width: 550px;
	padding-bottom: 10px;
	padding-top: 5px;
	height: 40px;
}
.pdf {
	display: block;
	height: 50px;
	width: 35px;
	float: left;
}












/* Footer Elements
=====================================================================*/
#footer {
	width: 845px;
	padding-top: 10px;
	float: left;
	padding-bottom: 30px;
	text-align: right;
	font-family: "Trebuchet MS", "Myriad Pro", Arial;
	font-weight: normal;
	font-size: 11px;
	color: #666666;
	padding-left: 35px;
	padding-right: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #232323;
}
#footer #copyright {
	float: left;
}
#footer #email {
	float: right;
}


#footer a {
	color: #666666;
}
#footer a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.quote-block {
	display: block;
	background-image: url(images/pc_gamer_logo.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	width: 205px;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-left: 80px;
	color: #FFFFFF;
}
.featuredeq  {
	width: 250px;
	display: block;
	color: #660000;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	margin-left: 25px;
	line-height: normal;
}