html {
background: #F7F5F5 url(img/paper.jpg) repeat;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal
}
ol,ul {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal
}
q:before,q:after {
	content:''
}
abbr,acronym {
	border:0
}

a {
	color: gray;
	text-decoration:none;
}
a:visited {
	color: #216800;}
a:hover {
	color: #164500;
}
.soundcloud span {
	display:none
}
#logoBox {
margin: 0 auto;
padding-top: 3px;
padding-bottom: 3px;
height: 131px;
width: 170px;
}
#logo{
padding-top: 3px;
z-index: 1;
}
#logo-hover{
padding-top: 3px;
top: 3px;
position: absolute;
z-index: 2;
display:none;
}

.endReached {
color: gray;
text-align: center;
width: 99%!important;
min-height: 18px!important;
}

.highlight{
color:#004B91;
}
.infoBox p {
font-size: 10px;
clear: both;
color: gray;
}
.infoBox{
float: left;
width: 88px;
}

.fastActive{
opacity:1!important
}

#s {
	width: 166px;
	display:none;
}

#priceFilter {
font-size: 14px;
padding-top: 2px;
color: darkGray;
padding-bottom: 2px;
display:none;
}
#colorFilter {
padding-top: 2px;
padding-bottom: 2px;
display:none;
}
.redInput{
border:1px solid red;
}
.boxImage {
float: left;
width: 25%;
}
#colorFilter input {
width: 166px;
}
#priceFilter input {
width: 71px;
}
#controls a {
padding-left: 2px;
}
#examples {
	line-height:1;
	font-size: 10px;
}
#controls {
margin: 0 auto;
width: 170px;
padding-top: 2px;
text-align:right;
}
#controls img{
display:inline;
opacity:0.5;
}
#controls img:hover{
opacity:1;
}
#notice {
	line-height:95%;
	color:darkGray;
	border-top:1px;
	border-top-style:dashed;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	font-size: 8px;
}

#menu {
font-size: 9px;
color:gray;
line-height: 150%;
margin: 0 auto;
padding-top: 10px;
text-align: center;
}
#menu a{
cursor:pointer;
}
.likeBox {
border: 0;
overflow: hidden;
height: 258px;
background: white;
border-image: initial;
}
.dropdownCat{ 
display:none;
width:170px;
}
#menu a {
	color:darkGray;
	padding-left:3px
}
#menu a:hover {
	color:gray
}
li a {
	color:darkGray;
	padding-left:3px
}
li a:hover {
	color:gray
}
#zoomControl {
	color:darkGray;
	font-size:10px;
	padding-top: 8px;
	margin: 0 auto;
	width: 170px;
}
#zoomControl a {
	color:#a9a9a9;
	width:16px
}
#zoomControl a:hover {
	color:black
}

#checkboxes {
	line-height:0;
	color:darkGray;
	clear:both;
	position:relative;
	left:2px;
	top:2px;
	font-size:10px
}
#checkboxes a {
	color:#a9a9a9
}
#checkboxes a:hover {
	color:black
}
h1 {
	font-weight:bold
}
.selftext {
	color: #333;
	font-size:12px
}
#plaintext {
	color:black;
	font-size:16px;
	font-family:normal x-small verdana,arial,helvetica,sans-serif
}
#loadingAddText {
padding-top: 13px;
}

#loading {
font-family: Arial;
font-size: 16px;
display: none;
text-align: center;
z-index: 100;
position: absolute;
left: 44%;
bottom: -5px;
width: 220px;
background: black;
opacity: .8;
color: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
height: 44px;
}
.activated{
opacity:1 !important;
}
#loadingNew {
font-family: Arial;
font-size: 16px;
display: none;
text-align: center;
z-index: 100;
position: absolute;
left: 44%;
top: -5px;
width: 220px;
padding: 10px;
background: black;
opacity: .8;
color: white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


#loaderNew {
    position: absolute;
    top: 12px;
    left: 8px;
}
#loaderNext {
    position: absolute;
    top: 12px;
    left: 8px;
}
#stop {
	cursor:pointer;
	position: absolute;
	right: 6px;
	top: 13px;
}
#add:hover {
color:#FFF;
text-decoration:underline;
}
#autoAdd:hover {
color:#FFF;
text-decoration:underline;
}
#add {
font-size: 12px;
cursor:pointer;
display:none;
}
#autoAdd {
font-size: 12px;
cursor:pointer;
display:none;
}
#newPosts{
display:none; 
}
#yt {
	cursor:pointer
}
.category {
padding-top: 4px!important;
max-height: 40px;
min-height: 26px;
text-align: center;
line-height: 1.2;
cursor: pointer;
color: #dceed4;
text-overflow: ellipsis;
overflow: hidden;
background: #3aba00 !important; /* Old browsers */
background: -moz-linear-gradient(top,  #3aba00 0%, #226b00 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aba00), color-stop(100%,#226b00))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* IE10+ */
background: linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aba00', endColorstr='#226b00',GradientType=0 )!important; /* IE6-9 */
}
 
.category:hover{
color: white;
background: #3aba00!important; /* Old browsers */
background: -moz-linear-gradient(top,  #3aba00 5%, #226b00 73%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#3aba00), color-stop(73%,#226b00))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* IE10+ */
background: linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aba00', endColorstr='#226b00',GradientType=0 )!important; /* IE6-9 */
}

.parentCat {
opacity:0.5!important;
padding-top: 4px!important;
max-height: 40px;
min-height: 26px;
text-align: center;
line-height: 1.2;
cursor: pointer;
color: #dceed4;
text-overflow: ellipsis;
overflow: hidden;
background: #3aba00 !important; /* Old browsers */
background: -moz-linear-gradient(top,  #3aba00 0%, #226b00 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3aba00), color-stop(100%,#226b00))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* IE10+ */
background: linear-gradient(top,  #3aba00 0%,#226b00 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aba00', endColorstr='#226b00',GradientType=0 )!important; /* IE6-9 */
}
 
.parentCat:hover{
opacity:1!important;
color: white;
background: #3aba00!important; /* Old browsers */
background: -moz-linear-gradient(top,  #3aba00 5%, #226b00 73%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#3aba00), color-stop(73%,#226b00))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* IE10+ */
background: linear-gradient(top,  #3aba00 5%,#226b00 73%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aba00', endColorstr='#226b00',GradientType=0 )!important; /* IE6-9 */
}

.content {
background: #609149;
}
.intro{
height: 309px;
background-image: url('img/intro.png');
width: 284px!important;
box-shadow: 0 0 0 transparent!important; 
-moz-box-shadow: 0 0 0 transparent!important; 
-webkit-box-shadow: 0 0 0 transparent!important;
}
.attention {
width: 100%;
}
.box {
	margin: 5px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	font-family: normal x-small verdana,arial,helvetica,sans-serif;
	padding: 0px;
	width: 300px;
	display: block;
	
	box-shadow: 0 1px 1px rgba(0, 0, 0, .9); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .9); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .9);
} 
.boxFast {
	margin: 5px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	font-family: normal x-small verdana,arial,helvetica,sans-serif;
	padding: 0px;
	width: 300px;
	display: block;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .9); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .9); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .9);
} 
/*.box:hover{
box-shadow:0 0 .2em #666;
-webkit-box-shadow: 0 0 .2em #666;
-moz-box-shadow: 0 0 .2em #666;
}*/
.box img {
	display:block
}
.boxFast img {
	display:block
}
.screenshot {
	opacity:.5;
	filter:alpha(opacity=50)
}
.screenshot:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
.box p {
	text-overflow:ellipsis;
	overflow:hidden;
	
}
.box.e {
	background: background-image: linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -o-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(224,224,224)), color-stop(1, rgb(255,255,255)))!important;background-image: -o-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(224,224,224)), color-stop(1, rgb(255,255,255)))!important;
	background: #E0E0E0;
	min-height: 226px;
	z-index: 99;
}  

.boxFast p {
	text-overflow:ellipsis;
	overflow:hidden;
	
}
.boxFast.e {
	background: background-image: linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -o-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(224,224,224)), color-stop(1, rgb(255,255,255)))!important;background-image: -o-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 43%, rgb(255,255,255) 100%)!important;background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.43, rgb(224,224,224)), color-stop(1, rgb(255,255,255)))!important;
	background: #E0E0E0;
	min-height: 226px;
	z-index: 99;
}  

.box.view {
	background:white;
}
.boxFast.view {
	background:white;
}
.view h1 {
color: black;
}
.view a:hover {
color: black;
}

.external {
	cursor:pointer
}
#container {
	margin-bottom:20px;
	clear:both;
	margin-left: 5px;
	margin-top: 5px;
}
#browse {
width: 170px;
margin: 0 auto;
}
.poweredby img {
	margin:0 auto;
	background:white
}
h2 {
	font-weight:bold
}
.changelog li {
	border-bottom:1px dotted gray
}
.whiteBlock {
	width:100%;
	background:white
}
.masonry,.masonry .box {
	-webkit-transition-duration:.7s;
	-moz-transition-duration:.7s;
	-o-transition-duration:.7s;
	transition-duration:.7s
}
.masonry {
	-webkit-transition-property:height,width;
	-moz-transition-property:height,width;
	-o-transition-property:height,width;
	transition-property:height,width
}
.masonry .box {
	-webkit-transition-property:left,right,top;
	-moz-transition-property:left,right,top;
	-o-transition-property:left,right,top;
	transition-property:left,right,top
}
.ytVote {
	bottom: 45px !important;
}

.jquery-image-zoom {
background-color:#fff;
line-height:0;
font-size:0;
z-index:100;
border:5px solid #fff;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
box-shadow:0 0 10px rgba(0,0,0,0.3);
/*cursor:url(/include/magnify.cur),-moz-zoom-out;*/
margin:-5px;
}

.jquery-image-zoom img,.jquery-image-zoom embed,.jquery-image-zoom object,.jquery-image-zoom div {
width:100%;
height:100%;
margin:0;
} 

.bottomBar {
font-size: 12px;
color: white;
padding: 0;
border-bottom: 1px solid #609149;
border-left: 1px solid #609149;
border-right: 1px solid #609149;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-moz-box-shadow: 0px 0px 5px rgba(201,201,201,0.5),
 inset 0px 0px 10px rgba(211,083,004,0);
-webkit-box-shadow: 0px 0px 5px rgba(201,201,201,0.5),
 inset 0px 0px 10px rgba(211,083,004,0);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2),
 0px 1px 0px rgba(255, 255, 255, 0.2);
opacity: 0.7;
cursor:pointer;
}

.profileImage {
padding: 2px;
float: left;
border: 1px solid white;
padding-right: 3px;
}
.profileText {
font-size: 10px;
max-height: 400px;
overflow-y: auto!important;
clear: both;
padding: 2px;
line-height: 1.5;
}

.actions {
height: 16px;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 1px;
}

.actions img {
float: left;
padding-right: 2px;
padding-left: 2px;
}

.actions img:active {
opacity:0.6;
}

.price {
float:right;
padding-right: 3px;
}

.info .noTouch {
display: none!important;
}

.info.TouchDevice {
width: 16px;
}

.renderButton {
position: absolute;
right: 4px;
}
.matrixbar {
cursor:pointer;
}
.actions a:hover {
text-decoration: underline;
}
.actions a {
color: white;
}

.subTitle {
font-weight:normal;
opacity: 0.5;
}

.photo{
border-right: 1px solid #609149;
border-left: 1px solid #609149;
}

.topBar {
color:white;
padding-right: 3px;
position: relative;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 5px 5px 0 0;
border-top: 1px solid #609149;
border-left: 1px solid #609149;
border-right: 1px solid #609149;
text-overflow: ellipsis;
font-size: 11px;
overflow: hidden;
padding-left: 3px;
-webkit-box-shadow: 0px 0px 5px rgba(201, 201, 201, 0.5), inset 0px 0px 10px rgba(211, 083, 004, 0);
text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.topBar a{
color:white;
font-weight:bold;
}

.topBar a:hover{
color:white;
}

.topBar a:visited{
color:white;
}

.hover .topBar{
background:#216800;
}
.hover .bottomBar{
background:#216800;
}

.info.TouchDevice{
width:16px;
}
.info{
opacity:0.5;
}
.info:hover{
opacity:1;
}

.similar.TouchDevice{
width:32px;
}
.similar{
cursor:pointer;
opacity:0.5;
}
.similar:hover{
opacity:1;
}
.review.TouchDevice{
width:32px;
}
.review{
cursor:pointer;
opacity:0.5;
}
.review:hover{
opacity:1;
}
.mp3.TouchDevice{
width:32px;
}
.mp3{
cursor:pointer;
opacity:0.5;
}
.mp3:hover{
opacity:1;
}
.love.TouchDevice{
width:32px;
}
.love{
cursor: pointer;
opacity: 0.5;
}
.love:hover{
opacity:1;
}
.loveBox {
background: #609149;
padding-top: 8px;
padding-left: 3px;
padding-bottom: 15px;
float: left;
-webkit-box-shadow: 0 25px 25px rgba(34, 25, 25, 0.9);
}
.fbVote {
border: 0;
z-index: 2;
width: 150px;
height: 25px;
}
.pinterest {
float: left;
width: 52px;
height: 22px;
}
.pinterest iframe {
width: 52px!important;
}
.twitter iframe {
padding-bottom: 5px;
height: 21px!important;
}
.twitter {
float: left;
width: 63px;
height: 33px;
}
.reddit {
float: left;
width: 70px;
height: 20px;
}
.deepLink {
padding-right: 5px!important;
} 
.deepLinkUrl{
width: 100%;
}
.flag {
float: left;
padding-left: 2px;
padding-right: 1px;
padding-top: 5px;
padding-bottom: 5px;
opacity: 0.3;
cursor:pointer;
}
.flag:hover{
opacity: 1;
}

#flags {
text-align: center;
margin: 0 auto;
width: 172px;
}
#lovescrollam {
margin: 0 auto;
padding-top: 3px;
padding-bottom: 3px;
height:23px;
opacity: 0.5;
}

.whitebg {
background: white;
}

.lovescrollamFB{
float: left;
}
.hover {
opacity: 1!important;
}
.hover .topBar {
opacity: 1!important;
}
.hover .bottomBar {
opacity: 1!important;
}
.twitter-share-button.twitter-count-none {
float: left;
padding-right: 8px;
}

.desc {
color: #444;
line-height:1.1;
padding-top: 4px;
padding-left: 4px;
padding-right: 2px;
background: #F5F5F1;
font-size: 11px;
position: absolute;
top: 26px;
width: 100%;
overflow-y:scroll;
border-right: 1px solid #609149;
border-left: 1px solid #609149;
}

.reviewWrap {
background: #F5F5F1;
position: absolute;
top: 26px;
left: 1px;
width: 100%;
border:0;
padding: 0;
overflow: hidden;
border-right: 1px solid #609149;
border-left: 1px solid #609149;
}
 
.mp3Wrap {
text-align: center;
background: #333;
top: 26px;
left: 1px;
width: 100%;
border:0;
padding: 0;
overflow: hidden;
border-right: 1px solid #609149;
border-left: 1px solid #609149;
}

.reviewCover {
background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
position: absolute;
top: 26px;
border:0;
padding: 0;
z-index:99;
} 

.reviewIframe{
	pointer-events:none;
	border: 0;
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}