body {
   overflow: hidden;
}

.photoContainerLeft {
   float: left;
   background: var(--pres-main-bg-light);
   width: 100%;
}

#contrib, #rate, #fotos
{
   float:left;
   width: 100%;
   padding: 10px;
   color: var(--pres-main-fg-color);
}

#story {
   float:left;
   width: 100%;
   padding: 0px;
   color: var(--pres-main-fg-color);
}

#story .ts
{
   float: right;
   font-size: 9pt;
   color: #EEE;
}

#story .title
{
   color: var(--pres-main-fg-color);
   font-size: 1.5em;
   padding: 10px;
   width: 100%;
   float: left;
   font-weight: bold;
   
}

#story .body
{
   margin: 5px 0px 0px 0px;
   width: 100%;
   color: var(--pres-main-fg-color);
   overflow: auto;
   padding: 10px;
   
}

#story .edit
{
   font-size: 12pt;
   color: #bbbbbb;
   font-style: italic;
   margin: 10px 0px 0px 0px;   
}

.storyStuff
{
   border-bottom: solid 1px #bbbbbb;
}

.cb
{
   clear: both;
}

#edit
{
	color: #444;
	text-align: left;
	width: 100%;
	background: var(--pres-main-bg-light);
	float: left;
}

.fpu {
   float: left;   
   width: 100%;
   padding: 10px;
}

.rpu {
  width: 100%;
  float: left;
}

#removeAlbum {
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  padding: 10px;
}

#cancelFeatLink
{
   cursor: pointer;
   padding: 5px 10px;
   text-align: center;
   background-repeat: no-repeat;
   background-position: 0px 0px;
   text-decoration: none;
}

#featApply
{
   margin-top: 10px;
   display: none;
}

#featApply > div 
{
   font-size: 9pt;
   margin-bottom: 4px;
}

#featApply > img
{
   width: 320px;
   height: 12px;
}

#contrib .foto
{
   float: right;
   margin: 5px;
   width: 100px;
   height: 100px;
}

#contrib .foto img
{
   position: relative;
   max-height: 100px;
   max-width: 100px;
}

#contrib .title
{
   margin-bottom: 5px;
}

#contrib .name
{
   font-size: 1em;
   position: relative;
   top: 10px;
   
}

.name a {
   color: #bbbbbb;
}

.name a:hover {
   color: var(--pres-light-fg-color);  
}

#contrib .bio
{
   font-size: 1em;
   margin: 15px 0px 0px 0px;  
   
}

#tags a
{
   color: var(--pres-main-fg-color);
   float: left;
   max-width: 85%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space:nowrap;
}

.rat
{
   float: left;
   clear: both;
   margin: 10px 5px 0px 0px;
}

.gray_stars
{
   background: url(/images/rateStarEmpty.png);
   width: 100px;
   height: 20px;

}

.gold_stars
{
   background: url(/images/rateStarFilled.png);
   width: 70px;
   height: 20px;
   cursor: pointer;
}

.user_rat
{
   font-size: 1em;
   margin: 10px 0px 0px 0px;

   color: #bbbbbb;
}

#rate .count
{
   font-size: 1em;
   margin: 12px 0px 0px 5px;
   float: left;
}

#mediaShow
{
   height: 100px;
   overflow: hidden;
}

.storySliderContainer {
   float: left;
   clear: both;
   width: 100%;
   overflow: hidden;
   background-image: url(/images/orgDots.png);
   margin: 0px 0px 0px 0px;
   position: relative;
}

.triangle {
   display:none;
}

.highlight {
   position: relative;
   width: 1px;
   height: 19px;
   background: var(--pres-soft-black);
   margin: -19px 0px 0px -11px;       
}

.storySliderArrowLeft {
   width: 40px;
   height: 40px !important;
   background-repeat: no-repeat;
   top: 50%;
   left: 10px;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   position: absolute;
   background: rgba(255,255,255,.75);
   z-index: 1;
   cursor: pointer;
}

.storySliderArrowRight {
   width: 40px;
   height: 40px !important;
   background-repeat: no-repeat;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   position: absolute;
   background: rgba(255,255,255,.75);
   z-index: 1;
   cursor: pointer;
}

#bigSlide 
{
   height: 300px;
   position: relative;
}

#summary 
{
    height: 150px;
    width: 575px;
    margin: 0 10px;
}

#title
{
   margin: 1%;
   padding: 1%;
   width: 95%;
   font-size: 1em;
   color: var(--pres-main-fg-color);
   float:left;
}

.buttonContainer 
{
   float: right;
   margin: 10px;
   width: 100%;
}

.button 
{
   float: left;
   text-align: center;
   margin: 0px;
   font-size: 1em !important;
   padding: 5px 10px;
   cursor: pointer;
}

.bContainer 
{
   display: inline-block;
   clear: both;
   margin: 0px 0px 0px 6px;
}

#editorHidden
{
   display: none;
}

.editBtn 
{
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
   cursor: pointer;
   float: left;
   font-family: helvetica,arial,Sans-Serif;
   padding: 5px 10px;
	margin-left: 10px;
	font-size: 1em;
}

.cheersButton
{
    float: left;
    width: 130px;
}

.delTag
{
   width: 20px;
   height: 20px;
   float: right;
   color: var(--pres-light-fg-color);
   background-color: #aa0000;
   cursor: pointer;
	text-align: center;
}

#typePhoto
{
   display: none;
}

.plBackground
{
   background: var(--pres-main-bg-dark);
   display: none;
   height: 100%;
   left: 0;
   opacity: 0.7;
   position: fixed;
   top: 0;
   width: 100%;
}

.tag
{
	float: left;
   padding: 10px;
   clear: both;
   width: 100%;
   border-bottom: solid 1px #bbbbbb;   
}

.featError {
   color: #FAFAFA;
   display: inline-block;

   padding: 5px;
   width: 590px;
}

.borderedAd {
   float: none;
}

.unflag {
   float: right;
   margin: 15px 0px 0px 0px;
   padding-bottom: 10px;
   width: 32%;
   font-weight: normal;
   font-size: .9em;
}

.inlineflagContainer {
   float: right;
}

.flagCommentTxt {
   float: left;
   margin: 3px 5px 0px 0px;  
}

.addOrFlag {
   width: 100%;
   padding: 10px;
   color: var(--pres-main-fg-color);
   font-size: 1em;
   float: left;
	position: relative;
	clear:both;
}

.addOrFlag .editBtn {
   margin: 0px;
}

.mediaTitle {
   background: #eeeeee; /* Old browsers */
   background: -moz-linear-gradient(top,  #eeeeee 0%, #bbbbbb 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Opera 11.10+ */
   background: linear-gradient(to bottom,  #eeeeee 0%,#bbbbbb 100%); /* W3C */
   width: 100%;
   padding: 10px 0px 10px 10px;
   color: var(--pres-main-fg-color);
   font-size: 1em;
   float: left;
}

.white {
   background: var(--pres-main-bg-light);
   float:left;
   width: 100%;
}

.name a {
   color: #ff4e00;
}

.bio {
   color: var(--pres-main-fg-color);
}

.name a:hover {
   color: #888888;
}

#tags {
   padding: 0px;
}

.addTagContainer {
   float: left;
   clear: both;
   width: 100%;  
}

.addTag {
   clear: both;
   float: right;
   color: var(--pres-light-fg-color);
   text-align: center;
   background: var(--pres-soft-black);
   cursor: pointer;
   font-size: .9em;
   padding: 5px 10px;
   margin: 5px;
}

#cheers {
   float: left;
   margin: 10px 0px 0px 0px;
}

.currentTags {
   background: var(--pres-main-bg-light);  
   margin-bottom: 20px;
}

.editPhotoContainer {
   float: left;
   clear: both;
	padding: 0px;
   width: 100%;
}

.bContainer .button:hover {
   background-color: #888888;
}

.animateLeft {
   transition: none;
   -webkit-transition: none;
   -moz-transition: none;
}

.whiteBox {
   width: 100%;
   left: 0px; 
   overflow-y: auto !important;
   overflow-x: hidden !important;
   -webkit-overflow-scrolling: touch;
}

.rightSideCtr {
   height: 100%;
}

.asCtr {
   display: none;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
   #story .title {
      font-size: 1em;
   }   

   .white {
      height: 100%;
   }

   .whiteBox {
      width: 100%;
      left: 0px;
   }

   .mediaTools {
      position: absolute;
   }
}