/* @override http://127.0.0.1:8000/media/css/css3.css?v=1 */

/* site */
a:hover
 {
	text-shadow: #818181 0 0 3px;
    -webkit-transition-property: hover;
    -webkit-transition: background-color 0.15s ease-in-out;
}
.sidebar input, #show_link_field, #embed_field  {
	width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	padding: 0.5em 0.25em;
	margin-bottom: 0.5em;
	font-size: 16px;
  -webkit-box-shadow:inset 0 0 4px #000000;
  -moz-box-shadow:inset 0 0 4px #000000;
  box-shadow:inset 0 0 4px #000000;
}

/* shadows */
#showDescription,
.navsquare,
.tanback,
.floating-menu
 {
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/* backgrounds */
#showDescription,
.tanback,
#playerThumbnailsNav .description
 {
	background-color: #e1d9c4;
	background: -webkit-gradient(linear, left top, left bottom, from(#e1d9c4), to(#c9b7a3));
	background: -moz-linear-gradient(top,  #e1d9c4,  #c9b7a3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1d9c4', endColorstr='#c9b7a3');
}

/* a bit darker */
#showDescription
 {
	background-color: #d7c8b5;
	background: -webkit-gradient(linear, left top, left bottom, from(#e1d9c4), to(#cab8b4));
	background: -moz-linear-gradient(top,  #e1d9c4,  #cab8b4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1d9c4', endColorstr='#cab8b4');
}

/* curves */
#showDescription,
.primary > div,
.sidebar > div,
div.recs,
.navsquare,
.tanback,
#playerThumbnailsNav .description
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sidebar > div.ad {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* columns */
.csscolumns .twocol {
	width:  100%;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
}
.csscolumns .threecol {
	width:  100%;
	-moz-column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-count: 3;
	-webkit-column-gap: 30px;
}

.csscolumns .archive_page .series
 {
	width:  100%;
	-moz-column-width: 400px;
	-moz-column-gap: 30px;
	-webkit-column-width: 300px;
	-webkit-column-gap: 30px;
    background: #dddad6;
    -webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.75);
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    padding: 8px 0;
}
.series > div {
    padding: 0 8px;
}

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap pass it on! */
.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

input,
textarea {
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	-o-box-sizing : border-box;
	box-sizing : border-box;
}

::-webkit-input-placeholder {
	font-size : .875em;
	line-height : 1.4;
}

input:-moz-placeholder {
	font-size : .875em;
	line-height : 1.4;
}

#infoBar .floatleft span
 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#playerThumbnailsNav
{
	-webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}