*, body, input{
    margin: 0;
    padding: 0;
    font-family:  arial, helvetica, verdana;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

a{color: #555;}
a:hover{color: #000;}


body {
    background-color: #f4f4f4;
    
}

#body{
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}



#headerText{
    background: url(../images/backgrounds/header-text.jpg) 0 0 #1c1c1c repeat-x;
    width: 100%;
    height: 36px;
    font: 12px/36px open-sans-regular, arial, verdana, tahoma, helvetica;
    color: #d6d6d6;
    text-align: center;
    margin: 0;
}

header{ height: 383px; }

header h1{ background: url(../images/backgrounds/header-h1.jpg) 0 0 #dadada repeat-x; width: 100%; height: 52px; text-align: center; margin: 0;}
header h1 a{ text-shadow: 1px 1px #fff; font: 30px/52px MyProCond; color: #4e4e4e; text-decoration: none;}
header h1 a:hover{ text-shadow: 0px 0px #fff; color: #333; text-decoration: none;}
header h1 a:visited{ color: #4e4e4e; }


header section{ position: absolute; width: 50%; height: 295px; }
#passForm{ background: url('../images/backgrounds/pass-form.jpg') 0 0 #262626 repeat-x; left: 0;}
#rules{ background: url('../images/backgrounds/rules-header.jpg') 0 0 #4f4f4f repeat-x; left: 50%;}
header h2{ color: #d6d6d6; font: 16px/42px MyProBoldSemiCond, open-sans-regular; margin:0;}

#toRight{ width: 445px; float: right; padding-right: 30px; height: 295px; }
#toLeft{ width: 445px; float: left; padding-left: 30px; height: 295px; }

/* #passForm begin */
#generatedPass { width:414px; padding: 0 20px; height: 60px; background-color: #afa; border: 1px solid #afa; border-radius: 3px; text-align: center; font: 20px/60px UbuntuRegularMono; font-weight: bold; color: #272727; }
.option h3 { color: #d6d6d6; font: 12px/24px MyProBoldSemiCond, open-sans-regular; margin: 0;}

#length { background-color: #ABABAB; border: 2px solid #A8A8A8; border-radius: 1px 1px 1px 1px; color: #004400; display: inline-block; font-weight: bold; height: 28px; margin-top: 1px; text-align: center; width: 28px; }

.form label{ color: #d6d6d6; font-size: 12px; line-height: 30px; }


#topSavePassCategory{ margin-top: 10px; color: #A8A8A8; font-size: 13px; display: block; padding-left: 10px; text-decoration: none; }
#topSavePassCategory:hover{ color: #bfbfbf; text-decoration: underline; }
/* /#passForm end */



/* right site begin */
#toLeft ol{ margin: -5px 0 0 30px; }
/*#toLeft ol li{ color: #d6d6d6; font-size: 14px; line-height: 25px; }*/
#toLeft ol li{ color: #d6d6d6; font-size: 13px; line-height: 22px; height: 22px; }
#toLeft ol li h3{ margin: 0; line-height: 22px; height: 22px; }
#toLeft ol li a { color: #d6d6d6; text-decoration: none; font-weight: normal; font-size: 14px; }
#toLeft ol li a:hover { color: #f6f6f6; text-decoration: underline; }
/* right site end */



/* article begin*/
article{ background: url('../images/backgrounds/article.png') 0 0 #f1f1f1 repeat-x; padding-top: 63px; }
article #rulesDescriptions{ width: 890px; margin: 0 auto; list-style-type: none; background-color: transparent; }
article #rulesDescriptions > li{ width: 415px; /*border: 2px solid #d6d6d6; border-radius: 3px;*/ float: left; font-size: 12px; margin-bottom: 35px; position: relative; height: 120px;}
article #rulesDescriptions > li:nth-child(2n+1){ margin-right: 60px; }
article #rulesDescriptions > li h3{ display: inline-block; font-size: 12px; margin-bottom: 5px; margin-top: 0; font-weight: bold;}
article #rulesDescriptions > li .rule-desc{ color: #242424; background-color: #F1F1F1; border-radius: 3px; line-height: 20px; padding: 9px; height: 120px; overflow: hidden;border: 2px solid #d6d6d6;  }
article #rulesDescriptions > li .rule-desc.open{ overflow: visible; position: absolute; z-index: 99; box-shadow: 0px 10px 10px #999; }
article #rulesDescriptions > li .rule-desc > p{    }
article #rulesDescriptions > li .rule-desc.displayAll{ position: absolute; }
.dottedBottom { border-bottom: 2px dotted #d6d6d6 !important;  }
.monospace{ font-family: UbuntuRegularMono; }
#rulesDescriptions .more { background: url('../images/buttons/rule-more.png') 0 0 transparent no-repeat; display: block; height: 12px; width: 12px; position: absolute; bottom: 0px; right: 0; cursor: pointer; cursor: hand; z-index: 199;}
#rulesDescriptions .more .moreText { display: none; border: 1px solid #d6d6d6; border-top: none;    bottom: -16px;    cursor: pointer; font-size: 10px;    height: 16px;    line-height: 16px;    position: absolute;    right: 0;    text-align: center;    width: 90px;    z-index: 199; background-color: #fff;}
#rulesDescriptions .more:hover .moreText { display: block; }

/* article end*/

#facebookBigHolder { width: 890px; margin: 0 auto; }


/*
body{ padding-top: 34px; background-position: 0 34px; }
#cookiesInfo {
  background: url("../images/backgrounds/cookies-info.jpg") repeat scroll 0 0 transparent;
  color: #333;
  position: fixed;
  z-index: 999;
  top: 0;
  height: 34px;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-shadow: 1px 1px 1px #fff;
  line-height: 34px;
}
#cookiesInfo .main{ width: 920px; margin: 0 auto; }
#cookiesInfo .main a{ color: rgb(13, 88, 172); text-decoration: none; }
#cookiesInfo .main a:hover{text-decoration: underline;}
#cookiesInfo .main p{ line-height: 34px; margin: 0; font-size: 11px;  }

#cookiesClose {
  background: url("../images/buttons/close.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 20px;
  left: 50%;
  margin-left: 480px;
  position: absolute;
  text-indent: -999999px;
  top: 6px;
  width: 20px;
}

#cookiesClose:hover{
    background-position: 0 -20px;
    cursor: pointer; cursor: hand;
}

*/

/*
.item-page ol { margin: 7px 0 7px 30px; }
.item-page ul { margin: 7xp 0 7px 30px; }
#main .item-page ul li { margin: 2px 0; }
#main .item-page ol li { margin: 2px 0; }
.item-page p{ margin: 15px 0 7px; }
*/



#footer a.project {
	font-family:'MyProCond';
}

#footer a.project:hover{color: #333;}

#footer a.project strong{
	font-family:'MyProCond';
        color: #333;
}

#footer a.project:hover{color:  #333;}
#footer a.project:hover strong{color: rgb(153, 153, 153);}


.center{width: 890px; margin: 0 auto;}

.noListStyle{ list-style-type: none; list-style: none; }
.roman { list-style-type: upper-roman; list-style: upper-roman; }
.hideCheckboxes{display: none;}


/* fake form options */
.fakeCheckbox{ list-style-type: none; }
.fakeCheckbox li{ background: url('../images/buttons/checkbox.png') 0 50% transparent no-repeat; width: 207px; padding-left: 32px; height: 30px; color: #d6d6d6; font-size: 12px; line-height: 30px; float: left; margin-bottom: 3px; cursor: pointer; cursor: hand;}
.fakeCheckbox li.active{ background-image: url('../images/buttons/checkbox-checked.png'); }

#veryBottom{background: url(../images/backgrounds/footer.jpg) 0 0 repeat-x #fff; margin-top: 10px;}
#copyRight, #webvisor{width: 50%; float: left; margin: 10px 0; font-size: 12px;}
#webvisor{text-align: right;}
#webvisor a{color: #333;}
#webvisor a strong{color: #006600;}

#webvisor a:hover{color: #006600;}
#webvisor a:hover strong{color: #333;}

.clear{ clear: both; }

.express-anchorn-target{}
.express{ box-shadow: 0 2px 10px 10px #c9c9c9; }

.linkTarget{position: absolute; margin-top: -40px;}


/* single article begin */

.entry-header {width: 890px; margin: 0 auto; }
.entry-content {width: 890px; margin: 0 auto; padding: 20px 0; font-size: 14px; }
.entry-meta {width: 890px; margin: 0 auto; }
.post-navigation, .paging-navigation {width: 890px; margin: 10px auto; }
nav .screen-reader-text{font-size: 12px; }

article header, .content-area header{ height: auto; }

.entry-title, .page-title, .archive-title{ width: 100%;margin-bottom: 20px; font: 26px/50px MyProCond; height: 50px; color: #4e4e4e; }
.entry-title a, .page-title a, .archive-title a{ font: 26px/50px MyProCond; height: 50px;color: #4e4e4e; text-decoration: none;}
.entry-title a:hover, .page-title a:hover, .archive-title a:hover{ color: #333; text-decoration: none;}

.entry-meta{text-align: right; font-size: 12px; margin-top: -10px;}
.entry-meta span{display: inline-block; margin: 0 5px; }
.entry-meta span a{color: #555; }
.entry-meta span a:hover{color: #000; }

.nav-links{font-size: 12px; }
.nav-links a { color: #555; }
.nav-links a:hover { color: #000; }
.previusLink{float: left;}
.nextLink{float: right;}

a:visited{color: #888;}

input[type='text'], input[type='search']{
    background-color: #ABABAB;
    border: 2px solid #A8A8A8;
    border-radius: 1px;
    color: #004400;
    display: inline-block;
    font-weight: bold;
    height: 28px;
}

.search-submit, button{
    background: none repeat scroll 0 0 #DDDDDD;
    border: 2px solid #DDDDDD;
    border-radius: 3px;
    color: #006600;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    padding: 5px 10px;
}
.search-submit:hover, button:hover{
    background-color: #999999;
    border-color: #999999;
    color: #AAFFAA;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.center{ width: 890px; margin: 0 auto; }

#send{ /*background-color: rgba(191,191,191,.3);*/ background: #ddd; display: block; border: 2px solid #ddd; border-radius: 3px; height: 42px; line-height: 38px; cursor: pointer; cursor: hand; color: #006600; font-weight: bold; text-align: center; margin: 14px auto 10px; padding: 0 10px;}
#send:hover{ background-color: #999; border-color: #999; color: #AAFFAA; }

/* single article end */