/*



#------------------------------------------------------------------------



# gamebox - July 2010 (for Joomla 1.5)



#



# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.



# License: Copyrighted Commercial Software



# Website: http://www.gavick.com



# Support: support@gavick.com   



#------------------------------------------------------------------------ 



# Based on T3 Framework



#------------------------------------------------------------------------



# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.



# @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html



# Author: J.O.O.M Solutions Co., Ltd



# Websites: http://www.joomlart.com - http://www.joomlancers.com



#------------------------------------------------------------------------



*/







* {
font-family: "acuta-1", "acuta-2", Georgia, "Times New Roman", Times, serif;
color: #cccccc;
font-weight: 500;
font-style: normal;
}
html {
height: 100%;
margin-bottom: 1px;
}
body {
background:url("../../images/style1/bg.jpg") no-repeat fixed 50% 0 #0A0A0A;
margin:0;
padding:0;
font-size: 12px;
}
.clr {
clear:both;
}
.width {
width:960px;
margin:0 auto;
}
.inside {
padding:15px;
}
.inside2 {
padding:2px 20px 5px 5px;
}

.header {
text-align:left;
}
.header .width {
background: url("../../images/style1/jaime.png") no-repeat 100% 100%;
}
.header .inside {
padding:40px 10px;
}
.headlogo {
text-align:left;
}
.headlogo .width {
background: url("../../images/style1/xlogo2.png") no-repeat 100% 100%;
margin-bottom:40px;
}
.headlogo .inside {
padding:40px 10px;
}
#logo {
width:450px;
font-family: 'Oswald', helvetica, arial, sans-serif;
text-transform:uppercase;
font-size:50px;
margin-bottom:40px;
text-shadow:3px 3px 5px #000;
-moz-text-shadow:3px 3px 5px #000;
-webkit-text-shadow:3px 3px 5px #000;
color:#FB3300;
}
.sl-toplogo p {
margin:-10px 0 0 0;
font-family: "acuta-1","acuta-2",Georgia,"Times New Roman",Times,serif;
font-weight:500;
font-style: italic;
font-size:16px;
color:#FB3300;
text-shadow: 2px 2px 1px 1px #000000;
-moz-text-shadow:2px 2px 1px 1px #000000;
-webkit-text-shadow:2px 2px 1px 1px #000000;
}
.sl-botlogo p {
margin-top:-22px;
font-family: "futura-pt-1","futura-pt-2",Helvetica, Arial, sans-serif;
font-weight:500;
text-transform:uppercase;
font-size:21px;
color:#ffffff;
background:#000000;
padding:3px;
text-shadow: 2px 2px 1px 1px #000000;
-moz-text-shadow:2px 2px 1px 1px #000000;
-webkit-text-shadow:2px 2px 1px 1px #000000;
}
#logo span {
font-family: 'Oswald', helvetica, arial, sans-serif;
display:block;
float:right;
font-size:20px;
color:#FFF;
}

.bandcred p {
font-size:21px;
font-family:"futura-pt-1","futura-pt-2",helvetica, arial,sans-serif;
font-weight:500;
font-style:normal;
color:#ffffff;
}

.bandcred p span {
/*display:block;*/
font-size:21px;
font-style:normal;
font-weight:900;
font-family:"quatro-1","quatro-2",helvetica, arial,sans-serif;
color:#ffffff;
}

.testitop {
margin:0;
}
.testitop .width { 
margin-top:15px;
margin-bottom:30px;
background:url("../../images/style1/sl-intro.jpg") no-repeat scroll 50% 0 #000;
border:10px solid #333333;
box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}

.sl-tops p {
color:#FF0000;
font-size: 24px;
font-family: "acuta-1", "acuta-2", Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: 500;
line-height:26px;
}

.intro {
margin:0 0 40px 0;
}
.intro .width {
font-size:18px;
background:url("../../images/style1/sl-intro.jpg") no-repeat scroll 50% 0 #000;
border:10px solid #333333;
box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}
.sl-image {
float:left;
width:40%;
}
.sl-introtext {
float:right;
width:58%;
font-size:18px;
}
.sl-heads p {
float:right;
width:58%;
font-size:46px;
font-family: "quatro-1","quatro-2",Helvetica, Arial, sans-serif;
color: #fff;
font-weight: 900;
font-style: normal;
text-shadow:2px 2px #000000;
-moz-text-shadow:2px 2px #000000;
-webkit-text-shadow:2px 2px #000000;
margin:0;
}
.sl-bothead p {
width:100%;
font-size:36px;
font-family: "quatro-1","quatro-2",Helvetica, Arial, sans-serif;
color: #fff;
font-weight: 900;
font-style: normal;
text-shadow:2px 2px #000000;
-moz-text-shadow:2px 2px #000000;
-webkit-text-shadow:2px 2px #000000;
margin:0;
padding: 12px 0 7px 0;
}
.sl-bothead2 p {
width:100%;
font-size:36px;
font-family: "quatro-1","quatro-2",Helvetica, Arial, sans-serif;
color: #fff;
font-weight: 900;
font-style: normal;
padding:45px 0 5px 0;
text-shadow:2px 2px #000000;
-moz-text-shadow:2px 2px #000000;
-webkit-text-shadow:2px 2px #000000;
margin:0;
}
.sl-footer p {
font-size:14px;
font-family: "acuta-1", "acuta-2", Georgia, "Times New Roman", Times, serif;
color: #fff;
font-weight: 500;
font-style: normal;
margin:0;
}
.buttonCard, .buttonPaypal {
display:block;
border:1px solid #FF7A59;
border-bottom-color:#E62E00;
height:20px;
line-height:20px;
letter-spacing: -1px;
font-size:27px;
color:#000000;
background:transparent url('../../images/style1/btnBig.png') repeat-x 0 top;
padding:20px 25px;
margin-right:5px;
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-decoration:none;
font-family: "futura-pt-1","futura-pt-2",helvetica,arial,sans-serif,"quatro-slab-1","quatro-slab-2";
font-weight: 900;
text-shadow: 1px 1px #FDAD99;
-moz-text-shadow:1px 1px #FDAD99;
-webkit-text-shadow:1px 1px #FDAD99;
}
.buttonCard:hover, .buttonCard:focus, .buttonPaypal:hover, .buttonPaypal:focus {
background-position:0 bottom;
border-top-color:#666;
border-left-color:#505050;
border-right-color:#343333;
border-bottom-color:#222;
cursor:pointer;
color:#fff!important;
text-shadow: 1px 1px #000000;
-moz-text-shadow:1px 1px #000000;
-webkit-text-shadow:1px 1px #000000;
}
.mainbody {
margin:0;
}
.mainbody .width {
background:url("../../images/style1/sl-intro.jpg") no-repeat scroll 50% 0 #000;
border:10px solid #333333;
box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}
.sl-bodyleft {
float:left;
width:58%;
font-size:18px;
margin-right:2%;
line-height:22px;
}
.sl-excerpt p {
display:block;
margin:5px 0px 22px 10px;
font-size:13px;
font-style:normal;
font-family:"futura-pt-1","futura-pt-2",Helvetica,arial,sans-serif;
font-weight:500;
}
.sl-testintro {
float:left;
width:37%;
}
.sl-testintro p {
font-size:11px;
font-style:normal;
font-weight:500;
line-height:18px;
color:#777777;
font-family:Helvetica,arial,sans-serif;
padding:10px;
}
.sl-bodymid {
float:left;
width:37%;
}
.sl-bodymid p {
font-size:21px;
font-family:"acuta-1", "acuta-2", Georgia, "Times New Roman", Times, serif;
font-weight:500;
font-style:italic;
color:#888888;
padding:15px;
-moz-border-radius:9px 9px 9px 9px;
border:3px solid #333333;
/*background:url("../../images/style1/sl-intro.jpg") no-repeat scroll 50% 0 #000;*/

background:#000000;
}
.sl-bodymid p span {
display:block;
margin-top:5px;
font-size:13px;
font-style:normal;
font-weight:500;
font-family:"futura-pt-1","futura-pt-2",helvetica, arial,sans-serif;
}
.sl-bodyright {
width:28%;
float:right;
}
.toolbar {
padding:5px 0;
background:#000;
}
#frame {
width:960px;
margin:50px auto 100px auto;
min-height:500px;
overflow:hidden;
}
#frame>div>p {
text-align:center;
color: #FB3300;
padding: 11px 10px;
margin: 0 10px 20px;
background:#000;
font-weight:normal;
font-size:150%;
}
#frame>div>p br {
display: none;
}
fieldset.input {
border:none;
padding:0;
margin:0 auto;
width:700px;
}
span.username, span.password, span.remember {
float: left;
}
span.password {
margin-left:20px;
margin-right:20px;
}
span.username input, span.password input {
border-color: #3d4044;
width: 156px;
}
span.remember, #form-login ul {
/* clear: both; */



}
span.username input, span.password input {
border:none;
border-radius:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
height:24px;
width:200px;
/* margin-top: 10px; */



padding-left:8px;
}
div.buttons {
float: left;
margin-left:10px;
margin-top:2px;/* margin: 10px 0 20px; */
}
input[type=text], input[type=password] {
color:#444;
}
input[type=submit] {
display:block;
border:1px solid #FF7A59;
border-bottom-color:#E62E00;
height:23px;
line-height:23px;
font-size:11px;
color:#fff;
background:transparent url('../../images/style1/btn.png') repeat-x 0 top;
padding:0 10px 3px 10px;
margin-right:3px;
float:left;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
input[type=submit]:hover, input[type=submit]:focus {
background-position:0 bottom;
border-top-color:#666;
border-left-color:#505050;
border-right-color:#343333;
border-bottom-color:#222;
cursor:pointer;
color:#fff!important;
}
.top {
margin:20px;
font-size:18px;
}
.sl-body {
margin:0 0 40px 0;
}
.sl-bodyinner {
width:60%;
float:left;
padding:15px;
border:1px solid #000;
text-shadow:3px 3px 5px #000;
-moz-text-shadow:3px 3px 5px #000;
-webkit-text-shadow:3px 3px 5px #000;
background:url("../../images/style1/sl-intro.jpg") no-repeat scroll 50% 0 #000;
box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.sl-bottomleft {
width:48%;
float:left;
}
.sl-bottomright {
width:48%;
float:right;
}
#footer {
text-align:center;
}
#footer .inside {
padding:3p 10px;
}
#footer p {
font-size:13px;
font-style:normal;
line-height:24px;
color:#777777;
font-family:'Oswald', Helvetica, arial, sans-serif;
padding:0;
margin:0;
}
.nl-sign-up {
font-size:11px;
font-style:normal;
line-height:19px;
font-family:Helvetica, arial, sans-serif;
padding:9px 0 5px 0;
margin:0;
color:#FFF;
}