*{margin:0px}

html, body, #fullheight {
min-height: 100%;
height: 100%;
 -webkit-overflow-scrolling: touch;
 -webkit-appearance:none;
 -ms-overflow-style: none;
}


button {
border:none;
}

@media print {
    html, body {
       display: none;  /* hide whole page */
    }
}

input {
 -webkit-appearance:none;
}

/* General Settings */
button {
cursor:pointer;
}

textarea {
resize: none;
}


@media screen and (max-width:768px) {

#reportWindow {
width:calc(100% - 60px);
height:auto;
background:white;
margin:0 auto;
border-radius:4px;
padding:20px;
text-align:center;
-webkit-box-shadow: 0px -2px 16px 4px rgba(0,0,0,0.33);
-moz-box-shadow: 0px -2px 16px 4px rgba(0,0,0,0.33);
box-shadow: 0px -2px 16px 4px rgba(0,0,0,0.33);
}


#storiesFrame {
width:calc(100%); float:right; height:100%; overflow-y:scroll; border:none
}



#reportHoverWindow {
display:none;
position:absolute;
width:100%;
padding-top: 100px;
top:0px;
left:0px;
height:100%;
background:rgba(255,255,255,0.4);
z-index:41px;
}


#connectWindow {
width:80%;
height:auto;
}

#sideBarContainer {
display:none;
}

#mainContainer {
width:100% !important;
overflow-x:hidden;
left:0px;
padding:0px !important;
min-width:320px !important;
background:black;
}

#new_items {
text-align:center;
margin-top:10px !important;
}

#ajax_append {
text-align:center;
margin-top:10px !important;
padding-left:0px important;
}

.new_items_messages {
text-align:center;
margin-top:10px !important;
width:calc(100% - 20px) !important;
}


input {
border-radius:0px;
}

button {
outline:none;
}

#topTitlesContainer {
width:100%;
height:auto;
white-space: nowrap;
overflow-x:scroll;
overflow-y:hidden;
background:linear-gradient(rgba(255,255,255,0.2), rgba(1,1,1,0));
}


#canevas1 {
width:80%;
height:30%;
border:none;
display:inline-block;
transition: all 0.5s;
margin:10px 0px 10px 10px;
border-radius:10px;
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}

p#topTitle {
display:none;
}

#mobile_navBar {
display:block;
position:fixed;
width:calc(100% - 20px);
padding:10px;
color:white;
font-family:'Roboto';
z-index:5;
background:rgba(1,1,1,0.9);
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
}

/* Content */

#item {
width:calc(95% / 2);
margin-bottom: 30px;
background:rgba(255,255,255,0.03);
border:none;
padding:0px; 
border-radius:0px;
-webkit-box-shadow: 0px 0px 5px -4px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 0px 5px -4px rgba(0,0,0,0.48);
box-shadow: 0px 0px 5px -4px rgba(0,0,0,0.48);
}

#story_item {
width:calc(100% - 20px - 20px);
text-align:left;
margin:20px 10px 20px 10px;
-webkit-overflow-scrolling:auto;
}

#itemCover {
width:100%;
height:100px;
background:rgba(255,255,255,0.05);
text-align:left;
image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    text-shadow: 1px 1px #333;
}

#itemDesc {
width:100%;
background:#161616;
color:grey;
border-radius:3px;
text-align:left;
}

#load_more_button {
width:calc(100% - 40px);
height:auto;
padding:20px;
background:rgba(1,1,1,0.4);
color:white;
text-transform: uppercase;
border:none;
border-radius:3px;
font-size:11px;
font-family:'Roboto';
 -webkit-appearance:none;
}

img#load_more_button {
display:none;
}

#tabbedButton {
width:calc(100% / 4.2);
border:none;
height:100%;
background:none;
color:white;
}

#tabbed_menus {
position:fixed;
z-index:3;
bottom:0px;
min-width:100%;
overflow-x:scroll;
height:65px;
background:rgba(1,1,1,0.9);
}

p#menu {
font-size:18px !important;
font-weight:100;
}

/* Search Panel */

#searchPanel {
position:fixed;
display:none;
left:0px;
top:0px;
width:calc(100% - 40px);
border-right:solid 3px red;
padding:20px;
height:calc(100%);
background:#222222;
z-index:40;
}

input#wideSearch {
padding:10px;
width: calc(100%  - 80px) !important;
border:none;
background:none;
border-radius:3px;
outline:none;
font-size:14px;
color:white;
margin-top:-14px;
}

#formSurround {
width:calc(100% - 120px);
background:rgba(1,1,1,0.2);
height:40px;
border-radius:3px;
position:absolute;
}

.cancelSearch {
padding:10px;
background:none;
color:white;
font-size:12px;
display:inline-block;
float:right;
cursor:pointer;
}

img#closeSearch {
height:40px;
}

#searchNotice {
width:calc(100% - 80px);
}


/* Live Search */
.tt-dropdown-menu {
	background-color: none;
	margin-top: 12px;
	padding: 10px;
	color:white;
	font-family:'Roboto';
	font-weight:300;
	width: 80% !important;
}
.tt-suggestion {
	width:calc(100% - 0px);
	font-size: 15px;
	line-height: 24px;
	padding: 3px 20px;
	-webkit-transition: font-size 0.25s;
}
.tt-suggestion.tt-is-under-cursor {
	color: #FF002A;
	font-family:'Roboto';
}
.tt-suggestion p {
	margin: 10px;
}

#notificationsContainer{
display:none;
}

#section_header {
width:calc(100% - 30px);
text-align:center; font-size:20px;
color:white; font-family:'Roboto';
font-weight:100;
padding:10px 10px 10px 20px;
background:#272727;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
}

/* Inner Search */
#inner_search {
padding:10px;
width:calc(100% - 35px);
font-size:12px;
background:rgba(1,1,1,0.2);
border:none; outline:none;
border-radius:5px; margin:4px;
color:white;
}

#hideOnMobile {
display:none !important;
}

.hideOnMobile {
display:none !important;
}


/* Stories */

span#storiesBrand {
width:calc(100% - 40px);
display:block;
padding:10px 20px 10px 20px;
}

button#cat {
width:auto;
margin:0px -8px 5px 10px !important;
background:rgba(1,1,1,0.3);
padding:7px 7px 7px 0px;
border-radius:3px !important;
}

img#cat {
margin-left:10px !important;
}

#searchStories {
width:calc(100% - 20px);
margin-right:10px;
height:50px;
background:rgba(255,255,255,0.05) !important;
}

#bigStory {
width:calc(100% - 40px) !important;
height:200px !important;
}

#createStory {
width:calc(100% - 20px);
margin-right:10px;
height:40px;
}

#storiesMenu {
width:calc(100% - 20px);
height:50px;
margin-left:10px;
}

#category {
width:calc(100% - 20px) !important;
margin-left:10px !important;
}


#topStories {
width:100% !important;
margin-left:10px;
}

#categoryTitle {
margin-left:10px;
}

#topStoriesSpan {
float:left !important;
width:calc(100% - 40px) !important;
}

#storyItem {
width:calc((100% / 2) - 10px);
height:100px;
border-radius:3px;
display:inline;
border:none; 
color:white;
font-size:16px;
margin-bottom:10px;
-webkit-overflow-scrolling:none;
}

#storySidePanel {
background:#383838;
font-family:Roboto;
font-size:20px;
padding:20px;
font-weight:300;
width:calc(100% - 40px);
height:calc(100%);
}

#storyContainer {
color:white;
font-size:18px;
padding:20px 20px 120px 20px;
font-weight:300;
width:calc(100% - 40px);
float:left;
height:auto;
margin-top:0px;
transition: all 0.5s;
text-align:center;
font-family:Roboto;
margin-bottom:20px;
}

input#reviewIt {
width:calc(100% - 40px) !important;
font-size:12px !important;

}

input#postReview {
width:100% !important;
}

#commentStory {
padding:0px !important;
}

p#searchTerms {
font-size:20px !important;
}


/* About Page */
.job,.name {
width:70% !important;
margin-left:15%;
}

/* Account */

#accountForms {
padding:0px !important;
}

form#profile {
margin-bottom:30px;
}

form#security {
margin-bottom:30px;
width:100%;
}

input#modify {
width:calc(100% - 10px);
padding:20px 10px 20px 10px;
font-size:13px;
height:64px;
font-family:'Roboto';
color:white;
margin-left:5px;
border:none;
background:black;
margin-bottom:2px;
transition: all 0.25s;
}

input#modify:hover {
color:#FF002A;
}


input#modify:focus {
outline:none;
color:white;
height:64px;
font-weight:700;
font-size:16px;
}

input#security {
width:calc(100% - 10px);
padding:20px 10px 20px 10px;
font-size:13px;
height:64px;
font-family:'Roboto';
color:white;
margin-left:5px;
border:none;
background:none;
transition: all 0.25s;
}


#modifyBtn {
width:calc(100% - 10px);
padding:20px 10px 20px 10px;
font-size:14px;
font-family:'Roboto';
color:black;
margin-left:5px;
border:none;
background:#252525;
border-bottom:solid 5px #181818;
color:white;
 -webkit-appearance:none;
}

#notification_banner {
width:calc(100%) !important;
margin:0 !important;
border-radius:none;
padding:20px 0px 20px 0px !important;
height:auto !important;
top:0px;
}

#disconnectBtn {
width:calc(100%);
padding:10px 10px 10px 23px;
border:solid 1px #262626;
margin-top:40px;
color:red;
height:50px;
border-radius:2px;
text-transform:uppercase;
background-color:rgba(1,1,1,0.2);
background-size:14px 14px;
background-position:5px 10px;
background-repeat:no-repeat;
}

#notificationItem {
width:100%;
height:auto;
background:none;
border:none;
border-bottom:solid 1px rgba(255,255,255,0.03);
padding:10px;
color:white;
font-size:13px;
font-family:'Roboto';
text-align:left;
margin-bottom:4px;
}

/* Network */

#userPan {
width:calc(100% / 2.05);
height:250px;
background:rgba(1,1,1,0.2);
border:none;
border-radius:3px;
text-align:center;
margin-bottom:20px;
}

#userPic {
width:80px;
height:80px;
border-radius:50%;
border:solid 2px white;
margin: 0 auto;
}


#userInfos {
width:cacl(100% - 30px);
height:cacl(100px - 30px);
font-family:'Roboto';
color:white;
padding:15px;
}


#follow {
width:50px;
height:auto;
padding:10px 10px 10px 37px;
margin:0 auto;
border-radius:2px;
text-transform:uppercase;
background:white;
background-image:url('icons/hr_network/add.png');
background-repeat:no-repeat;
background-size:26px 26px;
background-position:10px 4px;
}

#followHim:after {
content:'Suivre';
width:50px;
height:auto;
padding:10px 10px 10px 30px;
margin-top:10px;
border-radius:2px;
text-transform:uppercase;
background:white;
background-image:url('icons/hr_network/add.png');
background-repeat:no-repeat;
background-size:15px 15px;
background-position:10px 10px;
color:black;
font-size:10px;
cursor:pointer;
}

input#networkSearch {
padding:10px;
width:calc(100% - 10px);
font-size:12px;
background:rgba(1,1,1,0.2);
border:none; outline:none;
border-radius:5px; margin:4px;
color:white;
}

#userHeader {
width:calc(100% - 40px);
height:70px;
background:#242424;
padding:20px;
top:0px;
z-index: 11;
}

#moreInfos {
width:calc(100% - 40px) !important;
/*min-width:242px !important;*/
height:auto !important;
margin-top:110px;
font-family:'Roboto';
padding:20px;
}

#moreButton{
text-align:center;
width:calc(100%);
}

#networkTabs {
width:calc(100% / 3.1);
padding:10px;
height:auto;
border:none;
border:solid 2px #191919;
background:#272727;
color:white;
text-transform: uppercase;
}

#followersTabs {
width:calc(100% / 2.06);
margin-top:5px;
padding:10px;
height:auto;
border:none;
border:solid 2px #191919;
background:#272727;
color:white;
text-transform: uppercase;
}


#likedItem {
width:calc(100% - 10px);
margin: 0 auto;
margin-top:10px;
height:auto;
background:#FFF;
border:none;
transition:all 0.3s;
}

#postStats {
padding-left:20px !important;
}

#posterName {
margin-left:20px !important;
}

p#relativeIt {
position:relative !important;
top:0px !important;
}

#lastMessages {
display:none !important;
}

/* Dont Leave */

textarea#dontLeave {
width:290px;
height:60px;
margin:20px 0px 0px 0px;
font-family:'Roboto';
padding:10px;
color:white;
border:none;
font-size:14px;
background:rgba(255,255,255,0.2);
outline:none;
}

#guide_window {
width:95% !important;
height:90% !important;
}

#go100 {
width:calc(100% - 40px) !important;
}

/* Welcome message */

#welcomeMessage {
position:absolute;
width:calc(100% - 40px);
height:auto;
z-index:30;
overflow-x:hidden;
background:white;
padding:20px;
top:0px;
font-family:'Roboto';
font-weight:300;
font-size:22px;
color:black;
display:none;
}

#renew_plan {
left: 0px !important;
top: 0px !important;
width: 100% !important;
overflow-y:scroll;
}

#overlay {
left:0px !important;
width:100% !important;
}


#sendMessage {
min-width:calc(100% - 20px) !important;
margin-top:10px;
padding:10px !important;
}

.sendMessage {
min-width:calc(100% - 20px) !important;
margin-top:10px;
padding:10px !important;
}

#networkTab {
border:none;
background:none;
color:white;
width:calc(100% / 5.5);
}

.bubble {
width:100% !important;
}

/* CONTENT SORTING */
#biggerPan {
width:calc(100%);
border:solid 2px #000;
float:left;
display:inline-block;
height:314px;
}

#twoSmallPansContainer {
width:100%;
display:inline-block;
float:right;
height:auto;
}

#twoSmallPans {
width:calc(50% - 6px);
border:solid 2px #000;
height:calc(300px / 2);
display:inline-block;
}

#filmPans {
width:calc(50% - 4px);
display:inline-block;
border:solid 2px #000;
height:100px; 
}

#sortFilms {
width:calc(100% - 15px);
height:auto;
margin:0 auto;
margin-top:10px;
overflow:hidden;
}

#allSpansContainer {
width:calc(100% - 15px);
height:auto;
margin:0 auto;
margin-top:10px;
overflow:hidden;
margin-bottom:50px;
}

#categoryP {
margin-top:50px !important;
}

#menus {
min-width:100%;
height:auto;
}

#menuButtons {
width:calc(100% / 4.2);
border:none;
height:65px;
background:none;
color:white;
margin-bottom:20px;
}


#nextItem {
margin:20px -9px 8px 10px;
width:300px;
min-height:160px;
background:white;
border:none;
padding:0px;
-webkit-box-shadow: 0px 0px 5px -4px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 0px 5px -4px rgba(0,0,0,0.48);
box-shadow: 0px 0px 5px -4px rgba(0,0,0,0.48);
}

#nextItemCover {
width:100%;
height:160px;
background:grey;
text-align:left;
}

/* Review Box */

#reviewBox {
width:calc(100%);
min-height:100px;
height:auto;
background:none;
}

input#review {
width:90%;
padding:10px;
height:20px;
}

input#reviewIt {
width:calc(100%);
padding:10px;
font-size:20px !important;
color:white;
background:none;
font-weight:300;
border:none;
border-radius:2px;
height:60px;
font-family:'Roboto';
margin-bottom:10px;
}

input#reviewIt:focus {
outline:none;
}


select#stars {
-webkit-appearance: none; 
-moz-appearance: none;
background-color:rgba(1,1,1,0);
background-image: url('http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif') no-repeat 96% 50%;
width:100%;
font-size:14px;
padding:10px;
border:none;
border-bottom:solid 3px #CCC;
border-radius:3px;
height:52px;
float:right;
margin-bottom:10px;
outline:none;
color:grey;
background:#EDEDED;
}

input#postReview {
width:calc(100% - 300px);
font-size:13px;
padding:10px;
color:grey;
background:#EDEDED;
font-weight:300;
border:none;
border-bottom:solid 3px #CCC;
border-radius:3px;
height:51px;
font-family:'Roboto';
font-weight:Bold;
float:right;
}



#deleteComment {
width:auto;
border:none;
background:none;
color:#CCC;
float:right;
padding:5px;
border-radius:2px;
margin:0px 8px 0px 0px;
}

#deleteComment:hover {
background:#333;
color:white;
}


.image-upload > input
{
    display: none;
}

#lastMessage {
width:350px !important;
width:calc(100% - 20px) !important;
max-width:350px !important;
margin:10px 10px 0px 10px !important;
}


#signIn, #signUp {
width:auto;
padding:10px;
color:black;
margin-bottom:10px;
border-radius:2px;
text-transform:uppercase;
background:white;
font-size:14px;
-webkit-transition: all 0.25s; /* Safari Web Browser */
    transition: all 0.25s;
}

#facebookBtn {
width:115px;
padding:10px;
color:white;
border-radius:2px;
text-transform:uppercase;
background:#004080;
font-size:14px;
-webkit-transition: all 0.25s; /* Safari Web Browser */
    transition: all 0.25s;
}

.planCard {
width:calc(100% - 20px);
margin:10px;
height:auto;
background:rgba(1,1,1,0.05);
border:solid 1px #CCC;
border-radius:6px;
padding:10px 0px 0px 0px;
}

}