﻿/*
Theme Name: CubePoints
Theme URI: http://cubepoints.com
Description: Design for CubePoints website
Version: 1.0
Author: Peter Zhang & Jonathan Lau
Author URI: http://cubepoints.com
Tags: cubepoints
*/

body{
	background: #090d07;
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
a {
	color: #D6FFDC;
	text-decoration: none;
}
a:hover{
	color: #E1F0E8;
}
#container{
	background:url(images/background.jpg) #000 fixed center no-repeat;
	min-width:800px;
}
#header{
	background:url(images/topbg.png) repeat-x;
	height: 171px;
	width: 100%;
	text-align:center;
}
#headerc{
	width: 780px;
	text-align: left;
	margin:0 auto;
}
#logo{
	width: 364px;
	height: 136px;
	float: left;
	margin-top:25px;
}
#logo a{
	border:none;
	display:block;
	background:url(images/logo.png) no-repeat;
	width:364px;
	height:136px;
}
#logo a:hover,#logo a.hover{
	background-position: -364px 0;
}
#nav{
	float:right;
	margin-top:88px;
	font-family: 'Open Sans', sans-serif;
}
#nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav ul li{
	display: inline;
	float: left;
	padding: 15px 0;
	font-size: 16px;
}
#nav ul li:first-child{
	border:none;
}
#nav ul li a{
	text-transform:uppercase;
	color: #80b296;
	display:block;
	padding: 0 15px;
}
#nav ul li a:hover{
	color:#9CDBB7;
}
#nav ul li.current_page_item a{
	color: #d8f6e5;
}
#nav ul li .current_page_item a:hover{
	color:#d8f6e5;
}

ul#snav{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#snav li{
	display: inline;
	float: left;
	border-left: 1px solid #80b296;
}
ul#snav li:first-child{
	border: none;
}
ul#snav li a{
	padding: 0 15px;
	color: #d8f6e5;
}
ul#snav li a:hover{
	color: #ffffff;
}
#bar{
	width: 100%;
	padding: 10px 0;
	margin-top: -15px;
	background: url('images/trans.png');
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
#bar .left{
	width: 300px;
}
#bar .right{
}
#barc{
	width: 780px;
	text-align: left;
	margin:0 auto;
}
#bar a{
	color: #d8f6e5;
}
#bar a:hover{
	color: #fff;
}
#content{
	width: 780px;
	font-size: 20px;
	margin:0 auto;
	text-align:left;
}
#content h1{
	font-size:45px;
	color:#DAF5D0;
	margin:25px 0 5px 0;
	font-family: 'Open Sans Condensed', sans-serif;
}
#content h2{
	font-size:35px;
	color:#DAF5D0;
	margin:25px 0 5px 0;
	font-family: 'Open Sans Condensed', sans-serif;
}
#content p{
	line-height:30px;
}
.right{
	float: right;
}
.left{
	float: left;
}
.clear{
	clear: both;
}
#fshadow{
	background: url(images/footer.png) repeat-x top;
	margin-top: 20px;
	height:15px;
}
#footer{
	background:#090d07;
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
	color: #54a276;
	font-size: 11px;
	line-height:16px;
	font-family: 'Open Sans', sans-serif;
}
#footer a{
	color:#54a276;
}
#footer a:hover{
	color:#9CDBB7;
}



.featurepoint{
	float:left;
	width:340px;
	height:170px;
	background:url(images/featbg.png) no-repeat;
	display:block;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:19px;
	padding-right:19px;
	margin-left:5px;
	margin-bottom:5px;
}
.featurepoint:hover{
	background-position: -378px 0;
}
.featurepoint img{
	margin-bottom:7px;
	border:none;
}
.featuretitle{
	font-size:22px;
	font-family:Georgia;
	margin-bottom: 2px;
	color:#DAF5D0;
	font-family: 'Open Sans Condensed', sans-serif;
}
.featuredesc{
	font-size:11px;
	color:#fff;
	line-height:15px;
}
#homeimg{
	width: 721px;
	height:162px;
	background:url('images/home.png');
}

#dl-core{
	background:url(images/dl_core.png) no-repeat;
	height:180px;
	width:411px;
	display:block;
}
#dl-core.unselected:hover{
	background-position: -411px 0;
}
#dl-core.unselected{
	background-position: -822px 0;
}
#dl-core.selected{
	background-position: 0 0;
}


#dl-lang-zh,#dl-lang-de{
	height:45px;
	width:170px;
	display:block;
	float:left;
	margin-right:10px;
}
#dl-lang-zh.unselected:hover,#dl-lang-de.unselected:hover{
	background-position: -170px 0;
}
#dl-lang-zh.unselected,#dl-lang-de.unselected{
	background-position: -340px 0;
}
#dl-lang-zh.selected,#dl-lang-de.selected{
	background-position: 0 0;
}

#dl-lang-zh{
	background:url(images/dl_lang_zh.png) no-repeat;
}
#dl-lang-de{
	background:url(images/dl_lang_de.png) no-repeat;
}

#dl-license-nc,#dl-license-cs,#dl-license-cu{
	height:160px;
	width:216px;
	display:block;
	float:left;
	margin-right:10px;
}
#dl-license-nc.unselected:hover,#dl-license-cs.unselected:hover,#dl-license-cu.unselected:hover{
	//background-position: -216px 0;
}
#dl-license-nc.unselected,#dl-license-cs.unselected,#dl-license-cu.unselected{
	background-position: -432px 0;
}
#dl-license-nc.selected,#dl-license-cs.selected,#dl-license-cu.selected{
	background-position: 0 0;
}

#dl-license-nc{
	background:url(images/dl_license_nc.png) no-repeat;
}
#dl-license-cs{
	background:url(images/dl_license_cs.png) no-repeat;
}
#dl-license-cu{
	background:url(images/dl_license_cu.png) no-repeat;
}


#dl-license-have,#dl-license-have.selected:hover{
	background:url(images/dl_license_have.png) no-repeat;
	width:222px;
	height:32px;
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}
#dl-license-have:hover,#dl-license-have.hover{
	background-position: -222px 0;
}
#dl-license-have.unselected{
	background-position: -222px 0;
}

#dl-payment tr{
	vertical-align:top;
}

#dl-payment th{
	padding-top:7px;
	font-size:12px;
	font-weight:bold;
}

#dl-payment .req{
	color:#B5C7B7;
	font-size:9px;
	font-weight:normal;
}

#dl-payment textarea{
	height:100px;
	width:300px;
	padding:3px;
	border:3px solid #ccc;
	color:#575757;
}

#dl-payment input{
	width:300px;
	font-size:11px;
	padding:3px;
	border:3px solid #ccc;
	color:#575757;
}

.nextbtn{
	background:url(images/next.png);
	width:94px;
	height:37px;
	display:block;
	margin-top:10px;
}

#dl-dl{
	background:url(images/dl_dl.png);
	height:54px;
	width:300px;
	display:block;
}

#dl-dl:hover,#dl-dl.hover{
		background-position: -300px 0;
}

#dl-payment-div{
	
}

fieldset legend{
	color:#fff;
}

.download{
	border:0;
	text-decoration:none;
	display:block;
	width:256px;
	height:71px;
	background:url(download.png);
}

.download:hover{
	background-position: -256px 0;
}

#slide-panel input, #slide-panel form{
	margin:0;
	padding:0;
}

#slide-panel{ 
background-color:#111;border-bottom:solid 2px #222;display:none;height:110px;margin:auto;text-align:left;
	filter: alpha(opacity=95);
	-khtml-opacity: 0.95;
	-moz-opacity: 0.95;
	opacity: 0.95;
	width:100%;position:absolute;top:0px;z-index:10000;
}
.slide-padding{
	height:110px;
	display:none;
}
.slide-wrapper{
	width:100%;position:absolute;top:0px;z-index:1000;
}
.slide {width:800px; margin:auto;}
.btn-slide:link, .btn-slide:visited{
	color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:bold;height:26px; padding:3px 15px 3px 15px;line-height:22px;text-align:center;text-decoration:none; background-color:#000; font-family:Arial;
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
.btn-slide img{ border: none; margin-top:5px; float:left; }
.btn-slide-name{ float:right; margin-top:2px; margin-left:5px; }
.loginform {width:950px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;}
.formdetails {color:#FFF; font-size:12px;padding:5px;}
.formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#EFEFEF;}
.formdetails .loginbutton{width:50px;}
.formdetails input[type=checkbox]{background:none;}
.loginregister {color:#999; padding:5px;}
.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}
.loginform h2 {padding: 15px 0 4px 0; margin: 0; font-size:18px; font-weight:normal; text-transform:uppercase; color:#fff;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}

.translate-item{
	margin-bottom:40px;
	line-height:30px;
}

.translate-translators{
	font-size:15px;
	line-height:25px;
	margin-bottom:15px;
	margin-top:5px;
}

.translate-locale{
	font-size:24px;
	font-weight:bold;
}

.translate-progress{
	font-size:16px;
}

.translate-download{
	font-size:18px;
	font-weight:strong;
}

.translate-translator-header{
	font-weight:bold;
}
