/* <('.'<) (>'.')> (^'.')> <('.'^) */ 

@CHARSET "UTF-8";

/* Common */

html {
  /* Forces Mac Webkit browsers like Safari & Chrome to show clearer text */
  -webkit-font-smoothing: antialiased;
}

body {
	background: #543D3B;
	color: #4f4040;
	margin: 0px;
	min-width: 880px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11pt;
}

.backdrop {
	background: #fff url('https://www.sofurryfiles.com/static/images/common/layout/background.jpg') fixed top center;
}

.backdropsimple {
	background: #fff;
}

img {
	border: none;
}

span.sf-accessibility { /* This needs to be turned on for screen readers to understand right */
	display: none;
}

.hide{
    display:none !important;
}

a {
  outline: none; /* firefox */
  color: #661E24;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

abbr[title] {
	border-bottom: none;
}

div.clear {
	clear: both;
}

div.loading {
	background-image: url(https://www.sofurryfiles.com/static/themes/espresso/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

p.center {
	text-align: center;
}

p.left {
	text-align: left;
}

p.right {
	text-align: right;
}

/* PROPER HEADINGS */
h1, h2, h3 {
	color: #777;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

h1 {
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	margin: 15px 0 15px;
	text-shadow: 0 1px 0 #fff;
}

h2 {
	font-size: 18px;
	line-height: 20px;
	margin: 30px 0 10px;
}

h4 {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #777;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	margin: 1em 0;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

h4 a {
	color: #777;
}

h4 + .more {
	color: #999;
	float: right;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0;
	position: relative;
	top: -37px;
}

h4 + .more a {
	color: #999;
}

.sf-profile-container h1:first-child,
.sf-profile-container h2:first-child {
	margin-top: 0;
}

/* General text colors */
.sfTextDark {
	color: #4A3D3E;
}

.sfTextMedDark {
	color: #6F6463;
}

.sfTextMedium {
	color: #938B87;
}

.sfTextMedium hr{
	color:#938B87;background-color:#938B87;height:1px;border:none;
}

.sfTextMedLightShadow {
	color: #C5BFBD;
	text-shadow: 0 1px 1px rgba(1, 1, 1, 0.85);
}


.sfTextMedLight {
	color: #C5BFBD;
}

.sfTextLight {
	color: #f6f2f1;
}

.sfTextAttention {
	color: #681E24;
}

span.sf-nowrap {
	white-space: nowrap;
}

.sf-boxshadow-default {
	border: none !important;
  	box-shadow:  0px  1px 0px #fff,
	   	         1px  0px 0px #fff,
        	     0px -1px 0px #fff,
            	 -1px  1px 0px #fff,
               	 0px  0px 5px rgba(0,0,0,0.5);	
}

.sf-boxshadow-light {
	border: none !important;
	box-shadow:  0px  1px 0px #fff,
	   	         1px  0px 0px #fff,
        	     0px -1px 0px #fff,
            	 -1px  1px 0px #fff,
               	 0px  0px 5px rgba(0,0,0,0.3);	
}

.sf-boxshadow-adult {
	border: none !important;
  	box-shadow:  0px  1px 0px #fa0,
	   	         1px  0px 0px #fa0,
        	     0px -1px 0px #fa0,
            	 -1px  1px 0px #fa0,
               	 0px  0px 5px rgb(255,200,0);	
}

.sf-boxshadow-extreme {
	border: none !important;
  	box-shadow:  0px  1px 0px #a55,
	   	         1px  0px 0px #a55,
        	     0px -1px 0px #a55,
            	 -1px  1px 0px #a55,
               	 0px  0px 5px rgb(255,0,0);	
}

.topbar {
	background: #543D3B;
	background-position: 0px 0px;
	border-bottom: 1px solid #100;
	border-top: 1px solid #300;
	color: #fff;
	font: 14px/20px Trebuchet MS, Trebuchet, sans-serif;
	min-height: 40px;
	text-shadow: #000 1px 1px 0;
	
	background-image: linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -o-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -moz-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -webkit-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -ms-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#542D3B', endColorstr='#241B19'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#543D3B', endColorstr='#241B19')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #241B19),
		color-stop(1, #543D3B)
	);
	
	-webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0 inset,
                      rgba(0,0,0,0.2) 0 2px 6px;
	-moz-box-shadow:    rgba(255,255,255,0.1) 0 1px 0 inset,
                      rgba(0,0,0,0.2) 0 2px 6px;
	box-shadow:         rgba(255,255,255,0.1) 0 1px 0 inset,
                      rgba(0,0,0,0.2) 0 2px 6px;
    position:relative;
	z-index:10;
}

.topbar:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.topbar-cont {
	margin: 0 auto;
	max-width: 1440px;
	position: relative;
}

.topbar a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
}

.topbar li:hover a,
.topbar h1:hover a {
	border-left: 1px solid #300;
	border-right: 1px solid #300;
	padding: 10px 9px;

	background-image: linear-gradient(bottom, #543B39 0%, #744D4B 100%);
	background-image: -o-linear-gradient(bottom, #543B39 0%, #744D4B 100%);
	background-image: -moz-linear-gradient(bottom, #543B39 0%, #744D4B 100%);
	background-image: -webkit-linear-gradient(bottom, #543B39 0%, #744D4B 100%);
	background-image: -ms-linear-gradient(bottom, #543B39 0%, #744D4B 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#744D4B', endColorstr='#543B39'); /* IE6 & IE7 */
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#744D4B', endColorstr='#543B39')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #543B39),
		color-stop(1, #744D4B)
	);

	-webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 3px inset;
	-moz-box-shadow: 		rgba(0,0,0,0.2) 0 1px 3px inset;
	box-shadow: 				rgba(0,0,0,0.2) 0 1px 3px inset;
}

.topbar-nav {
	float: left;
	margin-left: 10px;
}

.topbar-nav h1 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	text-shadow: #000 1px 1px 0;
}

.topbar-nav h1 a {
	padding: 10px;
	padding-left: 48px;
	position: relative;
}

.topbar-nav h1 a:hover {
	padding: 10px 9px;
	padding-left: 47px;
}

.topbar-nav h1 span {
	background: url('https://www.sofurryfiles.com/static/images/common/icons/sflogo_small.png') no-repeat -2px center;
	height: 20px;
	left: 10px;
	position: absolute;
	width: 38px;
}

.topbar-nav ul {
	display: inline-block;
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

.topbar-nav li {
	float: left;
}

.topbar-nav li a {
	padding: 10px;
}

.topbar-nav form {
	float: left;
	margin: 0;
	margin-top: 8px;
}

.topbar:-webkit-input-placeholder,
.topbar:-moz-placeholder {
	color: #dcc;
}

.topbar input[type="text"],
.topbar input[type="text"]:hover,
.topbar input[type="text"]:focus,
.topbar input[type="password"],
.topbar input[type="password"]:hover,
.topbar input[type="password"]:focus {
	background: #655;
	border: 1px solid #300;
	color: #fff;
	line-height: 18px;
	padding: 3px 8px 1px;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#655), to(#716161));
  background: -webkit-linear-gradient(top, #655, #716161);
  background: -ms-linear-gradient(top, #655, #716161);
  background: -moz-linear-gradient(top, #655, #716161);
  background: -o-linear-gradient(top, #655, #716161);
  background: linear-gradient(top, #655, #716161);

	-webkit-font-smoothing: antialiased;

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0,
											rgba(0,0,0,0.2) 0 1px 2px inset;
  -moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0,
											rgba(0,0,0,0.2) 0 1px 2px inset;
  box-shadow:         rgba(255,255,255,0.2) 0 1px 0,
											rgba(0,0,0,0.2) 0 1px 2px inset;
}

.topbar input[type="text"]:hover {
	color: #fff;
}

.topbar input[type="text"]:focus {
}

.topbar-nav input[type="text"],
.topbar-nav input[type="text"]:hover {
	background: transparent;
	border-radius: 20px;
	padding: 4px 8px 1px;
}

.topbar-nav input[type="text"][value=""] {
	width: 7em;
}

.topbar-nav input[type="text"]:focus {
	background: #655;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	width: 12em;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#655), to(#716161));
  background: -webkit-linear-gradient(top, #655, #716161);
  background: -ms-linear-gradient(top, #655, #716161);
  background: -moz-linear-gradient(top, #655, #716161);
  background: -o-linear-gradient(top, #655, #716161);
  background: linear-gradient(top, #655, #716161);
}

.topbar-nav .sftext,
.topbar-nav button {
	float: left;
	width: auto;
}

.topbar-nav input[type="text"]:focus + button {
	display: none;
}

.topbar-user {
	float: right;
	line-height: 20px;
	margin-right: 10px;
}

.topbar-user form {
	float: left;
}

.topbar-user input[type="text"],
.topbar-user input[type="password"] {
	float: left;
	line-height: 18px;
	margin-left: 5px;
	margin-top: 8px;
	padding: 3px 8px 2px;
	width: 7em;
}

.topbar-user form button,
.topbar-user form input[type="submit"] {
	margin-left: 5px;
}

.topbar-user .or,
.topbar-user form + .or + .button {
	float: left;
	margin-left: 10px;
}

.topbar-user form + .or + .button {
	margin-right: 10px;
}

.topbar-user .or {
	color: #dcc;
	font-size: 13px;
	margin-top: 10px;
}

.topbar-user ul {
	margin: 0;
	padding: 0;
}

.topbar-user li {
	float: left;
}

.topbar-user li:last-child {
	margin-left: 10px;
}

.topbar-user a {
	padding: 10px;
}

.topbar-user li:hover a {
	padding: 10px 9px;
}

.topbar-user > ul > li > a > .number,#notify .number {
	background: no-repeat left center;
	color: #fff;
	font-weight: bold;
	padding-left: 22px;
	z-index:2;
	position:relative;
}
	
.topbar-user .number.submissions,#notify .number.submissions {
	background-image: url('/static/images/espresso/icons/header-submissions.png');
	background-position: 0 -2px;
}

.topbar-user .number.notifications,#notify .number.notifications {
	background-image: url('/static/images/espresso/icons/header-notifications.png');
	background-position: 0 0;
}

.topbar-user .number.messages,#notify .number.messages {
	background-image: url('/static/images/espresso/icons/header-messages.png');
	background-position: 0 2px;
}

@media all and (max-width: 1080px) {
	.topbar .word {
		display: none;
	}
}
@media all and (max-width: 1440px) {
	.backdrop {
		background: #fff;
	}
}

.topbar .button,
.topbar button,
.topbar input[type="submit"],
.topbar .button:hover,
.topbar li:hover .button {
	background: #655;
	border: 1px solid #300;
	color: #fff;
	font-size: 14px;
	line-height: 14px !important;
	margin-top: 8px;
	padding: 5px 6px;
	text-shadow: 0 1px 0 #000;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#755), to(#433));
	background: -webkit-linear-gradient(top, #755, #433);
	background: -ms-linear-gradient(top, #755, #433);
	background: -moz-linear-gradient(top, #755, #433);
	background: -o-linear-gradient(top, #755, #433);
	background: linear-gradient(top, #755, #433);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#775555', endColorstr='#443333',GradientType=0 );

	-webkit-font-smoothing: antialiased;

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0,
											rgba(255,255,255,0.1) 0 1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0,
											rgba(255,255,255,0.1) 0 1px 0 inset;
	box-shadow:         rgba(255,255,255,0.2) 0 1px 0,
											rgba(255,255,255,0.1) 0 1px 0 inset;
}
.topbar input[type="submit"] {
	padding: 3px 6px;
}

.topbar-nav button {
	border-radius: 20px;
	margin-left: 5px;
	margin-top: 0;
}

.topbar-user .button,
.topbar-user button,
.topbar-user input[type="submit"],
.topbar-user .button:hover,
.topbar-user li:hover .button {
	margin-left: 10px;
}

input[type="submit"]:-moz-focus-inner,
button:-moz-focus-inner {
	border: none;
	padding: 0;
}

.topbar-user .avatar {
	margin-top: 7px;
	padding: 0 10px;
	width: 26px;
}

.topbar-user .avatar:hover,
.topbar-user li:hover .avatar {
	background: transparent;
	border: none;
	padding: 0 10px;

	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:        	none;
}

.topbar-user .avatar img {
	border: 1px solid #300;
	display: block;
	height: 24px;

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0;
	-moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0;
	box-shadow:         rgba(255,255,255,0.2) 0 1px 0;
}

.topbar-nav h1,
.topbar-nav li,
.topbar-nav form,
.topbar-nav input[type="text"],
.topbar-user li {
	display: inline-block;
}

.topbar .dropdown-trigger {
	position: relative;
	height: 40px;
}

.topbar .dropdown{
	background: #211;
	background: #000;
	border: 1px solid #888;
	border: 1px solid rgba(255,255,255,0.5);
	border-top: none;
	border-radius: 0 0 5px 5px;
	position: absolute;
	display:none;
	top: 40px;
	z-index: 999;

	-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px;
	-moz-box-shadow:    rgba(0,0,0,0.5) 0 1px 3px;
	box-shadow: 				rgba(0,0,0,0.5) 0 1px 3px;
}
.topbar .dropdown.wide{
    min-width:12em;
}

.topbar .dropdown li{	
	background: none;
	display: block;
	float: none;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.topbar .dropdown li.divider + li a {
	border-top: 1px solid #888;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.topbar .dropdown li:last-child{
	border-radius: 0 0 5px 5px;
}

.topbar .dropdown li a {
	background: none;
	filter:none !important;
	border: none;
	border-top: 1px solid #444;
	border-top: 1px solid rgba(255,255,255,0.25);
	display: block;
	padding: 3px 15px 3px 10px;
}

.topbar .dropdown a:hover{
	background: #322;
	background: rgba(255,255,255,0.3);
}
.topbar .dropdown a.dummy:hover{
    background:none;
}

.topbar .dropdown li:first-child a {
	border-top: none;
}

.topbar .dropdown-trigger:hover .dropdown {
	display:block;
}

.topbar-nav .dropdown {
	left: -9999px;
	right: auto;
}

.topbar-nav .dropdown-trigger:hover .dropdown {
	left: 0;
}

.topbar-user .dropdown{
	display: none;
	right: -9999px;
	left: auto;
}

.topbar-user .dropdown-trigger:hover .dropdown{
	display: block;
	right: 0;
}

#notify{
    background: #222222;
    border-color:#222;
    border-style:solid;
    border-width: 0px 1px 1px;
    margin:0 -1px;
    max-width:1440px;
    padding:40px 0 0;
    position:fixed;
    top:0;
    width:100%;
    z-index:5;
    display:none;
}
#notify .shiny{
    position:absolute;
    opacity:0;
    top:0;
    z-index:1;
    background:#f40;
    /*
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 114, color-stop(0%, rgb(255, 68, 0)), color-stop(100%, rgba(255, 68, 0, 0)));
    background: -webkit-radial-gradient(center center, farthest-side circle, rgb(255, 68, 0) 0%, rgba(255, 68, 0, 0) 100%);
    background: -moz-radial-gradient(center center, farthest-side circle, rgb(255, 68, 0) 0%, rgba(255, 68, 0, 0) 100%);
    background: -ms-radial-gradient(center center, farthest-side circle, rgb(255, 68, 0) 0%, rgba(255, 68, 0, 0) 100%);
    background: -o-radial-gradient(center center, farthest-side circle, rgb(255, 68, 0) 0%, rgba(255, 68, 0, 0) 100%);
    background: radial-gradient(farthest-side circle at center center, rgb(255, 68, 0) 0%, rgba(255, 68, 0, 0) 100%);
    */
}
.sf-rt-notif-timekeeper{
    display:none !important;
}
#sf-rt-notif{
    background:#111;
    background: -moz-linear-gradient(top,  #222222 0%, #555555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#555555));
    background: -webkit-linear-gradient(top,  #222222 0%,#555555 100%);
    background: -o-linear-gradient(top,  #222222 0%,#555555 100%);
    background: -ms-linear-gradient(top,  #222222 0%,#555555 100%);
    background: linear-gradient(to bottom,  #222222 0%,#555555 100%);
    overflow:hidden;
    position:relative;
}
#sf-rt-notif, #sf-rt-notif a{
    color:#eee;
}
#sf-rt-notif ul{
    list-style:none;
    padding:0;
    margin:0;
    display:inline-block;
}
#sf-rt-notif ul li{
    display:inline-block;
    padding:10px 0;
}
#sf-rt-notif .notif-info{
    display:inline-block;
    padding:10px;
}
#sf-rt-notif .notif-info.show-long{
    width:100%;
}
#sf-rt-notif .metadata{
    color:#aaa;
}
#sf-rt-notif .notif-box a:hover,#sf-rt-notif .notif-nav a:hover{
    text-decoration:none;
    background-color:#777;
}
#sf-rt-notif .notif-box li{
    position:relative;
    top:2px;
}
#sf-rt-notif .notif-box a{
    padding:10px 5px;
}
#sf-rt-notif .notif-nav{
    font-weight:bold;
    color:#fff;
    position:absolute;
    top:0;
    right:0;
}
#sf-rt-notif .notif-nav a{
    padding:10px;
}
#sf-rt-notif .notif-nav a.disabled{
    opacity:0.5;
}
#sf-rt-notif .notif-nav a.disabled:hover{
    background-color:transparent;
    cursor:default;
}
#sf-rt-notif .notif-info-element{
    display:inline-block;
    max-height:1em;
}
#sf-rt-notif .notif-nav .prev,#sf-rt-notif .notif-nav .next,#sf-rt-notif .notif-nav .close,#sf-rt-notif .notif-nav .exp{
    color:transparent;
    background-repeat:no-repeat;
    position:relative;
    background-position:3px 9px;
}
#sf-rt-notif .notif-nav .prev{
    background-image:url('/static/images/espresso/icons/rtnotif/left24.png');
}
#sf-rt-notif .notif-nav .next{
    background-image:url('/static/images/espresso/icons/rtnotif/right24.png');
}
#sf-rt-notif .notif-nav .close{
    background-image:url('/static/images/espresso/icons/rtnotif/close24.png');
}
#sf-rt-notif .notif-nav .exp{
    background-image:url('/static/images/espresso/icons/rtnotif/down24.png');
}
#sf-rt-notif .notif-nav .exp.up{
    background-image:url('/static/images/espresso/icons/rtnotif/up24.png');
}


.wrapper {
	background: #fff url(https://www.sofurryfiles.com/static/expresso/main-bg.png) repeat-x;
    z-index:0;
}

.wrapper.nobg {
	background: transparent;
}

.wrapper.bordered {
	margin: 0 auto;
	max-width: 1440px;
}

@media all and (min-width: 1442px) {
	.wrapper.bordered {
		border-left: 1px solid #777;
		border-right: 1px solid #777;

		-webkit-box-shadow: 0 2px 16px rgba(0,0,0,0.25);
		-moz-box-shadow: 0 2px 16px rgba(0,0,0,0.25);
		box-shadow: 0 2px 16px rgba(0,0,0,0.25);
	}
}

/* Sidebar */

div.sf-sidebar, div.sf-sidebar-nopadding {
	font-size: 11pt;
	float: left; 
	display: block;
}

div.sf-sidebar {
	padding-top: 1em;
}

div.sf-sidebar .section, div.sf-sidebar-nopadding .section {
	text-align: left;
	margin-left: 3em;
	max-width: 240px;	
}

div.sf-sidebar .section-wide, div.sf-sidebar-nopadding .section-wide {
	text-align: left;
	margin-left: 1em;
	max-width: 240px;	
}

div.sf-sidebar .section-content, div.sf-sidebar-nopadding .section-content {
	padding-top: 0.6em;
	font-weight: normal;
	line-height: 20px;
	vertical-align: middle;
}

div.sf-sidebar .section-content-additional, div.sf-sidebar-nopadding .section-content-additional {
	font-style: italic;
	text-align: right;
}

div.sf-sidebar .section-content-icons, div.sf-sidebar-nopadding .section-content-icons {
	padding-top: 0.6em;
	font-weight: normal;
	line-height: 20px;
	margin-left: -28px;
}

div.sf-sidebar .section-content-icons img, div.sf-sidebar-nopadding .section-content-icons img {
	vertical-align: middle;
}

div.sf-sidebar .section-title, div.sf-sidebar-nopadding .section-title {
	color: #808080;
	font-size: 16px;
	font-weight: bold;
	min-height: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.6em;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/line.png);
	background-position: left bottom;
	background-repeat: no-repeat;	
}

div.sf-sidebar .section-title-highlight, div.sf-sidebar-nopadding .section-title-highlight {
	color: #661e24;		
	font-size: 16px;
	font-weight: bold;
	min-height: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.6em;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/line.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div.sf-sidebar .message-section {
	color: #808080;
	font-size: 16px;
	font-weight: normal;
}

div.sf-sidebar .message-section-highlight {
	color: #661e24;
	font-size: 16px;
	font-weight: normal;
}

div.sf-sidebar .section-footer, div.sf-sidebar-nopadding .section-footer {
	font-size: 12px;
	margin-top: 0.5em;
	padding-top: 0.4em;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/line_footer.png);
	background-position: right top;
	background-repeat: no-repeat;
	text-align: right;	
}

div.sf-sidebar .section-content-counter, div.sf-sidebar-nopadding .section-content-counter {
	float: left;
	margin-left: -2em;
	text-align: right;
}

/* Main */

div.sf-main {
	min-height: 500px; /* TEMP */
	min-width: 960px;
}

div.sf-main:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

div.sf-content {
	overflow: hidden;
	padding: 15px;
}

/* Cozy mode overrides */

.sf-content-override-black {
	background: #111 none !important;
}

.sf-content-override-lightText {
	color: #eee !important;
}

.sf-content-override-medText {
	color: #ccc !important;
}

.sf-content-override-black input[type=text],
.sf-content-override-black input[type=password],
.sf-content-override-black textarea,
.sf-content-override-black input[type=text]:hover,
.sf-content-override-black input[type=password]:hover,
.sf-content-override-black textarea:hover {
  background: #222;
	border: 1px solid #333;
	color: #ccc;
  text-shadow: 0 -1px 0 #000;
  
  -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0,1px
											rgba(0,0,0,0.8) 0 1px 1px inset;
  -moz-box-shadow:    rgba(255,255,255,0.1) 0 1px 0,
											rgba(0,0,0,0.8) 0 1px 1px inset;
  box-shadow:         rgba(255,255,255,0.1) 0 1px 0,
											rgba(0,0,0,0.8) 0 1px 1px inset;
}

.sf-content-override-black input[type=text]:focus,
.sf-content-override-black input[type=password]:focus,
.sf-content-override-black textarea:focus {
	background: #333;
	border-color: #555;
	color: #eee;

  -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0,1px
											rgba(0,0,0,0.8) 0 1px 1px inset;
  -moz-box-shadow:    rgba(255,255,255,0.1) 0 1px 0,
											rgba(0,0,0,0.8) 0 1px 1px inset;
  box-shadow:         rgba(255,255,255,0.1) 0 1px 0,
											rgba(0,0,0,0.8) 0 1px 1px inset;
}

.sf-content-override-black label.sffile span,
.sf-content-override-black a.button,
.sf-content-override-black button,
.sf-content-override-black input[type="submit"] {
	background: #222;
	border: 1px solid #333;
	color: #ccc;
	text-shadow: #000 0 -1px 0;
  
  -webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0,
											rgba(255,255,255,0.1) 0 1px 0 inset,
											rgba(0,0,0,0.4) 0 -1px 0 inset;
  -moz-box-shadow:    rgba(255,255,255,0.1) 0 1px 0,
											rgba(255,255,255,0.1) 0 1px 0 inset,
											rgba(0,0,0,0.4) 0 -1px 0 inset;
  box-shadow:         rgba(255,255,255,0.1) 0 1px 0,
											rgba(255,255,255,0.1) 0 1px 0 inset,
											rgba(0,0,0,0.4) 0 -1px 0 inset;
  
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
  background: -webkit-linear-gradient(top, #333, #222);
  background: -ms-linear-gradient(top, #333, #222);
  background: -moz-linear-gradient(top, #333, #222);
  background: -o-linear-gradient(top, #333, #222);
  background: linear-gradient(top, #333, #222);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 );
}

/* Header */

span.sf-header {
	text-align: center;
	font-family: Trebuchet MS, Trebuchet, sans-serif;
	color: #777;
	overflow: hidden;
}
span.sf-header a{
	color: #AAA;
	text-decoration: none;
}
span.sf-header a:hover {
	color: #CCC;
	text-decoration: none;
}

/* Footer */

.sf-footer {
	background: url('/static/images/espresso/layout/texture-dark.png');
	color: #777;
	padding: 25px;
	text-shadow: #000 1px 1px 0;
}

.sf-footer h3 {
	color: #ccc;
	font-size: 13px;
	letter-spacing: 2px;
	margin: 0 0 15px;
	text-transform: uppercase;
}

.sf-footer-cont {
	margin: 0 auto;
	max-width: 1440px;
}

.sf-footer a {
	color: #AAA;
	text-decoration: none;
}

.sf-footer a:hover {
	color: #CCC;
	text-decoration: none;
}

.sf-footer p.readmore {
	border-top: 1px dashed #444;
	padding-top: 10px;
	text-align: right;
}

.sf-footer ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

.sf-footer-breadcrumb {
	background: #808080;
	background-position: 0px 0px;
	border-bottom: 1px solid #100;
	border-top: 1px solid #300;
	color: #fff;
	font: 14px/20px Trebuchet MS, Trebuchet, sans-serif;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 25px;
	text-shadow: #000 1px 1px 0;
	position: relative;
	
	background-image: linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -o-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -moz-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -webkit-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	background-image: -ms-linear-gradient(bottom, #241B19 0%, #543D3B 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#542D3B', endColorstr='#241B19'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#543D3B', endColorstr='#241B19')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #241B19),
		color-stop(1, #543D3B)
	);
	
	-webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0 inset,
                      rgba(0,0,0,0.2) 0 2px 6px;
	-moz-box-shadow:    rgba(255,255,255,0.1) 0 1px 0 inset,
                      rgba(0,0,0,0.2) 0 2px 6px;
	box-shadow:         rgba(255,255,255,0.1) 0 1px 0 inset,
                      rgba(0,0,0,0.2) 0 2px 6px;
}

.sf-footer-breadcrumb a {
	color: #fff;
}

.grid-row {
	display: block;
	overflow: hidden;
    margin: 0 -15px;
    padding: 0 15px 30px;
}

.grid-row.grid-level-1 {
    background: #f5f5f5;
    border-top: 1px solid #e9e9e9;
}

.grid-row.grid-level-2 {
    background: #eaeaea;
    border-top: 1px solid #d9d9d9;
}

.grid-column {
	display: inline-block;
	float: left;
	margin-right: 2%;
	overflow: hidden;
    position: relative;
}

.grid-column.last {
	margin-right: 0;
}

.grid_2 {
	width: 15%;
}

.grid_3 {
	width: 23.5%;
}

.grid_4 {
	width: 32%;
}

.grid_5 {
	width: 40.5%;
}

.grid_6 {
	width: 49%;
}

.grid_8 {
	width: 66%;
}

.grid_9 {
	width: 72.5%;
}

.sf-footer-transition {
	background: #fff url(https://www.sofurryfiles.com/static/expresso/footer-transition.png) repeat-x;
	text-align: center;
	font-size: small;
	height: 72px;
	height: 0;
}

.sf-footer-end {
	color: #666;
	font-size: smaller;
	margin-top: 25px;
	text-align: center;
}

#sf-ads {
	background: rgba(0,0,0,0.25);
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 4px;
	display: block;
	margin-bottom: 25px;
	padding: 5px 5px 2px;
	text-align: center;
}

#sf-ads a {
	display: inline-block;
}

#sf-ads img {
	display: inline-block;
	margin: 0 10px;
}

/*
	Common positionings
*/

div.sf-align-left {
	text-align:left;
	float:left;
	padding-left: 20px;
}

div.sf-align-right {
	text-align:right;
	float:right;
	padding-right: 20px;
}

div.sff-align-left,
div.sff-align-right {
	padding: 0;
}

.aligncenter {
	text-align: center	
}

/*
	Misc layout
*/

div.sf-list-search .sfbutton input{
  display: inline-block;
  margin-left: 20px;
  height: 31px;
}

div.sf-list-search .sftext {
  display: inline-block;
  width: 400px;
}

#sfReportButton {
	position: fixed;
	z-index: 100;
	bottom: -0.5em;
	right: 1em;
	height: 1em;
	width: 15em;
	background-color: #fff;
	border: solid 2px #938B87;
	border-bottom: none;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	border-radius: 15px 15px 0 0;
	padding: 0.5em;
	padding-bottom: 1.1em;
	font-size: 90%;
	text-align: center;
	display: block;
}

#sfReportButton, #sfReportButton:link, #sfReportButton:visited, #sfReportButton:hover, #sfReportButton:active {
	color: #681E24;
	text-decoration: none;
}

#sfReportButton.cozy, #sfReportButton.cozy:link, #sfReportButton.cozy:visited, #sfReportButton.cozy:hover, #sfReportButton.cozy:active {
  background:#222;
  color:#888;
  border-color:#000;
}

@media print {
	#sfReportButton {
		display: none;
	}
}

#sfReportDialogError {
	color: red;
	padding: 0.5em;
}

#sf-feed-window {
	bottom: 40px;
	display: block;
  position: fixed;
  right: 15px;
  z-index: 999;
}

.sf-feed-item {
	background: rgba(255,255,255,0.95);
  border: 1px solid #666E73;
  border-radius: 4px;
  box-shadow:  0px  1px 0px #fff,
               1px  0px 0px #fff,
               0px -1px 0px #fff,
              -1px  1px 0px #fff,
               0px  0px 5px rgba(0,0,0,0.5);
	color: #444;
  margin-top: 10px;
  padding: 10px;
  text-shadow: 0 1px 0 #fff;
  width: 240px;
}

.sf-feed-item.coloured {
	background: #666E73;
  background: rgba(102, 110, 115, 0.95);
  border-color: #262E33;
  box-shadow: 0px  0px 5px rgba(0,0,0,0.5);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

.sf-feed-item b {
	color: #000;
}

.sf-feed-item.coloured b {
	color: #fff;
}

.sf-feed-item img {
	float: right;
}

div.sfError, div.sfSuccess, div.sfWarning, div.sfGeneralInfoMessage {
	padding: 1em;
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	font-size: 14px;
}

div.sfError {
	border-color: red;
	background-color: #eaa4a4;
}

div.sfWarning {
	border-color: yellow;
	background-color: rgb(255,255,220);
}

div.sfSuccess {
	border-color: green;
	background-color: #b5ffa4;
}

div.sfGeneralInfoMessage {
	border-color: #eef;
	background-color: #fafaff;
	color: #77a;
}

a.sf-tag {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    color: white !important;
    font-style: normal;
	font-weight: bold;
    padding: 2px 3px;
    text-align: left;
	margin-bottom: 2px;
    /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
}

a.sf-draft-counter {
    background: none repeat scroll 0 0 rgb(225,225,80);
    border-radius: 2px;
    font-style: normal;
    padding: 2px 3px;
    text-align: left;
	margin-bottom: 2px;
    /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);*/
}

.titlehover a{
       display: inline-block;
       position: relative;
       text-decoration: none;
       color: #000;
}

.reportitem-open {
	font-size: 110%;
	font-weight: bold;
	width: 60%;
	padding: 5px;
	margin: 10px 0 10px 0 !important;
	border-style: solid;
	border-color: #CCF;
	background-color: #EEF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.reportitem-closed {
	font-size: 110%;
	font-weight: bold;
	width: 60%;
	padding: 5px;
	margin: 10px 0 10px 0 !important;
	border-style: solid;
	border-color: #7E7;
	background-color: #AEA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}


/*Text Input
---------------------------------------*/

form .row {
	border-top: 1px solid #eee;
	margin: 15px 0;
	padding-left: 170px;
	padding-right: 14px;
	position: relative;
}

form .row.borderless {
  border-top: none; }
form .loginformtable td {
  padding-right: 18px;
  position: relative;
}

form .note {
	background: #eef;
	border-bottom: 1px solid #ccd;
	border-radius: 3px;
	color: #667;
	display: block;
	font-size: 12px;
	margin-right: -14px;
	margin-top: 5px;
	padding: 6px 8px;
	text-shadow: #fff 0 1px 0;
}

form .row label {
	color: #555;
	display: block;
	font-size: 13px;
	line-height: 20px;
	left: 0;
	padding: 4px 6px;
	position: absolute;
	width: 160px;
}

#sf-user-preferences .view {
	padding: 0;
}

fieldset {
  background: #fff;
  border: none;
  border-top: 1px solid #ddd;
  display: block;
  padding: 0;
  margin: 0;
  margin-left: 160px;
  padding: 0 28px 40px 20px;
  position: relative;
}

fieldset:first-child {
  border-top: none;
  padding-top: 10px;
}

fieldset:first-child legend {
  border-top: none;
  padding-top: 26px;
}

fieldset legend {
  border-top: 1px solid #ddd;
  color: #777;
  font-size: 13px;
  font-weight: bold;
  left: -160px;
  line-height: 20px;
  padding: 19px 0 4px 20px;
  position: absolute;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff;
  top: -1px;
  width: 200px;
}

input[type='radio'],
input[type='checkbox'] {
	display: inline-block;
	line-height: 20px;
	margin-left: 3px;
}

input[type='radio'] + label,
input[type='checkbox'] + label {
	padding: 0 0;
	padding-left: 3px;
	margin-right: 15px;
}

form .row .boolean label,
form .row input[type='checkbox'] + label {
	display: inline-block;
	position: static;
	width: auto;
}

input[type='radio']:first-child,
label:first-child + input[type='checkbox'] {
	margin-top: 8px;
}

fieldset#notifications br {
	display: none;
}

span.sftext {
  display: block;
  width: 100%;
}

input[type=text],
input[type=password],
textarea {
	background: #f9f6f6;
	border: 1px solid #baa;
	color: #433;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	margin-top: -1px;
	outline: none;
	padding: 6px 6px;
	text-shadow: 0 1px 0 #fff;
	width: 100%;
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, rgba(0,0,0,0.1) 0 1px 1px inset;
  -moz-box-shadow:    rgba(255,255,255,0.4) 0 1px 0, rgba(0,0,0,0.1) 0 1px 1px inset;
  box-shadow:         rgba(255,255,255,0.4) 0 1px 0, rgba(0,0,0,0.1) 0 1px 1px inset;
}

textarea {
	min-height: 4em;
}

input[type="text"].search,
input[type="search"] {
	border-radius: 30px;
	padding: 11px 12px 7px;
	width: 176px;
}

form.search .sftext {
	display: inline-block;
	width: auto;
	vertical-align: top;
}

input[type=text]:hover,
input[type=password]:hover,
textarea:hover {
  border-color: #666e73;
	color: #000;
}

input[type=text]:active,
input[type=text]:focus,
input[type=password]:active,
input[type=password]:focus,
textarea:active,
textarea:focus {
  background: #f9f7f7;
  border-color: #666e73;
	color: #000;
  
  -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, rgba(102,110,115,0.5) 0 1px 2px inset;
  -moz-box-shadow:    rgba(255,255,255,0.4) 0 1px 0, rgba(102,110,115,0.5) 0 1px 2px inset;
  box-shadow:         rgba(255,255,255,0.4) 0 1px 0, rgba(102,110,115,0.5) 0 1px 2px inset;
}

select {
  margin: 5px 0;
}

form.vertical .row {
  padding-left: 0;
}

form.vertical label {
  display: block;
  position: static;
  width: 100%;
}

span.sftext.small input[type=text] {
  line-height: 20px;
  font-size: 12px;
}

span.sftext.small {
	background-position: 0 -34px;
}

label.sffile,
label.sffile span {
	background-repeat: no-repeat;
	cursor: pointer;
}

label.sffile {
  position: relative;
  height: 33px;
  display:inline-block;
}

label.sffile span,
a.button,
button,
input[type="submit"] {
	border: 1px solid #cbb;
	border-bottom-color: #a99;
	border-radius: 3px;
	color: #544;
	cursor: pointer;
	display: inline-block;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	outline: none;
	padding: 8px 12px 10px;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	-webkit-font-smoothing: antialiased;

	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;

	background-image: linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -o-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -moz-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -webkit-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	background-image: -ms-linear-gradient(bottom, #ddcccc 0%, #ffeeee 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ddcccc),
		color-stop(1, #ffeeee)
	);

	-webkit-box-shadow: rgba(255,255,255,0.8) 0 1px 0 inset,
	                    rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
	-moz-box-shadow:    rgba(255,255,255,0.8) 0 1px 0 inset,
	                    rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
	box-shadow:         rgba(255,255,255,0.8) 0 1px 0 inset,
	                    rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
}

a.button.small,
button.small,
input[type="submit"].small {
	padding: 6px 8px;
}

input[type="submit"] {
	padding: 8px 12px 10px;
}

.buttonsmall {
	padding: 5px 6px !important;
}

a.button:hover,
a.button:active,
a.button.pressed,
button:hover,
button:active,
button.pressed,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"].pressed {
	border-color: #baa;
	border-bottom-color: #988;
	color: #544;
	cursor: pointer;

	-webkit-box-shadow: rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(255,255,255,1.0) 0 1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
	-moz-box-shadow: 	rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(255,255,255,1.0) 0 1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
	box-shadow: 		rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(255,255,255,1.0) 0 1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
}

a.button:active,
a.button.pressed,
button:active,
button.pressed,
input[type="submit"]:active,
input[type="submit"].pressed {
	border-color: #a99;
	color: #655;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);

	background-image: linear-gradient(bottom, #d3d3d3 0%, #f3f3f3 100%);
	background-image: -o-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	background-image: -moz-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	background-image: -webkit-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	background-image: -ms-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eedddd', endColorstr='#ccbbbb'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eedddd', endColorstr='#ccbbbb')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ccbbbb),
		color-stop(1, #eedddd)
	);

	-webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 4px inset,
						rgba(255,255,255,1.0) 0 1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
	-moz-box-shadow: 	rgba(0,0,0,0.1) 0 1px 4px inset,
						rgba(255,255,255,1.0) 0 1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
	box-shadow: 		rgba(0,0,0,0.2) 0 0 4px inset,
						rgba(255,255,255,0.5) 0 1px 0 inset,
						rgba(255, 255, 255, 0.5) 0 1px 0;
}

input[disabled], button[disabled]{
  cursor: not-allowed;
  opacity: 0.6;
}

.row.submit {
  padding-right: 0;
  padding-top: 10px;
}

.row.submit input[type="submit"],
.row.submit button {
  float: right;
}

label.sfbutton:hover input,
div.sfbutton:hover span,
label.sffile:hover span {
	border-color: #888;
}

label.sfbutton:hover input.warning,
div.sfbutton:hover span.warning,
label.sffile:hover span.warning {
  background: #b00;
	border-color: #900;
	color: #fee;
  
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e00), to(#b00));
  background: -webkit-linear-gradient(top, #e00, #b00);
  background: -ms-linear-gradient(top, #e00, #b00);
  background: -moz-linear-gradient(top, #e00, #b00);
  background: -o-linear-gradient(top, #e00, #b00);
  background: linear-gradient(top, #e00, #b00);
  
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;
}

.sf-topbar input[type="submit"] {
  background: #66211f;
	border-color: #300;
	color: #ecc;
	padding: 2px 6px;
	text-shadow: rgba(0,0,0,0.5) 0 -1px 0;
	
	-webkit-box-shadow: rgba(255,255,255,0.15) 0 1px 0, rgba(255,255,255,0.15) 0 1px 0 inset;
  -moz-box-shadow:    rgba(255,255,255,0.15) 0 1px 0, rgba(255,255,255,0.15) 0 1px 0 inset;
  box-shadow:         rgba(255,255,255,0.15) 0 1px 0, rgba(255,255,255,0.15) 0 1px 0 inset;
	
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#655), to(#433));
  background: -webkit-linear-gradient(top, #755, #433);
  background: -ms-linear-gradient(top, #755, #433);
  background: -moz-linear-gradient(top, #755, #433);
  background: -o-linear-gradient(top, #755, #433);
  background: linear-gradient(top, #755, #433);
}

.sf-topbar input[type="text"], 
.sf-topbar input[type="password"] {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#655), to(#716161));
  background: -webkit-linear-gradient(top, #655, #716161);
  background: -ms-linear-gradient(top, #655, #716161);
  background: -moz-linear-gradient(top, #655, #716161);
  background: -o-linear-gradient(top, #655, #716161);
  background: linear-gradient(top, #655, #716161);
  
  border-color: #300;
  color: #dcc;
  padding: 4px 6px;
	text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	
	-webkit-box-shadow: rgba(255,255,255,0.15) 0 1px 0, rgba(0,0,0,0.2) 0 1px 2px inset;
  -moz-box-shadow:    rgba(255,255,255,0.15) 0 1px 0, rgba(0,0,0,0.2) 0 1px 2px inset;
  box-shadow:         rgba(255,255,255,0.15) 0 1px 0, rgba(0,0,0,0.2) 0 1px 2px inset;
}

div.sfbutton a {
  color: #555555;
  font-weight: bold;
  font-size: 12px;
}
label.sffile input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.000001;
	filter: alpha(opacity=1);
	cursor: pointer;
}

.sflabel {
	padding-right: 20px;
	color: #777777;
	display: block;
}
.forumtitle {
	font-size: 160%;
	font-weight: bold;
	text-align: left;
	padding-right: 0px;
	margin-top: 2px; 
	margin-bottom: 5px;
}
.forumtitle-background {
	background-image:url("https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png");
	background-repeat: repeat-x;
	padding: 5px;
	border-radius: 8px;	
}

.pagetitle {
	font-size: 200%;
	font-weight: bold;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
}
.biglabel {
	font-size: 200%;
	font-weight: bold;
	text-align: right;
	padding-right: 0px;
}
.paddedlabel {
	padding-right: 20px;
}
.smalllabel {
	font-size: 100%;
	font-style:italic;
}
.verysmalllabel {
	font-size: 80%;
	font-style:italic;
}

.loginformtable {
	margin-left: 0;
  margin-top: 2px;
}

.loginformtable input[type="submit"] {
  padding: 4px 6px;
}

.loginformtable .loginformcell {
  padding-right: 0;
}

.sidebarheader {
	font-size: medium;
	font-weight: bold;
	margin-left: 20px;
}
.sidebarseparator{
	background-image: url(https://www.sofurryfiles.com/static/expresso/sidebarseparator.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 5px;
	margin-left: 20px;
}
.sidebaraction {
	color: #661E24;
	display: block;
	text-align: right;
	font-size: small;
	font-weight: bold;
}
.sidebarfilter{
	display: block;
	text-align: right;
	margin-left: 10px;
}
.sidebarfilter-label{
	font-size: medium;
	color: #66412F;
}
.sidebarfilter-inactive a{
	font-size: medium;
	color: #868f93;
}
.sidebarfilter-active{
	font-size: medium;
	color: #66211F;
	font-weight: bold;
}
.sidebaritem {
	font-size: small;
	color: #777777;
	margin-left: 20px;
}
.sidebaritem-active {
	font-size: small;
	color: #661E24;
	margin-left: 20px;
}
.sidebaritemrow2 {
	font-size: small;
	color: #777777;
	margin-left: 20px;
	float:right;
}

input.bigsubmit[type='submit'] {
	background: #ffffff;
	font-size: 200%;
	font-weight: bold;
    border:0px;
    color:#66211f;
    display:block;
    text-align:left;
    position:relative;
	cursor: pointer;
	height: 32px;
	box-shadow: none;
}

input.smallsubmit[type='submit'] {
	background: #ffffff;
	font-size: 150%;
	font-weight: bold;
    border:0px;
    color:#66211f;
    display:block;
    text-align:left;
    position:relative;
	cursor: pointer;
	height: 26px;
	box-shadow: none;
}

input.gobutton[type='submit'] {
    background-image: url(https://www.sofurryfiles.com/static/layout_images/button/button_go.png);
    border:0px;
	width:24px;
    display:block;
    text-align:left;
    position:relative;
	cursor: pointer;
}

td.gobuttontext {
	text-align:left;
}

.gobutton {
    background-image: url(https://www.sofurryfiles.com/static/themes/espresso/button_go.png);
    border:0px;
	width:29px;
	height:29px;
    display:block;
    text-align:left;
    position:relative;
}
table.submittable {
	width:auto !important;
}

#sfmce td {
	font-size: small;
	padding: 0px;
	margin: 0px;
	padding-bottom: 0px;
}

.ui-widget {
	font-size: 100%;
}

.errorSummary {
	padding: 0 .8em;
	margin: 1em 0;
}
.errorSummary ul {
	padding: 0 1.2em;
}

#folderlist-ul {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 3px 0;
}

#folderlist-ul li {
	margin: 3px 3px 3px 0;
	padding: 0.2em;
	padding-left: 1.5em;
	height: 18px;
	vertical-align: middle;
	cursor: pointer;
}

#folderlist-ul li span {
	position: absolute; margin-left: -1.3em;
}

.folder-list .ui-state-default {
	margin: 2px 0;
	position: relative;
}

.folder-list input[type=radio] {
	position: absolute;
	top: 50%;
	margin-top: -7px;
}

.folder-list label {
	display: block;
	padding: .2em;
	padding-left: 2em;
	cursor: pointer;
}

/* CSS for general text component */
.sftc-title {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 1em;
	padding-bottom: 0.6em;	
	font-size: 14pt;
	font-weight: bold;
}

.sftc-title a {
	color: #fff;
}

.sftc-content {
	padding-top: 0.6em;
	min-height: 6em;
	word-wrap: break-all;
	line-height: 1.2em;	
}

.sftc-link {	
	padding-top: 0.3em;
	font-size: 10pt;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

.sftc-link a {
	text-decoration: none;
}

.sftc-date {
	padding-right: 0.5em;
	font-size: 12pt;
}

/* Gridview Overrides */
.grid-view {
	padding: 0;
	position: relative;
}

.grid-view table.items {
	border: none;
	border-spacing: 0;
	width: 100%;
}

.grid-view table.items th {
	background: transparent;
	border: none;
	border-bottom: 1px solid #a99;
	color: #543d3b;
	font: 14px/30px Trebuchet MS, Trebuchet, sans-serif;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

.grid-view table.items th a,
.grid-view table.items th a:hover {
	color: #542d3b;
}

.grid-view table.items tr {
	border-bottom: 1px solid #ddd;
}

.grid-view table.items td {
	border: none;
	border-bottom: 1px solid #ddd;
	border-bottom-color: rgba(0,0,0,0.1);
	font-size: 13px;
	line-height: 20px;
	padding: 5px;
}

.grid-view table.items tr.odd,
.grid-view table.items tr.inactive,
.grid-view table.items tbody tr:hover,
.grid-view table.items thead tr:hover {
	background: transparent;
}

.grid-view table.items tr.even,
.grid-view table.items tr.even:hover {
	background: #f3f3f3;
	background: rgba(0,0,0,0.05);
	border-bottom-color: rgba(0,0,0,0.05);
}

.grid-view table.items tr.active,
.grid-view table.items tr.active:hover {
	background: #ecfbd4;
	text-shadow: 0 1px 0 #fff;
}

.grid-view table.items tr.inactive {
	color: #666;
}

.grid-view table.items tr.selected {
	background: #ECEB64 !important;
}

.grid-view .empty {
	color: #777;
	display: block;
	font-style: italic;
	text-align: center;
}

.grid-view .summary,
.list-view .summary {
	color: #777777;	
	float: right;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
}

.grid-view .items:after,
.list-view .items:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.grid-view .pager,
.list-view .pager {
	text-align: center;
}

h2 + .grid-view .summary,
h2 + .list-view .summary {
	position: absolute;
	right: 0;
	top: -25px;
}

/* Avatar styles */
img.sf-avatar38
{
	padding: 2px;
}

img.sf-avatar38-highlight
{
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/avatar38_highlight.png);
	padding: 2px;
	
}

img.sf-avatar-small
{
	height: 32px;
	vertical-align: middle;
}

/* File upload indicator */
.sf-selected-indicator
{
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/okicon.jpg);
	background-repeat: no-repeat;
	width: 35px;
	float: left;
	height: 35px;
	display: none;
}

/* comment voting*/
.sf-thumbsup
{
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 5px;
	vertical-align: middle;
	border-left: 1px solid #bbb;	
}

/* Yii tab overrides */

.yiiTab ul.tabs,
.tabs {
	border: 1px solid #bbb;
	border-bottom-color: #999;
	border-radius: 4px 4px 0 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    margin: 0;
    padding: 9px 10px 0;
	text-shadow: 0 1px 0 #fff;

	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc')";
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dcc), color-stop(1, #fee));
	background-image: -o-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: -moz-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: -webkit-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: -ms-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: linear-gradient(bottom, #c3c3c3 0%, #fee 100%);


	-webkit-box-shadow: rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(0,0,0,0.05) 0 -1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(0,0,0,0.05) 0 -1px 0 inset;
	box-shadow:         rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(0,0,0,0.05) 0 -1px 0 inset;
}

.yiiTab ul.tabs.subtle,
.tabs.subtle {
	background: none;
	border-top: none;
	border-left: none;
	border-right: none;
}

.yiiTab ul.tabs.right,
.tabs.right {
	float: right;
}

@media (max-width:970px) {
	.yiiTab ul.tabs {
		font-size: 12px;
	}
}

.yiiTab ul.tabs li {
  display: inline-block;
  margin-right: 5px;
}

.tabs li {
	display: inline-block;
	margin-right: 5px;
}

.yiiTab ul.tabs li a,
.yiiTab ul.tabs li a:visited,
.yiiTab ul.tabs li a:link,
.yiiTab ul.tabs li a:hover,
.tabs li a,
.tabs li a:visited,
.tabs li a:link,
.tabs li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent;
    border-radius: 3px 3px 0 0;
	border: 1px solid #aaa;
	border-bottom: none;
    color: #555;
    display: block;
    margin: 0;
	padding: 6px 9px 6px;
    text-decoration: none;

	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffeeee', endColorstr='#ddcccc')";
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dcc), color-stop(1, #fee));
	background-image: -o-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: -moz-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: -webkit-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: -ms-linear-gradient(bottom, #dcc 0%, #fee 100%);
	background-image: linear-gradient(bottom, #c3c3c3 0%, #fee 100%);

	-webkit-box-shadow: rgba(255,255,255,0.8) 0 1px 0 inset,
	                    rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.8) 0 1px 0 inset,
	                    rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
	box-shadow:         rgba(255,255,255,0.8) 0 1px 0 inset,
	                    rgba(255,255,255,0.7) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
}

.yiiTab ul.tabs li a:hover {
	border-color: #999;
	color: #444;
}

.yiiTab ul.tabs li a.active,
.tabs li a.current {
	background: #fff;
	border: 1px solid #999;
	border-bottom: none;
	color: #444;
	margin-bottom: -1px;
	padding: 6px 9px 7px;
	position: relative;
	text-shadow: #fff 0 1px 0;
	z-index: 400;

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #ffffff),
		color-stop(1, #f5f5f5)
	);

	-webkit-box-shadow: rgba(255,255,255,0.8) 0 0 4px,
						rgba(255,255,255,1.0) 0 1px 0 inset;
	-moz-box-shadow: 	rgba(255,255,255,0.8) 0 0 4px,
						rgba(255,255,255,1.0) 0 1px 0 inset;
	box-shadow: 		rgba(255,255,255,0.8) 0 0 4px,
						rgba(255,255,255,1.0) 0 1px 0 inset;
}

.yiiTab div.view {
    border-bottom: 0px solid #661E24;
    border-left: 0px solid #661E24;
    border-right: 0px solid #661E24;
    margin: 0;
    padding: 8px;
}

/* Yii Pager overrides */

.pager {
	padding: 5px 0;
}

ul.yiiPager {
	font-size: 13px;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
    border: none;
    color: #6F6463 !important;
    font-weight: bold !important;
    padding: 1px 6px !important;
    text-decoration: none !important;
}

ul.yiiPager .page a:hover {
	background: #edd;
}

ul.yiiPager .selected a,
ul.yiiPager .selected a:hover {
    background: #6F6463;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

/* Fancy Checkboxes and Radiobuttons */
.sf-radio-choice label {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	text-align: justify;
	height: 2em;
}
.sf-radio-choice:hover label span {
	text-decoration: underline;
}

.sf-radio-choice,
.sf-radio-choice label{
	cursor: pointer;
}

.sf-radio-choice span {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
}
.label_check span, .label_radio span{ 
	padding-left: 28px;
	width: 300px;
	color: #928B86;
}
.has-js .label_radio {
	background: url(https://www.sofurryfiles.com/static/images/espresso/input/ui.png) no-repeat;
	background-position: -697px 0px;
	width: 21px;
	height: 21px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.has-js .label_check {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/check-off.png) no-repeat;
	width: 21px;
	height: 21px;
}
.has-js label.c_on {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/check-on.png) no-repeat;
}
.has-js label.r_on {
	background: url(https://www.sofurryfiles.com/static/images/espresso/input/ui.png) no-repeat;
	background-position: -676px 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.has-js .label_check input, .has-js .label_radio input {
	position: absolute; left: -9999px;
}

/* Miscellaneous icons and buttons */
a.sf-actionicon {
	float: left;
	text-align: center;
	color: #928B86;
	display: inline-block;
	padding-top: 20px;
	width: 50px;
	white-space: nowrap;
	cursor: pointer;
}
a.sf-actioniconsmall {
	text-align: center;
	color: #928B86;
	display: inline-block;
	padding-top: 20px;
	width: 30px;
	white-space: nowrap;
	cursor: pointer;
	margin-bottom: -4px;
}

a.sf-actionicon:hover {
	color: #661E24;
}

a.sf-actionicon-yes {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/yes_inactive.png) transparent no-repeat 50% 0;
}
a.sf-actionicon-yes:hover {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/yes_active.png) transparent no-repeat 50% 0;
}
a.sf-actionicon-no {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/no_inactive.png) transparent no-repeat 50% 0;
}
a.sf-actionicon-no:hover {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/no_active.png) transparent no-repeat 50% 0;
}
a.sf-actionicon-thrash {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/thrash_inactive.png) transparent no-repeat 50% 0;
}
a.sf-actionicon-thrash:hover {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/thrash_active.png) transparent no-repeat 50% 0;
}

div.sf-smallstar {
	background: url(https://www.sofurryfiles.com/static/images/espresso/icons/starlight_small.png) transparent no-repeat 50% 0;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-bottom: -3px;
}

div.greendot {
	background: url(https://www.sofurryfiles.com/static/images/espresso/input/ui.png) no-repeat;
	background-position: -760px 0px;
	width: 9px;
	height: 9px;
}

div.graydot {
	background: url(https://www.sofurryfiles.com/static/images/espresso/input/ui.png) no-repeat;
	background-position: -769px 0px;
	background: transparent;
	width: 9px;
	height: 9px;
}

div.graydotarrow {
	background: url(https://www.sofurryfiles.com/static/images/espresso/input/ui.png) no-repeat;
	background-position: -778px 0px;
	width: 9px;
	height: 9px;
}

div.star-small-light {
	background: url(https://www.sofurryfiles.com/static/images/espresso/input/ui.png) no-repeat;
	background-position: -787px 0px;
	width: 13px;
	height: 12px;
	cursor: pointer;
}
div.star-small-select {
	background: url(https://www.sofurryfiles.com/static/images/espresso/input/ui.png) no-repeat;
	background-position: -800px 0px;
	width: 13px;
	height: 12px;
	cursor: pointer;
}

div.folderradiobutton label span{
	padding-left: 30px;
}

/** Combined Styles **/

a.headerlink-inactive {	
	color: #C5BFBD;
}

a.headerlink-active, a.headerlink-active:hover {
	color: #4A3D3E;
}


/** End Combined Styles **/



/** Forum Styles **/

/* Colors
    #661E24 Attention
    #946f72 AttentionLighter
    #c5bfbd Light
    #938b87 Medium
    #6F6463 MedDark
    #4A3D3E Dark
*/

.forum-breadcrumbs {
  color: #9aa;
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 10px;
}

.forum-breadcrumbs a {
  color: #655;
}

.banner {
  background: #eee;
  border-radius: 5px;
}

.banner img {
  border-radius: 5px;
  display: block;
  margin: 0 auto;
}

.forum-thread-header {
  margin: 20px 0 20px;
  padding: 0 15px;
}

.forum-thread-header .left {
  float: left;
}

.forum-thread-header .right {
  float: right;
}

.forum-thread-header .clear.br {
  border-bottom: 1px solid #938b87;
  margin: 0 -15px;
  
  -webkit-box-shadow: rgba(0,0,0,0.1) 0 3px 0;
  -moz-box-shadow:    rgba(0,0,0,0.1) 0 3px 0;
  box-shadow:         rgba(0,0,0,0.1) 0 3px 0;
}

.forum-thread-header .grey {
  background: #eee;
  margin: 0 -15px;
  padding: 10px 15px 0;
}

.forum-thread-header .grey p {
  margin: 0 0 10px;
}

.forum-thread-header .clear.br + .grey {
  -webkit-box-shadow: rgba(0,0,0,0.05) 0 3px 0;
  -moz-box-shadow:    rgba(0,0,0,0.05) 0 3px 0;
  box-shadow:         rgba(0,0,0,0.05) 0 3px 0;
}

.forum-thread-header h1 {
  font-size: 24px;
  line-height: 30px;
  margin: 0;
}

.forum-statistics {
  color: #777;
  float: right;
  font-size: 12px;
  line-height: 15px;
  margin: 0 0 10px;
  text-align: right;
}

.forum-statistics a {
  color: #544;
}

.forum-statistics p {
  margin: 0;
}

.forum-thread-header .clear {
  clear: both;
}

.forum_actions {
  margin: 1em 0;
}

.thread_actions {
  margin: 0 0 20px;
}
.thread_actions span {
  font-size: 9pt;
  font-weight: bold; }

.thread_actions_bottom {
  padding-top: 3px; }

.thread_actions_inline ul,
.thread_actions_inline li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.thread_actions_inline ul {
  display: block;
}

.thread_actions_inline li {
  display: inline-block;
  padding-right: 0.4em;
}

.thread_actions_inline form {
  display: inline;
}

#forum_formatting_buttons li.extra {
  display: none; }
#forum_formatting_buttons li.extra a.button {
  background-image: linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
  background-image: -o-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
  background-image: -moz-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
  background-image: -webkit-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccbbbb), color-stop(1, #eedddd));
  background-image: -ms-linear-gradient(bottom, #ccbbbb 0%, #eedddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#eedddd", endColorstr="#ccbbbb");
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eedddd, endColorstr=#ccbbbb)"; }
#forum_formatting_buttons #bb_bold, #forum_formatting_buttons #bb_toggle {
  font-weight: bold; }
#forum_formatting_buttons #bb_italic {
  font-style: italic; }
#forum_formatting_buttons #bb_underline {
  text-decoration: underline; }
#forum_formatting_buttons #bb_strike {
  text-decoration: line-through; }
#forum_formatting_buttons #bb_codepre {
  font-family: courier, monospace; }

.forum_forumposts .even {
/*  background-color: #f0f0f0;*/
}

.forums tr.item,
.forum_threads tr.item {
  border-bottom: 1px solid #c5bfbd; /* light */
}

.item {
  color: #6f6463; /* Medium */
  font-size: 12px;
  line-height: 18px;
}

.item.even {
	background-color: #F0F0F9;
}

.item .value {
  font-size: 18px;
  font-weight: bold;
}

.item a {
  color: #946f72; /* AttentionLighter */
}

.forum_subject h3 {
  color: #661E24;
  margin: 0;
}

.forum_subject h3 a {
  color: #661E24;
}

.forum_subject .unread {
  background: #1e6861;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-left: 2px;
  padding: 0 4px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.3);
  text-transform: uppercase;
}

/*** thread icons ***/
.forum_status .thread,
.forum_status .thread-locked,
.forum_status .thread-sticky,
.forum_status .thread-sticky-locked {
  display: block;
  text-indent: -9999px;
  min-width: 20px;
  min-height: 15px;
  background-repeat: no-repeat;
  background-position: top center;
}

.forum_status .thread {
  
}

.forum_status .thread-locked {
  background-image: url('https://www.sofurryfiles.com/static/images/common/icons/topic_locked.gif');
}

.forum_status .thread-sticky {
  background-image: url('https://www.sofurryfiles.com/static/images/common/icons/topic_sticky.gif');
}

.forum_status .thread-sticky-locked {
  background-image: url('https://www.sofurryfiles.com/static/images/common/icons/topic_sticky_locked.gif');
}


/*** forum posts ***/

.forum_forumpost {
  border-bottom: 1px solid #aca5a2;
  padding: 0 0 0;
	position: relative;
	width: 100%;
}

.forum_forumpost.even {
	background-color: #F0F0F9;
}

.forum_forumpost.deleted {
  background-color: #EEEE88;
}
.forum_forumpost img {
  max-width: 650px !important;
}

.forum_fp_header {
	color: #928B86;
	font-size: 13px;
	margin-top: 0;
	position: relative;
}

.forum_fp_username {
  font-size: 16px;
  font-weight: bold;
}

.forum_fp_usertitle {
  
}

.forum_fp_header .right {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.forum_fp_actions {
  display: inline-block;
}

.forum_fp_actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.forum_fp_actions li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
}

.forum_fp_actions input,
.forum_fp_actions input:hover,
.forum_fp_actions input:active {
	background: transparent;
	border: none;
	padding: 0;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.forum_fp_actions input:hover {
	text-decoration: underline;
}

.forum_fp_user {
	float: left;
	margin-left: 15px;
	padding: 20px 0;
	position: relative;
	width: 104px;
}

.forum_fp_userpic {
	max-width: 104px;
	vertical-align: top;
	text-align: center;
}

.forum_fp_userpic img {
  border: 1px solid #aaa;
  border-radius: 2px;
	margin: 0 auto 0;
	display: block;
}

div.popover, .forum_fp_userdata {
  display: none;
  position: absolute;
  padding-left: 10px;
  z-index: 999; }
  div.popover div.popover-arrow, .forum_fp_userdata div.popover-arrow {
    color: white;
    width: 0px;
    height: 0px;
    border-bottom: 9px dotted transparent;
    border-top: 9px dotted transparent;
    border-right: 9px solid #938b87;
    font-size: 0px;
    line-height: 0px;
    position: absolute;
    left: 2px;
    top: 20px; }
    div.popover div.popover-arrow div.popover-arrow, .forum_fp_userdata div.popover-arrow div.popover-arrow {
      border-width: 8px;
      border-right-color: white;
      left: 1px;
      top: -8px; }
  div.popover div.popover-content, .forum_fp_userdata div.popover-content {
    background: white;
    width: 14em;
    max-width: 14em;
    padding: 20px;
    color: #938887;
    /* Medium */
    font-size: 13px;
    border: 1px solid #c5bfbd;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px; }

.forum_fp_userdata {
  left: 104px;
  top: 15px; }
  .forum_fp_userdata p {
    margin: 10px 0;
    line-height: 1.1em; }
  .forum_fp_userdata div.popover-content {
    padding: 10px 20px; }

.forum_fp_user:hover .forum_fp_userdata {
  display: block;	
}

.forum_fp_content {
	border: 0px;
	margin-left: 134px;
	padding: 20px 15px 0 0;
}

.forum_fp_postbody {
	padding:  1em 0;
}

.bbcode_box_head, .bbcode_quote_head, .bbcode_code_head, .bbcode_spoiler_header {
  padding: 5px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  border-width: 1px;
  margin: 10px;
  margin-bottom: 0;
  border-style: solid;
  display: block; }

.bbcode_box_body, .bbcode_quote_body, .bbcode_code_body, .bbcode_spoiler {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-width: 1px;
  margin: 10px;
  margin-top: 0;
  padding: 10px;
  border-style: solid;
  border-top: none;
  display: block; }

.bbcode_quote_body {
  border-color: #aaaaaa;
  background-color: #dddddd;
  color: #444444; }

.bbcode_quote_head {
  color: white;
  background-color: #555555;
  background-image: linear-gradient(bottom, #555555 0%, #888888 100%);
  background-image: -o-linear-gradient(bottom, #555555 0%, #888888 100%);
  background-image: -moz-linear-gradient(bottom, #555555 0%, #888888 100%);
  background-image: -webkit-linear-gradient(bottom, #555555 0%, #888888 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #555555), color-stop(1, #888888));
  background-image: -ms-linear-gradient(bottom, #555555 0%, #888888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#888888", endColorstr="#555555");
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#888888, endColorstr=#555555)";
  border-color: #333333; }
  .bbcode_quote_head a {
    color: white;
    background-color: #555555;
    padding: 2px; }

.bbcode_code_head {
  border-color: #889900;
  background-color: #cccc88;
  background-image: linear-gradient(bottom, #aabb66 0%, #cccc88 100%);
  background-image: -o-linear-gradient(bottom, #aabb66 0%, #cccc88 100%);
  background-image: -moz-linear-gradient(bottom, #aabb66 0%, #cccc88 100%);
  background-image: -webkit-linear-gradient(bottom, #aabb66 0%, #cccc88 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #aabb66), color-stop(1, #cccc88));
  background-image: -ms-linear-gradient(bottom, #aabb66 0%, #cccc88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#cccc88", endColorstr="#aabb66");
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccc88, endColorstr=#aabb66)"; }

.bbcode_code_body {
  background-color: #eeeeaa;
  border-color: #cccc88;
  font-family: monospace; }

.bbcode_spoiler_header {
  color: #f6f2f1;
  background-color: #543b39;
  background-image: linear-gradient(bottom, #241b19 0%, #543b39 100%);
  background-image: -o-linear-gradient(bottom, #241b19 0%, #543b39 100%);
  background-image: -moz-linear-gradient(bottom, #241b19 0%, #543b39 100%);
  background-image: -webkit-linear-gradient(bottom, #241b19 0%, #543b39 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #241b19), color-stop(1, #543b39));
  background-image: -ms-linear-gradient(bottom, #241b19 0%, #543b39 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#543b39", endColorstr="#241b19");
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#543b39, endColorstr=#241b19)";
  border-radius: 5px;
  border-color: #241b19;
  margin-bottom: 10px;
  cursor: pointer; }

.bbcode_spoiler {
  color: #4a3d3e;
  border-color: #665555;
  margin: 0 20px 10px;
  background: #ddcccc; }

.forum_fp_postsignature {
  color: #928B86;
  font-size: 13px;
  border-top: 1px solid #ccc;
  margin: 0 0 20px;
  padding: 5px 0 0;
}

.forum_fp_postsignature hr {
  display: none;
}

.forum_group_current {
	font-weight: bolder;
	color: black;
}


/*** end forum posts ***/

.thread_reply .row {
  padding-left: 0;
}

.thread_reply .row label {
  position: static;
}

/** End Forum Styles **/


/** Groups Styles **/

.sfgu-header-icon-outer {
	display: block;
	margin: 1em;
	text-align: center;
	float: right;
	font-size: 75%;
	color: #C5BFBD;
}

.sfgu-header-icon-outer a {
	color: #C5BFBD;
}

.sfgu-header-icon-outer.active, .sfgu-header-icon-outer:hover, .sfgu-header-icon-outer.active a, .sfgu-header-icon-outer:hover a {
	color: #4A3D3E;
}

.sfgu-header-icon-outer span {
	width: 35px;
	height: 35px;
	display: block;
	align: center;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

.sfgu-header-icon-outer span.message {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/pm_active.png");
}

.sfgu-header-icon-outer.active span.message, .sfgu-header-icon-outer:hover span.message {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/pm_inactive.png");
}

.sfgu-header-icon-outer span.join {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/watch_active.png");
}

.sfgu-header-icon-outer.active span.join, .sfgu-header-icon-outer:hover span.join {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/watch_inactive.png");
}

.sfgu-header-icon-outer span.leave {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/watch_active.png");
}

.sfgu-header-icon-outer.active span.leave, .sfgu-header-icon-outer:hover span.leave {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/watch_inactive.png");
}

.sfgu-header-icon-outer span.message {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/pm_active.png");
}

.sfgu-header-icon-outer.active span.message, .sfgu-header-icon-outer:hover span.message {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/pm_inactive.png");
}

.sfgu-header-icon-outer span.stories {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/story_active.png");
}

.sfgu-header-icon-outer.active span.stories, .sfgu-header-icon-outer:hover span.stories {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/story_inactive.png");
}

.sfgu-header-icon-outer span.art {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/artwork_active.png");
}

.sfgu-header-icon-outer.active span.art, .sfgu-header-icon-outer:hover span.art {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/artwork_inactive.png");
}

.sfgu-header-icon-outer span.music {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/music_active.png");
}

.sfgu-header-icon-outer.active span.music, .sfgu-header-icon-outer:hover span.music {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/music_inactive.png");
}

.sfgu-header-icon-outer span.journals {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/journal_active.png");
}

.sfgu-header-icon-outer.active span.journals, .sfgu-header-icon-outer:hover span.journals {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/journal_inactive.png");
}

.sfgu-header-icon-outer span.photos {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/photo_active.png");
}

.sfgu-header-icon-outer.active span.photos, .sfgu-header-icon-outer:hover span.photos {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/photo_inactive.png");
}

.sfgu-header-icon-outer span.forums {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/forum_active.png");
}

.sfgu-header-icon-outer.active span.forums, .sfgu-header-icon-outer:hover span.forums {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/forum_inactive.png");
}

.sfgu-header-icon-outer span.chat {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/chat_active.png");
}

.sfgu-header-icon-outer.active span.chat, .sfgu-header-icon-outer:hover span.chat {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/chat_inactive.png");
}

.sfgu-header-icon-outer span.commissions {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/commissions_active.png");
}

.sfgu-header-icon-outer.active span.commissions, .sfgu-header-icon-outer:hover span.commissions {
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/icons/commissions_inactive.png");
}

.sfgu-header-icon-outer span.friend_add {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/favorite_active.png);
}

.sfgu-header-icon-outer:hover span.friend_add {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/favorite_inactive.png);
}

.sfgu-header-icon-outer span.friend_remove {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/favorite_active.png);
}

.sfgu-header-icon-outer:hover span.friend_remove {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/favorite_inactive.png);
}


div.sfGroupChooser {
	position: absolute;
}

.sfJoinRequest {
	margin: 0.25em;
	width: 50em;
	padding: 0.5em;
	border-bottom: solid 1px gray;
}

.sfJoinRequest:last-child {
	border-bottom: none;
}

.sfJoinRequest span:not(.cutoff) {
	font-weight: bold;
}

.sfJoinRequest span.cutoff {
	display: inline-block;
	width: auto;
	max-height: 1em;
	overflow: hidden;
}

.sfJoinRequest .noteuser + span {
	font-style: italic;
}


.sfGroupMember {
	background: #fff;
	border: 1px solid #dcc;
	border-radius: 3px;
	float: left;
	margin: 0 5px 5px 0;
	min-height: 50px;
	padding: 4px;
	padding-left: 54px;
	position: relative;
	margin-bottom: 15px;
}

.sfGroupMember .info {
	min-height: 50px;
	padding-left: 3px;
}

.sfGroupMember .name{
	font-size: 9px;
	word-wrap: break-word;
	z-index: -1;
}

.sfGroupMember .close {
	color: #988;
	font-size: 22px;
	font-weight: bold;
	line-height: 18px;
	position: absolute;
	right: 3px;
	text-decoration: none;
	top: 0;
}

.sfGroupMember .close:hover {
	color: #655;
}

.sfGroupMember .avatar {
	left: 0;
	padding: 4px;
	position: absolute;
	top: 0;
}

.sfGroupMember .avatar img {
	border-radius: 3px;
}

.sfGroupMember.inactive {
	border-color: #fff;
}

.sfGroupMember.inactive:hover {
	border-color: #dcc;
}

.sfGroupMember.inactive .info,
.sfGroupMember.inactive .buttons {
	display: none;
}

.sfGroupMember.active {
	border-color: #baa;
	position: absolute;
	z-index: 999;

	-webkit-box-shadow: rgba(0,0,0,0.2) 0 0 8px;
	-moz-box-shadow:    rgba(0,0,0,0.2) 0 0 8px;
	box-shadow:         rgba(0,0,0,0.2) 0 0 8px;
}

.sfGroupMember.active .info,
.sfGroupMember.active .buttons {
	display: block;
}

.sfGroupMember h3,
.sfGroupMember p {
	line-height: 25px;
	margin: 0;
	margin-left: 4px;
}

.sfGroupMember h3 {
	font-size: 16px;
}

.sfGroupMember p {
	font-size: 12px;
}

.sfGroupMember p span:not(:last-child):after {
	color: #999;
	content: " •";
}

.sfGroupMember .buttons {
	background: #fee;
	border-top: 1px solid #edd;
	border-radius: 0 0 3px 3px;
	margin: 4px -4px -4px;
	margin-left: -54px;
	padding: 4px 4px;
}

.sfGroupMember .buttons form {
	display: inline-block;
}

#sf-group-managelinks {
	font-size: 75%;
	text-align: right;
	padding-right: 1em;
	vertical-align: top;
	padding-top: 3em;
	color: #C5BFBD;
}

#sf-group-managelinks a {
	color: #C5BFBD;
}

#sf-group-managelinks b {
	color: #681E24;
}

#sf-group-manageforums-list li {
	display: block;
	height: 140px;
	padding: 0.4em;
	vertical-align: middle;
	width: 850px;
}

#sf-group-manageforums-list li:hover {
	background: #fff url(https://www.sofurryfiles.com/static/expresso/main-bg.png) repeat-x;
}

#sf-group-manageforums-list .handle {
	font-weight: bold;
	padding-left: 0.5em;
	padding-right: 2em;
	float: left;
	cursor: move;
}

#sf-group-manageforums-list select {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#sf-group-manageforums-list span.delete {
	margin-left: 0.5em;
	font-size: small;
}

td.sf-group-manageforums .sfbutton {
	margin-left: 1em;
}



#sf-group-managechat-list li {
	display: block;
	height: 220px;
	margin-left: -1.5em;
	margin-top: 1em;
	padding: 0.2em;
	vertical-align: middle;
	border: solid 1px #C5BFBD;
}

#sf-group-managechat-list .handle {
	font-weight: bold;
	left: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	position: absolute;
	top: 0;
}

#sf-group-managechat-list select {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#sf-group-managechat-list span.delete {
	margin-left: 0.5em;
	font-size: small;
}

td.sf-group-managechat .sfbutton {
	margin-left: 1em;
}


/** End Groups Styles **/

/** Profile Header Styles **/
#block_outer {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/blockreport_active.png);
	cursor: pointer;
	width: 60px;
	height: 35px;
	border-style: none;
	background-color: transparent;		
}

#block_outer:hover {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/blockreport_inactive.png);			
}

#pm_outer {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/pm_active.png);
	cursor: pointer;
	width: 60px;
	height: 35px;
	border-style: none;
	background-color: transparent;	
}

#pm_outer:hover {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/pm_inactive.png);			
}

#watch_outer {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/watch_active.png);
	cursor: pointer;
	width: 60px;
	height: 35px;
	border-style: none;
	background-color: transparent;
}

#watch_outer:hover {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/watch_inactive.png);			
}

#sfgu-sidebar {
	font-family: Trebuchet MS,Trebuchet,sans-serif;
	width: 300px;
    float: left;
    text-align: right;
}

#sfgu-sidebar-inner {
	margin-left: auto;
	margin-right: 0px;
}

.sfgu-sidebar {
	vertical-align: middle;
	font-weight: bold;
	color: #868e92;
	font-size: 13px;
	line-height: 1.5;	
	width: 180px;
	text-align: right;
	float: left;
}

#sfgu-header-menu {
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.3;
	float: left;
	right: 0px;	
	width: 180px;
}

#sfgu-header-icon {
	float: right;
	width: 100px;
}

#megabanner-credits {
	opacity: 0.0;	
	background-color: #000;
	padding: 0.2em;
	position: absolute;
	left: 25px;
	bottom: 15px;
	height: 15px;
	width: 250px;
	border-radius: 5px;
	text-align: center;
	font-size: 9pt;	
	text-decoration: none;	
}

#megabanner-credits:hover {
	opacity: 1.0 !important;
}

#sfgu-header-banner {
	height: 100px;
	display: table-cell;
	text-align: left;
	vertical-align:middle;
}

#sfgu-header-banner img {
	vertical-align:middle;
}

#sfgu-header-wide {
	padding: 5px;
	min-height: 90px;
}

#sfgu-header-wide .info {
	font-family: sans-serif;
	display: block;
	margin-top: 9px;	
	color: #C5BFBD;
	font-size: smaller;
}

#sfgu-header-wide .info a {
	color: #C5BFBD;
}

#sfgu-header-wide:hover .info a {
	text-decoration: underline;
}

#sfgu-header-wide .info span {
	white-space: nowrap;
} 

#sfgu-header-wide .sfgu-header-main {
	display: table-cell;
	height: 90px;
	vertical-align: middle;
	line-height: 1.1em;	
}

#sfgu-header-wide .sfgu-header-banner {
	float: right;
	width: 728px;
	height: 100px;
}

#sfgu-megabanner {
	background-color: #000;
	border-bottom: 1px solid #777;
	margin: -15px -15px 15px -15px;
	position: relative;
	height: 200px;
	background-repeat: no-repeat; 

	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25) inset;
	-moz-box-shadow: 	0 0 15px rgba(0,0,0,0.25) inset;
	box-shadow: 		0 0 15px rgba(0,0,0,0.25) inset;
}

#sfgu-megabanner .user-info {
	padding: 12px;
	padding-left: 24px;
	padding-right: 15px;
	font-size: xx-large;
	position: absolute;
	bottom: 15px;
	right: 0px;
	height: 101px;
	background-color: rgba(0,0,0,0.7);
	min-width: 400px;
	text-align: right;
	text-shadow: 0 1px 0 #000;
}

img.onlinestatus{
	vertical-align:middle;
}

#sfgu-megabanner .user-info img.onlinestatus{
	float:none;
	margin-right:7px;
	margin-bottom:3px;
}

#sfgu-megabanner #megabanner-credits {
	bottom: 15px !important;
}

#sfgu-megabanner:hover #megabanner-credits {	
	opacity: 0.4;
}

#sfgu-megabanner .user-stats {
	font-size: 12px;
	line-height: 15px;
	margin: 7px 0 0;
}

#sfgu-megabanner a {
	color: #ccc;
}

#sfgu-megabanner .user-info img {
	margin-left: 20px;
	float: right;
}

#sfgu-megabanner .user {
	float: right;
	line-height: 0.8em;
	padding-top: 8px;
}

#sfgu-profile-wide {
	margin-top: 10px;
}

#sfgu-profile-wide .sfgu-profile-sidebar {
	float: left;
	width: 200px;
}

a.wide-inactive, div.wide-inactive, div.wide-active {
	margin-top: 3px;
	clear: both;
	padding: 6px;
	display: block;
}

a.wide-inactive .note, div.wide-active .note {
	font-size: smaller;
}

#sfgu-profile-wide .sfgu-profile-sidebar a.wide-inactive-sub, #sfgu-profile-wide .sfgu-profile-sidebar div.wide-active-sub {
	clear: both;
	padding: 6px;
	display: block;
	margin-top: 2px;
	margin-left: 32px;
}

div.wide-active, #sfgu-profile-wide .sfgu-profile-sidebar div.wide-active-sub {
	font-weight: bold;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
	background-repeat: repeat-x;
	border: 1px solid #eee;
	padding: 5px;
}

a.wide-inactive:hover, div.wide-inactive:hover, #sfgu-profile-wide .sfgu-profile-sidebar a.wide-inactive-sub:hover {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
	background-repeat: repeat-x;
	border: 1px solid #eee;
	padding: 5px;
	text-decoration: none;
	cursor: pointer;
}

#sfgu-profile-wide .sfgu-profile-sidebar img {	
	float: left;
	margin-right: 10px;
	max-height: 20px;
}

#sf-socialize, #sf-accounts {
	border: 1px solid #eee;
	border-radius: 5px;
	display: block;
	padding: 5px;
}

#sf-profile-wide-nav {
	border: 1px solid #eee;
	border-radius: 5px;
	display: block;
	padding: 5px;
}

#sf-accounts {
	font-size: 12px;
	padding: 10px;
	padding-left: 14px;
	padding-bottom: 0px;
	line-height: 0.8em;
}

#sf-accounts a {
 	display: table-cell;
 	height: 16px;
	line-height: 1.2em;
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: transparent;
	opacity: 0.4;
}

#sf-accounts a:hover {
	opacity: 1.0;
}

#sf-socialize form input{
	border: 1px solid #eee;
	display: block;
}

#sfgu-profile-wide .sfgu-profile-sidebar form { 
	padding: 1px;
}

#sfgu-profile-wide .sfgu-profile-sidebar form:hover {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
	background-repeat: repeat-x;
	border: 1px solid #eee; 
	padding: 0;
}

#sfgu-profile-wide .sfgu-profile-sidebar form input {
	background-position: 5px center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 10%;
	border: none;
	color: #661E24;
	cursor: pointer;
	display: block;
	opacity: 0.4;
	padding: 8px 12px 10px 30px;
	text-align: left;
	text-decoration: none;
	width: 100%;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sfgu-profile-wide .sfgu-profile-sidebar form input.block {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/blockreport_active.png);
}

#sfgu-profile-wide .sfgu-profile-sidebar form input.block.inactive {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/blockreport_inactive.png);
}

#sfgu-profile-wide .sfgu-profile-sidebar form input.watch {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/watch_active.png);
}

#sfgu-profile-wide .sfgu-profile-sidebar form input.watch.inactive {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/watch_inactive.png);
}

#sfgu-profile-wide .sfgu-profile-sidebar form input.pm {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/icons/pm_inactive.png);
}

#sfgu-profile-wide .sfgu-profile-sidebar form input:hover {
	opacity: 1.0;
}

#sfgu-profile-wide .sfgu-profile-content {
	margin-left: 220px;
	overflow: hidden;
}

.sfgu-profile-content-lower {
	display: table;
	width: 100%;
}

.sfgu-profile-content-l {
	display: table-cell;
/*	float: left;
	width: 58%;
	padding: 5px; */
}

.sfgu-profile-content-r {
	display: table-cell;
	padding-left: 10px;
	width: 38%;
	max-width:500px;
	overflow: hidden;
/*	float: right;
	width: 38%;
	overflow: hidden;
	padding: 5px; */
}

#sfgu-header-wide img {
	float: left;
	margin-right: 20px;
	max-height: 90px;
}

#sfgu-header-wide .sf-username {
	font-size: 30px;
}

#sfgu-header-wide .sf-usertitle {
	font-size: 14px;	
}


.sf-char-list
{

}

.sf-char-item
{
	border-bottom: 1px solid #EEE;
	margin-bottom: 20px;
	padding: 10px;
	width: 90%;
	display: table;
}

.sf-char-item-l
{
	text-align: center;
	vertical-align: top;
	display: table-cell;
	width: 125px;
}

.sf-char-item-r
{
	vertical-align: top;
	display: table-cell;
}

.sf-char-title
{
	margin-top: 6px;
}

.sf-char-description
{
	margin-left: 10px;
	margin-right: 10px;
}

.sf-char-deleted
{
	color: #a33;
	border-bottom: 1px dotted #333 !important;
	cursor: help;	
}

.sf-char-hidden
{
	border-bottom: 1px dotted #333 !important;
	cursor: help;
}

.sf-warning-deleted
{
	background: #a00;
	color: #fff;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-radius: 6px;
}


.sfUserStaff {
	color: #070;	
}

.space_horizontal {
	width: 20px;
	min-height: 100px;
	float: left;
}

.header_friendstatus {
	float: left;
	margin-left: 0px;
}

/** End Profile Header Styles**/

/** Profile styles **/
.sf-profile-content {
	overflow: hidden;
	padding: 0 10px;
}

.sf-limited-container {
	background: #f3f3f3 url('/static/images/espresso/layout/texture-light.png');
	margin: -15px -15px -15px;
}

.sf-profile-container.sf-limited-container {
	margin: -25px -15px -15px;
}

.sf-limited-container .sf-limited-content,
.sf-limited-container .sf-profile-content {
	background: #fff;
	max-width: 60em;
	padding: 25px;
	border-right: 1px solid #ccc;

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.sf-sidebar + .sf-profile-content,
.sf-sidebar-nopadding + .sf-profile-content {
	margin-left: 200px; 
	max-width: 850px;
	width: auto;
}


.sf-profile-floatingsubmission {
	float: left;
	width: 410px;	
}

.sf-profile-floatingsubmission-fw {
	float: left;
	width: 850px;
}

.sf-profile-submission {
	width: 410px;
}

.sf-profile-submission-fw {
	width: 850px;
}

/* .sf-profile-activities {
	font-size: 13px;	
} */

.sf-profile-activity-icon {
	float: left;
}

.sf-profile-activity-icon img {
	width: 20px;
	height: 20px;
}

.sf-profile-activity-content {
	margin-left: 30px;
	min-height: 45px;
	line-height: 1.1em;
}

.sf-profile-friend-icon img {
	width: 20px;
	height: 20px;
}

a.sf-item-h-info, .sf-item-watch {
	padding: 9px;
	padding-top: 7px;	
	text-decoration: none;
	display: block;
	min-height: 50px;
}

a.sf-item-h-info:hover {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient_light.png);
	background-repeat: repeat-x;
	border: 1px solid #eee;
	padding: 8px;
	padding-top: 6px;
}

.sf-item-watch {
	border-top: 1px dashed #ddd;
	height: 160px;
	padding-top: 0px;
	padding-bottom: 2px;	
	overflow: hidden;
}

.sf-item-watch span.sf-item-h-info-meta a {
	color: #777;
}

.sf-item-watch:hover span.sf-item-h-info-meta a {
	color: #681E24;
}

a.sf-item-h-info img {
	float: left;
	width: 50px;
	vertical-align: middle;
}

span.sf-item-h-info-content {
	font-family: sans-serif;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
}

.sf-item-watch span.sf-item-h-info-content {
	background-color: #f9f9f9; 
	margin: -7px;
	margin-left: -10px;
	padding-top: 22px;
	line-height: 2em;
	text-align: center;
	height: 187px;
	width: 250px;
}

.sf-item-watch span.sf-item-h-info-content a {
	color: #6F6463;
	text-decoration: none;
}

a.sf-item-h-info:hover span.sf-item-h-info-meta {
	color: #938B87;
}

span.sf-item-h-info-meta {
	border-left: 1px solid #eee;
	color: #C5BFBD;
	padding-left: 10px;
	margin-left: 300px;
	margin-top: 8px;
	display: block;
	font-size: 10pt;
}

.sf-item-watch span.sf-item-h-info-meta {
	margin: -10px;
	margin-left: 234px;
}

.sf-item-watch span.sf-item-h-info-meta img {
	border: none !important;
}

.sf-item-watch .sf-carousel-image, .sf-item-watch .sf-carousel-text  {
	border: none;
} 

.sf-item-watch .sf-carousel-image {
	width: 155px !important;
	height: 135px;
	padding-top: 15px;
	padding-left: 30px;
}

.sf-item-watch .sf-carousel-text {
	width: 376px !important;
	height: 145px;
}

.sf-profile-avatarcontainer {
	text-align: center;
	width: 120px;
	height: 150px;
	float: left;
	padding: 20px;
	margin: 3px;
	border: 1px solid #eee; 
	border-radius: 2px;
}

.sf-profile-avatarcontainer:hover
{
  	box-shadow:  0px  1px 0px #fff,
	   	         1px  0px 0px #fff,
        	     0px -1px 0px #fff,
            	 -1px  1px 0px #fff,
               	 0px  0px 5px rgba(0,0,0,0.5);  
}

/** View content styles **/
input.sf-story-bookmark {
	background: transparent url("https://www.sofurryfiles.com/static/images/espresso/icons/bookmark_inactive.png") no-repeat top left;
	border: none;
	cursor: pointer;
	height:20px;
	margin-left: -28px;
	margin-right: -2px;	
	padding: 0;
	width:20px;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sf-story-bookmark-active {
	background-image:url("https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png");
	background-repeat: repeat-x;
	margin-left: -24px;	
	padding: 5px;
	border-radius: 8px;	
}

.sf-story-bookmark-active img {
	vertical-align: middle;
}


input.sf-story-bookmark:hover {
	background-image:url("https://www.sofurryfiles.com/static/images/espresso/icons/bookmark_active.png");
}

/** New browse styles **/
.sf-browse-displaymodes {
	font-size: smaller;
	padding: 5px;
	padding-bottom: 5px;
	display: block;
	margin-bottom: 5px;
	text-align: right;
	border-bottom: 1px solid #eee;
}

.sf-browse-displaymodes a.display-button, .sf-browse-displaymodes a.display-button-active {
	color: #6F6463;
	display: inline-block;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: 30px;
	border: 1px solid #eee;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
}

.sf-browse-displaymodes a.display-button-active {
	background-color: #eee;
}

.sf-browse-displaymodes a.display-button:hover, .sf-browse-displaymodes a.display-button-active:hover {
	color: #681E24;
}

.sf-browse-displaymodes a.display-button:hover {
	background-color: #f9f9f9;
}

span.sf-browse-simpleitem {
	height: auto !important; 
	border-top: none !important; 
	border-bottom: 1px dashed #eee; 
	margin-bottom: 3px !important;	
	padding-bottom: 10px;	
}

span.sf-browse-simpledetail {
	margin-left: 250px;
	padding-left: 10px;
	border: none !important;
	margin-top: 8px;
	display: block;
	font-size: 10pt;
	padding-bottom: 10px;
	padding-right: 100px;
}

div.sf-browse-shortlist {
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #CCCCCC;
}

div.sf-browse-shortlist-zebra {
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #EEEEEE;
}

div.sf-browse-shortlist-main {
	width: 50%;
	float: left;
	font-size:small;
}
span.sf-browse-shortlist-title {
	font-size:large;
}
div.sf-browse-shortlist-tags {
	width: 50%;
	float: right;
	text-align: right;
	font-size:small;
}

.sf-story, .sf-story-big {
	float: left;
	padding: 10px;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid transparent;
}

.sf-story:hover, .sf-story-wide:hover {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
	background-repeat: repeat-x;
	border: 1px solid #eee;
}

.carousel-wrapper {
	overflow: hidden;
}

.sf-carouselitem {
	background: none !important;
	border: none !important;
}

.sf-carouselitem:hover {
	padding: 10px !important;
}

.sf-story {
	margin-right: 5px;
	margin-bottom: 5px;
	width: 337px;
	height: 68px;
	font-size: 13px;	
}

.sf-story-wide {
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 10px;
	overflow: hidden;
	max-width: 1024px;
	font-size: 13px;	
}

.sf-story-headline {
	font-size: 16px;
	margin-left: 42px;
	margin-top: -2px;
	line-height: 1.2em;	
}

.sf-story-avatar {
	float: left;
}

.sf-story-avatar img {
	max-height: 34px;
	width: 34px;
}

.sf-story-additional {
	margin-left: 42px;
}

.sf-story-content {
	font-family: sans-serif;
	font-size: 12px;
	word-spacing: 2px;
	padding-top: 7px;
}

.sf-story-tags, .sf-story-tags a {
	line-height: 1.3em;
	color: #C5BFBD;
}

.sf-story:hover .sf-story-tags, .sf-story:hover .sf-story-tags a,
.sf-story-wide:hover .sf-story-tags, .sf-story-wide:hover .sf-story-tags a {
	color: #6F6463;
}

.sf-story-big {
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
	background-repeat: repeat-x;
	margin-right: 5px;
	width: 698px;
	height: 160px;
	border: 1px solid #eee;
}

.sf-story-big-headline {
	font-size: 20px;
}

.sf-story-big-avatar {
	float: left;
	margin-right: 10px;
}

.sf-story-big-avatar img {
	max-height: 100px;
	max-width: 100px;
}

.sf-story-big-additional {
	float: left;
}

.sf-story-big-content {
	width: 440px;
	word-wrap: break-word;
	font-style: italic;
	padding-top: 10px;
}

.sf-story-big-metadata {
	float: right;
	text-align: right;
	width: 140px;
}

.sf-draggable, .sf-nondraggable {
	border-radius: 5px;
	margin-bottom: 5px;
	padding: 10px;  
}

.sf-nondraggable {
	font-size: 16pt;
}

.sf-draggable {
	cursor: move;
}

.sf-story-big-tags a {
	color: #C5BFBD;
}

.sf-story-big-tags a:hover {
	color: #938B87;
}

/* Listview stuff from listview.css */

/* The single view, i.e. one content type */
#sfBrowseListSingle {
	display: block;  
}

/* The quadruple or set view, i.e. all content types at once */

.sfBrowseListSetItem {
	margin: 1em 0;
}

/* Actual list */

.sfBrowseList {
	margin-top: 0;
}

.sfBrowseList abbr {
	border-bottom: 1px dotted #333;
	cursor: help;
}

.sfBrowseListContent {
	width: 100%;
}

.sfBrowseListContent .list-view-loading {
  background-position: center center;  
}

.sfBrowseListContent .pager {
	display: block;
	margin: 0.7em;
	/*width: 49%;*/
	clear: both;
}

.sfBrowseListContent .pager ul.yiiPager li a {
  border-color: #6F6463;
  color: #6F6463;
  border-radius: 2px;
}

.sfBrowseListContent .pager ul.yiiPager li a:hover,
.sfBrowseListContent .pager ul.yiiPager li.selected a {
  background-color: #666E73;
  color: #F9F9F9;
}

.sfBrowseListContent .pager ul.yiiPager li.hidden {
  display: none;
}

.sfBrowseListContent .summary {
	clear: both;
	text-align: left;
	margin: 0 0 0.5em 0.5em;
	padding: 0;
	width: 49%;
	float: left;
}

.sfBrowseListContent .items {
  margin: 0 -5px;
}

/* Misc helper stuff, podential use in a more general stylesheet */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	/* display: block; */
}
 
* html .clearfix {
	height: 1%;
}

.submissiononhold {
	border-color: #CC3;
	border-style:solid;
	padding: 3px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

/* --------------------------- */
.story_headline {	
	font-size: 12pt;
	font-weight: normal;
	width: 22em;
}

.story_headline_big {	
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 0.5em;
	text-align: justify;
}

.story_headline a, .story_headline_big a {
	text-decoration: none;
}

.story_additional {
	font-size: 8pt;
	width: 35em;		
}

.story_tags {
	font-size: 8pt;
	padding-top: 0.6em;
	text-align: justify;
}

.story_contentcontainer {
	padding-top: 5px;
}

.story_folderinfo {
	padding-left: 5px;
}

.story_folderinfo_big {
	padding-top: 0.5em;
	line-height: 1.2em;
}

.story_metadata {
	font-size: 8pt;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	line-height: 1.8em;
	float: left;
}

.story_floating, .story_floating_big {
	border-radius: 0.5em;
	padding: 0.5em;	
}

.story_floating_big {
	width: 730px;
	background-repeat: repeat-x;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
}

#story_recent .story_floating:hover, .story_floating:hover {
	background-repeat: repeat-x;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
}

.story_avatar {
	width: 50px;
	height: 50px;
	float: left;
}

.story_avatar img {
	width: 75px;
	height: 75px;
}

.story_avatar_big {
	width: 100px;
	height: 100px;
	float: left;
}

.story_additional_big {
	padding-left: 1em;
	display: table-cell;
	float: left;
	width: 475px;
}

.story_contentcontainer_big {
	margin-top: 0.6em;
	font-size: 10pt;
	font-style: italic;
	word-wrap: break-word;
	width: 35em;
}

.story_metadata_big {
	float: left;
	width: 10em;
	text-align: right;
	font-size: 10pt;
	line-height: 1.5em;
}

.sfArtworkSmallWrapper, .sfArtworkSmallWrapper_fit {
	display: inline-block;
	width: 125px;
	height: 150px;
	text-align: center;
	font-size: 8pt;
	padding: 10px;
	border-radius: 0.5em;
	line-height: 0.9em;
	height: 130px;
}

.sfArtworkSmallWrapper:hover, .sfArtworkSmallWrapper_fit:hover {
	text-decoration: none;
}

.sfArtworkSmallWrapper_fit {
	height: 130px;
}

img.sfArtworkItem {
	max-height: 120px;
	max-width: 120px;
}

.sfArtworkSmallInner {
	height: 120px;
	width: 120px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;	
}

.sfArtworkBigWrapper {
	float: left;
	padding: 10px;
	border-radius: 0.5em;
}

.sfArtworkBigWrapper:hover, .sfArtworkSmallWrapper:hover, .sfArtworkSmallWrapper_fit:hover {
	background-repeat: repeat-x;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png);
}

.sfArtworkBigWrapperCarousel, .sfArtworkSmallWrapperCarousel, .sfArtworkSmallWrapper_fitCarousel {
	background-repeat: repeat-x;
	border: 1px solid #eee;
	background-image: url(https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient_light.png);
}

.sfArtworkSmallWrapperCarousel, .sfArtworkSmallWrapper_fitCarousel {
	background: none !important;
	border: none !important;
}

.sfArtworkSmallWrapperCarousel, .sfArtworkSmallWrapperCarousel img {
	max-width: 120px;
	max-height: 120px;
}

.sfArtworkBig {
	width: 250px;
	text-align: center;
	float: left;
}

#sf-artwork-hover-full {
	position: absolute;
	left: 0px;
	top: 400px;
	background-color: #f6f2f1;
	width: 400px;
	height: 400px;
	z-index: 1000;
	border: #4b403c solid 1px;
	overflow: hidden;		
}

#sf-artwork-hover-details{
	position: absolute;
	left: 0px;
	top: 356px;
	background-color: rgba(0,0,0,0.6);
	color: #DDDDDD;
	width: 400px;
	height: 44px;
	z-index: 1000;
	overflow: hidden;		
    font-size: medium;
    font-weight: bold;
	padding-left: 10px;
	padding-top: 2px;
}

#sf-artwork-hover-username{
    font-size: small !important;
	font-weight: normal !important;
}

#sf-artwork-hover-full img {
	position: absolute;
	left: 0px;
	top: 0px;
}


/* Listview end */


/* Note styles */
.note-information {
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  padding: 10px;
  padding-left: 80px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* Carousel styles */
.jac
{
	position:relative;
}

.jac .arrow-right
{
  float:right;
  margin-right: -32px;
}

.jac .arrow-left
{
  margin-left: -32px;
}

.jac .arrow-left, .jac .arrow-right
{
 margin-top: -190px;
 z-index:5;
 height:180px;
 width:40px;
}
.jac .arrow-left a, .jac .arrow-right a
{
 display:block;
 height:180px;
 width:40px;
 text-indent:-999em;
}
.jac .arrow-left a:focus, .jac .arrow-right a:focus
{
 outline:none;
}
.jac .arrow-left
{	
 background:url(https://www.sofurryfiles.com/static/images/espresso/icons/arrow-carousel-left.png) no-repeat center left;
}

.jac .arrow-right
{
 background:url(https://www.sofurryfiles.com/static/images/espresso/icons/arrow-carousel-right.png) no-repeat center right;
}

.sf-carousel-container {
	display: block; 
	float:left; 
	height: 180px;
	text-align:left; 
	margin-top: 5px;
	margin-right: 5px;
	border: 1px solid #eee;
	border-radius: 3px;	
	padding: 5px;
	overflow: hidden;
}

.sf-carousel-container-small {
	display: block; 
	float:left; 
	height: 55px;
	text-align:left; 
	margin-top: 5px;
	margin-right: 5px;
	border: 1px solid #eee;
	padding: 5px;
	overflow: hidden;
}

.sf-watermark {
	display: block;
	height: 15px;
	background-color: #fcfcfc;
	padding: 10px;
	line-height: 1.1em;
	margin: -5px;
	margin-bottom: 5px;
	border-radius: 3px;	
	border-bottom: 1px solid #eee;
}

.sf-watermark-noborder {
	border-bottom: 0px;
	margin-top: 0px;
}
.sf-watermark img {
	margin-top: -4px;
	padding-right: 10px;
	vertical-align: middle;
	opacity: 0.2;
	height: 20px;
}

/* Carousel end */

/* Page Header Class */

.page-header {
  background: #fff;
  border-bottom: 1px solid #661e24;
  padding: 10px 20px 20px;
  position: relative;
}

.page-header h2 {
  margin: 0;
}

.page-header .tabs {
  position: absolute;
  right: 20px;
  top: 10px;
}

/* REGISTER FORM */
.sf-register-content,
.sf-login-content {
  background-color: #000;
  background-image: url('https://www.sofurryfiles.com/static/images/common/layout/login_tereus1.jpg') !important;
  background-position: center center !important;
  margin-bottom: -20px;
}

.sf-register-content .sf-register-artist,
.sf-login-content .sf-login-artist {
	color: #fff;
	display: block;
	background-color: #000;
	opacity: 0.0;	
	padding: 0.2em;
	top: 30px;
	left: 20px;
	height: 15px;
	width: 250px;
	border-radius: 5px;
	text-align: center;
	font-size: 9pt;	
	cursor: pointer;
}

.sf-register-content:hover .sf-register-artist,
.sf-login-content:hover .sf-login-artist {
	opacity: 0.4;
}

.sf-register-content .sf-register-artist:hover,
.sf-login-content .sf-login-artist:hover {
	opacity: 1.0;
}

.mini-form {
  background: #f3eeee;
  border: 1px solid #433;
  border-radius: 5px;
  color: #433;
  margin: 40px auto; 
  padding: 15px;
  width: 318px;
  
  -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 20px;
  -moz-box-shadow:    rgba(0,0,0,0.3) 0 0 20px;
  box-shadow:         rgba(0,0,0,0.3) 0 0 20px;
}

/* Hidden extra info for now
   We need to hide and show these using javascript */

.mini-form .info {
  display: none;
}

.mini-form .note {
	background: #f9f6f6;
	border: 1px solid #baa;
	border-radius: 3px;
	color: #433;
	font-size: 13px;
	margin: 15px 0;
	padding: 5px 7px;
}

.mini-form .header {
  border-top: 1px solid #a88;
  border-bottom: 1px solid #433;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #eee;
  margin: -15px -15px 0;
  padding: 0 15px;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
  
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#866), to(#544));
  background: -webkit-linear-gradient(top, #877, #544);
  background: -ms-linear-gradient(top,     #877, #544);
  background: -moz-linear-gradient(top,    #877, #544);
  background: -o-linear-gradient(top,      #877, #544);
  background: linear-gradient(top,         #877, #544);
  
  -webkit-box-shadow: rgba(0,0,0,0.1) 0 3px 0;
  -moz-box-shadow:    rgba(0,0,0,0.1) 0 3px 0;
  box-shadow:         rgba(0,0,0,0.1) 0 3px 0;
}

.mini-form .header h1 {
  color: #eee;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}

.mini-form .finish {
  border-top: 1px solid #cbb;
  color: #433;
  line-height: 32px;
  margin: 0 -15px -15px;
  padding: 15px 15px;
}

.mini-form .finish input[type="submit"] {
  float: right;
  font-size: 14px;
}

.mini-form .finish a {
  font-size: 14px;
}

.mini-form .header h1 {
  font-size: 24px;
  line-height: 48px;
  margin: 0;
}

.mini-form input {
  font-size: 18px;
}

#recaptcha_area {
  margin: 0 auto;
}

/* .max-width : quick fix for pages that are too wide */

.max-width {
  margin: 0 auto;
  max-width: 920px;
}
  .max-width img {
    max-width: 920px; }

.vertical-buttons {
  width: 140px;
}

.vertical-buttons a.button {
  border-radius: 0;
  display: block;
  margin: 0;
}

/* Styles for likes/dislikes */
.sf-likes-container {
	display: table;
	width: 100%;
	min-height: 100px; 
}

.sf-likes-section {
	display: table-cell;
	width: 25%;
	padding: 10px;
}

.sf-likes-section .title {
	font-size: x-large;
	display: block;
	background-image:url("https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png");
	background-repeat: repeat-x;	
	padding: 10px;
	padding-left: 13px;
	border: 1px solid #ededed;	
	border-radius: 5px;
}
 
.sf-likes-section .subtitle {
	background-color: #f9fafa;
	display: block;
	padding: 10px;
	border: 1px solid #efefef;	
	border-radius: 3px;
}

.sf-likes-section .tag, .sf-likes-section .tag-editable {
	margin: 3px;
	display: block;
	padding: 2px;
	border: 1px solid #ededed;
}

.sf-likes-section .tag-editable {
	cursor: pointer;
}

.sf-likes-section .tag-editable:hover {
	background-color: #ededed;
}

.sf-likes-section .tag-editable .checkbox {
	float: right;
}

.sf-likes-section .content .sflabel {
	border-radius: 3px;
	/* background-color: #fafafa; */
	padding: 15px;
	padding-right: 30px;
	margin-bottom: 10px;
}

.sf-likes-section .content .sflabel span {
	display: block;
	margin-bottom: 5px;
}

.sf-likes-section .content .sflabel:hover a {
	color: #681E24;
	margin-right: -10px;
}

.watchlist-wrapper {
  background: #fff;
}

.watchlist .empty {
  color: #888;
  display: block;
  font-style: italic;
  margin: 20px 0;
  text-align: center;
}

.watchlist:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.watchlist_header {
  border-bottom: 1px solid #661E24;
  margin-top: 20px;
}

.watchlist_header h1 {
  float: left;
  line-height: 40px;
  margin: 0;
}

.totalItems {
  background: #886E73;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 16px;
  line-height: 1;
  margin-left: 9px;
  margin-top: 8px;
  padding: 4px;
  text-align: center;
  min-width: 16px;
  
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.totalItemsHeader {
  height: 12px;
  font-size: 12px;
  margin-left: 65px; 
  margin-top: 5px;
}

.watchlist_header:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.watchlist_tabs {
  float: right;
  margin: 10px 0 -1px;
}

.watchlist_tabs li {
  display: inline-block;
  line-height: 18px;
  margin-left: 5px;
}

.watchlist_tabs a {
  display: block;
  padding: 6px 12px 5px;
  text-decoration: none;
  
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.watchlist_tabs li.current a {
  background: #fff;
  border: 1px solid #661E24;
  border-bottom-color: #fff;
  color: #661E24;
  padding: 6px 11px 5px;
}

.watchlist-nuke {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.watchlist-wrapper .pager {
  float: right;
  margin: -27px 0 0;
}

.watchlist + .pager {
  margin: 15px 0 0;
}

.watchlist-nuke + .list-view + .watchlist-nuke {
  border-bottom: none;
  border-top: 1px solid #ccc;
  margin-top: 10px;
}

.watchlist-nuke a {
  font-size: 13px;
  line-height: 20px;
  margin-right: 5px;
}

.watchlist-wrapper .pager {
  color: #fff;
}

.watchlist-wrapper .yiiPager a:link,
.watchlist-wrapper .yiiPager a:visited {
  border: none !important;
  font-size: 13px;
  
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.watchlist-wrapper .yiiPager li.hidden a:link,
.watchlist-wrapper .yiiPager li.hidden a:visited {
  color: #aaa !important;
  cursor: not-allowed;
}

.submissions.limited {
	height: 190px;
	overflow: hidden;
}

.watchlist_item {
	border: 1px solid #ddd;
	display: block;
	float: left;
	height: 178px;
	margin: 0 0 10px;
	margin-right: 1%;
	position: relative;
	width: 19.01%;
	max-width: 288px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.watchlist_item:nth-child(5n+5) {
  margin-right: 0;
}

.watchlist_item label {
  display: block;
	padding: 9px;
	text-align: center;
}

.watchlist_item h3 {
  font-size: 16px;
  line-height: 1;
  margin: 0;
  text-align: left;
}

.watchlist_item.type0 .tags {
  color: #777;
  font-size: 12px;
}

.watchlist_thumbnail_link {
  display: inline-block;
  margin: 0 auto;
  max-width: 100%;
}

.watchlist_thumbnail {
  background: #eee;
  display: inline-block;
  max-height: 140px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.watchlist_story {
  height: 135px;
  overflow: hidden;
  text-align: left;
}

.watchlist_story p {
  color: #555;
  font-size: 14px;
  margin: 5px 0 0;
  text-align: left;
}

.watchlist_item input {
  background: #eee;
  margin: 0;
  position: absolute;
  right: 9px;
  top: 9px;
}

.watchlist_meta {
  bottom: 0;
  color: #777;
  font-size: 13px;
  height: 16px;
  left: 0;
  line-height: 16px;
  margin: 10px 0 9px;
  position: absolute;
  width: 100%;
}

.watchlist_meta .watchlist_avatar,
.watchlist_meta .artist,
.watchlist_meta abbr {
  height: 16px;
  line-height: 16px;
  position: absolute;
}

.watchlist_meta .watchlist_avatar {
  height: 16px;
  left: 9px;
  margin-right: 5px;
  width: 16px;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.watchlist_meta .artist {
  left: 30px;
  top: 1px;
}

.watchlist_meta abbr {
  right: 9px;
}

.watchlist_item h3 a:hover {
  text-decoration: none;
}

.watchlist_item a:hover {
  color: #666E73;
}

.watchlist_item.selected {
  background: #fff;
  border-color: #666E73;
  
  -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 8px;
  -moz-box-shadow:    rgba(0,0,0,0.3) 0 0 8px;
  box-shadow:         rgba(0,0,0,0.3) 0 0 8px;
}

.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.button-bar {
	background: #fee;
	border: 1px solid #cbb;
	border-bottom-color: #a99;
	border-radius: 4px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin: 25px 0;
	padding: 5px;
	position: relative;
	overflow: hidden;
	text-shadow: 0 1px 0 #fff;

	background-image: linear-gradient(bottom, #c3c3c3 0%, #eee 100%);
	background-image: -o-linear-gradient(bottom, #d3d3d3 0%, #f3f3f3 100%);
	background-image: -moz-linear-gradient(bottom, #d3d3d3 0%, #f3f3f3 100%);
	background-image: -webkit-linear-gradient(bottom, #d3d3d3 0%, #f3f3f3 100%);
	background-image: -ms-linear-gradient(bottom, #d3d3d3 0%, #f3f3f3 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f3f3f3', endColorstr='#d3d3d3'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f3f3f3', endColorstr='#d3d3d3')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #dfd3d3),
		color-stop(1, #fff3f3)
	);

	-webkit-box-shadow: rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(0,0,0,0.05) 0 -1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(0,0,0,0.05) 0 -1px 0 inset;
	box-shadow:         rgba(255,255,255,0.8) 0 1px 0 inset,
						rgba(0,0,0,0.05) 0 -1px 0 inset;
}

.button-bar .right {
	position: absolute;
	right: 5px;
	top: 5px;
}
.buttonset {
  border-radius: 4px;
  padding: 0;
  display: inline-block; }
  .buttonset li {
    padding-left: 0;
    padding-right: 0;
    display: block;
    float: left; }
    .buttonset li .button, .buttonset li input[type="submit"] {
      border-radius: 0;
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
      padding: 8px 20px 10px 16px;
      margin-left: -5px; }
  .buttonset li:first-child .button, .buttonset li:first-child input[type="submit"] {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0px; }
.sf-flash-normal {
	width: 700px;
	height: 600px;
	margin: 0px auto;
}
.sf-flash-fullscreen {
	background: #000000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999;
	position: absolute;
}

#helpPromptDialog span.helpSmallerText {
	
	font-size: 80%;
	
}

#helpPromptDialog a, #helpPromptDialog a:hover, #helpPromptDialog a:active, #helpPromptDialog a:visited {
	text-decoration: underline;
}



/* --- Welcome page and various header styles --- */

.sf-story-wide {
	height: 85px !important;
	overflow: hidden !important;
	text-align: justify !important;
}

div.sf-footer-transition {
       height: 0px !important;
}

#sf-topbar-padtext {
	color: #222222 !important;
	float: left;
	z-index: 1000;
}

#sffp-top {
	margin: -15px -15px 0;
	position: relative;
}

#sffp-top h1 {
	margin: 25px;
}

#sffp-container-content {
	margin: 0 10px 0;
}

#sffp-container-sidebar {
	float: right;
	/* width: 290px; */
	width: 15%;
	background-color: #f7f7f7;
	border-left: 1px solid #cdc;
	padding: 25px;
	margin-left: 4px;	
	text-align: justify;
}

#sffp-banner-text {
	background-image: url("https://www.sofurryfiles.com/static/images/common/layout/fp_text.png"); 
	background-repeat: no-repeat;
	text-align: left;
	height: 86px;
	border: 0px;
	position: absolute;
	top: 230px;
	left: 0px;
	width: 740px;
	z-index: 1000;
}

#sffp-banner {
	background: #ddd url('/static/images/espresso/layout/texture-light.png') repeat;
	border-bottom: 1px solid #999;
	height: 350px;
	position: relative;
	text-align: left;
	text-shadow: 0 1px 0 #000;

	-webkit-box-shadow: rgba(0,0,0,0.2) 0 1px 2px inset;
	-moz-box-shadow: rgba(0,0,0,0.2) 0 1px 2px inset;
	box-shadow: rgba(0,0,0,0.2) 0 1px 2px inset;
}

#sffp-banner:hover #sffp-info-tocompact, #sffp-banner:hover #sffp-info-tofull, #sffp-banner:hover #megabanner-credits {
	opacity: 0.4;
}

#sffp-banner.compact {
	z-index: 0;
	background-position: left -30px;
	position: absolute;
	opacity: 0.1; 
	width: 100%; 
	border: none;
	height: 210px;
	border-bottom: 1px solid #111;
}

#sffp-banner.registered {
	height: auto;
	padding: 15px 25px;
}

#sffp-banner:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

#sffp-grid {
	color: #fff;
	height: 191px;
	margin: 25px;
	max-width: 1400px;
	overflow: hidden;
	text-shadow: 0 1px solid #000;
}

#sffp-grid a {
	color: #fff;
}

#sffp-grid a:hover {
	text-decoration: none;
}

#sffp-grid ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: static;
}

#sffp-grid li {
	border-right: 1px solid #fff;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}

#sffp-grid li a {
	display: block;
}

#sffp-grid li .overlay {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;

	background-image: linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.0) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgba(0,0,0,0.4)),
		color-stop(1, rgba(0,0,0,0.0))
	);
}

#sffp-grid li .overlay span {
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	left: 0;
	line-height: 20px;
	padding: 24px 10px 8px;
	position: absolute;
	right: 0;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
}

#sffp-grid li:first-child span {
	font-size: 28px;
	line-height: 30px;
}

#sffp-grid li:first-child .overlay {
	border-radius: 6px 0 0 6px;
}

#sffp-grid li:last-child .overlay {
	border-radius: 0 0 6px 0;
}

@media screen and (max-width: 1280px) {
	#sffp-grid li span {
		font-size: 16px;
		line-height: 18px;
	}
}

#sffp-grid img {
	max-width: 100%;
}

#sffp-grid li .img-cont {
	display: block;
	height: 191px;
	overflow: hidden;
	position: static;
}

#sffp-grid li.big {
	width: 34%;
}

#sffp-grid li.big .img-cont {
	border-radius: 6px 0 0 6px;
}

#sffp-grid li.big span {
	border-radius: 0 0 0 6px;
}

#sffp-grid li.big.last .img-cont,
#sffp-grid li.big.last span {
	border-radius: 0 6px 0 0;
}

#sffp-grid li.small {
	height: 95px;
	margin-bottom: 1px;
	width: 22%;
}

#sffp-grid li.small.last .img-cont {
	height: 130px;
}

#sffp-grid li.small.last.top .img-cont,
#sffp-grid li.small.last.top span {
	border-radius: 0 6px 0 0;
}

#sffp-grid li.small.last .img-cont,
#sffp-grid li.small.last span {
	border-radius: 0 0 6px 0;
}

#sffp-grid li.small.last:after {
	display: none;
}

#sffp-info {
	text-align: justify;
	background-image: url("https://www.sofurryfiles.com/static/images/espresso/layout/fp_info.png");
	background-repeat: repeat-x;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 2em;
	padding-right: 2em;	
	height: 190px;	
	font-size: 14pt;
}

#sffp-intro {
	background: #fff3f3;
	border-bottom: 1px solid #ddd;
	color: #655;
	font-size: 16px;
	padding: 25px 25px;
	text-shadow: 0 1px 0 #fff;

	-webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 5px inset;
	-moz-box-shadow:    rgba(0,0,0,0.15) 0 1px 5px inset;
	box-shadow:         rgba(0,0,0,0.15) 0 1px 5px inset;
}

.sffp-intro-text {
	float: left;
	margin-right: 2%;
	width: 39%;
}

.sffp-intro-text p {
	margin: 0;
}

.sffp-intro-button {
	float: left;
	text-align: center;
	width: 18%;
}

.sffp-intro-button p {
	margin: 0 0 0;
}

.sffp-intro-button .button {
	border: 1px solid #433;
	border-bottom-color: #322;
	border-radius: 3px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 5px;
	line-height: 24px;
	padding: 7px 12px 10px;
	text-shadow: 0 -1px 0 #211;

	background-image: linear-gradient(bottom, #644 0%, #866 100%);
	background-image: -o-linear-gradient(bottom, #644 0%, #866 100%);
	background-image: -moz-linear-gradient(bottom, #644 0%, #866 100%);
	background-image: -webkit-linear-gradient(bottom, #644 0%, #866 100%);
	background-image: -ms-linear-gradient(bottom, #644 0%, #866 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#886666', endColorstr='#664444'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#886666', endColorstr='#664444')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #644),
		color-stop(1, #866)
	);

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
	box-shadow:         rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
						rgba(0,0,0,0.1) 0 -1px 0 inset;
}

.sffp-intro-button .button:hover {
	text-decoration: none;
}

.sffp-intro-button .button:hover,
.sffp-intro-button .button:active {
	border-color: #322;
	border-bottom-color: #211;
	cursor: pointer;

	-webkit-box-shadow: rgba(255,255,255,1.0) 1px 0 0,
	                    rgba(255,255,255,0.2) 0 0 4px inset,
						rgba(255,255,255,0.3) 0 1px 0 inset;
	-moz-box-shadow: 	rgba(255,255,255,1.0) 1px 0 0,
	                    rgba(255,255,255,0.2) 0 0 4px inset,
						rgba(255,255,255,0.3) 0 1px 0 inset;
	box-shadow: 		rgba(255,255,255,1.0) 1px 0 0,
	                    rgba(255,255,255,0.2) 0 0 4px inset,
						rgba(255,255,255,0.3) 0 1px 0 inset;
}

.sffp-intro-button .button:active {
	border-color: #211;
	color: #edd;

	background-image: linear-gradient(bottom, #533 0%, #755 100%);
	background-image: -o-linear-gradient(bottom, #533 0%, #755 100%);
	background-image: -moz-linear-gradient(bottom, #533 0%, #755 100%);
	background-image: -webkit-linear-gradient(bottom, #533 0%, #755 100%);
	background-image: -ms-linear-gradient(bottom, #533 0%, #755 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#775555', endColorstr='#553333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#775555', endColorstr='#553333')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #533),
		color-stop(1, #755)
	);

	-webkit-box-shadow: rgba(255,255,255,0.5) 1px 0 0,
						rgba(0,0,0,0.5) 0 0 4px inset,
						rgba(255,255,255,0.2) 0 1px 0 inset;
	-moz-box-shadow: 	rgba(255,255,255,0.5) 1px 0 0,
						rgba(0,0,0,0.5) 0 0 4px inset,
						rgba(255,255,255,0.2) 0 1px 0 inset;
	box-shadow: 		rgba(255,255,255,0.5) 1px 0 0,
						rgba(0,0,0,0.5) 0 0 4px inset,
						rgba(255,255,255,0.2) 0 1px 0 inset;
}

.sffp-intro-button .or {
	color: #a99;
	font-size: 13px;
}

#sffp-info-registered {
	text-align: justify;
	float: right;
	background-color: rgba(0,0,0,0.6);
	padding: 2em;
/*	height: 265px; */	
	width: 500px;
	font-size: 12pt;
	border-radius: 5px;
}

#sffp-info-registered img {
	margin-top: 3px;
}

#sffp-info-tocompact, #sffp-info-tofull {
	color: #F6F2F1;
	display: block;
	float: left;
	background-color: #000;
	opacity: 0.0;	
	padding: 0.2em;
	height: 15px;
	width: 250px;
	border-radius: 5px;
	text-align: center;
	font-size: 9pt;
}

#sffp-info-tocompact:hover, #sffp-info-tofull:hover {
	opacity: 1.0 !important;
} 

#sffp-info-tofull {
	position: absolute;
	left: 10px;
	top: 72px;
	width: 150px;
}

#sffp-infol, #sffp-infor {
	overflow: hidden;
	height: 200px;
	width: 48%;
}

#sffp-infol {
	float: left;
}

#sffp-infor {
	float: right;
}

#sffp-compact-info {
	font-size: 9pt;
	width: 100%;
	height: 26px;
	background-color: #123;
	padding-top: 52px;
	text-align: center;
}

#sffp-compact-info:hover #sffp-info-tofull {
	opacity: 0.4;
}

.sffp-big {
	font-size: 25pt;
	font-weight: bold;
	vertical-align: middle;
}

.sffp-big a {
	text-decoration: none;
}

#sffp-news, .sffp-latest, #sffp-news-wicon {
	display: table;
	width: 100%;
	z-index: 1;
}

.sftc {
	border-radius: 5px;
	margin: 0 10px 15px;
}

.hidden {
  display: none;
}

.sfBrowseList {
	position: relative;
}

.sfBrowseList .spinner {
	background: rgba(255,255,255,0.5) url('/static/images/espresso/layout/ajax-loader.gif') no-repeat center center;
	bottom: 0;
	display: block;
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
}

.sftc-title {
	background: #333;
	border: 1px solid #111;
	color: #fff;
	border-radius: 5px;
	padding: 9px;
	overflow: hidden;	
	height: 25px;
	position: relative;
	text-align: left;

	background-image: linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -o-linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -moz-linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -webkit-linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -ms-linear-gradient(bottom, #333 0%, #555 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #333),
		color-stop(1, #555)
	);

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset;
	-moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0 inset;
	box-shadow:         rgba(255,255,255,0.2) 0 1px 0 inset;
}

.sffp-draggable .sftc-title {
	margin: -1px -1px 0;
	padding-left: 9px;
}

.sffp-draggable .sftc-title.with-grip {
	padding-left: 23px;
}

.sftc-title .grippy {
	background: rgba(0,0,0,0.2) url('https://www.sofurryfiles.com/static/images/espresso/layout/grippy.png');
	border-right: 1px solid #222;
	border-radius: 4px 0 0 4px;
	cursor: move;
	height: 48px;
	left: 0;
	position: absolute;
	top: 0;
	width: 13px;

	-webkit-box-shadow: rgba(255,255,255,0.1) 1px 0 0;
	-moz-box-shadow:    rgba(255,255,255,0.1) 1px 0 0;
	box-shadow:         rgba(255,255,255,0.1) 1px 0 0;
}

.sfdd-dropdown .sfdd-dropdown-title,
.sfdd-dropdown .sfdd-dropdown-title:hover,
.sfdd-dropdown .sfdd-dropdown-open .sfdd-dropdown-title {
	background: #333;
	border: 1px solid #111;
	color: #fff;
	text-shadow: 0 1px 0 #000;
	
	background-image: linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -o-linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -moz-linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -webkit-linear-gradient(bottom, #333 0%, #555 100%);
	background-image: -ms-linear-gradient(bottom, #333 0%, #555 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #333),
		color-stop(1, #555)
	);

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
	-moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
	box-shadow:         rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
}

.sfdd-dropdown .sfdd-dropdown-title:hover,
.sfdd-dropdown .sfdd-dropdown-open .sfdd-dropdown-title {
	background: #444;
	color: #fff;

	background-image: linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -o-linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -moz-linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -webkit-linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -ms-linear-gradient(bottom, #444 0%, #666 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#444444'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#444444')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #444),
		color-stop(1, #666)
	);
}

.sftc-title span {
	color: #fff;
	line-height: 30px;
	text-shadow: 0 1px 0 #100;
}

.sftc-title span label {
	color: #6F6463;
	text-shadow: 0 1px 0 #fff;
}

.sftc-title img:first-child {
	float: left;
	margin: -1px 9px -1px 0;
	opacity: 0.8;
}

.sftc-title .sffp-spinner {
	float: right;
	margin: 7px 9px;
}

.sftc-title .options {
	border: 1px solid #222;
	border-radius: 4px;
	float: right;
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
	margin: 0;
	padding: 0;
	text-shadow: 0 1px 0 #100;

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #444),
		color-stop(1, #666)
	);

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
	-moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
	box-shadow:         rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
}
.sftc-title .options, .sftc-title .button {
	background-image: linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -o-linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -moz-linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -webkit-linear-gradient(bottom, #444 0%, #666 100%);
	background-image: -ms-linear-gradient(bottom, #444 0%, #666 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#444444'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666666', endColorstr='#444444')"; /* IE8 */
}
.sftc-title .button,
.sftc-title .button:hover {
	border: 1px solid #222;
	border-radius: 4px;
	color: #ddd;
	float: right;
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
	margin: 0;
	padding: 0 10px;
	text-shadow: 0 1px 0 #100;

	-webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
	-moz-box-shadow:    rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
	box-shadow:         rgba(255,255,255,0.2) 0 1px 0 inset,
	                    rgba(255,255,255,0.1) 0 0 4px inset,
	                    rgba(255,255,255,0.2) 0 1px 0;
}

.sftc-title .button:hover {
	color: #fff;
}

.sftc-title .options.centered {
	float: none;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -95px;
}

.sftc-title .options li {
	border-right: 1px solid #222;
	display: inline-block;
	float: left;
	margin: 0;
}

.sftc-title .options li:first-child {
	border-radius: 3px 0 0 4px;
}

.sftc-title .options li:last-child {
	border-radius: 0 3px 4px 0;
	border-right: none;
}

.sftc-title .options a {
	color: #ccc;
	display: block;
	padding: 0 10px;
}

.sftc-title .options a:hover {
	color: #fff;
	text-decoration: none;
}

.sftc-title .options li.current {
	color: #fff;

	background-image: linear-gradient(bottom, #444 0%, #333 100%);
	background-image: -o-linear-gradient(bottom, #444 0%, #333 100%);
	background-image: -moz-linear-gradient(bottom, #444 0%, #333 100%);
	background-image: -webkit-linear-gradient(bottom, #444 0%, #333 100%);
	background-image: -ms-linear-gradient(bottom, #444 0%, #333 100%);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444444', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444444', endColorstr='#333333')"; /* IE8 */

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #444),
		color-stop(1, #333)
	);

	-webkit-box-shadow: rgba(255,255,255,0.1) 0 1px 0 inset,
	                    rgba(0,0,0,0.1) 0 0 4px inset;
	-moz-box-shadow:    rgba(255,255,255,0.1) 0 1px 0 inset,
	                    rgba(0,0,0,0.1) 0 0 4px inset;
	box-shadow:         rgba(255,255,255,0.1) 0 1px 0 inset,
	                    rgba(0,0,0,0.1) 0 0 4px inset;
}

.sftc-title .options li.current a {
	color: #fee;
}

.sffp-draggable {
	background: #fff url('https://www.sofurryfiles.com/static/images/espresso/layout/classy_fabric.png');
	border: 1px solid #dcc;
	border-radius: 6px;
	margin: 0 0 25px;
	-webkit-transition: opacity 0.25s;
	box-shadow: 0 0 6px rgba(0,0,0,0.1) inset;
}

.sffp-draggable.ui-draggable-disabled {
	background-image: url('https://www.sofurryfiles.com/static/images/espresso/layout/classy_fabric.png');
	filter: Alpha(Opacity=100);
	opacity: 1;
}


.sffp-droppable {
	float: left;
	width: 49%;
}

.sffp-droppable:last-child {
	padding-left: 2%;
}

.sffp-droppable.hover {
	border-radius: 5px;
}

.sffp-droppable.hover .sffp-draggable {
	opacity: 0.3;
}

.sffp-droppable.hover .sffp-draggable.dragging {
	opacity: 1;
}

#sffp-container .empty {
	color: #888;
	display: block;
	font-style: italic;
	margin: 10px 0;
	text-align: center;
}

.sffp-latest .story_headline, .sffp-latest .story_additional {
  width: auto;
}

/* Overriding certain general styles for now */
.sffp-draggable .sftc-content {
	min-height: 0;
	overflow: hidden;
	padding: 1em;
	text-shadow: 0 1px 0 #fff;
}

.sf-story-wide {
	margin-left: 0px;
	height: auto !important;
	min-height: 85px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
	margin-right: 0px;
}

.sf-story-wide:hover {
	background: transparent;
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 10px;
}

.sf-story-wide.nopadding,
.sf-story-wide.nopadding:hover {
	margin-bottom: 10px;
	padding: 0 0 10px;
}

.sf-story-wide:last-child,
.sf-story-wide:last-child:hover {
	border-bottom: none;
}

.sf-story-wide a {
	color: #777;
}

.sf-story-wide:hover a {
	color: #681E24;
}

.sf-story-headline {
	font-weight: lighter;
	font-size: 18px !important;
}

.sfBrowseListContent .items {
	margin: 0 0 !important;
}

.sftc-title {
	height: auto !important;
}

.sffp-latest .sfBrowseListContent31 {
	text-align: center;
}

.dated-list-group {
	margin: 0;
}

.dated-list-group:first-child {
	margin-top: 20px;
}

.dated-list-item {
	margin-bottom: 15px;
	min-height: 72px;
	padding-left: 87px;
	position: relative;
}

.dated-list-item:last-child {
	margin-bottom: 0;
}

.dated-list-item.read h2 a,
.dated-list-item.read .date-tile {
	color: #655;
}

.dated-list-item:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.date-tile {
	background: #f3f3f3;
	color: #baa;
	font-size: 48px;
	line-height: 44px;
	margin: 0;
	padding: 6px 0 2px;
	position: relative;
	text-align: center;
	width: 72px;
}

.date-tile span {
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.dated-list-item .date-tile {
	left: 0;
	position: absolute;
	top: 0;
}

.dated-list-item.event {
	padding-left: 0;
}

.dated-list-item.event .date-tile {
	display: inline-block;
	margin: 15px 0 10px 10px;
	position: static;
}

.dated-list-item.withimage img {
	background: #fff;
	border: 1px solid #baa;
	float: right;
	margin: 0;
	margin-left: 15px;
	max-width: 100px;
}

.dated-list-item.featured.withimage img {
	left: 15px;
}

.dated-list-item h2 {
	margin: 0;
	margin-bottom: 5px;
}

.dated-list-item.unread h2 a,
.dated-list-item.featured h2 a {
	color: #a44;
}

.dated-list-item.unread .date-tile,
.dated-list-item.featured .date-tile {
	background: #a44;
	color: #fff;
}

.dated-list-item.featured h2 span {
	border-left: 10px solid #a44;
	border-top: 10px solid #a45;
	border-right: 10px solid rgba(0,0,0,0.0);
	border-bottom: 10px solid rgba(0,0,0,0.0);
	display: block;
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
}

h3 + .dated-list-item h2 {
	margin-top: 0;
}

.dated-list-item .details {
	color: #877;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
}

.dated-list-item .details span:after {
	color: #baa;
	content: " •";
}

.dated-list-item .details span:last-child:after {
	display: none;
}

.site-update-header {
	margin-left: 92px;
	max-width: 720px;
}

.site-update-header .link {
	background: #fee;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	float: right;
	line-height: 16px;
	padding: 2px 5px;
}

.site-update-header .link a {
	color: #777;
	text-decoration: none;
}

.site-update-header p:last-child {
	margin: 0 0 40px;
}

.dated-list-item .month-year {
	color: #777;
	font-size: 13px;
	font-weight: bold;
	left: -205px;
	margin: 0;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	top: 0;
	width: 190px;
}

.dated-list-item .date-tile {
	color: #a44;
	left: 0;
	position: absolute;
	top: 0;
}

.dated-list-item img.bordered {
	background: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	margin-left: -5px;
	max-width: 100%;
}

#sffp-events {
	background: #fff url('https://www.sofurryfiles.com/static/images/espresso/layout/classy_fabric.png');
	border: 1px solid #dcc;
	border-radius: 6px;
	margin: 0 25px 25px;
	overflow: hidden;

	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.1) inset;
	box-shadow: 0 0 6px rgba(0,0,0,0.1) inset;
}

#sffp-events .sftc-content {
	min-height: 0;
	padding: 0;
}

#sffp-events .yiiJac.jac {
	margin: 0;
}

#sffp-events .carousel-wrapper {
	padding: 10px;
}

#sffp-events .carousel {
	margin: 10px;
}

#sffp-events .yiiJac.jac ul {
	list-style: none;
}

#sffp-events .yiiJac.jac li {
	display: inline-block;
}

#sffp-events .sf-carousel-event {
	background: #999;
	border: 1px solid #cbb;
	border-radius: 6px;
	margin-right: 10px;
	padding-top: 4px;

	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 	0 1px 4px rgba(0,0,0,0.15);
	box-shadow: 		0 1px 4px rgba(0,0,0,0.15);
}

#sffp-events .sf-carousel-event.blue { background: #0000cc; }
#sffp-events .sf-carousel-event.blue a { color: #0000cc; }
#sffp-events .sf-carousel-event.navy { background: #000080; }
#sffp-events .sf-carousel-event.navy a { color: #000080; }
#sffp-events .sf-carousel-event.lime { background: #00cc00; }
#sffp-events .sf-carousel-event.lime a { color: #00cc00; }
#sffp-events .sf-carousel-event.green { background: #008000; }
#sffp-events .sf-carousel-event.green a { color: #008000; }
#sffp-events .sf-carousel-event.olive { background: #808000; }
#sffp-events .sf-carousel-event.olive a { color: #808000; }
#sffp-events .sf-carousel-event.teal { background: #008080; }
#sffp-events .sf-carousel-event.teal a { color: #008080; }
#sffp-events .sf-carousel-event.fuchsia { background: #cc00cc; }
#sffp-events .sf-carousel-event.fuchsia a { color: #cc00cc; }

#sffp-events .sf-carousel-event .inner {
	background: #fff;
	line-height: 20px;
	overflow: hidden;
	padding: 10px;
	position: relative;
	text-align: center;
}

#sffp-events .sf-carousel-event img {
	opacity: 0.2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin-left: -50%;
	margin-top: -50%;
}

#sffp-events .sf-carousel-event .overlay {
	background: transparent;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

#sffp-events .sf-carousel-event h3,
#sffp-events .sf-carousel-event p {
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

#sffp-events .sf-carousel-event h3 {
	font-size: 18px;
	margin: 0;
}

#sffp-events .sf-carousel-event p {
	color: #766;
	font-size: 14px;
	margin: 0;
}

#sffp-events .sf-carousel-event p a {
	font-weight: normal;
}

#sffp-events .sf-carousel-event .time:after {
	color: #cbb;
	content: " •";
}

#sffp-controls .gear,
#sffp-controls .gear.inactive:hover {
	background: url('/static/images/espresso/icons/gear_active.png') no-repeat top right;
	color: #333;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 14px;
	line-height: 15px;
	overflow: hidden;
	padding-right: 18px;
	text-transform: uppercase;
}

#sffp-controls .gear.inactive {
	background-image: url('/static/images/espresso/icons/gear_inactive.png');
	color: #777;
}

.calendar-form {
	margin-right: 20px;
}

/* Progress bars */

.meter { 
	height: 30px;  /* Can be anything */
	position: relative;
	margin: 5px 0 40px 140px;
	background: #aaa;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 100%;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
	      color-stop(.25, rgba(255, 255, 255, .2)), 
	      color-stop(.25, transparent), color-stop(.5, transparent), 
	      color-stop(.5, rgba(255, 255, 255, .2)), 
	      color-stop(.75, rgba(255, 255, 255, .2)), 
	      color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
	      rgba(255, 255, 255, .2) 25%, 
	      transparent 25%, 
	      transparent 50%, 
	      rgba(255, 255, 255, .2) 50%, 
	      rgba(255, 255, 255, .2) 75%, 
	      transparent 75%, 
	      transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}


.meterorange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
	opacity: 0.8;
}

.meterred > span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
	opacity: 0.8;
}

.meternostripes > span > span, .meternostripes > span:after {
	-webkit-animation: none;
	-moz-animation: none;
	background-image: none;
}

.date-big {
	display: inline-block;
	color: #977;
	font-size: 48px;
	margin: 0;
	position: relative;
	text-align: left;
}
.event-detail-image {
	display: inline-block;
	margin-left: -200px;
	text-align: left;
}

.dashed-separator {
	border-top: 1px dashed #EDD;
	height: 20px;
	margin: 40px 10px 0;
}

.dashed-separator a {
	color: #777;
}

.dashed-separator a:hover {
	color: #333;
	text-decoration: none;
}

.dashed-separator h2,
.dashed-separator p {
	background: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	margin: -11px 0 0;
	text-transform: uppercase;
}

.dashed-separator h2 {
	float: left;
	padding-right: 5px;
}

.dashed-separator p {
	float: right;
	padding-left: 5px;
}

#sffp-top .dashed-separator {
	margin: 40px 25px 0;
}

.sfwlabel {
    background: none repeat scroll 0 0 #00EE00;
	display: inline;
	float: left;
    opacity: 0.6;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin-top: -25px;
	margin-left: 1px;
    min-width: 19px;
	width: 19px;
    height: 14px;
	min-height: 14px;
	padding-left: 1px;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 4px;
    text-align: center;
}

.date-tile-margin {
	margin-left: 20px;
}

.achievement-icon {
	margin-top: -10px;
	width: 100px;
	height: 100px;
}
.achievement-dimmed {
	opacity: 0.5;
}

.context-menu-list {
	background: #fff url("https://www.sofurryfiles.com/static/images/espresso/layout/top_gradient.png") repeat-x;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	padding: 4px 0;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15),
						0 1px 0 white inset;
	-moz-box-shadow: 	0 0 10px rgba(0, 0, 0, 0.15),
						0 1px 0 white inset;
	box-shadow: 		0 0 10px rgba(0, 0, 0, 0.15),
						0 1px 0 white inset;
}

.context-menu-item {
	background: transparent;
	padding: 4px 12px;
}

.context-menu-item.hover {
	color: #fff;
}

.context-menu-separator {
	margin-bottom: 4px;
	padding-bottom: 0;
	padding-top: 4px;
}

.mini-form-bg {
    background: rgba(0,0,0,0.65);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 980;
}

.mini-form-bg + .mini-form {
    margin: 0 0 0;
    left: 50%;
    margin-left: -160px;
    position: absolute;
    top: 120px;
    z-index: 990;
}

.radiogroup input:first-child {
    margin-top: 0;
}

.user-avatar-heading {
    line-height: 30px;
    padding-left: 70px;
    padding-top: 5px;
    position: relative;
}

.user-avatar-heading span {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.user-avatar-heading img {
    left: 0;
    position: absolute;
    top: 0;
    width: 60px;
}

h1 + .button,
h2 + .button {
    position: absolute;
    right: 0;
    margin-top: -37px;
    padding: 6px 10px 8px;
}

.form-headerright .button {
    margin-top: 30px;
    margin-left: 8px;
    padding: 6px 10px 8px;
}

.current-bans {
    height: 60px;
    margin: 0 0 20px;
    padding: 0;
    text-shadow: 0 1px 0 #fff;
}

.current-bans li {
	background: #fff;
	border: 1px solid #cbb;
	border-radius: 6px;
    display: block;
    float: left;
    line-height: 20px;
    margin-right: 10px;
    min-height: 62px;
    padding: 10px;
    padding-left: 58px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);

	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 	0 1px 4px rgba(0,0,0,0.2);
	box-shadow: 		0 1px 4px rgba(0,0,0,0.2);
    
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.current-bans li {
    background: #c55;
    border-color: #a33;
    color: #fff;
}

.current-bans li.disabled {
    background: #fff;
    border-color: #cbb;
    color: #444;
    text-shadow: none;
}

.current-bans li.disabled.alt {
    background: #5c5;
    border-color: #3a3;
    color: #fff;
}

.current-bans img {
    left: 10px;
    position: absolute;
    top: 10px;
    width: 40px;
}

.current-bans span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.current-bans .button-bg {
    background: rgba(0,0,0,0.2);
    border: none;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    padding: 14px;
    text-align: center;

    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    
	-webkit-box-shadow: none;
	-moz-box-shadow: 	none;
	box-shadow: 		none;
}

.current-bans li:hover .button-bg {
    display: block;
}

.current-bans span.date-small { display: block; }
.current-bans span.date-med { display: none; }
.current-bans span.date-large { display: none; }

@media all and (min-width: 1086px) {
    .current-bans span.date-small { display: none; }
    .current-bans span.date-med { display: block; }
    .current-bans span.date-large { display: none; }
}

@media all and (min-width: 1160px) {
    .current-bans span.date-small { display: none; }
    .current-bans span.date-med { display: none; }
    .current-bans span.date-large { display: block; }
}
.current-bans.size-1 { padding-right: 10px; }
.current-bans.size-2 { padding-right: 20px; }
.current-bans.size-3 { padding-right: 22px; }
.current-bans.size-4 { padding-right: 30px; }

.current-bans.size-1 li { width: 100%; }
.current-bans.size-2 li { width: 50%; }
.current-bans.size-3 li { width: 33%; }
.current-bans.size-4 li { width: 25%; }

.current-bans.size-1 li:last-child { margin-right: -10px; }
.current-bans.size-2 li:last-child { margin-right: -20px; }
.current-bans.size-3 li:last-child { margin-right: -30px; }
.current-bans.size-4 li:last-child { margin-right: -40px; }

.sfCommentOuter {
padding-top: 10px;
padding-bottom: 2px;
}

.sfCommentOuter a {
text-decoration: none;
word-wrap: break-word;
}

#sfCommentReplyContainer {
overflow: hidden;
padding-top: 10px;
position: relative;
}

#sfCommentFormInner .row {
margin: 0;
}

#sfCommentFormInner .finish {
padding-right: 0;
text-align: right;
}

#sfCommentReplyTextarea {
min-height: 70px;
}

.sfComment {
font-size: 13px;
position: relative;
min-height: 5em;
padding-left: 45px;
}

.sfComment img.onlinestatus{
	vertical-align:text-top;
}

.sfComment.small {
padding-left: 0;
}

.sfCommentBody {
background: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.25);
border-radius: 3px;
margin-left: -1px;
line-height: 16px;
padding: 9px;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
word-wrap: break-word;

-webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 1px;
-moz-box-shadow:      rgba(0,0,0,0.15) 0 1px 1px;
box-shadow:                 rgba(0,0,0,0.15) 0 1px 1px;
}

.sfCommentBody .button {
background: transparent;
border-color: #ccc;
}

.sfCommentBody:hover .button {
background: #edd;
border-color: #aaa;

background: -webkit-gradient(linear, 0 0, 0 100%, from(#fee), to(#edd));
background: -webkit-linear-gradient(top, #fee, #edd);
background: -ms-linear-gradient(top, #fee, #edd);
background: -moz-linear-gradient(top, #fee, #edd);
background: -o-linear-gradient(top, #fee, #edd);
background: linear-gradient(top, #fee, #edd);
}
.sfCommentChildrenOuter {
border-left: 1px solid rgba(100,0,0,0.2);
border-bottom: 1px solid rgba(100,0,0,0.1);
border-radius: 3px;
margin-left: 45px;
padding-left: 15px;

background-image: linear-gradient(right , rgba(255,255,255,0.0) 50%, rgba(99,0,0,0.02) 100%);
background-image: -o-linear-gradient(right , rgba(255,255,255,0.0) 50%, rgba(99,0,0,0.02) 100%);
background-image: -moz-linear-gradient(right , rgba(255,255,255,0.0) 50%, rgba(99,0,0,0.02) 100%);
background-image: -webkit-linear-gradient(right , rgba(255,255,255,0.0) 50%, rgba(99,0,0,0.02) 100%);
background-image: -ms-linear-gradient(right , rgba(255,255,255,0.0) 50%, rgba(99,0,0,0.02) 100%);

background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(0.5, rgba(255,255,255,0.0)),
color-stop(1, rgba(99,0,0,0.02))
);

/* -webkit-box-shadow: rgba(0,0,0,0.1) -1px 1px 1px; */
}

.sfCommentChildrenOuter .sfCommentChildrenOuter {
margin-left: 0;
}

.sfCommentUserinfo,
.sfCommentLeft {
left: 0;
position: absolute;
text-align: center;
}

.sf-comments-av {
border-radius: 3px;
}

.sfComment.small .sfCommentUserinfo{
left: 10px;
top: 10px;
}

.sfComment.small .sfCommentLeft {
	left:5px;
	top:5px;
}

.sfComment.small .sf-comment-header {
margin-left: 30px;
}

.sfCommentSeparator {
border-color: transparent #ddd transparent transparent;
border-style: solid;
border-width: 10px;
margin-top: 8px;
margin-right: 2px;
height: 0pt;
width: 0pt;
float: left;    
}

.sf-comment-date, .sf-commentvote {
font-weight: normal;
font-style: italic;
font-size: smaller;
}

.sf-comment-header {
line-height: 20px;
position: relative;
margin-bottom: 8px;
}

.sf-comment-footer {
}

.sf-comment-username {
font-weight: bold;
}

.sf-comment-meta {
float: right;
}

.sf-comment-options {
background: #eee;
border-radius: 0 0 3px 3px;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 21px;
margin: 9px -9px -9px;
padding: 0 10px;
text-align: right;

-webkit-box-shadow: #ddd 0 1px 0 inset;
-moz-box-shadow:    #ddd 0 1px 0 inset;
box-shadow:         #ddd 0 1px 0 inset;
}

.sfComment:hover .sf-comment-options {
display: block;
}

.sf-comment-options a {
color: #938B87;
margin-left: 0.5em;
}

.sf-comment-options a:hover {
}

.sfCommentBody:hover .sf-comment-options a {
color: #661E24;
}

#sf-edit-comment {
width: 90%;
min-height: 70px;
}

.admin-comments {
    margin: 20px 0;
}

.admin-comment {
    margin-bottom: 10px;
}

.form-search .sftext {
    display: inline-block;
    padding-right: 8px;
    width: auto;
}

.form-search input[type=text] {
    border-radius: 20px 0 0 20px;
    padding: 6px 20px 6px 10px;
}

.form-search input[type=submit] {
    border-radius: 20px;
    display: inline-block;
    padding: 6px 10px;
    position: relative;
    top: -1px;
}

.form-center {
    margin: 15px auto;
    text-align: center;
}

.form-headerright {
    float: right;
    margin: 0;
}

.form-headerright + h1:after,
.form-headerright + h2:after {
    clear: both;
}

.form-headerright + h1:before,
.form-headerright + h1:after,
.form-headerright + h2:before,
.form-headerright + h2:after {
    content: " ";
    display: table;
}

#sf-moderation-header {
    margin: -15px -15px 30px;
}