/* @font-face {
    font-family: 'CenturyGothic';
    src: url('/public/fonts/gothic.eot');
    src: url('/public/fonts/gothic.eot?#iefix') format('embedded-opentype'),
         url('/public/fonts/gothic.woff') format('woff'),
         url('/public/fonts/gothic.ttf') format('truetype'),
         url('/public/fonts/gothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face{
font-family:"Avenir Next W10 Regular";
src:url("/public/fonts/avenir/de6ddab4-6357-4d45-b626-52c3bd8fd77a.eot?iefix") format("eot");}
@font-face{
font-family:"Avenir Next W10 Regular";
src:url("/public/fonts/avenir/de6ddab4-6357-4d45-b626-52c3bd8fd77a.eot?iefix");
src:url("/public/fonts/avenir/fb555151-cbda-4728-b28d-6e5f085c2d55.woff") format("woff"),url("/public/fonts/avenir/8c58f11b-45a1-43dc-995e-785023989e7e.ttf") format("truetype"),url("/public/fonts/avenir/28108543-a866-4464-b36d-3362b695bd4a.svg#28108543-a866-4464-b36d-3362b695bd4a") format("svg");
}
@font-face{
font-family:"Avenir Next W10 Italic";
src:url("/public/fonts/avenir/b433907b-50ff-4a99-8cd3-3e21a31922a8.eot?iefix") format("eot");}
@font-face{
font-family:"Avenir Next W10 Italic";
src:url("/public/fonts/avenir/b433907b-50ff-4a99-8cd3-3e21a31922a8.eot?iefix");
src:url("/public/fonts/avenir/a35e0b34-93f2-415d-b45f-7457d0067583.woff") format("woff"),url("/public/fonts/avenir/73ffa59c-6f46-49de-90ad-6eaa1ecdb9d9.ttf") format("truetype"),url("/public/fonts/avenir/d6ec8ed5-a502-4dbc-9bbd-e62a313371fc.svg#d6ec8ed5-a502-4dbc-9bbd-e62a313371fc") format("svg");
}
@font-face{
font-family:"Avenir Next W10 Demi";
src:url("/public/fonts/avenir/a47247cc-4e49-4a7a-90df-e89cd3887fbf.eot?iefix") format("eot");}
@font-face{
font-family:"Avenir Next W10 Demi";
src:url("/public/fonts/avenir/a47247cc-4e49-4a7a-90df-e89cd3887fbf.eot?iefix");
src:url("/public/fonts/avenir/8e0e32b3-034a-41e8-bd15-c22974ebcdb5.woff") format("woff"),url("/public/fonts/avenir/e67c8a0b-c32f-4b4b-b883-956fb420313e.ttf") format("truetype"),url("/public/fonts/avenir/5e006032-8b7f-4fa8-88e3-1fe5ba1cc726.svg#5e006032-8b7f-4fa8-88e3-1fe5ba1cc726") format("svg");
}
@font-face{
font-family:"AvenirNextW10-DemiItali";
src:url("/public/fonts/avenir/1837d76a-6404-4a9b-b886-75b0c39486c0.eot?iefix") format("eot");}
@font-face{
font-family:"AvenirNextW10-DemiItali";
src:url("/public/fonts/avenir/1837d76a-6404-4a9b-b886-75b0c39486c0.eot?iefix");
src:url("/public/fonts/avenir/c965515a-bfb0-4454-9fba-02e6e17efdef.woff") format("woff"),url("/public/fonts/avenir/c8894121-ba81-4f54-90dc-45b6644d7462.ttf") format("truetype"),url("/public/fonts/avenir/93596b5a-54e7-48be-a6a8-b707c342c7f0.svg#93596b5a-54e7-48be-a6a8-b707c342c7f0") format("svg");
}
@font-face{
font-family:"Avenir Next W10 Bold";
src:url("/public/fonts/avenir/d80df405-6718-4dbc-9f54-d88c0807ca8b.eot?iefix") format("eot");}
@font-face{
font-family:"Avenir Next W10 Bold";
src:url("/public/fonts/avenir/d80df405-6718-4dbc-9f54-d88c0807ca8b.eot?iefix");
src:url("/public/fonts/avenir/ba4bd129-7517-4eef-9fe8-473263d17616.woff") format("woff"),url("/public/fonts/avenir/229324ce-a846-4038-9167-0e65a0c32226.ttf") format("truetype"),url("/public/fonts/avenir/9705a786-ed36-423c-bfb3-43e7e96a3895.svg#9705a786-ed36-423c-bfb3-43e7e96a3895") format("svg");
}
@font-face{
font-family:"AvenirNextW10-BoldItali";
src:url("/public/fonts/avenir/6335a560-0e21-4798-b947-46751a5786df.eot?iefix") format("eot");}
@font-face{
font-family:"AvenirNextW10-BoldItali";
src:url("/public/fonts/avenir/6335a560-0e21-4798-b947-46751a5786df.eot?iefix");
src:url("/public/fonts/avenir/75fbb50c-832a-4ac5-8fd8-e6c84f78ca4e.woff") format("woff"),url("/public/fonts/avenir/ad537c68-b07c-4323-9cf5-7327ffc06c5d.ttf") format("truetype"),url("/public/fonts/avenir/16f6e4d4-c100-4774-86be-9605b531dc15.svg#16f6e4d4-c100-4774-86be-9605b531dc15") format("svg");
}
@font-face{
font-family:"Avenir Next W01 Thin";
src:url("/public/fonts/avenir/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?iefix") format("eot");}
@font-face{
font-family:"Avenir Next W01 Thin";
src:url("/public/fonts/avenir/42c793cf-df5a-4e07-bf3e-37de54df02b6.eot?iefix");
src:url("/public/fonts/avenir/c6c8e4be-17eb-4475-bbfc-bb485ffde766.woff") format("woff"),url("/public/fonts/avenir/87a872d0-5af3-4231-a77c-37f41ec74662.ttf") format("truetype"),url("/public/fonts/avenir/91464696-717b-4eaa-adbd-0dfc5e5fd782.svg#91464696-717b-4eaa-adbd-0dfc5e5fd782") format("svg");
}
@font-face{
font-family:"AvenirNextW01-ThinItali";
src:url("/public/fonts/avenir/41537dd7-434f-4f85-b9d9-a88b160bc18d.eot?iefix") format("eot");}
@font-face{
font-family:"AvenirNextW01-ThinItali";
src:url("/public/fonts/avenir/41537dd7-434f-4f85-b9d9-a88b160bc18d.eot?iefix");
src:url("/public/fonts/avenir/fcf6f211-efa2-40f6-9c6b-e0ca63b6ea60.woff") format("woff"),url("/public/fonts/avenir/60fcc194-9529-4b99-9506-cdb26642656a.ttf") format("truetype"),url("/public/fonts/avenir/c110f1ef-6fdf-4008-bc75-b370649384a3.svg#c110f1ef-6fdf-4008-bc75-b370649384a3") format("svg");
}
@font-face{
font-family:"AvenirNextLTW01-Medium";
src:url("/public/fonts/avenir/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?iefix") format("eot");}
@font-face{
font-family:"AvenirNextLTW01-Medium";
src:url("/public/fonts/avenir/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?iefix");
src:url("/public/fonts/avenir/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff"),url("/public/fonts/avenir/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf") format("truetype"),url("/public/fonts/avenir/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg");
}
@font-face{
font-family:"AvenirNextLTW01-MediumI 721278";
src:url("/public/fonts/avenir/77a9cdce-ea6a-4f94-95df-e6a54555545e.eot?iefix") format("eot");}
@font-face{
font-family:"AvenirNextLTW01-MediumI 721278";
src:url("/public/fonts/avenir/77a9cdce-ea6a-4f94-95df-e6a54555545e.eot?iefix");
src:url("/public/fonts/avenir/8344e877-560d-44d4-82eb-9822766676f9.woff") format("woff"),url("/public/fonts/avenir/b28b01d9-78c5-46c6-a30d-9a62c8f407c5.ttf") format("truetype"),url("/public/fonts/avenir/ed4d3c45-af64-4992-974b-c37cd12a9570.svg#ed4d3c45-af64-4992-974b-c37cd12a9570") format("svg");
}

/* UNIVERSAL */
body {
	font-family: 'Verdana', 'Helvetica', sans-serif;
	font-size: 14px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	margin-top:0px;
	margin-bottom:0px;
	zbackground:#494949;
    background:white;
	zbackground-image:url('/public/i/paper-bg.jpg');
}

a,
a:link,
a:active,
a:visited { text-decoration:none; color:#6666CC; }
a:hover { text-decoration:none; color:#EB8F00; }

a.mgLink,
a:link.mgLink,
a:active.mgLink,
a:visited.mgLink { text-decoration:none !important; color:#6666CC !important; }
a:hover.mgLink { text-decoration:underline !important; color:#EB8F00 !important; }

h1 {
	text-rendering: optimizeLegibility;
    font-weight: normal;
	font-family: 'Avenir Next W10 Demi', sans-serif;
	font-size: 40px;
	color: #042D65;
	letter-spacing: -2.8px;
	margin: 0;
	padding: 5px 0 0 0;
	opacity: 0.6;
}


.left { float:left; }
.right { float:right; }
#linkDiv { display:none; }

.bigBody p { font-size:1.3em; }
.rightBodyMargin { padding-right:50px; }

.smTxt {
    font-size:0.8em;
	font-family:'Helvetica','Arial',sans-serif;
}
.bold {
    font-weight:bold;
}
#bodyContent {
	font-family:'Helvetica','Arial',sans-serif;
	font-size:16px;
}

#bodyContent blockquote {
    border-left: 2px solid #BBB;
    background: #EEE;
    padding: 10px 10px 10px 30px;
    margin-right:490px;
}

/* STRUCTURE */
#mainWrapper {
    zwidth:auto;
    margin:60px 0 30px 0;
}

#leftCol {
	margin:0;
	padding:0;
}

#leftColPad {
	margin:50px 0 0 20px;
}

#leftCol_old {
	width:auto;
	margin-right:325px;
	height:100%;
	float:left;
	margin-left:25px;
}
#rightCol {
	display:none;
	margin-top:67px;
	float:right;
	margin-left:-350px;
	margin-right:25px;
	width:300px;
	height:100%;
	background:#e3f1fa;
}
#boot {
	margin-top:50px;
	border-top:1px solid #ddd;
	width:100%;
	background:#e3f1fa;
	height:75px;
	padding-top:10px;
}
.bootWrapper {
	padding:0px 25px 0px 25px;
}

.bootSection {
	margin-left:10px;
	float:left;
}

.padding20 {
	padding:20px;
	float: left;
}

.clear {clear:both;}
.col {padding:10px;float:left;}

#main {
	margin-left:auto;
	margin-right:auto;
}
.width150 {
	width:150px;
}

.bigInput {
    font-size:24px;
    border-radius:5px 5px;
    padding:2px;
}
.inputCenter {
    text-align:center;
}
.homeSignup {
    width:300px;
}



/* HEADER */
#header {
    margin:0;
    position:fixed;
    top:0;
	display:block;
	background:#6f6f6f;
	height:36px;
	width:100%;
	padding:0;
	z-index:200;
	zborder-bottom:1px solid #ccc;
	zbox-shadow:0px 2px 5px #B3B3B3;
}

#betaRibbon {
    position:fixed;
    top:0;
    right:0;
    z-index:3000;
    display:none;
}


.small-button {
   font-size: .8em !important;
}
.ui-button-text {
   font-size: inherit !important;
}

.nextButton,
.previousButton {
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em;
	font-family:Arial;
}

a.textLogo {
    text-decoration:none;
}
.textLogo {
    position:relative;
    top:-04px;
    padding:0 20px 0 25px;
}

.textLogo,
.textLogo a {
    font-family: 'Mrs Sheppards', cursive;
    font-size:40px;
    color:#ffaa00 !important;
    text-shadow: #000 1px 1px 0px;
}

.logo {
    position:relative;
    left:10px;
    top:0px;
}

.headerRight {
    position:fixed;
    right:0px;
    top:-5px;
}

#myCollectionsMenu {
    position:absolute;
    display:none;
    z-index:300;
}
#myCollectionsMenu a,
#myCollectionsMenu a:active,
#myCollectionsMenu a:visited,
#myCollectionsMenu a:link {
	font-weight:normal;
	color:#BBB;
	border-bottom:none;
	text-decoration:none;
	font-size:11pt;
}
#myCollectionsMenu a:hover {
	color:white;
}
#myCollectionsMenuLower {
    background-color:rgba(52, 85, 118, 1.0);
    zborder-left:1px dotted #000;
    zborder-right:1px dotted #000;
    zborder-bottom:1px dotted #000;
    padding:10px 15px 0px 5px;
    width:250px;
}
#menuLineBorderTopThing {
    position:relative;
    top:-1px;
    right:0;
    width:100%;
    zborder-top:1px solid #000;
    position:absolute;
}
.menuActive {
    zborder:1px dotted #000 !important;
    background-color:#rgba(12, 44, 98, 1.0);
}
.headLinks {
    font-family:Helvetica,Arial,sans-serif;
    position:relative;
    top:15px;
    zmargin-right:25px;
    float:left;
    text-align:right;
    font-size:13px;
    position:relative;
    color:#d5d5d5;
    zfont-weight:bold;
    letter-spacing:-0.5px;
    overflow:hidden;
    white-space:nowrap;
    z-index:250;
}

.headLinks ul {
    padding:5px 0 0 0;
    margin:0;
    display:inline;
    display:block;
}
.headLinks li {
    list-style:none;
    padding:0;
    margin:0 0 0 0px;
    display:inline;
}

.headLinks a,
.headLinks a:active,
.headLinks a:visited {
    padding:2px 5px 2px 5px;
    color:#d5d5d5;
    text-decoration:none;
  zborder:1px dotted white;
}

.headLinks a:hover,
.headLinks .active {
    color:white !important;
}

#searchButton {
    position:relative;
    left:-20px;
}
.headerSearch {
    position:relative;
    top:12px;
	float:right;
	height: 40px;
	border-radius: 0 0 4px 4px;
}
.headerSearch input,
.headerSearch textarea {
	color:#e78f08;
    zbackground:#ffffdc;
    background:#E2E4FF;
    zbackground-color:#ffffcc;
    border-radius:4px 4px;
}
.headerSearch	.ui-autocomplete-loading { 
	background: white url('/public/i/ui-anim_basic_16x16.gif') right center no-repeat;
	border:2px solid #AED0EA;
}
#headerSearch .ui-menu-item a {
	text-decoration: underline;
}	
.ui-autocomplete {
    z-index:250 !important;
}

.headerSearch .ui-autocomplete {
	border: 2px solid #777;
}
.searchTermMatchHighlight {
	font-weight: bold;
}
.headerSearch button.ui-button-icon-only {
	width: 2em;
}
.headerSearch .ui-button-icon-only .ui-button-text {
	padding: 0.1em;
	line-height: 1.3em;
}
#searchTerm {
	width: 150px;
	font-size:11px;
	border: 2px solid #777;
	padding: 4px 20px 4px 5px;
	color:#777;
}

#footer {
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:black;
	font-size:12px;
	padding-top:2px;
	width:100%;
	margin-bottom:2px;
	overflow:hidden;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited,
#footerNew a,
#footerNew a:link,
#footerNew a:active,
#footerNew a:visited
{
	color:#6565FF;
}

#footer a:hover,
#footerNew a:hover {
	color:black;
	text-decoration:underline;
}

#footerNew {
    overflow:hidden;
    padding:0 5px 2px 0;
}

#footLinks {
  font-family:'Helvetica','Arial',sans-serif;
	letter-spacing:1.0px;
	font-size:16px;
}

#footLinks a,
#footLinks a:link,
#footLinks a:active,
#footLinks a:visited {
  font-weight:bold;
	color:#777;
	text-decoration:none;
	padding:2px 5px 2px 5px;
	border-radius:3px 3px;
}

#footLinks a:hover {
	color:black;
	background-color:white;
}

.footpipe {
	margin-left:2px;margin-right:2px;
	font-weight:bold;
}

#searchForm {
	text-align:center;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
}

#searchForm input {
	font-family:Verdana;
	font-size:1.5em;
	-moz-border-radius:4px;
    -webkit-border-radius:4px 4px;
}






/* FRONT PAGE */
#topPosts {
	float:left;
	background:#DDD;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px 20px 20px 0;
	
}
.tooltip {
	display:none;
	background:url(/public/i/hover-bg.png);
	width:300px;
	height:100px;
	color:white;
}
.tooltipInner {
	padding:20px 0 0 25px;
}
#topSubmitters img {
    max-width:48px;
    max-height:48px;
}


/* ITEMS */
.itemBody {
	margin-top:3px;
	position:relative;
}
.itemByline {
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid #CCCCCC;
	font-size:0.8em;
}
.itemComments {
    margin-top:8px;
    padding-top:4px;
    border-top:1px solid #CCCCCC;
	font-size:0.8em;
}
.itemCommentSingle-1 {
    margin-top:4px;
    zbackground:#E6E6E6;
    clear:both;
}
.itemCommentSingle1 {
    margin-top:4px;
    zbackground:#B3B3B3;
    clear:both;
}
.itemCommentSingle-1:hover,
.itemCommentSingle1 {
    cursor:pointer;
}
.itemCommentSingle1 img {
    float:right;
    border:1px solid #777;
    border-radius:2px 2px;
    margin-left:2px;
    margin-bottom:2px;
    background:white;
    max-width:15px;
    max-height:15px;
}
.itemCommentSingle-1 img {
    float:left;
    border:1px solid #777;
    border-radius:2px 2px;
    margin-right:2px;
    margin-bottom:2px;
    background:white;
    max-width:15px;
    max-height:15px;
}
.itemTitle {
	text-rendering: optimizeLegibility;
	font-family: 'Avenir Next W01 Thin', sans-serif;
	font-size: 20px !important;
    font-weight: normal;
	margin-top: 8px;
}
.itemTitle p {
	text-rendering: optimizeLegibility;
	cursor: pointer;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-overflow: ellipsis-lastline;
    color: #66C;
    font-size: 20px !important;
    font-weight: normal !important;
    font-family: 'Avenir Next W01 Thin', sans-serif;
}
.itemSummary {
    font-family:'Lucida Grande','Times New Roman',sans-serif;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:12px;
    height:100%;
}

.itemTitle p:hover {
    color:#EB8F00;
    ztext-decoration:underline;
}

#pageFrame {
    border-radius:4px 4px;
	zbackground:#E2E4FF;
	background-color:#FFAA00;
	padding:5px;
	margin:0 50px 0 50px;
}

.pageFrameInner {
    border-radius:4px 4px;
    zbackground-color:#ffffdc;
    zbackground-color:#FFFFCC;
    zbackground-color:#E2E4FF;
    zbackground-color:#ffffff;
    background-color:white;
    padding:20px;
    overflow:hidden;
}
.qpItem {
    position:relative;
    float:left;
    margin:0 15px 30px 15px;
    -webkit-transition: border linear 0.250s, box-shadow linear 0.250s;
    -moz-transition: border linear 0.250s, box-shadow linear 0.250s;
    -ms-transition: border linear 0.250s, box-shadow linear 0.250s;
    -o-transition: border linear 0.250s, box-shadow linear 0.250s;
    transition: border linear 0.250s, box-shadow linear 0.250s;
}
.qpItem_i {
	padding:2px;
	zoverflow:hidden;
	zbackground:#CCCCCC;
	background:#E2E4FF;
}
.qpItem_i:hover {
    background:#FFAA00;
    zbox-shadow:2px 2px 5px #FFCC66;
}
.qpItem .overlay {height:25px; background-color:#ccc;opacity:0.4;filter:alpha(opacity=40);padding:10px;}
.qpItem .hide {float:right;}
.qpItem .hidden {visibility:hidden;}

.qpItem-large {
    zborder:1px solid #000000;
    background:#d8dbf8;
}

.itemInner {
  zborder-radius:4px 4px;
  background-color:#f2f2f2;
  padding:8px;
  overflow:hidden;
}

.itemSocial {
    margin-top:8px;
    padding-top:8px;
    border-top:1px solid #CCCCCC;
    text-align:center;
}
.itemSocial zbutton {
    border-radius:0px;
    height:18px;
	font-size:0.7em;
	margin-right:0;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial,sans-serif;
}
.likeBtnStyle {
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial,sans-serif;
}
.socialButton {
	display:inline;
	margin-right:1px;
}
.itemCategory {
    display:inline;
    margin:1px 0 1px 0;
    border:1px solid black;
    background:#000;
    color:white;
    text-transform:uppercase;
    font-family:"Gill Sans", "Gill Sans Std", "Gill Sans MT", Verdana, "Bitstream Vera Sans", sans-serif;
    font-size:9px;
    font-weight:bold;
    padding:1px;
}
.itemCategoryExclusive {
    padding:1px 5px 1px 5px;
    border:1px solid #cf7f02;
    background:#EB8F00;
    color:white;
    font-size:9px;
    margin-right:5px;
}

a.tileButton {
    color:#ccc;
}
a.tileButton:hover {
	color:white;
    text-decoration:none;
}

.tileButton {
    color:#ccc;
    display: inline-block;
    white-space: nowrap;
    background-color: #155899;
    zbackground-color: #59aae3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#155899), to(#59aae3));
    zbackground-image: -webkit-gradient(linear, left top, left bottom, from(#155899), to(#59aae3));
    zbackground-image: -webkit-linear-gradient(top, #155899, #59aae3);
    zbackground-image: -moz-linear-gradient(top, #155899, #59aae3);
    zbackground-image: -ms-linear-gradient(top, #155899, #59aae3);
    zbackground-image: -o-linear-gradient(top, #155899, #59aae3);
    background-image: linear-gradient(top, #155899, #59aae3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#155899', EndColorStr='#59aae3');
    border: 1px solid #ccc;
    zpadding: 5px 10px 5px 10px;
    font: 10px 'Helvetica',Arial,serif;
    zheight:18px;
    text-decoration: none;
    border-radius:3px 3px;
    text-transform:uppercase;
    font-weight:bold;
}
.tileButtonLarge {
    padding:5px 15px 5px 15px;
    font-size: 22px !important;
    text-transform:none !important;
}

.tileButton[disabled] {
    background:#777;
    color:white;
}
.tileButton[disabled]:hover {
    background:#777;
    color:white;
}

.tileButtonActive {
    background:#777;
    color:white;
}
.tileButtonActive:hover {
    background:#777;
    color:white;
    border-color:white;
}
.tileButton:hover{
    background-color: #155899;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#59aae3), to(#155899));
    background-image: -webkit-linear-gradient(top, #59aae3, #155899);
    background-image: -moz-linear-gradient(top, #59aae3, #155899);
    background-image: -ms-linear-gradient(top, #59aae3, #155899);
    background-image: -o-linear-gradient(top, #59aae3, #155899);
    background-image: linear-gradient(top, #59aae3, #155899);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#59aae3', EndColorStr='#155899');
    zbackground-image: url(/public/i/button-bg-sm.png);
    zbackground-position:0 -31px;
    cursor:pointer;
    color:white;
    border:1px solid #777;
}

.tileButton:active{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        zposition: relative;
        ztop: .05em;
}

.tileButton:focus{
        outline: 0;
        background: #fafafa;
}    


a.button-one {
    color:#ccc;
}
a.button-one:hover {
	color:white;
    text-decoration:none;
}

.button-one {
    color:#ccc;
    display: inline-block;
    white-space: nowrap;
    background-color: #59aae3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#155899), to(#59aae3));
    background-image: -webkit-linear-gradient(top, #155899, #59aae3);
    background-image: -moz-linear-gradient(top, #155899, #59aae3);
    background-image: -ms-linear-gradient(top, #155899, #59aae3);
    background-image: -o-linear-gradient(top, #155899, #59aae3);
    background-image: linear-gradient(top, #155899, #59aae3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#155899', EndColorStr='#59aae3');
    border: 1px solid #ccc;
    padding: 5px 15px 5px 15px;
    font: 12px 'Helvetica',Arial,serif;
    zheight:18px;
    text-decoration: none;
    border-radius:20px 20px;
    font-weight:bold;
}
.button-oneLarge {
    padding:5px 15px 5px 15px;
    font-size: 22px !important;
    text-transform:lowercase !important;
}

.button-one[disabled] {
    background:#777;
    color:white;
}
.button-one[disabled]:hover {
    background:#777;
    color:white;
}
.button-one:hover{
    background-color: #155899;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#59aae3), to(#155899));
    background-image: -webkit-linear-gradient(top, #59aae3, #155899);
    background-image: -moz-linear-gradient(top, #59aae3, #155899);
    background-image: -ms-linear-gradient(top, #59aae3, #155899);
    background-image: -o-linear-gradient(top, #59aae3, #155899);
    background-image: linear-gradient(top, #59aae3, #155899);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#59aae3', EndColorStr='#155899');
    zbackground-image: url(/public/i/button-bg-sm.png);
    zbackground-position:0 -31px;
    cursor:pointer;
    color:white;
    border:1px solid #777;
}

.button-one:active{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        zposition: relative;
        ztop: .05em;
}

.button-one:focus{
        outline: 0;
        background: #fafafa;
}    


/* SUBMIT */
#submitImage {
    background-color:white;
	display:block;
	width:295px;
	height:300px;
	overflow:hidden;
	margin-top:5px;
/*	max-width:350px;
	max-height:350px; */
}
.submitExtraFields {
    display:none;
}
h3.submitStep {
  	text-rendering:optimizeLegibility;
	  display:inline;
    padding:1px 5px 1px 5px;
    background:black;
    color:white;
    margin:0;
}
fieldset.submitStep {
    background:white;
    padding-top:15px;
}
.submitStep legend {
    font-weight:700;
    font-family: 'Avenir Next W10 Demi',sans-serif;
    font-size:18px;
    padding:4px 10px 1px 10px;
}

#submitImage img {
/*	max-width:350px;
	max-height:350px; */
	border:1px dotted #F6A828;
}
.sourceImage {
    max-width:293px;
    max-height:398px;
}
.postSummary {
    font-weight:700;
    font-family: 'Avenir Next W10 Demi',sans-serif;
    font-variant:small-caps;
    ztext-transform:uppercase;
    font-size:16px;
    border-bottom:1px dotted #DDD;
}
.postSidebar {
    float:right;margin:10px 0 10px 10px;
    padding:3px;
    border-radius:4px 4px;
    background:#777;
}
.postSidebarInner {
    zbackground:#f2f2f2;
    background-color:#E3E3E3;
    border-radius:4px 4px;
    padding:15px;
}
.postSidebarButton {
    width:75px;
    text-align:center;
}
.postCategory {
    float:right;
    border-left:1px solid #DDD;
    border-right:1px solid #DDD;
    border-bottom:1px solid #DDD;
    background:#eb8f00;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    color:white;
    padding:1px 10px 1px 10px;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}

.pinActivity ul {
	margin-left:0;
	padding-left:0;
}
.pinActivity li {
	list-style:none;
	margin-left:0.0em;
}
.pinActivity img {
    border:1px solid #777;
    border-radius:2px 2px;
		margin:0 2px 0 2px;
		position:relative;
		top:4px;
    background:white;
    max-width:15px;
    max-height:15px;
}

/* OTHER */
/* TODO: clean this up, some shit from TweetPete in here */
#twitterLoginForm, .adminRestricted {
	margin-top:20px;
	text-align:center;
	width:80%;
	padding:30px;
	text-align:center;
	border:5px solid #036;
	background:#DDE6EF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px 10px;
	font-size:1.5em;
	font-weight:bold;
}

.textbox {
	width:200px;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	-moz-border-radius:4px;
    -webkit-border-radius:4px 4px;	
}

.gradientButton {
	cursor:hand;
    border:1px solid black;
    -webkit-appearance:button;
	font-size:12px;
    color:white;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#000), from(#EEEEEE));
	background:-moz-linear-gradient(top,#EEEEEE,#000);
	-moz-border-radius:4px;
    background-color:#332233;
    -webkit-border-bottom-left-radius:4px 4px;
    -webkit-border-bottom-right-radius:4px 4px;
    -webkit-border-top-left-radius:4px 4px;
    -webkit-border-top-right-radius:4px 4px;
    padding:5px;
    text-transform:lowercase;
    font-weight:bold;
}

.tweet {
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
	padding:5px;
	border:1px solid #CCCCCC;
	background:#EFEFEF;
}

.tweetText {
	font-size:1.5em;
}

.tweetInfo {
	font-size:0.8em;
}


#users{width:100%;}
#users .user { float:left; margin:10px; }

.user .left { float:left; width: 165px;}
.user .main { float:left; width: 725px;}
.user .avatar { height: 128px; width: 128px;  background-color: #CCC;}
.user .pictures { margin-bottom: 20px; }
.user .pictures img {width:100px; height:100px;}
.user .pictures .image { position:relative; height:100px; width:100px;}
.user .pictures .delete-img { 
	text-align:center;bottom:5px; left:18px; position:absolute; 
	background: #E3F1FA; padding:3px;
	border:2px solid #AED0EA;color:#66C;
	border-bottom-left-radius: 6px 6px;
	border-bottom-right-radius: 6px 6px;
	border-top-left-radius: 6px 6px;
	border-top-right-radius: 6px 6px;
}
.user .pictures .delete-img-hover {background:#AED0EA;}
.user .pictures .delete-img a { font-weight:bold; text-decoration:none; }
.user #accordion .accordion-section-small { height:225px;}
.user #accordion .accordion-section { height:450px;}
.user #accordion .qpItem { width: 190px;}
.user #accordion .qpItem .itemTitle { font-size: 0.9em }
.user .comments-header {width:100%;}
.user #comments {width:100%;}
.user #comments .comment {width:100%;}

.hidden-checkbox {display:none;}

#scores .on {
	background:#fc129f;
	color:white;
}

#scores .score-item { 
	padding:3px;
	border:1px solid #DDD;
	font-weight:none;
	font-size: 1.1em;
	cursor:pointer;
	border-radius:3px 3px;
	margin-right:2px;
	display:inline;
	line-height:30px;
}

#scores .score-item:hover {
	border:1px solid #FF6;
}

.edit-user label { display:block; }

#image_form label {display:block;}
#images { margin-top: 20px; }
#images .image { float:left; position: relative;} 
/*#images .smallImg img { width: 50px;} */
#images .mediumImg { display:none; position: absolute; top: -150px; left: -30px;}
.image-message { font-size:18px; font-weight:bold; line-height:36px; }

/* 
	Comment CSS 
*/

#add_comment {font-size:0.8em;padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#add_comment span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -9px;}
#toggle_replies {font-size:0.8em;padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#toggle_replies span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

#comments {
	float:left;
	width: 100%;
}
#comment-dialog {
	display: none;
}
#comment-user-info, #comment-data {
	padding: 5px;
}
.comment-dialog-key {
	float:left;
	width: 100px;
}
.comment-dialog-value {
	float:left;
	width: 300px;
}
#comment-user-name {
	width: 400px;
}
.comment-textarea {
    border: 1px solid #ccc;
    font-size: 1.0em;
    height: 75px;
    line-height: normal;
    margin-top: 1px;
    overflow: hidden;
    padding: 9px 5px;
    resize: vertical;
    width: 400px;
}
.comment {
	float:left;
	margin: 0 0 5px 0;
	width:100%;
}
.commentReply {
	width: 735px;
	margin-left: 15px;
}
.comment-meta {
	float: left;
	width: 100%;
	background: #cdcdcd;
	min-height: 32px;
}
.comment-meta table {
	width: 100%;
	padding: 0;
	margin: 0;
}
.comment-meta td {
	padding: 0;
}
.comment-meta span {
	font-weight: bold;
	margin-right: 10px;
}
.comment-meta span a, .comment-meta span a:link, .comment-meta span a:active, .comment-meta span a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.comment-meta span a:hover {
	text-decoration: underline;
}
.comment-data {
	float:left;
	width: 100%;
	padding: 5px;
}
#comment-dialog-pending {
	display: none;
}
#comment-notification-message {
	float:left;
	padding: 10px;
	min-height: 50px;
}
.comment-controls {
	float:right;
	padding: 2px 5px 2px 0;
	min-height: 17px;
	line-height: 17px;
	font-size: 0.8em;
}
.comment-reply {
	width: 100%;
}
.comment-reply .comment-meta {
	background: #e6e6e6;
}
.comment-replies {
	display: none;
	margin-left: 20px;
}
.extra-comment-control {
	display: none;
}
.comment-edited {
	float:left;
	font-size: 0.8em;
	font-style: italic;
}
.comment-avatar {
	width: 32px;
	height: 32px;
	border: 1px solid #aaa;
	padding: 1px;
	margin: 3px 0 0 5px;
}
.comment-separator {
	min-height: 5px;
	height: 5px;
	width: 100%;
	border-top: 1px dotted #ccc;
}
.moderation-notice {
	color: #550000;
	font-size: 0.9em;
}
.comments-header {
	width: 100%;
	border-top:1px dotted #777;
	margin-top:5px;
	margin-bottom:2px;
}
.comments-header td {
	padding: 3px 0 3px 0;
}
.comments-header h4 {
	text-rendering:optimizeLegibility;
	margin: 5px;
}
.comment-block-odd {
	background: #f3f3f3;
}
.comment-error-banner {
	width: 400px;
}

/* 
	Admin section styles
*/
#adminTabs {
	width: 100%;
	min-height: 500px;
}
#userAdminSearchResults {
	width: 1000px;
	height: 500px;
	padding: 10px;
	overflow-x: none;
	overflow-y: scroll;
}
#userAdminSearchResults table {
	width: 100%;
}
#userAdminSearchResults table tr {
	border-bottom: 1px solid #ddd;
}
#userAdminSearchResults table th {
	background: #ddd;
}
#userAdminSearchResults table td {
	text-align: center;
}
.userAdminNoticeHolder {
	height: 25px;
	margin: 5px 0 0 0px;
}
#userAdminNotice {
	display: none;
	font-size: 14px;
	padding: 2px;
	background: #99C68E;
	opacity:0.7;
	filter:alpha(opacity=70);
	width: 590px;
	text-align-center;
	color: #000;
}
#adminCommentsResults {
	width: 1000px;
	height: 500px;
	padding: 10px;
	overflow-x: none;
	overflow-y: scroll;
	border: 1px solid #ccc;
}
.adminComment {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}
.adminComment:hover {
	border: 1px dotted #2779AA;
}
#adminCommentsResults a {
	text-decoration: underline;
}
#adminCommentsResults table {
	border-collapse:collapse;
}
#adminCommentsResults table tr.odd {
	background: #eee;
}
#adminCommentsResults table td {
	padding: 5px 10px 5px 5px;
}
#adminCommentsResults table td.commentInfo {
	border-right: 1px solid #fff;
}
#adminCommentsResults table td.commentData {
	border-right: 1px solid #fff;
}
.adminCommentControls {
	float:right;
	width: 35px;
	height: 35px;
}
#adminItemsResults {
	width: 1000px;
	height: 500px;
	padding: 10px;
	overflow-x: none;
	overflow-y: scroll;
	border: 1px solid #ccc;
}
#adminItemsResults a {
	text-decoration: underline;
}
#globalStatus {
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}
.adminItem {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 0 10px 0;
}
.adminItem:hover {
	border: 1px dotted #2779AA;
}
.adminItemData {
	margin: 15px 0 15px 0;
}
.adminItemControls {
  float:right;
}
#adminItemDialog {
	display: none;
}
#adminItemDialog textarea {
    border: 1px solid #ccc;
    font-size: 13px;
    height: 200px;
    line-height: normal;
    margin-top: 1px;
    overflow: hidden;
    padding: 9px 5px;
    resize: vertical;
    width: 500px;
}
#adminTemplateDialog {
	display: none;
}
#adminTemplateDialog textarea {
    border: 1px solid #ccc;
    font-size: 13px;
    height: 200px;
    line-height: normal;
    margin-top: 1px;
    overflow: hidden;
    padding: 9px 5px;
    resize: vertical;
    width: 500px;
}
#adminTemplatesResults {
	width: 1000px;
	height: 500px;
	padding: 10px;
	overflow-x: none;
	overflow-y: scroll;
	border: 1px solid #ccc;
}
#adminTemplatesResults table {
	width: 100%;
	border-collapse:collapse;
}
tr.adminTemplateRow {
	border: 1px solid #fff;
}
tr.adminTemplateRow:hover {
	border: 1px dotted #2779AA;
}
#adminTemplatesResults th {
	background: #ddd;
}
#adminTemplatesResults th, #adminTemplatesResults td {
	padding: 3px;
	text-align: center;
}
#rightCol H2 {
	margin: 15px 0 10px 0;
}
#whosHere, #topLikers, #topSubmitters {
	float:left;
	width: 100%;
}
.whosHereTagline, .topLikersTagline, .topSubmittersTagline {
  float:left;
  font-size: 0.8em;
	font-style: italic;
}

/* Leaderboard */
#leaderboardLikers, #leaderboardSubmitters {
	float: left;
	width: 350px;
	padding: 10px;
	margin: 0 0 0 35px;
}
.leaderboardHeading {
	float:left;
	font-size: 1.3em;
	font-weight: bold;
}
#leaderboardLikersControls, #leaderboardSubmittersControls {
	float:left;
	margin: 0 0 0 25px;
}
#leaderboardLikersControls label, #leaderboardSubmittersControls label {
	font-size: 0.8em;
}
.leaderboardLikersUsers { 
	float:left;
	margin: 10px auto 0 60px;
}
.leaderboardSubmittersUsers {
	float:left;
	margin: 10px auto 0 30px;
}
.leaderboardUser {
	float:left;
	padding: 5px;
	display: inline;
	position: relative;
	margin: 0 0 5px 0;
	background: #f6f6f6;
}
.leaderboardNo1User {
	margin: 10px 30px 5px 30px;
	background: #e3e3e3;
}
.leaderboardUser td {
	padding: 1px;
}
.leaderboardAvatar {
	padding: 5px;
}
.rankNo1 {
	position: absolute;
	width: 27px;
	height: 39px;
	background:url('/public/i/1stplace.png') 0 0;
	top: 5px;
	right: 5px;
}
.rankNo2, .rankNo3 {
	position: absolute;
	width: 18px;
	height: 26px;
	background:url('/public/i/2ndplace.png') 0 0;
	top: 5px;
	left: 48px;
}
.rankNo3 {
	background:url('/public/i/3rdplace.png') 0 0;
}
.sidebarSectionHeader {
	float: left;
	width: 100%;
	margin: 15px 0 5px 0;
}
.sidebarSectionHeader a, .sidebarSectionHeader a:link, .sidebarSectionHeader a:active, .sidebarSectionHeader a:visited  {
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	line-height: 30px;
	height: 30px;
	float:left;
	margin-right: 10px;
}
.sidebarSectionHeader a:hover {
	text-decoration: underline;
}
.sidebarSectionHeader span {
	font-size: 0.8em;
	text-decoration: none;
	font-weight: normal;
}
.searchResultsStats {
	font-size: 1.1em;
	margin-bottom: 10px;
}
.searchResultsStats span {
	float:right;
	margin-right: 30px;
}
#searchResults {
	background: #f8f8f8;
	float: left;
	margin: 0 20px 20px 0;
}
.postComments {
	float:left;
	width:100%;
	zmax-width:800px;
}
.postBody {
    line-height:125%;
    font-size:1.2em;
    zfont-size:1.3777em;
    color:#777;
}
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* End: Recommended Isotope styles */



.noticeAlert {
	background:darkred;
	color:white;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	padding:1px 5px 1px 5px;
}
.noticeOptional {
	background:#888;
	color:white;
	font-style:italics;
	font-size:10px;
	text-transform:uppercase;
	padding:1px 5px 1px 5px;
}




/* BUTTON STYLES */ 

.button{
        display: inline-block;
        white-space: nowrap;
        background-color: #d1e4fd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d1e4fd));
        background-image: -webkit-linear-gradient(top, #eee, #d1e4fd);
        background-image: -moz-linear-gradient(top, #eee, #d1e4fd);
        background-image: -ms-linear-gradient(top, #eee, #d1e4fd);
        background-image: -o-linear-gradient(top, #eee, #d1e4fd);
        background-image: linear-gradient(top, #eee, #d1e4fd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#d1e4fd');
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em;
        font: 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 .05em 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 .05em rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 .05em 0 rgba(0,0,0,.3);
        text-transform:uppercase;
}
.button:hover{
        background-color: #257ef6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d1e4fd), to(#257ef6));
        background-image: -webkit-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: -moz-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: -ms-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: -o-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: linear-gradient(top, #d1e4fd, #257ef6);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d1e4fd', EndColorStr='#257ef6');
        color:white;
}
.buttonActive {
        background-color: #257ef6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d1e4fd), to(#257ef6));
        background-image: -webkit-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: -moz-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: -ms-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: -o-linear-gradient(top, #d1e4fd, #257ef6);
        background-image: linear-gradient(top, #d1e4fd, #257ef6);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d1e4fd', EndColorStr='#257ef6');
        color:white;
}

.button:active{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: .05em;
}
.button:focus{
        outline: 0;
        background: #fafafa;
}    
.button:before{
        zbackground: #ccc;
        zbackground: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
}

/* Hexadecimal entities for the icons */
.add:before{
        content: "\271A";
}
.edit:before{
        content: "\270E";
}
.delete:before{
        content: "\2718";
}
.save:before{
        content: "\2714";
}
.email:before{
        content: "\2709";
}
.like:before{
        content: "\2764";
}
.next:before{
        content: "\279C";
}
.star:before{
        content: "\2605";
}
.spark:before{
        content: "\2737";
}
.play:before{
        content: "\25B6";
}    
.star:before{ content: "\272D"; }

.phone:before {
    content:"\2706";
}
.reply:before {
    content:"\27A5";
}
.pinned:before {
    content: "\2605\0020";
}

/* BUTTON STYLES:END */ 


.twitter-share-button {
    position:relative;
    top:6px;
}


#debug {
    background:white;
    padding-left:5px;
    line-height:120%;
}

/* OVERLAYS: start */
#overlayBackground {
    position:absolute;
    top:0;
    left:0;
    background-image:url(/public/i/bg-black-75.png);
    display:none;
    z-index:1000;
    overflow:auto;
}
#overlay {
    margin:0 auto 20px auto;
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:1005;
    width:80%;
    zbackground-color:#777;
}
#overlayClose {
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index:1010;
}
#overlayClose a,
#overlayClose a:link,
#overlayClose a:active,
#overlayClose a:visited {
    font-size:22px;
    font-weight:bold;
    color:#ccc;
    text-decoration:none;
}

#overlayClose a:hover {
    color: black;
}

/* Pinning and Collections: start */
#pinOverlayBackground {
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index:1000;
    overflow:auto;
}

#pinOverlay {
    display:none;
    box-shadow:0 0 25px #000;
    zbox-shadow:2px 2px 2px #000;
    position:absolute;
    overflow:hidden;
    padding:3px;
    border-radius:3px 3px;
    background-color:#777;
    z-index:1005;
}
#pinOverlay p {
    font-size:14px;
    color:#ccc;
}
#pinOverlay p a {
    color: white !important;
}

#pinOverlay h3 {
	text-rendering:optimizeLegibility;
	text-transform:lowercase;
	background-color:#000;
	color:white;
	margin:0;
	padding:3px;
	font-size:14px;
	text-align:center;
	zborder-bottom:1px solid #000;
}   
#pinOverlayInner {
    text-align:left;
    padding:5px;
    border-radius:3px 3px;
    zbackground-color:white;
    overflow:auto;
    max-height:250px;
}
.pinMyCollections {
    margin-top:8px;
}
.pinMyCollections ul { margin:0;padding:0; }
.pinMyCollections li {
    word-wrap:none;
    text-overflow:ellipsis;
    list-style:none;
    margin:0;
    padding:0 2px 0 0;
    font-size:13px;
    font-family: 'Avenir Next W10 Demi',sans-serif;
    font-weight:700;
    color:white;
    border-bottom:1px solid #777;
}
.pinMyCollections li:hover {
    border-bottom:1px dotted white;
    cursor:pointer;
}

.pinMyCollectionsMenu {
    margin-top:8px;
}
.pinMyCollectionsMenu ul { margin:0;padding:0; }
.pinMyCollectionsMenu li {
    word-wrap:none;
    text-overflow:ellipsis;
    list-style:none;
    margin:0;
    padding:0 2px 0 0;
    font-size:13px;
    font-family: 'Avenir Next W10 Demi',sans-serif;
    font-weight:700;
    color:white;
    zborder-bottom:1px solid white;
}
.pinMyCollectionsMenu li:hover {
    zborder-bottom:1px dotted #777;
    cursor:pointer;
}
.pinMyCollectionsMenu li {
	margin-bottom:10px;
}
/* Pinning and Collections: start */

.popButtons {
    overflow:hidden;
}
.popButtons a,
.popButtons a:link,
.popButtons a:active,
.popButtons a:visited {
    display:block;
    margin-top:5px;
    font-size:18px;
    color:#ccc;
    text-decoration:none;
}
.popButtons a:hover {
    color:white;
    text-decoration:underline;
}

/* OVERLAYS: end */

#allPosts {
    -webkit-transition: opacity linear 0.250s;
    -moz-transition: opacity linear 0.250s;
    -ms-transition: opacity linear 0.250s;
    -o-transition: opacity linear 0.250s;
    transition: opacity linear 5.250s;
}
.avatarFrame {
    position:relative;
    display:block;
    border:1px solid #777;
    background:#777;
    border-radius:4px 4px;
    zbox-shadow: inset 0 0 2px 2px #777;
    box-shadow:0 0 2px #777;
    width:48px;
    height:48px;
}
.avatarFrame img {
    position:absolute;
    top:0;
    left:0;
    max-width:48px;
    max-height:48px;
    border-radius:3px 3px;
}

.avatar-Medium {
    border:1px solid #777;
    background-color:black;
    border-radius:4px 4px;
    box-shadow:inset 2px 2px 2px #777;
    width:20px;
    height:20px;
}
.avatar-Medium img {
    max-width:20px;
    max-height:20px;
}

.avatar-Xtra-Small {
    border:1px solid #777;
    background-color:black;
    border-radius:4px 4px;
    box-shadow:inset 2px 2px 2px #777;
    width:12px;
    height:12px;
}
.avatar-Xtra-Small img {
    border:1px solid #777;
    border-radius:2px 2px;
    margin-left:2px;
    margin-bottom:2px;
    background:white;
    max-width:12px;
    max-height:12px;
}

/* Collections: start */
.collectionDisplay {
    padding:20px;
    margin-right:10px;
    text-align:middle;
    overflow:hidden;
    background:#e6e6e6;
    border:3px solid black;
    border-radius:4px 4px;
}
.collectionRow {
    margin:auto;
    overflow:hidden;
    margin-bottom:10px;
    margin-right:10px;
    width:470px;
    float:left;
}
.collectionItems {
    display:block;
    overflow:hidden;
}
.collectionMeta span {
    font-size:10px;
    font-weight:bold;
    color:white;
    margin-right:30px;
    min-width:250px;
    overflow:hidden;
}
.collectionMeta td {
    min-width:250px;
    max-width:250px;
}

.collectionTileRow {
    margin-top:8px;
    display:block;
    clear:both;
    overflow:hidden;
    position:relative;
}
.collectionTileRow h4 {
	text-rendering:optimizeLegibility;
    margin:0;
    padding:0 0 1px 0;
    font-size:1.1em;
    display:inline;
}
.collectionTileMeta {
    font-size:10px;
}
.collectionTileItems {
    clear:both;
    display:block;
    max-height:40px;
    overflow:hidden;
    border-radius:4px 4px;
    border:1px dotted #777;
    white-space:nowrap;
}
.collectionTileMetaRow {
    overflow:hidden;
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ctmColorCell {
    color:#666;
    background:#E2E4FF;
    padding:1px 2px 1px 2px;
    text-align:right;
}

.ctmDataCell {
    width:15px;
    padding:1px 8px 1px 2px;
    text-align:left;
    font-size:11px;
    color:black;
    font-family:Helvetica,Arial,sans-serif;
}
/* Collections: end */

/* FormStyleOverlay: start */
.formStyleOverlay {
    font-size:12px;
}
.formStyleOverlay input,
.formStyleOverlay textarea {
    padding:0 0 1px 0;
    margin:0;
    border:0;
    color:white;
    border-bottom:1px dotted #ccc;
    background:none;
}
/* FormStyleOverlay: end */

/* FormStyleCollection: start */
.formStyleCollection {
    font-size:12px;
}
.formStyleCollection input,
.formStyleCollection textarea {
    padding:0 0 1px 0;
    margin:0;
    border:0;
    border-bottom:1px solid white;
    background:none;
    outline:none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.formStyleCollection input[name=name] {
    font-weight: 700;
    font-weight:bold;
    font-family: 'Century Gothic','Avenir Next W10 Demi',sans-serif;
    font-size: 40px;
    color: #042D65;
    letter-spacing:-2.8px;
    margin:0;
    padding:0;
    opacity: 0.6;
    text-align:center;
}
.formStyleCollection input[name=description] {
    margin:1px 0 10px 0;
    font-style:italic;
    padding:0;
    display: inline;
    text-align:center;
    font-size: 1.17em;
    font-weight: bold;
}
.formStyleCollection input[name=name]:focus,
.formStyleCollection input[name=description]:focus,
.formStyleCollection input[name=name]:hover,
.formStyleCollection input[name=description]:hover
{
    border-top:0;
    border-left:0;
    border-right:0;
    border-bottom:1px dotted blue;
}
/* FormStyleOverlay: end */

#updateMsg {
    display:none;
    padding:2px 5px 2px 5px;
    color:white;
    font-size:1.5em;
    text-transform:uppercase;
    font-weight:bold;
    background-color:#99CCFF;
    position:absolute;
    z-index:99999;
}

/* Tools: start */
.shareLink {
    background-color:white;
    border:2px solid black;
    border-radius:10px 10px;
    padding:5px 10px 5px 10px;
}
.shareLink,
.shareLink a,
.shareLink a:link,
.shareLink a:visited,
.shareLink a:active
{
    color:#777 !important;
    font-family:'Helvetica',Arial !important;
    font-size:60px !important;
    font-weight:bold !important;
    text-decoration:none !important;
    text-shadow:1px 1px 3px #000;
}
.shareLink span,
.shareLink a span,
.shareLink a:link span,
.shareLink a:visited span,
.shareLink a:active span {
    color:#4675b4 !important;
}
/* Tools: end */


/* Account Page: start */
#userActivityStream {
    font-size:12px;
}
#userActivityStream p {
    margin:0 0 2px 0;
    padding:0;
}
#userActivityStream p span {
    font-size:10px;
    color:#666666;
}
/* Account Page: end */

#fb-root { display:none; }

/* Drop Shadows, Corners, etc: start */
.drop-shadow {
    position:relative;
    float:left;
    width:40%;    
    zpadding:1em; 
    zmargin:2em 10px 4em; 
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute; 
    z-index:-2;
}

.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}

/* Lifted corners */

.lifted {
    -moz-border-radius:4px; 
         border-radius:4px;
}

.lifted:before,
.lifted:after { 
    bottom:15px;
    left:5px;
    width:50%;
    height:20%;
    max-width:500px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right:5px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}


/* Drop Shadows, Corners, etc: end */


/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}