/* CSS Document */


/*	Description: ChessCube Website
	Last edited by: Margaret Grobler
	Date: 08 August, 2007 */
	
/* =================================================================== GENERAL STYLES */

* {
margin:0pt;
padding:0pt;
}


html, body {
background: #575f67 url(1486_background-split.gif) repeat-y 50% 0;
color:#333333;
font:11px/18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
height: 100%;
}

body.register {
background-image:none;
background-color: #FFF;
}

img {
border:0;
}

p {
line-height:17px;
margin-bottom:10px;
margin-top:10px;
text-align:justify;
}

a {
color:#3cb2d6;
}

a:hover {
color:#ffa700;
}

.color1 { /*almost black*/
color:#333333;
}

.color2 { /*light-blue*/
color:#3cb2d6;
/*old: #1cb2fd*/
}

.color3 { /*orange*/
color:#ffa700;
/*old: #e89902*/
}

.color4 { /*light grey*/
color:#909090;
}

ul {
list-style-type: none;
}

li {
color: #FFF;
}

form ul {
list-style-image:none;
list-style-position: outside;
}

form input {
font-size:12px;
color: #333333;
line-height:16px;
padding: 2px 5px;
}

.clearing {
clear:both;
height:18px;
}

/* GENERAL STYLES =================================================================== */

/* ============================================== MAIN LAYOUT DIVS : left, main, right*/

#left-div {
background:#FFF url(1496_top-left-bg.gif) repeat-x 0 0;
position:absolute;
height:100%;
top:-0.75pt;
width:49%;
z-index:10;
}

#maincontainer {
background: transparent url(1489_content-bg.gif) repeat-y 0 0;
margin: 0 auto;
overflow:auto;
min-height:100%;
position:relative;
width:940px;
z-index:100;
}

#right-div {
background-color: #575f67;
position:absolute;
height:100%;
right:0pt;
top:0pt;
width:49%;
z-index:10;
}

#right-bg-img {
background:url(1497_top-right-bg.gif) repeat-x scroll 0%;
height:444px;
}

/* MAIN LAYOUT DIVS : left, main, right ============================================== */

/* ======================================================== MAIN LAYOUT DIVS : footer */

#footer {
background:#575f67 url(1490_footer-bg.gif) repeat-x 0 0;
height:31px;
margin:0pt auto;
position:relative;
}

ul#footer {
width:940px;
line-height:28px;
list-style-image:none;
}

ul#footer li {
float:left;
}

ul#footer li a {
color:#FFF;
padding:0pt 10px;
text-decoration:none;
}

ul#footer li a:hover {
background:#575f67 none repeat scroll 0%;
color:#FFFFFF;
}

ul#footer li#copyright {
color:#FFF;
clear:none;
float:right;
font-size: 10px;
}

/* MAIN LAYOUT DIVS : footer ======================================================== */

/* MAINCONTAINER elements follow: */

/* ================================================ MAINCONTAINER : header */

span.header {
background: #FFF url(1488_chesscube.gif) no-repeat 0 50%;
text-indent:-1000px;
float: left;
width: 730px;
height: 87px;
}

#register-link {
font: 16px Georgia, "Times New Roman", Times, serif;
padding: 45px 30px 0 0;
display: block;
float: right;
}

#register-link a {
font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
font-weight: bold;
}

/* MAINCONTAINER : header ================================================ */

/* ============================================ MAINCONTAINER : navigation */

ul.nav {
background: url(1493_nav-bg.gif) no-repeat 0 0;
height: 106px;
float: left;
clear: left;
text-decoration:none;
list-style-image: none;
}

ul.nav li {
padding-top: 16px;
width: 117px;
float: left;
text-transform: uppercase;
}

ul.nav li.home {
padding-left:17px;
}

ul.nav li.contact {
width: 104px;
}

ul.subnav {
background: transparent url(1498_subnav-bg-dark.gif) no-repeat 0 0;
padding-top: 16px;
font-size: 12px;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
list-style-image: none;
list-style-image: none;
float: left;
width: 180px;
}


ul.subnav li {
padding:1px 0px 9px 28px;
width: 100%;
}

ul.subnav a:hover {
color:#ffa700;
}

ul.subnav a {
color:#FFFFFF;
text-decoration: none;
}

ul.subnav.white {
background: transparent url(1499_subnav-bg-white.gif) no-repeat 0 0;
margin: 7px 0 0 0;
padding-top: 0;
float: left;
width: 165px /*should be 210px but IE6 won't allow anything more than 165px*/;
height:80px /*87-8margin*/;
}

ul.subnav.white li {
padding:1px 0 6px 25px;
}

ul.subnav.white a {
font-size: 11px;
color:#333333;
text-decoration: none;
}

ul.subnav.white a:hover {
color:#ffa700;
}

ul.nav li.play {
padding-top: 0;
margin-left: 5px;
}

#flashcontent {
float: left;
padding: 0;
margin: 0 18px 0 0;
width: 707px;
}

/* MAINCONTAINER : navigation ============================================ */

/* ============= MAINCONTAINER : Main & Right content shared elements: */

/* MAINCONTAINER : Main & Right content shared elements: ============= */

#maincontainer .leadin {
color:#919191;
display:block;
font: 12px/150% Georgia, "Times New Roman", Times, serif;
}

#maincontainer .credits {
color:#3cb2d6;
display:block;
font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-transform:uppercase;
}

/* Main content elements follow: */

/* ========================================== MAINCONTAINER : main content */

.content-main h1 a:hover, .content-main h2 a:hover, .content-main h3 a:hover, .content-right h1 a:hover, .content-right h2 a:hover, .content-right h3 a:hover {
text-decoration: underline;
color:#3cb2d6;
}

.content-main, .register-page {
background-color: #FFF;
width: 590px /*666-36margin-40margin*/;
/*padding-bottom: 30px;*/
padding: 13px 36px 0 40px;
float: left;
clear: none;
}

.content-main h1, .register-page h1 {
background: transparent url(1500_icon-default-white.gif) no-repeat 0 50%;
color:#3cb2d6;
font: 21px Georgia, "Times New Roman", Times, serif;
display: block;
clear: both;
border-bottom:1px solid #cccccc;
font-weight: normal;
line-height:60px;
margin:0pt 0pt 14px -40px;
padding-left:40px;
}

.content-main h1 a {
text-decoration: none;
color:#3cb2d6;
}

.content-main h1.home {
background: transparent url(1535_icon-home-white.gif) no-repeat 0 50%;
}

.content-main h1.news {
background: transparent url(1501_icon-news-white.gif) no-repeat 0 50%;
}


.content-main h1.blogs {
background: transparent url(1526_icon-blogs-white.gif) no-repeat 0 50%;
}

.content-main h1.tournaments {
background: transparent url(1539_icon-tournaments-white.gif) no-repeat 0 50%;
padding-left:50px;
}

.content-main h1.forum {
background: transparent url(1533_icon-forum-white.gif) no-repeat 0 50%;
}

.content-main h1.contact {
background: transparent url(1528_icon-contact-white.gif) no-repeat 0 50%;
}

.content-main h2 {
color:#333333;
font: 17px Georgia, "Times New Roman", Times, serif;
display: block;
font-weight: normal;
line-height:26px;
}

.content-main h2 a {
text-decoration: none;
color:#333333;
}

.content-main h3 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
font-weight: normal;
clear:both;
display: block;
float:left;
margin:0pt 15px;
text-align:right;
width:167px;
}

.content-main h3 a {
text-decoration: none;
color:#333333;
}

p.h3-answer {
margin-bottom: 15px;
display: block;
clear: none;
}

.content-main img {
border:1px solid #E0E0E0;
clear: both;
margin-bottom:3px;
margin-right:25px;
margin-top:5px;
padding:8px;
}

.image-width {
width: 200px; 
float:left;
}

.image-width img {
float: right;
}

.article_short img, .article_full img {
float: left;
}

.content-main img.button {
border:0;
margin:4px 0 10px -5px;
padding:0;
clear: none;
}

.content-main ul {
clear:both;
padding-left: 5px;
margin-bottom: 10px;
}

.content-main ul li {
color: #333333;
background: transparent url(1542_bullet-white.gif) no-repeat 0 50%;
line-height: 23px;
padding-left: 20px;
}

.content-main ol {
clear:both;
padding-left: 25px;
margin-bottom: 10px;

}

.content-main ol li {
color: #333333;
line-height: 23px;
}

.article_full h1 {
color:#333333;
}

.article_list {
padding-bottom: 20px;
}

.article.summary{
clear: both;
}

.article.summary p{
margin: 0;
}

/* MAINCONTAINER : main content ========================================== */

/* Right-hand column elements follow: */

/* ===================================== MAINCONTAINER : right-hand column */

.content-right {
width: 274px;
/*padding-bottom: 30px;*/
float: left;
clear: none;
}

.content-right.login {
background: transparent url(1491_login-box-main.JPG) no-repeat 0 0;
width: 274px;
float: left;
clear: none;
}

.content-right h1 {

color:#FFFFFF;
display: block;
border-bottom:1px solid #FFFFFF;
font-size:26px;
font-weight: normal;
line-height:30px;
margin:0 0 14px 0;
padding:0;
padding-left:40px;
}

.content-right h1 a {
text-decoration: none;
color:#FFFFFF;
}

.content-right h1.home {
background: transparent url(1534_icon-home-dark.gif) no-repeat 0 50%;
}

.content-right h1.news {
background: transparent url(1504_icon-news-dark.gif) no-repeat 0 50%;
}

.content-right h1.blogs {
background: transparent url(1525_icon-blogs-dark.gif) no-repeat 0 50%;
}

.content-right h1.tournaments {
background: transparent url(1538_icon-tournaments-dark.gif) no-repeat 0 50%;
}

.content-right h1.forum {
background: transparent url(1532_icon-forum-dark.gif) no-repeat 0 50%;
}

.content-right h1.contact {
background: transparent url(1527_icon-contact-dark.gif) no-repeat 0 50%;
}

.content-right h1.chesscube-logo {

padding-top:13px;
padding-left:0px;
}

.content-right h1 img {
margin:0 15px -8px 0;
}

.content-right h2 {
display: block;
font:17px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
line-height:28px;
margin:0;
padding:0;
}
 
.content-right h2 a{
text-decoration: none;
color: #ffffff;
}

a#login-register {
text-transform: uppercase;
text-decoration: underline;
color:#3cb2d6;
}

a#login-register:hover {
color:#ffa700;
}

.features {
color:#FFFFFF;
line-height: 22px;
display:block;
margin:25px 0 25px 65px;
padding:0;
width: 209px /*274-65margin*/;
}

.features ul li {
background: transparent url(1540_bullet-dark.gif) no-repeat 0 50%;
line-height: 23px;
padding-left: 20px;
}

.story_list {
padding-bottom: 20px;
color:#FFFFFF;
display:block;
margin:13px 0 25px 65px;
padding:0;
width: 209px
}

.story.summary{
clear: both;
}

.story.summary p{
margin: 0 0 6px 0;
}

.story img {
border:1px solid #8d8d8d;
clear: both;
float:left;
margin-bottom:3px;
margin-right:25px;
margin-top:5px;
padding:8px;
}

.story img.button {
border:0;
margin:4px 0 10px -5px;
padding:0;
clear: none;
}

*html .story img.button {
margin-left: 0;
}

/* =============== MAINPAGE: Right-hand column : login-box */

.login-box {
color:#FFFFFF;
display:block;
margin: 38px 35px 0 25px;
padding:0;
width: 214px /*274-60margin*/;
}

.login-box h1 {
background: none;
padding: 0;
line-height:60px;
margin:0 0 14px 0;
}

.login-box h2 {
display: block;
font:18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
line-height:25px;
margin:0 0 14px 0;
padding:0;
}

.login-box form ul {
line-height: 16px;
list-style-image: none;
}

.login-box form ul li label {
font: 12px Georgia, "Times New Roman", Times, serif;
}

.login-box form ul li.inputbox {
height: 50px;
}

.login-box form ul li.submit {
padding:75px 3px 12px 3px;
}

/* MAINPAGE: Right-hand column : login-box =============== */

/* =========================== REGISTER PAGE: register-box */

p.success {
color:#575f67;
background: transparent url(1547_bullet-success.gif) no-repeat 0 0;
display:block;
padding-left: 25px;
margin-bottom: 17px;
font: 12px/150% Georgia, "Times New Roman", Times, serif;
}

p.error {
color:#ffa700;
background: transparent url(1541_bullet-error.gif) no-repeat 0 0;
display:block;
padding-left: 25px;
margin-bottom: 17px;
font: 12px/150% Georgia, "Times New Roman", Times, serif;
}

.content-main ul.errors, 
.register-page ul.errors {
font: 12px Georgia, "Times New Roman", Times, serif;
}

.content-main li.error, 
.register-page li.error {
color:#ffa700;
background: transparent url(1541_bullet-error.gif) no-repeat 0 0;
padding-left:20px;
}

fieldset.registration {
border:medium none;
clear:left;
margin-top: 9px;
margin-bottom: 11px;
color: #000000;
}

fieldset.registration ul {
list-style-type:none;
}

fieldset.registration ul li {
clear:none;
/*float: left;*/
clear: both;
height:1%;
margin:0pt;
padding:5px 10px;
width:279px;
background: none;
}

fieldset.registration ul {
color: #000000;
}

fieldset.registration ul li {
color: #000000;
}

fieldset.registration ul li label {
float:left;
padding-right:15px;
width:120px;
color: #000000;
}

fieldset.registration ul li label.terms {
width:200px;
clear: left;
float: left;
}

fieldset.registration ul li.submit{
display: block;
clear: left;
padding: 0;
margin: 12px 0 18px 0;
}

div.registerimage {
display:block;
float:right;
margin:5px 25px 0pt 0pt;
}

/* REGISTER PAGE: register-box =========================== */
/* =========================== REGISTER-LANDING PAGE: register-box */

h1.register-box {
font-family: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-size:26px;
font-weight:normal;
background: none;
padding: 0;
line-height:60px;
margin:0 55px 14px 72px;
}

h2.register-box {
color: #fff;
display: block;
font:18px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
line-height:25px;
margin:0 0 14px 72px;
}

.register-box-form {
margin-left: -40px;
}

.register-box-form ul.errors {
margin-left: 45px;
}

fieldset.registration-landing {
background: transparent url(1552_register-box.jpg) no-repeat 0 0;
margin-top:16px;
padding-top: 8px;
width: 400px;
height: 448px;
border:medium none;
float: left;
clear:left;
}

fieldset.registration-landing ul {
list-style-type:none;
width:370px;
}

fieldset.registration-landing ul li {
clear:none;
color: #fff;
clear: both;
height:28px;
padding: 0 0 0 75px;
margin: 0;
background: none;
}

fieldset.registration-landing ul li label {
font: 12px Georgia, "Times New Roman", Times, serif;
float:left;
padding-right:15px;
width:113px;
}

fieldset.registration-landing ul li label.terms {
font-size: 10px;
padding: 4px 0px 0px 60px;
width:180px;
clear: left;
float: left;
}

fieldset.registration-landing ul li.submit{
display: block;
clear: left;
padding: 10px 0pt 18px 168px;
}

		/*==== NEW LOGIN AND REGISTER LANDING =====*/

fieldset.login-landing {
background: transparent url(1553_login-register-box.jpg) no-repeat 0 0;
margin-top:20px;
padding-top: 24px;
width: 400px;
height: 448px;
border:medium none;
float: left;
clear:left;
}

fieldset.login-landing ul {
list-style-type:none;
width:370px;
}

fieldset.login-landing ul li {
clear:none;
color: #fff;
clear: both;
height:28px;
padding: 0 0 0 75px;
margin: 0;
background: none;
}

fieldset.login-landing ul li.forgot-password {
height:18px;
padding-left: 203px;
}

fieldset.login-landing ul li.want-to-register {
height:46px;
padding-left: 203px;
}

* html fieldset.login-landing ul li.want-to-register {
height:41px;
}

fieldset.login-landing ul li label {
font: 12px Georgia, "Times New Roman", Times, serif;
float:left;
text-align: right;
padding-right:15px;
width:113px;
}

fieldset.login-landing ul li input {
width:115px;
height:15px;
margin: 0;
margin-right:25px;
}

fieldset.login-landing ul li label.terms {
font-size: 10px;
padding-left:53px;
padding-top: 0;
margin-bottom: 20px;
width:180px;
clear: left;
float: left;
}

fieldset.login-landing ul li.submit {
padding: 6px 0pt 0pt 168px;
}

fieldset.login-landing ul li input.register-btn {
width:140px;
height: 43px;
margin-right:0;
}

#first-time-user {
font: 16px Georgia, "Times New Roman", Times, serif;
color: #333333;
padding: 35px 0 0 0;
display: block;
float: right;
}
		/*==== end NEW LOGIN AND REGISTER LANDING =====*/
		
#textinfo-register {
margin-top:16px;
float: right;
width: 190px;
}

#textinfo-register .leadin {
color:#333333;
}

#textinfo-register h2 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:17px;
font-weight:normal;
line-height:26px;
margin-bottom: 7px;
}

#textinfo-register ul li {
color: #333333;
background:transparent url(1542_bullet-white.gif) no-repeat scroll 0 0;
line-height:23px;
padding-left:20px;
}

/* REGISTER-LANDING PAGE: register-box =========================== */
/* MAINCONTAINER : right-hand column ===================================== */