@charset "utf-8";
body{
	width:100%;
	margin:0px;
	padding:0px;
	font-size:16px;
        overflow-x: hidden;
        max-width: 100%;
		 background-image: url("../../images/background7.png");
    background-color: #fff;
}
ul{list-style:none;}
img{border:none;}
h1,h2,h3{
	font-size:inherit;
	font-weight:inherit;
	padding:0px;
	margin:0px;
	display:inline;
}
.clear_both{clear:both;}
.invis{display:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.jq_button_bingo{background-color:#361e10;}
.texte_secondaire{font-size:14px;}
.section_title{
	display:block;
	font-size:26px;
	color:#fff;
	background-color:#361e10;
	padding:10px;
	padding-left:15px;
	text-align:left;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
}
.title{
	display:block;
	font-size:20px;
	color:#fff;
	background-color:#361e10;
	padding:10px;
	padding-left:15px;
	text-align:left;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
}
/* Header */
#header_wrapper{
	/*background:url(../../images/degrade-top.png);*/
	height:200px;
}
#header_inner{
	position:relative;
        opacity:1;
	width:100%;
	margin:auto;
	margin-top:-25px;
	box-shadow: inset 13px -13px 160px 84px rgba(171,171,171,1);
        height:200px;
        background-image: url('../../images/header.png');
}
#header_angel{
	position:absolute;
	left:540px;
	top:15px;
}
#header_menu{
	position:relative;
	width:980px;
	margin:auto;
}
#header_title{
	position:relative;
	top:40px;
	margin: auto;
	width:700px;
        font-size:50px;
        letter-spacing:4px;
        text-shadow:-1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;
        text-align:center;
        word-wrap:break-word;
        color:#AD553A;
}
#header_title a{
        color:#AD553A;
        /* First we need to help some browsers along for this to work.
           Just because a vendor prefix is there, doesn't mean it will
           work in a browser made by that vendor either, it's just for
           future-proofing purposes I guess. */
        -o-transition:.6s;
        -ms-transition:.6s;
        -moz-transition:.6s;
        -webkit-transition:.6s;
        /* ...and now for the proper property */
        transition:.6s;
        text-decoration: none;
}
 #header_title a:hover { color:#FFF; }
 .slogan{
     color:#fff;
     text-align:center;
     font-size:20px;
     text-shadow:-1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;
     padding-top:30px;
     letter-spacing:1px;
 }
/* Menu */
#header_menu_wrapper{
    height:50px;
    background-color: #B2490C;
    border-top: 1px solid #000;
    box-shadow:0px 0px 0px #333 inset, 0px 1px 84px #333 inset, 0px 0px 0px #333 inset;
}
#header_menu a{
	width:138px;
        height:35px;
	margin:0px;
	font-size:14px;
}
#header_menu a:hover {
    background-color: #533929;
    border:none;
} 
.header_menu_element{
	float:left;
}
.header_menu_subelement{
	position:absolute;
	z-index:200;
        background:#6e3d22;
}
#header_image{
    min-height:100px;
    border-top: solid black 1px;
    z-index:1;
    background:url('../../images/bg.png');
}
#header_image_inner{
    height:100px;
    background:url('../../images/header.png');
}
#header_boxes{
    width:1244px;
    margin:auto;
    height:260px;
    border-bottom: solid 1px grey;
}
#header_boxes_inner{
    position: relative;
    margin:auto;
}


.demo-2 {
    position:relative;
    width:300px;
    height:200px;
    overflow:hidden;
    float:left;
    margin:35.9px;
    background-color:#361e10;
}
.demo-2 p,.demo-2 h2 {
    color:#fff;
    padding:10px;
    left:-20px;
    top:20px;
    position:relative
}
.demo-2 p {
    font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0
}
.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    margin:0;
    font-family:'Lato'
}
.effect img {
    position:absolute;
    left:0;
    bottom:0;
    cursor:pointer;
    margin: 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out
}
.effect img.top:hover {
    bottom:-206px;
    padding-top:300px
}
h2.zero,p.zero {
    margin:0;
    padding:0
}
a.demo-2 effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 10;
    /* raises anchor tag above everything else in div */
    background-color: white;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
}
.quick_button{
    height:30px;
    width:90px;
    border: 2px solid black;
    margin:auto;
    margin-top:80px;
    margin-left:80px;
    text-align: center;
    color:#fff;
    line-height: 30px;    
    background: rgba(108,61,33,1);
    background: -moz-linear-gradient(top, rgba(108,61,33,1) 0%, rgba(108,61,33,1) 33%, rgba(163,89,49,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(108,61,33,1)), color-stop(33%, rgba(108,61,33,1)), color-stop(100%, rgba(163,89,49,1)));
    background: -webkit-linear-gradient(top, rgba(108,61,33,1) 0%, rgba(108,61,33,1) 33%, rgba(163,89,49,1) 100%);
    background: -o-linear-gradient(top, rgba(108,61,33,1) 0%, rgba(108,61,33,1) 33%, rgba(163,89,49,1) 100%);
    background: -ms-linear-gradient(top, rgba(108,61,33,1) 0%, rgba(108,61,33,1) 33%, rgba(163,89,49,1) 100%);
    background: linear-gradient(to bottom, rgba(108,61,33,1) 0%, rgba(108,61,33,1) 33%, rgba(163,89,49,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c3d21', endColorstr='#a35931', GradientType=0 );
}
/* Home(index.php) */
#home_left{
	width:475px;
	float:left;
}
#home_right{
	width:400px;
	margin-left:65px;
	float:left;
}
/* Primary */
#primary_wrapper{
        padding-bottom:10px;
        margin-top:10px;
}
#primary_inner{
	width:1165px;
	margin:auto;
        overflow: hidden;
}
#primary_content_wrapper{
	float:right;
	width:845px;
	padding:1px;
        margin-top:23px;
	min-height:450px;
	background-color:#c0c0c0;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
}
#primary_content_inner{
	min-height:850px;
	background-color:#e6e6e6;
	text-align:center;
}
#primary_column_wrapper{
	float:left;
	width:300px;
	background-color:#c0c0c0;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	padding:1px;
}
#primary_column_inner{
	background-color:#e6e6e6;
}
#primary_column_advertisement{
	margin-top:10px;
	background-color:#e6e6e6;
	border-radius:10px;
	font-size:20px;
	height:300px;
	overflow:hidden;
        padding-left:5px;
}
#vip_column_wrapper{
	float:left;
	width:300px;
	margin-top:20px;
	background-color:#c0c0c0;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	padding:1px;
}
#vip_column_inner{
	background-color:#e6e6e6;
}
#vip_column_advertisement{
	margin-top:10px;
	background-image:url("/images/vipbackfucki.png");
	background-repeat: no-repeat;
	background-color:#e6e6e6;
	padding:5px;
	border-radius:10px;
	font-size:20px;
	height:300px;
	overflow:hidden;
}
#sponsor_column_wrapper{
	float:left;
	width:300px;
	height:250px;
	margin-top:20px;
	background-color:#c0c0c0;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	padding:1px;
}
/* Footer */
#footer_wrapper{
	height:185px;
    min-height:150px;
	border-top: 1px solid black;	
}
#footer_inner{
	position:relative;
        height:185px;
        text-align: center;
	margin:auto;
	padding:5px;
	background-color:#361e10;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
}
#footer_content{
        margin-top:70px;
        color:#874b28;
	padding:10px;
}
#footer_content a{
        color:#9e490e;
}
/* jQuery overload */
.ui-accordion-header{font-size:14px;}
.ui-accordion-content{font-size:14px;}
.ui-button .ui-button-text{font-size:14px; color:#fff; font-weight:normal;}
.ui-tabs{font-size:14px;}
.menu_padding{
padding-top:7px;
padding-bottom:7px;
}
/* Dig site */
.floater{
	width:30%;
	float:left;
	text-align:center;
}
.fossil_bone{
	text-align:center;
	float:left;
	width:150px;
}
/* Inventory */
.inventory_item{
	width:125px;
	height:200px;
	text-align:center;
	float:left;
}
input.jq_button{font-size:14px;}
/* My shop */
.myshop_item{
	float:left;
	width:203px;
	height:380px;
	margin-bottom:20px;
	overflow-y:auto;
	overflow-x:hidden;
}
.jq_button2{
	background:#e6e6;
	font-color:#000;
}
/* News */
.news_box{
	background-color:#e6e6e6;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	padding-bottom: 20px;
}
.title_label{
	display:block;
	font-size:20px;
	color:#fff;
	background-color:#361e10;
	padding:10px;
	padding-left:15px;
	text-align:left;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:      0px 1px 6px 0px rgba(50, 50, 50, 0.75);
}
/* Bingo */
td.bingo_marked{
	background-color:#361e10;
	width:150px;
}
td.bingo_notmarked{
	width:150px;
}
/* Whammy */
div.whammy_cell{
	position:relative;
	width:175px;
	height:76px;
	float:left;
	border:2px black solid;
}
div.whammy_middlecelltop{
	position:relative;
	width:175px;
	height:77px;
	float:left;
	border-right:2px black solid;
	border-left:2px black solid;
	border-top:2px black solid;
}
div.whammy_middlecellbot{
	position:relative;
	width:175px;
	height:78px;
	float:left;
	border-right:2px black solid;
	border-left:2px black solid;
	border-bottom:2px black solid;
}
div.whammy_won_prize{background-color:#9F0000;}
#whammy_container{height:480px;}
.ui-dialog-title{
	color:#ffffff;
}
/* Message system */
.msg-row{
	cursor:pointer;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
.msg-row > td{
	padding:4px;
}
.msg-row > td > input[type=checkbox]{
	width:100%;
	height:100%;
}
.msg-row:hover, .msg-row-selected{
	background-color:#123;
}
.msg-secondary{
	font-size:14px;
	color:#666;
}
.msg-unread{
	font-weight:bold;
}

/* Achievements */
.not-completed{
	opacity: 0.6;
}
.completer{
	font-weight: 700;
}