/*****************************************************************************************/
/*---------------------------------------------------------------------------------------*/
/*-------------- Shit-the-bed.com, the best like the worst of your life -----------------*/
/*---------------------------------------------------------------------------------------*/
/*----------------------------- Writen by Alexandre Bram --------------------------------*/
/*****************************************************************************************/

/*****************************************************************************************/
/******************************** ALL RIGHTS RESERVED ************************************/
/*****************************************************************************************/

/********************************** Initialisation ***************************************/
* { padding:0px; margin:0px; }
/************************************** HACK *********************************************/
hr { clear:both; visibility:hidden; height:1px;}
/*-------------------------------------- FF ---------------------------------------------*/
a { outline: none; }
:focus { -moz-outline-style: none; }
/*-------------------------------------- IE6 --------------------------------------------*/
/* img, div, input { behavior: url(images/iepngfix.htc); } */
/*------------------------------------- Global ------------------------------------------*/
body { font-family:Helvetica, sans-serif; font-size:12px;}
#bg-contener {  background:url(../images/bg.jpg) repeat-x; }
#conteneur { width:980px; margin:auto; font-weight:normal; color:#666666;  }

.bleu { color:#24b2ed; }

a { text-decoration:none; color:#24b2ed;}
p {margin-bottom:10px;}
.tableau td { padding:5px;}
h2 { font-size:18px; margin-bottom:10px; color:#24b2ed;}
h3 { font-size:14px; margin-bottom:10px; color:#FF9900;}
h4 { font-size:14px; margin-top:10px; color:#333333;}
h4 a { color:#333333;}
.formulaire td { padding:5px 0 5px 0;}


label { width:16px; height:16px; color:#FF3300; font-weight:bold; }
label.error { padding-left:17px; width:16px; height:16px; background:transparent url(../images/cancel.png) no-repeat; }

/*------------------------------------- Header ------------------------------------------*/

#header { height:139px; overflow:hidden;}
#title{ color:#FFFFFF; font-size:22px; text-align:right; padding-top:45px; }
#ligne-top {  background-color:#FFFFFF; text-align:right; }
#login-conteneur { width:980px; margin:auto;}
#login-onglet { width:980px; margin:auto; }
#login-onglet-content {background:url(../images/login-onglet.png) no-repeat; height:18px; text-align:center; float:right; width:153px; font-weight:bold; position:absolute; margin-left:828px; line-height:18px;}
#logo { position:absolute; margin:20px 0 0 10px; }
.login { cursor:pointer; }
.sign-up a{ color:#333333; }

/**** MENU ****/
#menu {margin-top:22px;height:42px; }
#menu-top{ list-style: none ;   }
#menu-top li{ float:right;  font-size:12px;  width:80px; }

.menu-top-active a { display: block ; height:33px; width:78px; background: url(../images/menu2.png) left top no-repeat ; font-size:11px; 	font-weight:bold; 	 color: #fff ; padding: 9px 0 ; text-align: center ; }	

.menu-top-active  a:hover, #navigation li a:focus, #navigation li a:active { background: url(../images/menu2.png) right top no-repeat ; }
#menu-selected a{ display: block ; height:33px; width:78px; background: url(../images/menu2.png) right top no-repeat ; font-size:11px; 	font-weight:bold; 	 color: #fff ; padding: 9px 0 ; text-align: center; }


/*------------------------------------ Content ------------------------------------------*/

#content { padding:11px; background-color:#e8e8e8; border-left:solid 2px #FFFFFF; border-right:solid 2px #FFFFFF;}
#content-story-global-top { background:url(../images/top-content-story.jpg); width:740px; height:74px; }
#content-story-global-center { background:url(../images/center-content-story.jpg) repeat; width:720px;  padding:0 10px 0 10px;}
#content-story-global-bottom { background:url(../images/bottom-content-story.jpg); width:740px; height:26px;}

/* ADD STORY */
.click-story { font-size:14px; font-weight:bold; text-align:center; cursor:pointer; }
.add-story { margin-bottom:20px; }
#add-story-contener { border:solid 1px #999999; padding:10px; }
#story { float:left; width:540px; margin-bottom:10px; }
#namechi { display:none; }

#story a { color:#24b2ed; cursor:pointer;  }
#story a:hover { color:#999999; }

/* ADD VIDEO */

/* Funny Shit */
.video-images {  float:left; width:150px; height:100px;}


/* MENU Category */
#category { width:200px; margin-top:20px; text-align:left; margin-bottom:20px; }
#menu-category { margin: 0px; padding: 0px; list-style-type: none;  }
#menu-category li { height:19px; background-image:url(../images/bg-category.jpg); padding:3px 0 0 4px; }
.link-category a { color:#333333;}
.link-category a:hover { color:#24b2ed; font-weight:bold; }

/* Top Story */
#top-story { width:200px; margin-top:20px; text-align:left; margin-bottom:20px; background-color:#CCCCCC;}
#top10-story { padding:5px 10px 10px 10px; }

/* Last Comment */
#last-comment { width:200px; margin-top:20px; text-align:left; margin-bottom:20px; background-color:#CCCCCC;}
#last-comment a{ color:#666666;}
#last-comment a:hover{ color:#24b2ed;}

/* Story content */
.top-story { background:url(../images/top-story.jpg) no-repeat; width:720px; height:12px; }
.center-story { background:url(../images/center-story.jpg); width:700px; padding:0 10px 0 10px; }
.center-story-2 { background:url(../images/center-story.jpg); width:700px; padding:0 10px 0 10px; min-height:100px; height:100px; height:auto !important; }
.footer-story { background:url(../images/footer-story.jpg) no-repeat; width:720px; height:10px; }

.search-area{background: transparent url(../images/search.jpg) no-repeat; border:none; width:165px; font-size:14px; padding:8px 0px 0px 35px; margin:0px; height:25px; color:#333333; float:right;}

.textarea-contact{ background: transparent url(../images/textarea-center.jpg) repeat-y; border:0px; width:410px; height:118px; overflow:hidden; padding:0 5px 0 5px; margin:0px; }

#content-story-global { width:740px;  float:left;}
#menu-right { width:200px; float:right; }
.content-story { margin-top:20px; border:solid 1px #666666; padding:10px; }
.vote { float:right; text-align:right; font-weight:bold; cursor:pointer; }

#advertissement { width:160px; padding-left:15px; margin-right:10px; text-align:center; float:left; }
#title-add-story { text-align:right; padding:18px 13px 0px 0px; font-size:16px;}

/*------------------------------------ Comment ------------------------------------------*/
.box-comment {  border:solid 1px #999999; padding:5px; margin-bottom:10px;}


/*------------------------------------ VOTE ------------------------------------------*/
.votep {  cursor:pointer; }
.votem {  cursor:pointer; }

/********************************** Inscription ****************************************/

#inscription{ width:100%; margin-right:20px; padding-left:4px;}
#inscription-type { padding:10px 0 10px 0; margin:10px 0 10px 0; width:700px;  border-top:dashed 1px #999999; }
#inscription-type h1 { color:#999999; }
.input-decoration-center{ background: transparent url(../images/login-center.png) repeat-x; border:0px; width:140px; height:18px; padding:6px 0px 4px 0px; font-size:14px; color:#666666;}

/*------------------------------------- Footer ------------------------------------------*/

#footer { height:75px; background:url(../images/footer-bg.jpg); border-left:solid 2px #FFFFFF; border-right:solid 2px #FFFFFF; border-top:solid 2px #FFFFFF; padding-top:20px; text-align:center; color:#FFFFFF;  }
#more-shit-the-bed { width:550px; margin:auto; margin-bottom:10px; text-align:center; }
#copyright {text-align:center; color:#666666; margin-top:10px;}