html {background-attachment: fixed;
    background-clip: border-box;
    background-image: url("../img/fiber.png");
    background-origin: padding-box;
    background-repeat: repeat;
	height:100%;}

#container {
	margin: 20px auto;
	max-width: 1080px;
	/*max-width: 1100px;*/
	padding: 0 20px;
}

#body {
	display: block;
	width: 100%;
	margin: 0 auto;
	-webkit-text-size-adjust:none;
	position: relative;
}

#body a {
	/*color: #196BA7;*/
	color: #1B91E0;
	text-decoration: none;
	cursor: pointer;
}
	
	#body a:hover {
		text-decoration: underline;
	}

#left {
	display: block;
    margin-right: 320px;
	min-width: 400px;
	
	 -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

/*#right {
	display: table-cell;
	width: 340px;
	padding-left: 40px;
	top: -20px;
	-moz-box-sizing: border-box; box-sizing: border-box;
}*/

#right {display: block;
    float: right;
    right: 0;
    top: 0;
    width: 320px;
	-moz-box-sizing: border-box; box-sizing: border-box;}

#main {
	display: table-cell;
	padding-right: 20px;
}

.item {
	position: relative;
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .20);
	background: #EFEFEA;
	display: block;
	font-family: Verdana;
	font-size: 12px;
	-moz-box-sizing: border-box; box-sizing: border-box;
	margin-bottom: 30px;
}

.item-top {
	display: inline-block;
	width: 100%;
	float: left;
}

.item-top .av {
	float: left;
	margin: 0;
}
	
	.item-top .av img {
		display: block;
		margin: 5px;
	}

.item-top .user {
	float: left;
	color: #5F5F51;
	line-height: 55px;
	font-family: "Helvetica", sans-serif
	font-size: 18px;
	cursor: pointer;
	margin-left: 5px;
}

	.item-top .user a {
		color: #1C1C18;
	}

	.item-top .user a:hover {
		text-decoration: underline;
		color: #196BA7;
	}

.item-top .do {
	float: right;
	margin: 0;
}

	.do li {
		margin: 10px 15px 0 0;
		padding: 0;
		display: inline-block;
		list-style: none;
		line-height: 30px;
		text-shadow: 0 1px 0 #FFF;
	}
	
		.do li i {
			background: url("http://st.deviantart.net/minish/deviation/action-sprites.png?1");
			height: 24px;
			width: 24px;
			margin-right: 8px;
		}
	
	.do li:hover {
		cursor: pointer;
		position: relative;
		color: #000;
	}
		
		.do li:hover span {
			display: block;
			width: 90px;
			left: 50%;
			margin-left: -45px;
			padding: 4px;
			background: rgba(255,255,255,.95);
			box-shadow: 0 2px 3px rgba(0,0,0,.6);
			text-align: center;
			position: absolute;
			top: 32px;
			color: #333;
			border-radius: 5px;
		}
	
	.do li span {
		display: none;
	}
	
.item-main {
	clear: both;
	text-align: center;
}

.item-main img {
	max-width: -moz-calc(100% + 2px);
	max-width: -webkit-calc(100% + 2px);
	position: relative;
	left: -1px;
	max-height: 600px;
}

.item-bot {
	clear: both;
	padding: 10px 15px;
}

	.item-bot h4 {
		margin: 0;
		font-family: "Helvetica", sans-serif;
		font-size: 22px;
		font-weight: normal;
		color: #121516;
		text-shadow: 0 1px 0 #FFF;
	}
	
		.item-bot h4 a {
			color: #121516;
		}
	
		.item-bot h4 a:hover {
			color: #196BA7;
			text-decoration: underline;
			cursor: pointer;
		}
	
	.item-bot .desc {
		margin: 5px 0;
		line-height: 1.3;
		font-size: 11px;
		color: #333;
	}

	.item-bot .time {
		color: #999;
		font-size: 10px;
	}

	.item-bot .comments {
		float: right;
		padding: 5px 5px 0 0;
		color: #666;
		text-shadow: 0 1px 0 #FFF;
	}

		.item-bot .comments a {
			color: #196BA7;
		}
		
		.item-bot textarea {
			display: block;
			width: 260px;
			-moz-box-sizing: border-box; box-sizing: border-box;
			border: 1px solid rgba(0,0,0,0.3);
			margin-top: 4px;
			border-radius: 3px;
			font-family: Verdana;
			font-size: 10px;
			padding: 0 8px;
			height: 28px;
			background: url("http://inspiringpotatoideas.com/img/50px-Potatoes-icon.png") 4px 4px no-repeat #FFF;
			padding-left: 30px;
			box-shadow: 0 1px 0 rgba(255,255,255,.5);
			background-size: 18px 18px;
		}
		
			.item-bot textarea:focus {
				outline: none;
				border-color: rgba(0,0,0,.4);
			}

.premium {
	font-family: Verdana;
	font-size: 9px;
	text-transform: uppercase;
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 8px;
	padding: 4px;
	display: inline-block;
	line-height: normal;
	margin-left: 8px;
}

.item-premium {
	background: url("http://www.stockphotopro.com/photo-thumbs-2/B8RTKA.jpg");
	background-size: 20%;
	line-height: 50px;
   text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
    	color: #FFF;
}

	.item-premium img {
		float: left;
		margin: 0 10px;
	}
	
	.item-premium a {
		color: #FFF;
	}

.item-elnino img {
	border-radius: 3px 3px 0 0;
}

	.item-elnino .blah {
		padding: 10px;
		margin-right: 150px;
	}
	
	.item-elnino .butt {
		float: right;
		width: 120px;
		text-align: center;
		background: -moz-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #CCC;
		display: block;
		margin: 10px;
	}

#right {
	vertical-align: top;
	position: absolute;
}

#goer {
	margin: 0;
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .20);
	background: #EFEFEA;
	font-family: Verdana;
	font-size: 12px;
	-moz-box-sizing: border-box; box-sizing: border-box;
	margin-bottom: 30px;
	padding: 0;
}

#goer li {
	list-style: none;
	margin: 0;
}

#goer li.active a {
	box-shadow: inset 0 0 10px rgba(0,0,0,.3);
	background: rgba(0,0,0,.04);
}

#goer li.sub a {
	padding-left: 16px;
}

#goer li a {
	display: block;
	padding: 8px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	color: #333;
}
	
	#goer li a:hover {
		background: rgba(255,255,255,.3);
		cursor: pointer;
	}
	
	#goer li:first-of-type a {
		border-radius: 3px 3px 0 0;
	}
	
	#goer li:last-of-type a {
		border-bottom: 0;
		border-radius: 0 0 3px 3px;
	}

#goer li a span {
	float: right;
	color: #FFF;
	font-size: 8px;
	height: 16px;
	width: 16px;
	background: #9f2b2b;
	border-radius: 16px;
	text-align: center;
	line-height: 16px;
}

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

h1 {
	font-family: "Helvetica", sans-serif;
	font-size: 18px;
	color: #1c1c18;
	margin: 0;
	font-weight: normal;
	display: inline-block;
	float: left;
	margin-right: 15px;
}

#left .control {
	top: -3px;
	position: relative;
}

#left .control a {
	display: inline-block;
	width: 37px;
	height: 27px;
	background-color: #f4f5f2;
	box-shadow: inset 1px 1px 0 #FFF, 0 1px 1px rgba(0,0,0,.05);
	border: 1px solid #dfdfdb;
	float: left;
	cursor: pointer;
}
	

	#left .control a.full {
		background: url("../full-icon.png") center center no-repeat #f4f5f2;
		border-radius: 5px 0 0 5px;
	}
		
		 #left .control a.full.active + a {
			 border-left: 0;
		}

	#left .control a.thumb {
		background: url("../thumb-icon.png") center center no-repeat #f4f5f2;
		border-radius: 0 5px 5px 0;
	}
		
		#left .control a.thumb.active  {
			position: relative;
			left: -1px;
		}
	
	#left .control a:hover {
		background-color: #f8f8f5;
	}

	#left .control a.active {
		background-color: #e9e9e4;
		box-shadow: inset 0 0 5px #cdcbc1, 0 1px 1px #FFF;
		border-color: #cdcccb;
	}
	
		
		#left .control a.active:hover {
			background-color: #e9e9e4;
		}
	
#left .orderby {
	float: left;
	position: relative;
	top: -3px;
	left: 10px;
	display: inline-block;
	height: 29px;
	background: url("../arrowtinydown.png") 92% center no-repeat #f4f5f2;
	box-shadow: inset 1px 1px 0 #FFF, 0 1px 1px rgba(0,0,0,.05);
	border: 1px solid #dfdfdb;
	cursor: pointer;
	font-family: "Helvetica Neue";
	-moz-box-sizing: border-box; box-sizing: border-box;
	border-radius: 5px;
	padding: 0 8px;
	line-height: 29px;
	padding-right: 22px;
	font-size: 14px;
	color: rgba(0,0,0,0.6);
	text-shadow: 1px 1px 0 #FFF;
}
	
	#left .orderby:hover {
		text-decoration: none;
		background-color: #f8f8f5;
	}

.whatsup-out {display: block;
 margin-bottom: 20px;
 margin-top: 20px;
    max-width: 760px;}

.whatsup {
	-moz-box-sizing: border-box;
	box-sizing:border-box;
   display: table;
    margin: 10px 0 0;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.whatsup .av {
	display: table-cell;
    float: left;
    height: 38px;
    padding-left: 6px;
    padding-right: 12px;
    text-align: center;
    width: 38px;
}

.whatsup .av img {
	width: 100%;
}

.whatsup .what {
	clear: both;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 100%;
	padding-right: 10px;
}

.whatsup form {vertical-align: top;}


textarea {
    resize: none;
}

#text-clear {}

#text-clear.padding {padding: 8px;}


.whatsup textarea {
	display: inline-block;
	width: 100%;
	-moz-box-sizing: border-box; box-sizing: border-box;
	height: 30px;
	padding: 5px 10px 5px 7px;
	font-family: "Verdana";
	font-size: 13px;
	color: #777777;
	
	border-radius: 4px;
	border: 1px solid #c6cac7;
	box-shadow: inset 0 0 1px rgba(0,0,0,.2);
	background: #F7F7F7;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	
	overflow-y: hidden;
}


	
	.whatsup textarea:hover {
		outline: none;
		box-shadow: none;
		background: #FAFAFA;
	
}
	.whatsup textarea:focus {
		outline: none;
		background-color: #FFF;
		box-shadow: none !important;
		height: 50px;
		vertical-align: top;
		padding: 7px;
	}

	
	.whatsup textarea:focus {
		outline: none;
		overflow-y: hidden;
	}

.whatsup .what span {
	background: url("../arrowleft.png") no-repeat scroll 0 0 transparent;
    clear: left;
    display: inline-block;
    height: 11px;
    left: 73px;
    position: absolute;
    top: 21px;
    width: 11px;
    z-index: 200;
}

.perspex {
	margin-bottom: 30px; max-width: 760px;
}

.perspex.image .image {
	display: block;
	/*margin-left: 80px;*/
	border-left: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
	line-height: 0;
	background: #F7F7F7;
	text-align: center;
	position: relative;
	z-index: 1;
	padding-bottom: 2px;
}

.perspex.image .image .clear{
	display: block;
	/*margin-left: 80px;*/
	line-height: 0;
	background: none !important;
	text-align: center;
	position: relative;
	z-index: 1;
	padding-bottom: 2px;
	border: none !important;
	margin: 0 auto;
}



.perspex.image .bigimage {
	max-width: 100%;
	max-height: 800px;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
	position: relative;
	top: -2px;
}

.perspex.image .shout {/*padding-left: 72px;*/}

.perspex .shout p {color: #555555; line-height: 1.4em; clear: left;}

.perspex .desc {padding: 8px 12% 5px 63px;}

.perspex .desc p {margin-top: 0;
    padding: 0;}

.perspex.quote .shout p {line-height: 1.4em !important;}

.perspex .meta .av {
	display: block;
    float: left;
    height: 50px;
    padding: 0 12px 4px 0;
    position: relative;
    text-align: center;
    width: 50px;
    z-index: 100;
}

.ddd {padding-top: 10px;}

.solo {
	line-height: 1.4em;
    padding: 8px 0 5px;}

.perspex .quote.first .solo {}
	
	.horcrux {font-size: 16px; margin: 0; line-height: 0.7em !important;} 

.first .solo {line-height: 1.1em !important;}

.perspex.journal .meta .main {box-shadow:0 2px 0 rgba(0, 0, 0, 0.09) inset;}
.perspex .meta .main {
	/*margin-left: 80px;*/
	background: none repeat scroll 0 0 #F7F7F7;
	border-radius: 0 0 3px 3px;
	position: relative;
	top: -2px;
	/*box-shadow: 0 1px 3px -1px rgba(0,0,0,.5);
	box-shadow: 0 1px 3px -1px rgba(0,0,0,.5), inset 1px 1px 0 #FFF;*/
	border-left: 1px solid rgba(0,0,0,.15);
	border-right: 1px solid rgba(0,0,0,.15);
	border-bottom: 1px solid rgba(0,0,0,.25);
	padding: 9px 0 0 0;
	position: relative;
	z-index: 10;
	min-height: 60px;
}

	.perspex .meta .main .arrow {
		width: 6px;
		height: 13px;
		background: url("arrowleft2.png");
		position: absolute;
		top: 23px;
		left: -6px;
	}

	.perspex .meta h2 {
		font-family: "Helvetica Neue", sans-serif;
		
		color: #000;
		font-size: 20px;
		font-weight: 400;
		line-height: 1.4em;
		margin: 0 0 0 0;
	}
	
		.perspex .meta h2 a {
			color: #000 !important;
		}
	
	.perspex .meta h3 {
		color: #989898;
    font-family: "Helvetica",sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
	}
	
	.perspex .meta h4 {
	color: #9EAAB5;
    display: inline-block;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    line-height: 1em;
    margin: 0;
    padding: 0 10px 0 0;
	}
		
		.perspex .meta h4 a {
			color: #989898 !important;
			font-weight: normal;
		}

	.perspex .meta .more {
		font-family: Verdana;
		font-size: 11px;
		color: #979797;
		border-top: 1px solid #e6e6e6;
		box-shadow: inset 0 1px 0 #FFF;
		margin-top: 5px;
		/*padding: 8px 0 5px 0;*/
	}
	
	.perspex .meta .more.nope {
		display: none;
		/*padding: 8px 0 5px 0;*/
	}
	
	
	.perspex .meta .more.nodesc {
		font-family: Verdana;
		font-size: 11px;
		color: #979797;
		border-top: none !important;
		box-shadow: none !important;
		margin-top: 5px;
		/*padding: 8px 0 5px 0;*/
	}
	
		.perspex .meta .more .addcomment {
			float: right;
		}
		
		.perspex .meta aside {font-family: Verdana;
		font-size: 11px;
		color: #979797;
		padding: 10px 0 8px 10px;
		background: none repeat scroll 0 0 #F3F3F2;
		border-radius:0 0 4px 4px;
		margin-top: 4px;}
		
		.statstrip {text-align: right;}
		
		.perspex .meta aside .pip {
			padding-left: 16px;
			margin-right: 10px;
		}
		
			.perspex .meta aside .pip.comments {
				background: url("../img/comment-mini.png") left bottom no-repeat;
			}

			.perspex .meta aside .pip.faves {
				background: url("../img/fave-mini.png") left center no-repeat;
			}


.breadbasket {padding: 0 10px;}
.mine {display: inline-block;
    float: left;
    font-size: 10px;
    line-height: 1em;
    margin: 0;
    padding-right: 10px;}
.xxl {font-size: 19px;}


.miniblock {
	margin-bottom: 27px;
}

.breadcrumb em { background: url("../img/dottedup.png") repeat-y scroll 3px 0 rgba(0, 0, 0, 0);
    clear: both;
    display: inline-table;
    height: 10px;
    line-height: 17px;
    position: relative;
    top: 2px;
    width: 7px;}

.perspex.mini {
	margin: 3px 0;
}

.perspex.mini .icon {
	float: left;
	width: 80px;
}

.perspex.mini .msg {
	font-size: 11px;
	background: #e6e3de;
	border-radius: 3px;
	color: #777777;
	font-family: Verdana;
	padding: 8px;
	margin-left: 80px;
}
	
	.perspex.mini .msg a {
		font-weight: bold;
		color: #534e4e !important;
	}

	.perspex.mini .msg blockquote {
		color: #333;
		margin: 8px 0 2px 15px;
	}
	
	.perspex.mini.fave .icon {
		background: url("../fave-big.png") 40px center no-repeat;
		height: 25px;
	}

	.perspex.mini.comment .icon {
		background: url("../comment-big.png") 40px center no-repeat;
		height: 25px;
	}

.perspex.image.disconnect .image {
	background: none;
	box-shadow: none;
	margin-bottom: 10px;
}

.perspex.image.disconnect .meta .main {
	border-radius: 3px;
	border-top: 1px solid rgba(0,0,0,.1);
}

.perspex.quote {
	margin-top: 20px;
}

.perspex.quote .av {/*padding-top: 0;*/}

.perspex.quote .aaa {
	display: inline-block;
    padding-left: 1px;
    padding-top: 0px;}

.perspex.quote .meta .main {
	position: relative;
	border-radius: 3px 3px 3px 3px;
}

.perspex.quote span.quote {
	
	/*background: url("quote-big.png") top left no-repeat;*/
	-moz-box-sizing: border-box; box-sizing: border-box;
	color: #B8B8B8;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    padding-right: 10px;
    text-align: right;
	float: right;
}

.perspex.quote .shout {
	/*margin-top: 20px;
	font-family: "Depot New";
	font-size: 16px;
	color: #131d27;
	font-weight: 300;
	padding: 0 5px 5px 0;*/
	
	display: table;
    line-height: normal;
    margin: 0;
    padding: 0;
    vertical-align: top;
	
}

.perspex.quote .sent {
	float: right;
	font-family: Verdana;
	font-size: 11px;
	color: #b8b8b8;
}

.perspex.journal .journal {
	/*margin-left: 80px;
	background: url("journalbg.png");*/
	
	border-left: 1px solid rgba(0,0,0,.1);
	border-right: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.35);
	
	/*box-shadow: 0 1px 3px -1px rgba(0,0,0,.5);*/
	
}
	
	.perspex.journal .journal div {
		background: none repeat scroll 0 0 #FFF;
		padding: 10px;
		max-height: 250px;
		
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		line-height: 1.25;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	}
	
	.perspex.journal .journal div h2 {line-height: normal; line-height: 0.3em;font-family: Trebuchet MS; margin-top: 5px;}


.meta {}


#above {
	padding-top: 20px;
}

#above.fixed {
	position: fixed;
	top: 0;
	width: 300px;
}

#above .nav {
	margin: 0;
	padding: 0;
}

	#above .nav li {
		list-style: none;
		margin: 0;
		padding: 4px 8px;
		font-family: "Open Sans";
		font-size: 12px;
		color: #7c7b7a;
	}
		
		#above .nav li:hover {
			color: #333;
			cursor: pointer;
		}
		
		#above .nav li.active {
			color: #0d0d0d;
			font-weight: bold;
		}
			
		#above .nav li.sub {
			padding-left: 24px;
		}

	#above .nav li span {
		float: right;
		font-family: Verdana;
		font-size: 9px;
		color: #FFF;
		background: #999;
		padding: 2px 4px;
		border-radius: 3px;
	}
	
	#above .nav li.home {
		background: rgba(255,255,255,.8);
		border-radius: 3px;
		box-shadow: 0 1px 5px -1px rgba(0,0,0,.2), inset 1px 1px 0 #FFF;
		border: 1px solid rgba(0,0,0,.15);
		overflow: hidden;
		margin-bottom: 8px;
		padding: 8px;
		border-radius: 3px;
		color: #666;
		font-weight: normal;
		position: relative;
		padding-left: 32px;
	}
		
		#above .nav li.home i {
			width: 24px;
			height: 24px;
			background: url("../img/AQpeb.png") no-repeat;
			position: absolute;
			left: 10px;
			top: 50%;
			margin-top: -12px;
		}
		
		#above .nav li.home:hover {
			background-color: rgba(255,255,255,1);
		}
		
		#above .nav li.home.active {
			color: #0d0d0d;
			background: #FFF;
		}

#overhead {
	-moz-transition: margin-top .05s cubic-bezier(.25,1,.25,1);
	-webkit-transition: margin-top .05s cubic-bezier(.25,1,.25,1);
}
	
#overhead.fixed {
	position: fixed;
	top: -40px;
	width: 100%;
	z-index: 99999;
	box-shadow: none;
}

#dummy {
	height: 46px;
	display: none;
	visibility: hidden;
}

#overhead.fixed.pop {
	margin-top: 40px;
}


.eee {display: inline-block;
    position: absolute;
    right: 12px;
    top: 12px;}

/* favorite button */


span.text {padding-left: 30px;}

.favorite {position: relative;
    top: 0;
    /*width: 74px;*/
	width: 38px;}


.flippers {float: right;
    position: relative;
    
    width: 262px;}



/* stealth fav */


.favorite .button {
	display: block;
	height: 21px;
	padding: 7px 6px;
	font: normal 16px trebuchet ms;
	color: #838882;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.05);
	
	
	border-radius: 4px;
	
	
	-webkit-user-select: none;
	-moz-user-select: none;
	line-height: 1.3em;
}

.faves a {color: #838882 !important;}


a.button:hover {
	color: #196baa;
	
	text-decoration: none !important;
}

a.button:active, a.button.active {
	text-decoration: none;
	
	
}


a.favebutton.active {
	text-decoration: none;
	
	
}

a.favebutton.active:hover {
	
	text-decoration: none;	
}

a.favebutton.active:active {
	text-decoration: none;
	
	
}



/*background: #E0EBDC -webkit-linear-gradient(top, #E0EBDC, #CCD9C6);
	background: #E0EBDC -moz-linear-gradient(top, #E0EBDC, #CCD9C6);*/

/*
.favorite .button {
	display: block;
	height: 21px;
	padding: 7px 6px;
	font: normal 16px trebuchet ms;
	color: #838882;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.05);
	border-top: 1px solid rgba(0,0,0,0.15);
	border-left: 1px solid rgba(0,0,0,0.25);
	border-right: 1px solid rgba(0,0,0,0.35);
	border-bottom: 1px solid rgba(0,0,0,0.35);
	
	background: #f4f4f3 -webkit-linear-gradient(top, #f7f7f7, #f1f3ef);
	background: #f4f4f3 -moz-linear-gradient(top, #f7f7f7, #f1f3ef);
	
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,0.45), 0 1px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,0.45), 0 1px 0px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,0.45), 0 1px 0px rgba(0,0,0,0.05);
	
	-webkit-user-select: none;
	-moz-user-select: none;
	line-height: 1.3em;
}

.faves a {color: #838882 !important;}


a.button:hover {
	color: #196baa;
	box-shadow: inset 0 0 200px rgba(255,255,255,0.3), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0 0 200px rgba(255,255,255,0.3), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0 0 200px rgba(255,255,255,0.3), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
	text-decoration: none !important;
}

a.button:active, a.button.active {
	text-decoration: none;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), inset 0 2px 72px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.9);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), inset 0 2px 72px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), inset 0 2px 72px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.9);	
}


a.favebutton.active {
	text-decoration: none;
	
	
	background: #f4f4f3 -webkit-linear-gradient(top, #f7f7f7, #f1f3ef);
	background: #f4f4f3 -moz-linear-gradient(top, #f7f7f7, #f1f3ef);
	
	box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(244,247,197,0.45), 0 1px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(244,247,197,0.45), 0 1px 0px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(244,247,197,0.45), 0 1px 0px rgba(0,0,0,0.05);
	
	
}

a.favebutton.active:hover {
	box-shadow: inset 0 0 200px rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0 0 200px rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
	-webkit-box-shadow: inset 0 0 200px rgba(255,255,255,0.3), 0 1px 1px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.2), inset -1px 0 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(255,255,255,0.2);
	text-decoration: none;	
}

a.favebutton.active:active {
	text-decoration: none;
	
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), inset 0 2px 72px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.9);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), inset 0 2px 72px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.9);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), inset 0 2px 72px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.9);	
}

*/

.dd {position: absolute; left: 27px; top: 77px;}

.dd a i {display: block; width: 25px; height: 25px; background: url("../img/dd.png") no-repeat scroll 0 0 transparent;}


/* star earthenware */

.faves a span.iconx, .faves a span.iconx.active  {
    display: inline-block;
    height: 23px;
    /*margin: -3px 10px -1px 0;*/
    position: absolute;
    vertical-align: middle;
    width: 23px;
	z-index: 999;
}

a.favebutton span.iconx {
	background: url("../img/icon_multifaver.png") no-repeat scroll 0 0 transparent;}



a.favebutton:hover span.iconx {
    background-position: 0 -23px;
}

a.favebutton:active span.iconx{
    background-position: 0 -47px;
}

a.favebutton span.spinner {
	background-position: 0 -67px;
	position: absolute;
	margin: -0px 0 0 -33px;
	display: block;
	height: 22px;
	width: 25px;
	vertical-align: top;
}

a.favebutton.active span.spinner {
	background: url("../img/icon_multifaver.png") no-repeat scroll 0 -98px transparent;
    left: 39px;}

a.favebutton.active:hover span.spinner {
	background-position: 0 -123px;}

a.favebutton.active:active span.spinner {
	background-position: 0 -72px;}

a.favebutton.active span.iconx {
	height: 25px;
	width: 25px;
	background-position: 0 -98px;}



/* whats up button */


.submit-holder {
	
	margin: 15px 0px 20px 0px;
	text-align: right;
}

.bubble-button {
	/*-moz-box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.5);*/
	
     background-color: #3d8fb0;
	 border-radius: 4px 4px 4px 4px;
	 display: block;
      max-width: 230px;
}

.bubble-button .creamy-center {
	/*background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, .3)), to(rgba(243, 244, 245, .1)));*/
	background-image: -webkit-gradient(linear,center top,center bottom, from(#49A6C1), to(#3B8CAF));
	background: -moz-linear-gradient(center top , #49A6C1, #3B8CAF) repeat scroll 0 0 transparent;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.33);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.33);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.33);
	padding: 6px 5px 6px 10px;
	display: block;
	border-radius: 4px 4px 4px 4px;
	max-width: 250px;
}



.bubble-button:hover .creamy-center {
	background-image: -webkit-gradient(linear,center top,center bottom, from(#49A6C1), to(#3B8CAF));
	background: -moz-linear-gradient(center top , #49A6C1, #3B8CAF) repeat scroll 0 0 transparent;
	border: 1px solid rgba(31, 110, 163, 0.00);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	text-decoration: none !important;}

.bubble-button:active .creamy-center {
	background-image: -webkit-gradient(linear,center top,center bottom, from(#49A6C1), to(#3B8CAF));
	background: -moz-linear-gradient(center top , #49A6C1, #3B8CAF) repeat scroll 0 0 transparent;
	border: 1px solid rgba(31, 110, 163, 0.00);
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.33);
	}

.bubble-button:hover .white-hover {
	background-image: -webkit-gradient( linear, left top, left bottom, from(#55b4d0), to(#4297bc));
	background: -moz-linear-gradient(center top, #55b4d0, #4297bc) repeat scroll 0 0 transparent;
	border: 1px solid rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.33);
	text-decoration: none !important;}

.bubble-button:active .white-hover {
	background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, .015)), to(rgba(0, 0, 0, .08)));
	background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.08)) repeat scroll 0 0 transparent;
	border: 1px solid rgba(0, 0, 0, 0.123);
	box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.33);
	text-decoration: none !important;
	}

.bubble-button .creamy-center > i {
	 background: url("../img/points.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
}

.bubble-button a {
    color: #EBF2F4 !important;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0 1px 0 #245060;
	white-space: nowrap;
}

.saysay {display: inline-table;
    float: right;
    height: 30px;
    position: relative;
	width: 70px;}

.saysay em {font-size: 17px;
    line-height: 10px;}
	
body.see .first {display: block;}

body.see .perspex .first .meta .more{display: none !important;}

.unit {display: inline-block;
    float: right;
    height: 100%;
    position: relative;
    right: 0;
    width: 300px;}

.skyscraper {height: 600px; border-radius: 4px;box-shadow: 0 1px 5px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255,255,255,0.5);
border: solid 1px rgba(0,0,0,0.5)}

.bungies .widedestiny a img {border-radius: 4px;
border: solid 1px rgba(0,0,0,0.5); display: block; top: 0 !important; }

.bungies .widedestiny {max-height: 300px;}


.titan {width: 300px; height: 300px; position: absolute; bottom: 0;}
.titan a {bottom: 0;
    display: table;
    height: 300px;
	width: 300px;
    position: absolute;
	
	
	background: url("../img/titan.png") no-repeat scroll 0 30px rgba(0, 0, 0, 0);
	animation: 3s ease-out 0.1s normal none 1 animatedTitan;
	-webkit-animation: 3s ease-out 0.1s normal none 1 animatedTitan;
	
	}
.titan a img {bottom: -10px;
    position: relative;
    width: 100%;}

@-webkit-keyframes animatedTitan {
	from { background-position: 0 50px; }
	to { background-position: 0 30px; }
}

@keyframes animatedTitan {
	from { background-position: 0 50px; }
	to { background-position: 0 30px; }
}

 
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 0 -30px; }
}

@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 0 -30px; }
}

.skyscraper.destiny { 

	background: url("../img/destiny-bg.jpg") no-repeat scroll 0 -30px rgba(0, 0, 0, 0);
	animation: 3s ease-out 0.1s normal none 1 animatedBackground;
	-webkit-animation: 3s ease-out 0.1s normal none 1 animatedBackground;
	
	
	overflow: hidden;
    position: relative;
}

#spanDate {
	color: #666666;
    display: table-cell;
    float: right;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    vertical-align: middle;
    width: 80px;}