body {		
		background: #262626;
		text-shadow: #fff 0px 1px 0px;
}

a {
	  color: #7ca935;
}

h1 a {
		color: #363636;
}

.headline {
		position: relative;
	  color: #7ca935;
	  font-size: 12px;
  	margin-bottom: 10px;
  	line-height: 18px;
  	text-transform: uppercase;
}

hr {
		border-top: 1px solid #e3e3e3;
		border-bottom: 1px solid #fff;
		background: none;
		border-left: none;
		border-right: none;
		height: 0px;
}

.center {
		position: relative;
		width: 700px;
		margin: 0px auto;
}

.user img,
.item table,
.ad img {
		background: #fff;
		padding: 1px;
		border: 1px solid #9e9e9e;
		-webkit-box-shadow: #d4d4d4 0px 0px 5px;
		-moz-box-shadow: #d4d4d4 0px 0px 5px;
		box-shadow: #d4d4d4 0px 0px 5px;
}



/* no result box */
.nothing p {
		margin: 0px auto;
		padding: 20px;
		text-align: center;
		border: 1px solid #d7d7d7;
		background: #f2f2f2;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: #fff 0px 1px 0px;
		-moz-box-shadow: #fff 0px 1px 0px;
		box-shadow: #fff 0px 1px 0px;
		color: #363636;
		text-shadow: #fff 0px 1px 0px;
}

#top {
		background: url(/images/grass.png) repeat-x bottom;		
}


#title {
    position: relative;
		background: #f9f9f9 url(/images/back.top.white.png) repeat-x top;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e3e3e3;
}
		#title h1 {
				font-size: 30px;
				margin: 20px 0px 5px 0px; 
		}
		#title h1 a {
				color: #363636;
		}
		#title.small {
				height: 32px;
				background: #f9f9f9;
		}
		#title.small h1 {
				font-size: 14px;
				margin: 0px;
				padding: 7px 0px 5px 0px; 
		}
		#title.small #search {
				top: 7px;
		}
		#title li {
				position: relative;
				float: left;
				margin-right: 15px;
				margin-top: 7px;
				width: auto;
		}
		#searchform {
				width: 300px;
				position: absolute;
				right: 0px;
				bottom: 6px;
				height: 19px;
		}
		#searchform-input {
				background: url(/images/search.png) no-repeat left top;
				height: 13px;
				width: 261px;
				padding: 3px 10px;
				overflow: hidden;
				border: none;
				text-shadow: none;
				font-size: 11px;
				line-height: 0px;
		}
		#searchform-label {
		    position: absolute;
		    display: block;
		    color: #aaa;
		    top: 0px;
		    left: 0px;
		    right: 0px;
		    cursor: text;
		    line-height: 13px;
		    font-size: 11px;
		    width: 270px;
		    height: 16px;
		    padding: 3px 0px 0px 10px;
		}
    #searchform-value {
				background: none;
				border: none;
				outline: none;
				line-height: 11px;
				width: 261px;
				font-size: 11px;
		}
		.opera #searchform-value {
        padding-top: 2px;
		}
		#searchform-submit {
				position: absolute;
				right: 0px;
				top: 0px;
				display: block;
				background: url(/images/search.png) no-repeat right top;
				border: none;
				text-indent: -6000px;
				padding-top: 10px;
				font-size: 0;
				text-align: right;
				width: 18px;
				height: 19px;
				color: #f9f9f9;
				cursor: pointer;
		}
		#searchform-reset {
				position: absolute;
				right: 22px;
				top: 0px;
				display: block;
				background: url(/images/reset.png) no-repeat center 3px;
				border: 0px;
				text-indent: -6000px;
				line-height: 0px;
				width: 18px;
				height: 19px;
				cursor: pointer;
				outline: 0px;
		}


#content {
		background: #f9f9f9;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #e3e3e3;
}

		#tips {
				margin: 10px 0px;
				font-size: 11px;
				line-height: 12px;
				height: 39px;
		}
		#tips h2 {
				font-size: 12px;
				margin: 4px 40px 4px 5px;
				line-height: 12px;
				color: #363636;
				font-weight: normal;
				text-shadow: none;
		}

		#tips p {
				margin: 0px 40px 0px 5px;
				color: #888;
				text-shadow: none;
		}

		.filter {
				margin: -2px 0px 11px;
				overflow: hidden;
		}
		.filter li {
				float: left;
				width: auto;
		}
		.filter a {
				display: inline-block; 
				display: -moz-inline-block;
				text-shadow: none;
				color: #363636;
				background: #dedede;
				font-size: 11px;
				font-weight: normal;
				line-height: 11px;
				padding: 3px 10px 0px 10px;
				height: 16px;
				margin-right: 1px;
		}
		.filter a:hover {
				background: #363636;
				color: #fff;
		}
		.filter a.active {
				background: #7ca935;
				color: #fff;
		}
		.filter li:first-child a {
				-webkit-border-top-left-radius: 4px !important;
				-webkit-border-bottom-left-radius: 4px !important;
				-moz-border-radius-topleft: 4px !important;
				-moz-border-radius-bottomleft: 4px !important;
		}
		.filter li:last-child a {
				-webkit-border-top-right-radius: 4px !important;
				-webkit-border-bottom-right-radius: 4px !important;
				-moz-border-radius-topright: 4px !important;
				-moz-border-radius-bottomright: 4px !important;
		}
		

		#cage {
				position: relative;
				float: left;
				width: 380px;
				margin-right: 20px;
				padding-top: 10px;
		}				

				.item {
						position: relative;
            zoom: 1;
            margin-bottom: 20px;
				}				
				.item table {
				    table-layout: fixed;
				}
				.item table,
				.item td {
            vertical-align: middle;
            text-align: center;
            background: #fff;
				    width: 376px;
				    height: 376px;
				    line-height: 0px;
				}
				.item td {
				    background: #000;
				}
				.item.active table {
				    border: 2px solid #7ca935;
				    padding: 0px;
        		-webkit-box-shadow: #7ca935 0px 0px 5px;
        		-moz-box-shadow: #7ca935 0px 0px 5px;
        		box-shadow: #7ca935 0px 0px 5px;
				}				
				.item .caption {
						position: relative;
						padding-bottom: 20px;
				}
				.item h1 {
						line-height: 12px;
						margin: 12px 0px 0px 45px;
						white-space: nowrap;
						overflow: hidden;
						padding-bottom: 2px;
						padding-left: 20px;
						background: url(/images/type.icons.png) no-repeat; 
				}
				.item h1 a {
						color: #363636;
				}
				.item.image h1 {
						padding-left: 19px;
						background-position: 0px 2px;
				}
				.item.video h1 {
						background-position: 0px -18px;
				}
				.item.document h1 {
						background-position: 0px -38px;
				}
				.item.page h1 {
						padding-left: 17px;
						background-position: 0px -58px;
				}

				.item h2 {
						font-weight: normal;
						color: #555;
						margin-left: 45px;
						margin-top: 3px;
				}
				.item .user {
						position: absolute;
						top: -2px;
				}
				.item .user .nickname {
						display: none;
				}
				.item .user .avatar.placeholder {
            display: block;
				    width: 30px;
				    height: 30px;
						background: #f2f2f2;
            padding: 1px;
						border: 1px solid #d7d7d7;
						-webkit-box-shadow: #fff 0px 1px 0px;
						-moz-box-shadow: #fff 0px 1px 0px;
						box-shadow: #fff 0px 1px 0px;
				}
				.item .stats {
				    position: absolute;
            right: 2px;
				    color: #aaa;
				}
				.item .time {
				    color: #aaa;
				}
				.item .likes {
            padding-right: 15px;
            margin-right: 5px;
				    background: url(/images/meta.icons.png) no-repeat right -16px;
				    text-align: right;
				}
				.item .comments {
            padding-right: 15px;
				    background: url(/images/meta.icons.png) no-repeat right -54px;
				}
				.item:hover .time,
				.item:hover .stats {
				    color: #555;
				}
				.item:hover .likes {
				    background: url(/images/meta.icons.png) no-repeat right 3px;				    
				}
				.item:hover .comments {
				    background: url(/images/meta.icons.png) no-repeat right -35px;				    
				}
				.item:hover .item-menu ul {
            margin-left: 10px;
				}

				/* item hover menu */				
				.item-menu {
						position: absolute;
						top: 0px;
						left: -40px;
						height: 380px;
						width: 40px;
						overflow: hidden;
				}
				.item-menu ul {
				    margin-top: 151px;
				    margin-left: 50px;
				    -webkit-transition: margin-left .15s;
				    -moz-transition: margin-left .15s;
				    height: 77px;
				    overflow: hidden;
				}
				.item-menu.moderate ul {
						height: 103px;
						margin-top: 130px !important;
				}
				.item-menu li {
						position: relative;
            line-height: 0px;
						text-indent: -6000px;
            width: 30px;
						height: 25px;
            margin-bottom: 1px;
						cursor: pointer;
						background: #000 url(/images/item.icons-2.png) no-repeat 3px 1px;
				}
				.item-menu .remove {
						background-position: 3px -95px;
				}
				.item-menu .share {
						background-position: 4px -23px;
				}
				.item-menu .flag {
						background-position: 3px -47px;
				}
				.item-menu .edit {
						background-position: 2px -72px;
				}
				.item-menu .moderate {
						background-position: 3px -120px;
				}
								
		#side {
				position: relative;
				float: left;				
				width: 300px;				
        overflow: hidden;
        padding-top: 10px;
		} 

				#side .box {
						margin-bottom: 20px;
				}
				#side .headline a.right {
            position: absolute;
            right: 0px;
            bottom: 4px;
						text-transform: lowercase !important;
						font-size: 11px;
						color: #555;
						padding-right: 10px;
						line-height: 11px;
						background: url(/images/people/arrow.png) no-repeat right 4px;
				}

				.users.board {
						width: 320px;
						overflow: hidden;
				}		
				.users.board .nickname {
						display: none;
				}
				.users.board li {
						line-height: 0px;
						float: left;
						margin: 0px 4px 4px 0px;
						height: 34px;
						overflow: hidden;
				}				
		
				#side .items {
						width: 320px;
						overflow: hidden;
						height: 200px;
				}
				#side .items li {
            position: relative;
						float: left;
						line-height: 0px;
						margin: 0px 12px 12px 0px;
				}
				#side .items img {
            background: #fff;
            padding: 1px;
            border: 1px solid #9e9e9e;
            -webkit-box-shadow: #d4d4d4 0px 0px 5px;
            -moz-box-shadow: #d4d4d4 0px 0px 5px;				
            box-shadow: #d4d4d4 0px 0px 5px;				
				}
				#side .items .placeholder {
						background: #f2f2f2;
						width: 88px;
						height: 88px;
						padding: 1px;
						border: 1px solid #d7d7d7;
						-webkit-box-shadow: #fff 0px 1px 0px;
						-moz-box-shadow: #fff 0px 1px 0px;
						box-shadow: #fff 0px 1px 0px;
						margin-top: 1px;
				}
				#side .items .private {
            position: absolute;
            right: 7px;
            top: 7px;
            width: 19px;
            height: 19px;
            background: rgba(0,0,0,.9) url(/images/zoo/private.png) no-repeat center center;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;				
            border-radius: 3px;				
				}

				.inset {
						position: relative;
						background: #f2f2f2;
						padding: 3px 7px;
						line-height: 0px;
						font-size: 11px;
						border: 1px solid #d7d7d7;
						-webkit-box-shadow: #fff 0px 1px 0px;
						-moz-box-shadow: #fff 0px 1px 0px;
						box-shadow: #fff 0px 1px 0px;
						-webkit-border-radius: 3px;						
						-moz-border-radius: 3px;										
						border-radius: 3px;										
				}

				.inset p {
						line-height: 16px;				
				}

				.ad {
				    position: relative;
						padding: 5px;
						height: 104px;
				}
				.ad p,
				.ad a.more,
				.fusiontext {
						position: absolute;
						left: 150px;
						margin-right: 5px;
				}
				.ad p,
				.fusiontext {
						top: 3px;
						width: 140px;
				}
				.ad p a,
				.fusiontext a {
						color: #363636;
				}
				.ad a.more {
				    line-height: 11px;
						bottom: 6px;
				}

				.fusiontext {
						line-height: 18px;
				}
				.ad.fusion {
						margin-bottom: 20px;
				}
							
				.comment {
						position: relative;
						padding-bottom: 10px;
						zoom: 1;
				}
				.comment .user {
						position: absolute;
						top: 0px;
						left: 0px;
				}
				.comment .user .nickname {
						display: none;
				}
				.comment .bubble {
						margin-left: 40px;
						zoom: 1;
				}
				.comment .text {
						background: url(/images/comment.large.png) no-repeat left top;
						width: 425px;
				}
				.comments.small .text {
						background: url(/images/comment.small.png) no-repeat left top;				
						width: 264px;						
				}
				.comment .text p {
						margin: 0px 5px 0px 16px;
						padding: 10px 20px 10px 20px;
						color: #676767;
						border-bottom: 1px solid #f3f3f3;
						line-height: 18px;
						overflow: hidden;
						text-overflow: ellipsis;
				}
				.comment .text a {
						color: #676767;
				}
				.comment .text a:hover {
						color: #000;
				}
				.comment .meta {
						position: relative;
						width: 425px;						
						background: url(/images/comment.large.png) no-repeat left bottom;
				}
				.comments.small .meta {
						width: 264px;						
						background: url(/images/comment.small.png) no-repeat left bottom;
				}
				.comment .meta p {
						border-top: 1px solid #fff;
						margin: 0px 5px 0px 16px;
						padding: 5px 20px 12px 20px;
						font-size: 11px;
						color: #676767;
				}

				.comment .permalink {
						position: absolute;
						top: 5px;
						right: 15px;
						color: #ccc;
						display: none;
				}
				.comment .permalink:hover {
						color: #363636;
				}
				.comment:hover .permalink {
						display: block !important;
				}


        #side .tags {
            overflow: auto;
        }  
        #side .tags li {
            float: left;
            width: auto;
            margin: 0px 4px 4px 0px;
            height: 17px;
        }
        #side .tags li a {
            float: left;
            padding: 1px 10px 3px;
            border: 1px solid #678f28;
            color: #486619;
            background: #a0ce57;
            background: -webkit-gradient(linear, left bottom, left top, from(#a0ce57), to(#edf9df), color-stop(90%, #b6dc7b));
            background: -moz-linear-gradient(left bottom, left top, from(#a0ce57), to(#b6dc7b));
            text-shadow: none;
            line-height: 11px;
            font-size: 11px;
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            border-radius: 9px;
            height: 11px;
        }
        
        #side .tags li a:hover {
            background: #6e982d;
            color: #fff;
        }
        #side .tags a.active,
        #side .tags a.active:hover {
            color: #fff;
            background: #353535;
            background: -webkit-gradient(linear, left bottom, left top, from(#353535), to(#444));
            background: -moz-linear-gradient(left bottom, left top, from(#353535), to(#444));
            border-color: #111;
        }

        .twitter-profiles {
            border-bottom: 1px solid #fff;
        }
        .twitter-profiles a {
            color: #363636;
        }
        .twitter-profiles li {
            border-bottom: 1px solid #e3e3e3;
            border-top: 1px solid #fff;
            padding: 2px 0px;
            zoom: 1;
        }
        .twitter-profiles li.first {
            border-top: none;
            padding-top: 0px;
        }

        .facebook-button {
            display: block;
            width: 144px;
            height: 44px;
            text-indent: -6000px;
            background: url(/images/about/facebook.png) no-repeat;
            margin: 20px 0px;
        }

        .ust {
            margin-top: 10px;
            color: #999 !important;
            font-size: 11px;
        }

#pager {
    clear: both;
		background: #f9f9f9;
		border-top: 1px solid #fff;
		height: 32px;
}
		
		#pager .arrows {
				position: absolute;
				top: 5px;
				right: 320px;
				margin: 0px;
				padding: 0px;
				width: 63px;
				height: 22px;
		}
			
		#pager .arrow {
				position: absolute;
				top: 0px;
				text-indent: -6000px;
				width: 31px;
				height: 22px;
				display: block;
				background: url(/images/pager.png) no-repeat left top;
		}
				
		#pager .arrow.left {
				left: 0px;
				width: 32px;				
				background-position: left top;
		}
		#pager .arrow.right {
				right: 0px;				
				background-position: right bottom;
		}
		#pager span.arrow.left {
				background-position: left bottom;
		}
		#pager span.arrow.right {
				background-position: right top;
		}

		#pager #rss {
				position: absolute;
				top: 5px;
				left: 0px;
				color: #363636;
				padding: 3px 0px 4px 40px;
				font-size: 11px;
				background: url(/images/rss.png) no-repeat left center;
				text-shadow: #fff 0px 1px 0px;
		}


#footer {
		border-top: 1px solid #000;
		background: #262626 url(/images/back.top.grey.png) repeat-x top;
		color: #fff;
		text-shadow: #000 0px 1px 0px;
		font-size: 11px;
		padding-bottom: 80px;
		padding-top: 15px;
}
		#footer ul {
				position: relative;
				width: 700px;
				margin: 0px auto;
		}
		#footer a {
				color: #968875;
		}
		#footer a:active,
		#footer a:hover {
				color: #b6aa9a;
		}
		#footer li.active a {
				color: #fff;
		}
		#footer li {
				float: left;
				width: auto;
				margin-right: 9px;
				padding-right: 12px;
				background: url(/images/separator.png) no-repeat right 5px;
		}
		#footer li.last {
				background: none;
		}
		#footer .copyright {
				position: absolute;
				right: 0px;
				background: none;
				padding: 0px;
				margin: 0px;
		}
		#footer .copyright a {
				padding-left: 5px;
		}