html,body{ margin:0px;font-family:arial;text-align:right;}
            body{
                background-image:url('../images/food.png');
            }
            *{box-sizing:border-box;}
			a,a:visited{text-decoration:none;color:#A4B7BB;}
			div{box-sizing:border-box;}
			.clear{clear:both;height:0px;}
			#header{
				padding:10px 20px;
				position:fixed;
				width:100%;
				background-color:#195866;
				z-index:200;
			}
			div#identity{float:none;padding:10px;}
			div#login{position:fixed;right:0px;width:75%;background-color:#469ea4;top:65px;z-index:199;padding:15px;}
			form#mainLogin input{border:none;}
			#wrapper{
				position:absolute;
				bottom:0px;
                right:0px;
				width:70%;
				margin-left:20px;
			}
			h2.sidebar{font-size:1.5em;}
            a.bookmarklist.viewall{display:block;text-align:center;margin-bottom:10px;width:50%;float:right;padding:10px;}
			img.smProfile{border-radius:50%;}
			.relTime{font-size:.6em;}
			.spacer{
				clear:both;
				height:5px;
			}
			.txtarea{
				font-size:18px;
				height:50px;
				width:100%;
			}
			#postswrapper{
				border-bottom:1px dotted #555555;
			}
            #gridSizer{width:32%;}
			.item{
				padding:10px 2px 10px 2px;
				font-size: 16px;
				float:left;
				margin-bottom:10px;
                width:32%;
				/*border-right:5px solid;
				border-bottom:5px solid;
                border-color:#A1A59F;*/
                text-align:center;
                border-radius:5px;
                border:1px dotted gray;
			}
            #pageloading{position:relative;margin:0 auto;margin-top:20%;}
			.hideOnMobile{display:inline-block;}
            .bookmarklet.design,div.item.design{background-color:#4cc886;}
			div.item.design span.category::after{content:"D";}
			div.design div.itemHeader{background-color:#4cc886;}
			div.design div.itemHeader span{font-size:40px;color:#3BA66D;}
			div.design div.title{background-color:#4cc886;}
			div.itemDetailCategory.design{background-color:#4cc886;color:white;}

			div.item.photography{background-color:#CFC745;}
			div.item.photography span.category::after{content:"P";}
			div.photography div.itemHeader{background-color:#CFC745;}
			div.photography div.itemHeader span{font-size:40px;color:#A39C2A;}
			div.photography div.title{background-color:#CFC745;}
			div.itemDetailCategory.photography{background-color:#CFC745;color:white;}

			div.item.video{background-color:#CD556F;}
			div.item.video span.category::after{content:"V";}
			div.video div.itemHeader{background-color:#CD556F;}
			div.video div.itemHeader span{font-size:40px;color:#B44E64;}
			div.video div.title{background-color:#CD556F;}
			div.itemDetailCategory.video{background-color:#CD556F;color:white;}

			div.item.art {background-color:#CD81BF;}
			div.item.art span.category::after{content:"A";}
			div.art div.itemHeader{background-color:#CD81BF;}
			div.art div.itemHeader span{font-size:40px;color:#AE65A1;}
			div.art div.title{background-color:#CD81BF;}
			div.itemDetailCategory.art{background-color:#CD81BF;color:white;}

			.bookmarklet.coding,div.item.coding{background-color:#c85134;}
			div.item.coding span.category::after{content:"C";}
			div.coding div.itemHeader{background-color:#c85134;}
			div.coding div.itemHeader span{font-size:40px;color:#963D27;}
			div.coding div.title{background-color:#c85134;}
			div.itemDetailCategory.coding{background-color:#c85134;color:white;}

			div.item.general{background-color:#2c9ab2;}
			div.item.general span.category::after{content:"G";}
			div.general div.itemHeader{background-color:#2c9ab2;}
			div.general div.itemHeader span{font-size:40px;color:#24859A;}
			div.general div.title{background-color:#2c9ab2;}
			div.itemDetailCategory.general{background-color:#2c9ab2;color:white;}

			.item:hover{background:white;}
			.item:hover>div.title a{color:black	;}
			div.title a{color:white;text-decoration:none;font-size:1.2em;}
			div.itemBody div p{margin:0px;padding:5px;}
			span.itemFooterStat{color:silver;font-size:.8em;}

			ul.categories{padding:0px;list-style-type:none;}
			ul.categories li{padding:8px 4px;border-radius:5px;margin-bottom:2px;}
			ul.categories li span.catLabel{padding:5px;border-radius:5px;}

			li.design_cat{background-color:#4cc886;}
			li.design_cat span.catLabel{background-color:#3BA66D;color:#4cc886;}

			li.video_cat{background-color:#CD556F;}
			li.video_cat span.catLabel{background-color:#B44E64;color:#CD556F;}

			li.code_cat{background-color:#c85134;}
			li.code_cat span.catLabel{background-color:#963D27;color:#c85134;}

			li.general_cat{background-color:#2c9ab2;}
			li.general_cat span.catLabel{background-color:#24859A;color:#2c9ab2;}

			li.art_cat{background-color:#CD81BF;}
			li.art_cat span.catLabel{background-color:#AE65A1;color:#CD81BF;}

			li.photog_cat{background-color:#CFC745;}
			li.photog_cat span.catLabel{background-color:#A39C2A;color:#CFC745;}

            a.bookmarklet.private{background-image:url(../images/private_icon.png);background-repeat:no-repeat;background-position:10px;}

			div#loadmoreajaxloader{position:fixed;width:75%;right:0px;bottom:0px;display:none;}

			#newpostlink{
				display:block;text-align:center;border:2px solid #414141;background:#7D7D7D;color:#fff; margin: 0 0 10px;padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;font-size:20px;text-decoration:none;
			}
			div#mastHead{
                width:31%;
                position:fixed;
                right:0px;top:38px;
                bottom:0px;left:0px;
                padding:0px;
            }
			div#mastHead span.signature{font-size:.6em;position:absolute;bottom:0px;left:0px;right:0px;text-align:center;color:#113E47;margin-bottom:10px;}

            div#logoContainer{margin:0 auto;width:80%;text-align:center;margin-bottom:20px;}
            div#logoContainer span.title{color:white;}
            div#logoContainer span#realLogo{background-color:#C85134;width:80px;height:80px;display:block;margin:0 auto;border-radius:50%;color:white;font-size:2em;color:#A6432B;}


            div.tagList{text-align:left;margin: 0 auto;width:80%;padding:10px;height:60%;overflow:hidden;}
            div.tagAlphaSort{width:100%;border-top:1px solid #175360;padding:5px 0px;margin-bottom:10px;}
            div.tagAlphaSort span.tagName{padding:5px;color:black;width:50%;}
            div.tagAlphaSort span.tagCount{padding:5px;color:#C85134;float:right;}


            div#Nwrapper{border-left:5px solid #C85134; position:relative;width:70%;position:fixed;right:0px;top:38px;bottom:0px;padding:10px;background-color:#D1D1D1;overflow-y:scroll;height:100%!important;}
            div#Mwrapper{border-left:5px solid #C85134; position:relative;width:70%;position:fixed;right:0px;top:38px;bottom:0px;padding:10px;height:100%!important; overflow-y:scroll;background-color:#D1D1D1;}
            div#Nwrapper.loading{background-image: url('images/loadmore.gif');background-repeat:no-repeat;background-position:center;}
            img.LoggedInProfilePic{width:44%;border-radius:50%;position:relative;margin:0 auto;display:block;}
            span#loggedInUsername{display:block;position:relative;margin:0 auto;color:black;text-align:center;text-transform: capitalize;}
            a.homeItemLink{
                color:black;
                background-color:#FAC564;
                border-radius:4px;
                margin-left:5px;
                padding: 2px 7px;
            }
            a.bookmarklet{
                display: block;
                background-color: #27889E;
                color:white;
                padding: 10px;
                border-radius: 20px;
                text-align: center;
                width: 50%;
                float:right;
                margin: 0 auto 15px auto; 
                margin: 0 auto 15px auto; 
            }
            span.badge{color:white;background-color:#FC5454;font-size:.7em;border-radius:50%;padding:3px;margin:0 5px 0 5px;position:relative;top:-6px;}
            a.bookmarklet:hover{
                text-decoration:underline;
            }
            span.viewCollection{
                width:20%;
                float:right;
                padding:10px;
                border-top-left-radius:20px;
                border-bottom-left-radius:20px;
                margin-left:10px;
                background-color:#195866;
                color:white;
                cursor:pointer;
                background-image:url('../images/closed_eye_icon.png');
                background-size:40%;
                background-position:center;
                background-repeat:no-repeat;
            }
            li.active span.viewCollection{
                background-color:#144853;
                background-image:url('../images/open_eye_icon.png');
            }
            span.viewCollection:hover{
                background-color:silver;   
            }
            ul#collectionList{
                list-style-type:none;
                padding:0px;
            }

			/* item detail page: sidebar */
			img.itemDetailProfile{border-radius:5px;width:100%;height:auto;}
			div.itemDetailIntent{font-size:20px;}
			div.itemRelativeTime{font-size:.8em;color:#d45500;}

			/* item detail page items */
			h1.itemDetailTitle{font-size:1.5em;margin:0px 0px 20px 0px;}
			div#itemDetails{}

			div#itemWhat{float:left;width:48%;}
			div#itemWhy{float:right;width:48%;}

			ul.itemStats{list-style-type:none;padding:5px;text-align:center;min-width:45px;}
			ul.itemStats li{}
			ul.itemStats span{font-size:3em;}
			div.button{background-color:#D45500;padding:5px;border-radius:5px;color:white;text-decoration:none;}

            /* item detail modal */
            div.modalWrapper{
                display:none;
                position:absolute;
                top:20px;right:20px;bottom:20px;left:20px;
                background-color:#C0C0C0;
                padding:1%;
                overflow-y:scroll;
                width:0px;
                height:0px;
                padding:4%;
            }
            div.sharedLinkWrapper{
                padding:4%;
                overflow-y:scroll;
                position:absolute;
                top:0px;
                left:0px;
                width:100%;
                height:100%;
            }
            div#newmodal{background-color:blue;padding:10px;position:absolute;z-index:100;top:0px;left:0px;}
            div#itemModal{
                background-color:white;
                position:relative;
                margin:0 auto;
            }
            span.closeModal,span.backToProfile{
                background-color:black;
                color:white;
                font-size:1em;
                padding:10px;
                position:absolute;
                top:0px;left:0px;
                cursor:pointer;
                z-index:250;
            }

            

			/* form appearance */
			label.error{font-size:.5em;}


            /* activity */

                div.activityContainer{
                    background-color:white;
                    padding:10px;
                    text-align:left;
                    margin-bottom:5px;
                    position:relative;
                }
                div.activityContainer img.profilePhoto{border-radius:50%;width:34px;margin-right:10px;}
                span.bumper{position:absolute;right:0px;top:0px;bottom:0px;padding:5px;color:black;font-size:.6em;}
                

            /* item details */
            div#contributorDetails{width:30%;float:left;text-align:center;margin:0px 20px 20px 0px;}
            div#contributorDetails span.shareLink{border-top:1px dotted black;display:block;margin-top:20px;padding-top:20px;}
            div#itemDetails{width:56%;float:right;margin:0px;text-align:left;}
            img.itemContributor{width:100px;border-radius:50%;}
            ul.itemStats{width:10%;float:left;background-image: url('../images/wht_50.png');margin:0px;}



			@media screen and (max-width: 950px) {
				.item{width:50%;}
				h2.sidebar{font-size:1em;}
				#gridSizer,.item{width:49%;}
				h1.itemDetailTitle{font-size:1.5em;margin:0px;}
                ul.itemStats div.button{font-size:.8em;}
                div.title a{font-size:1em;}
                div#logoContainer span.title{font-size:.6em;}
                div#logoContainer span#realLogo{width:40px;height:40px;}
			}


            @media screen and (max-width: 700px) {
                div#itemWhy,div#itemWhat{float:none;width:100%;}  
                div#contributorDetails{float:none;width:100%;}
                div#itemDetails{float:right;width:85%;}
                ul.itemStats{font-size:.5em;}
                span.tagCount{display:none;}
            }


			@media screen and (max-width: 520px) {
				.hideOnMobile{display:none!important;}
				#gridSizer,.item{width:100%;}
				div#itemWhat,div#itemWhy{float:none;width:100%;}
                li.active span.viewCollection{background-size:65%;}
                span.tagName{font-size:.7em;}
                div.tagList{width:100%;padding:5px;}
                div.tagAlphaSort{margin:0px;padding:3px;}
                div.activityContainer{font-size:.7em;}
                a.bookmarklet{border-radius:5px;padding:5px;font-size:.7em;margin:5px 0 5px 0;}
                a.bookmarklist.viewall{font-size:.7em;padding:5px;}
			}