/*  
Theme Name: jetsetgame
Theme URI: http://formulis.com/
Description: Theme created for Jet Set Games
Version: 1.0
Author: http://formulis.com
Author URI: http://formulis.com/
*/
@charset "utf-8";

body {
 margin:0;
 padding:0; 
 color:#000000;
 background:#cccccc; 
 font-family:Arial;
 font-size:12px;
 line-height:20px;
}

html {
 padding:0;
 margin:0;
}

img {
 padding:0;
 margin:0;
 border:0px; 
}

a {
 text-decoration:none;
 color:#08608c;
}

a:hover {
 text-decoration:underline;
}

ul, li, h1, h2, h3, h4{
 list-style-type:none;
 margin:0;
 padding:0;
}

.fleft {
 float:left !important;
}

.fright {
 float:right !important;
}
.fright ul li	{
  background: url("images/cols-title-star.png") no-repeat scroll 35px 8px transparent;
  padding: 5px 0 5px 60px;	
}
.fleft ul li {
  background: url("images/cols-title-star.png") no-repeat scroll 35px 8px transparent;
  padding: 5px 0 5px 60px;  
}
.left-content ul li {
	list-style-type: disc;
	margin: 0 0 0 40px;
}

.clear {
 clear:both;
}

.container{
  width:1004px;
  margin:0 auto;
  padding:10px 0 0 0;  
}

.bg,
.bg-blog-page,
.bg-blog-post-page{
  background:url(images/blog-home-bg.png) right 20px no-repeat;
  position:absolute;
  height:895px;
  width:1205px;      
}
.bg-game-about-page {
  position:absolute;
  height:895px;
  width:1245px;      
}
.bg-about-page,
.bg-game-page{
  background:url(images/about-us-main-bg.png) right 27px no-repeat;
  position:absolute;
  height:895px;
  width:1245px;      
}

.bg-career-page{
  background:url(images/careers-bg.png) right 27px no-repeat;
  position:absolute;
  height:895px;
  width:1208px;      
}

.header{
  padding:0 0 0 30px;
}

.logo a {
  position: relative;
}

.content{
  background:#efefef;
  border:2px solid #fff;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  -moz-box-shadow: 0px 0px 15px #ababab; /* Firefox */
  -webkit-box-shadow: 0px 0px 15px #ababab; /* Safari and Chrome */
  box-shadow: 0px 0px 15px #ababab;    
  filter: progid:DXImageTransform.Microsoft.shadow(color=#b4b4b4, direction=0, strength=0)
  progid:DXImageTransform.Microsoft.shadow(color=#b4b4b4, direction=90, strength=5)
  progid:DXImageTransform.Microsoft.shadow(color=#b4b4b4, direction=180, strength=5) 
  progid:DXImageTransform.Microsoft.shadow(color=#b4b4b4, direction=270, strength=5);
  margin:10px 0;        
  z-index:9999;
  position:relative;
}

.menu{
}

.menu ul{
}

.menu ul li{
  float:left;  
}

.menu ul li a{
  font-size:18px;
  color:#474747;
  float:left;
  padding:15px 0px 15px 20px;  
  text-decoration:none;
  margin:0 10px 0 20px;
}

.menu ul li.active a,
.menu ul li a:hover{
  background:url(images/active_menu.png) 0px 13px no-repeat;  
}

.search{
  float:right;
  margin:11px 12px 0 12px;
}

.top-gallery{
  border-top:3px solid #dedede;
  padding:0 0 20px 0;
}

.top-gallery-listing{
  border:1px solid #dddddd;  
  background:#fff;
  padding:2px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  margin:20px 20px 0 20px;
}

.top-gallery-listing-inner{
/*  border-top:1px solid #dddddd;  */
/*  border-left:1px solid #dddddd;*/
/*  border-right:1px solid #dddddd;*/
/*  border-bottom:0px solid #dddddd;*/
  background:#fff url(images/join-list-inner-bg.png) top repeat-x;
  padding:1px 1px 15px 1px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);   
}

.top-gallery-listing-inner a img{
  text-align:center;
}

.gall-prev-btn{
  float:left;
  width:10%;
  text-align:center;
  margin:25px 0 0 0;
}

.gall-avtar-list{
  float:left;
  width:80%;
  text-align:center;
}

.gall-avtar-list ul{  
}

.gall-avtar-list ul li{  
  float:left;
  width:85px;
  font-size:11px;
  color:#595959;
}

.gall-next-btn{
  float:left;
  width:10%;
  text-align:center;
  margin:25px 0 0 0;
}

.top-small-gallery{
  float:right;
  margin:30px 0 0 0;
  position: relative; 
}

.top-small-gallery .gall-avtar-list{
  width:auto;  
}

.top-small-gallery .middle-list{
  width:75px;  
}

.top-small-gallery .left-list{
  width:auto;  
  margin:15px 0 0 10px;  
}

.top-small-gallery .right-list{
  width:auto;  
  margin:15px 10px 0 0;  
}

.top-small-gallery .gall-prev-btn{
  margin:15px 0 0 0;  
  width:auto;  
}

.top-small-gallery .gall-next-btn{
  margin:15px 0 0 0;  
  width:auto;  
}


.left-content{
  font-size:14px;
  padding:0 20px;
  width:656px;
  float:left;
}

.left-content img{
  float:right;
  padding:15px 0 15px 25px;
}

.left-content img.leftside{
  float:left;
  padding:15px 25px 15px 0;
}

.right-content{
  float:right;
  font-size:14px;
  padding:0 20px 0 0;
  width:268px;
}

.left-right-content{
  font-size:14px;
  padding:0 20px;
}

.left-right-content .cols{  
  width:48%;
}

.game-about-page .left-right-content .cols{  
  width:49%;
}

.left-right-content .cols img{  
  border:1px solid #b5b5b5;  
  background:#fff;
  padding:5px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  float:left;
  margin:0 25px 15px 0;
}
.about-page .left-right-content .cols img{
	margin:25px 25px 15px 0;  
}

.career-page .left-right-content .cols img,
.game-about-page .left-right-content .cols img{  
  border:0px solid #b5b5b5;  
  background:transparent;
  padding:5px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  float:left;
  margin:0 25px 15px 0;
}

.left-right-content .cols span{ 
  color:#777777;
  font-size:11px;
}

.faq-cols .cols-title{
  background:url(images/cols-title-star.png) 35px 8px no-repeat;
  padding:5px 0 5px 60px;
}

.faq-cols p{  
  padding:5px 0 5px 60px;
}

.faq-cols ul li {
  background:url(images/cols-title-star.png) 35px 8px no-repeat;
  padding:5px 0 5px 60px;
}

.fleft ul li {
  background:url(images/cols-title-star.png) 35px 8px no-repeat;
  padding:0px 0 5px 60px;
}
.fleft ol li {
	background:url(images/cols-title-star.png) 35px 8px no-repeat;
	padding:0px 0 5px 60px;
}
.fright ol li {
	background:url(images/cols-title-star.png) 35px 8px no-repeat;
  padding:5px 0 5px 60px;
}

.fleft blockquote {
	 padding:0 0 0 25px;
}
.fright blockquote {
   padding:0 0 0 25px;
}


.left-right-content .cols-full{
}

.left-right-content .cols-full .cols-full-block{
  float:left;
  width:32%;
  padding:0 1% 0 0;   
  font-size:12px;
}

.left-right-content .cols-full img{      
  float:left;
  margin:0 15px 15px 0;
}

.left-right-content .cols-full span{ 
  color:#777777;
  font-size:11px;
}

.join-list{
  border:1px solid #dddddd;  
  background:#fff;
  padding:2px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  margin:0 0 20px 0;
}

.join-list-inner{
  border:1px solid #dddddd;  
  background:#fff url(images/join-list-inner-bg.png) top repeat-x;
  padding:1px 1px 15px 1px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
}

h1{
  font-size:36px;
  padding:0 0 20px 0;
}

h2{
  font-size:28px;
  padding:5px 0 5px 0;
  color:#08608c;
  text-transform: capitalize;
}

.game-page h2{
  font-size:23px;
  padding:5px 0 5px 0;
  color:#08608c;
}

h3{
  font-size:19px;
  padding:5px 0 5px 0;
  color:#08608c;
}

.about-page h3{  
  background:url(images/title-bg2.png) 100% 12px no-repeat;
}

.blog-post-page h3{  
  background:url(images/title-bg.png) 100% 12px no-repeat;
}

.career-page h3,
.game-about-page h3{  
  background:url(images/title-bg4.png) 100% 12px no-repeat;
}

.game-about-page h3 {
  padding : 3px 0 20px 0;
}
.blog-post-page .left-content h3{  
  background:url(images/title-bg-full.png) 100% 12px no-repeat;
}

.game-page h3{  
  background:url(images/title-bg5.png) 100% 12px no-repeat;
}

.faq-page h3{  
  background:url(images/title-bg4.png) 100% 12px no-repeat;
}

h3.full{  
  background:url(images/title-bg-full.png) 100% 12px no-repeat;
  color:transparent;  
}

h4{
  font-size:14px;
  padding:5px 0 5px 0;
  color:#08608c;  
}

/** p {  margin:0; padding:0 0 20px 0; } */

hr{
  margin:0 20px 20px 20px;
  border-top:2px solid #DEDEDE;
  border-bottom:2px solid #DEDEDE;
  border-left:2px solid #DEDEDE;
  border-right:2px solid #DEDEDE;
}
  
input.inputbox{
  border-right:1px solid #d4d0c8;
  margin:0 0 0 3px;
  width:183px;
  color:#8c8c8c;
  font-size:12px;
  float:left;
  padding:3px 5px 3px 5px;
  background:#fff url(images/inputbox-bg.gif) top repeat-x;
}

input.submit{
}

input.go-button{
  background:url(images/go-button.png) no-repeat;
  width:54px;
  height:26px;
  border:none;
  margin:0 0 0 3px;
}

input.search-button{
  background:url(images/search-button.gif) no-repeat;
  width:26px;
  height:25px;
  border:none;
}

input.submit-button{
  background:url(images/submit-button.png) no-repeat;
  width:67px;
  height:26px;
  border:none;
}

.pager{
  color:#000;
  float:right;
  padding:0 0 20px 0;
}

.pager span,
.pager a{
  margin:0 3px;
  color:#000;
}

.pager span.current{
  color:#08608c;
}

.blog-page,
.blog-post-page{
  background:#EFEFEF url(images/blog-bg.jpg) 0 50px no-repeat;
}

.about-page{
  background:#EFEFEF url(images/about-bg.jpg) 0 50px no-repeat;
}

.career-page{
  background:#EFEFEF url(images/career_page.jpg) 0 50px no-repeat;
}

.game-page{
  background:#EFEFEF url(images/game_page.jpg) 0 50px no-repeat;
}

.blog-page .top-gallery-img,
.about-page .top-gallery-img,
.blog-post-page .top-gallery-img,
.career-page .top-gallery-img,
.game-page .top-gallery-img{
  height:209px;
}

.blocks{
  border-bottom:3px solid #dddddd;  
  margin:0 0 15px 0;
  background:url(images/blog-block-icon.png) top right no-repeat;
}
.blocks-no-comment{
  border-bottom:3px solid #dddddd;  
  margin:0 0 15px 0;
}


.noofpost{
  float:right;
  font-size:15px;
  padding:4px 10px 0 0;
}
.noofpost a {
  color:#fff;
}


.blocks-last{
  border-bottom:0px solid #dddddd;  
  margin:0;  
}

.blocks img{
  float:left;
  padding:0 25px 0px 0;  
}

.blocks span{
  color:#767677;
  font-size:11px;
}

.blocks-right{
  padding:10px 0 20px 0;
}
.caroufredsel_wrapper img	{
  float:left;
  margin:0 10px 0 0;
  border:2px solid #b5b5b5;  
  padding:3px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
	
}

.blocks-right img,
.left-right-content .cols .blocks-right img{
  float:left;
  margin:0 10px 0 0;
  border:1px solid #b5b5b5;  
  padding:3px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
}

.blocks p{ 
  padding:0 0 15px 0;
}

.block-right{
  padding:0 0 20px 0;
}

.block-right ul{
}

.block-right ul li{
  padding:0 0 0 15px; 
}

.block-right ul li a{
  color:#000;
  font-weight:bold;
  font-size:16px;
  padding:0 0 0 15px; 
  text-decoration:none;
}

.block-right ul li.current-cat a,
.block-right ul li a:hover{
  background:url(images/bullet.png) 0 6px no-repeat;
}

.comment-block{
  border:1px solid #b5b5b5;
  padding:15px;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  margin:10px 0;
  min-height: 70px;
}

.comment-block img{
  float:left;
  margin:0;
  padding:0 15px 40px 0;
}

.comment-block p{
  margin:0;
  padding:0;
}

.comment-block span{
  color:#787878;
  font-size:11px;
}

.comment-form{
  border:1px solid #b5b5b5;
  padding:15px;
  background:#dddddd;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  margin:10px 0;
}

.comment-form label{
  float:left;
  width:80px;
  font-weight:bold;
}

.comment-form input.inputbox{
  background:#f1f1f1;
  border:none;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;  
  behavior: url(ie-css3.htc);
  padding:5px;
  margin:0 0 15px 0;
}

.comment-form textarea{
  background:#f1f1f1;
  border:none;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;  
  behavior: url(ie-css3.htc);
  padding:5px;
  width:400px;
  height:100px;
  margin:0 0 15px 0;
}

.tabs{
  border-bottom:2px solid #868686;
  float:left;
  margin:0 0 20px 20px;
  width:80%;
}

.tabs ul{  
}

.tabs li{
  float:left;  
  width:150px;
  text-align:center;
  background:#fff;
  border-top:1px solid #cacaca;  
  border-left:1px solid #cacaca;  
  border-right:1px solid #cacaca;  
  padding:8px 0;
  border-top-left-radius:10px;
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  border-top-right-radius:10px;
 	-moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;
  margin:0 3px 0 0;
}

.tabs li a{
  color:#595959;
  font-size:16px;
  text-decoration:none;
  text-transform: uppercase;
}

.tabs li.active{
  background:#868686;
}

.tabs li.active a{
  color:#fff;
}

.slidshow{
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;  
  behavior: url(ie-css3.htc);
  border:1px solid #b5b5b5;  
}

.slidshow img{
  margin:0 !important;
}

.slideshow-nav{  
}

.slideshow-nav a,
.slideshow-nav img{  
  float:left;
  padding:0;
  margin:0 !important;
}

.slideshow-nav .prev-btn{
  float:left;
  margin:15px 0 0 0 !important;
}

.slideshow-nav .next-btn{
  float:right;
  margin:15px 0 0 0 !important;
}

.video{ 
  margin:0 !important;
}

.twitter-div{
  background:#69bad3;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;  
  behavior: url(ie-css3.htc);
  padding:15px;
  color:#fff;
  font-size:12px;
}

.twitter-div a{
  color:#fff;
  font-size:12px;
}

.twitter-div ul li{
  border-bottom:1px solid #fff;
  padding:5px 0;
}

.footer{
  padding:0 0 50px 0;
}

.footer-copyrights{
  font-size:11px;
  color:#858585;
  float:left;
}

.footer-copyrights a{  
  color:#858585;
  text-decoration:underline;
}

.footer-links{
  float:right;
}

.footer-links a{
  margin:0 3px;
}
