﻿
/*-Evacssion.com - Site Stylesheet - Moving Target Games Splash page */
/*Edwin Vargas Cortes - 2010*/

/* FONT FACE DECLARATIONS AND CREDITS 
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Casady & Greene
 * @vendorurl:  http://www.moorstation.org/typoasis/designers/casady_greene/
 * @licenseurl: http://www.fontsquirrel.com/license/HighlandGothicFLF
 *
 * @vendor:     Accademia di Belle Arti Urbino
 * @vendorurl:  http://www.campivisivi.net/titillium/
 * @licenseurl: http://www.fontsquirrel.com/license/TitilliumText14L

 *
 */



@font-face {
	font-family: 'TitilliumText14L999wt';
	src: url('../fonts/TitilliumText999wt.eot');
	src: local('TitilliumText14L 999 wt'), local('TitilliumText14L-999wt'), url('../fonts/TitilliumText999wt.ttf') format('truetype');
}


@font-face {
	font-family: 'HighlandGothicFLFRegular';
	src: url('../fonts/HighlandGothicFLF.eot');
	src: local('HighlandGothicFLF Regular'), local('HighlandGothicFLF'), url('../fonts/HighlandGothicFLF.ttf') format('truetype');
}




/*--------------------------------------------resets and Aux Styles---------------------------------------*/
html,body,div,img,a,p,h1,h2,h3,h4,*{margin:0px; padding:0px; border:none;}

.noborder {border: none!important;}
.t_right {text-align: right;}
.t_left {text-align: left;}
.t_center {text-align: center;}
.f_left {float: left;}
.f_right {float: right;}
.m_boton{ margin-bottom:10px;}
.overflow-hidden{ overflow:hidden;}
.overflow-visible{ overflow:visible;}
.margin-10{ margin:10px}
.margin-top-25{ margin-top: 25px;}

.border_top{ border-top:1px #999999 dotted;}
.border_bottom{ border-bottom:1px #999999 dotted;}
.border_right{ border-right:1px #999999 solid;}

.clear{ clear:both;}
a{ color:#37B3DE; text-decoration:none; border-bottom:1px #37B3DE solid;}
a:hover{ color:#862044; text-decoration:none;border-bottom:1px #862044 solid;}
a:visited,a:active{ color:#9553B0; text-decoration:none; border-bottom:1px #9553B0 dotted;  outline: none;}

/* new clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*--------------------------------------------reset---------------------------------------*/

/*General Layout*/

body{ background:url('../img/layout/bg-page.jpg') repeat-x center top #000; color:#fff; font-size:12px; font-family:"HighlandGothicFLFRegular",Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif}
.wrapper{ width:1000px; margin:0px auto}
.header{ width:265px;  float:left; margin-left:71px;}
.content{ width:630px;  float:right;}
.footer{ clear:both; width:1000px;}


/*Header*/

.header h1{ height:311px;}
.logo{ width:265px; height:311px; background:url('../img/header/moving-target-games-logo.png') no-repeat 0 0; display:block; margin:144px 0px 0px 0px; padding:0px; text-indent:-123456789px; line-height:0px; border-bottom:none!important;}


/*content*/
.statement{ width:630px;  background:url('../img/layout/bg-content-panel.png') repeat 0 0; float:right; margin-top:192px; clear:both; margin-bottom:25px;}
.statement h2{ text-transform:uppercase; text-shadow: 3px 3px 3px #000; font-size:18px; margin:15px 15px 10px 15px; font-style:italic;}
.statement p{ color:#ACEBF8; text-transform:uppercase; text-shadow: 3px 3px 3px #000; font-size:16px; margin:10px 15px; font-style:normal; font-family:"TitilliumText14L999wt","Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif}
.statement p b{ color:#fff; display:block; margin-top:10px;}

.twitter-feed{ width:480px; height:85px; background:url('../img/layout/bg-twitter-feed.png') no-repeat 0 0; clear:both; padding:5px;}
.twitter-feed h3{text-transform:uppercase; text-shadow: 3px 3px 3px #000; font-size:14px; margin:0px 20px 5px 90px; font-style:italic;}
#twetter-feed-container{font-size:14px; margin:0px 20px 10px 90px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
#twetter-feed-container ul li{ list-style:none!important;}
.btn-follow-us{ display:block; width:129px; height:38px; background:url('../img/buttons/btn-follow-us.png') no-repeat 0 0; text-indent:-123456789px; line-height:0px; border-bottom:none!important;margin-right: 150px; float:right;}
.btn-follow-us:hover{ background-position:-129px;border-bottom:none!important;}
.newsform{ width:345px; height:38px; float:left; background:url('../img/layout/bg-email-form.png') no-repeat 0 0; position:relative;}

.newsform label{ position:absolute; bottom:-16px; left:0px; background:url('../img/bullets/green-arrow-up.png') no-repeat center left; font-size:12px;  text-shadow: 3px 3px 3px #000; padding-left:15px; margin-left:5px;}
.newsform input{ float:left; margin:6px; width: 244px; height:18px; color:#fff; padding:3px; background-color:#848D8F; border:1px #666 solid; -webkit-border-radius: 10px; -khtml-border-radius: 10px;	-moz-border-radius: 10px; border-radius: 10px;}
.newsform input:focus{ background-color:#aaa; border:1px #222 solid;}
.btn-send{ display:block; width:59px!important; height:21px!important; margin:12px 6px 6px 6px !important; padding:0px!important; background:url('../img/buttons/btn-submit.png') no-repeat 0 0 transparent!important; text-indent:-123456789px; line-height:0px; border:none!important; float:right; -webkit-border-radius: 0px!important; -khtml-border-radius: 0px!important;	-moz-border-radius: 0px!important; border-radius: 0px!important; cursor:pointer;}
.btn-send:hover{ background-position:-59px;}

.message{ margin-top:20px; color:#862044; text-decoration:none; font-size:14px;margin-left:5px;}
/*Footer*/
.footer{ font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; padding-top:100px;  clear:both;}
