header, section, footer, hgroup{display:block;}
a {color:#35BFFF;text-decoration:none;}
a:hover, a:active{color:#91DCFF;}

/* Header */
#header{width:100%;background:#000;background:rgba(0, 0, 0, 0.8);padding:5px 0;letter-spacing:1px;margin-bottom:20px;position:fixed;top:0;left:0;z-index:99;}
#header h1{padding:0 20px;margin:5px 0;text-shadow:2px 1px 1px #333, 2px 2px 1px #888;color:#EAEAEA;float:left;font-size:27px;}
#backlinks{float:right;padding:0 20px;line-height:22px;font-weight:bold;font-size:13px;}
#backlinks a{text-align:right;display:block;}

/* Footer */
#footer{width:100%;position:fixed;padding-left:20px;bottom:0;left:0;line-height:20px;color:#888;font-size:13px;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.8);z-index:99;}
#footer span{display:block;}
*{ margin:0;padding:0;}
/* clearfix */
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
ol, ul{list-style: none outside none;}
/* wrapper css */
#wrapper{margin-top:5px;width:100%;}
#wrapper hgroup{text-align:center;}
#wrapper h2{margin:5px 0;color:#FF6D99;text-shadow:1px 1px 2px #A50031;font-size:33px;font-family:Arial Narrow, Arial, sans-serif;}
#wrapper h3{font-style:italic;font-weight:normal;font-size:18px;text-shadow:1px 1px 0 #fff;color:#888;margin:5px 0;}

#container{position:relative;width:1216px;margin:0 auto 25px;padding-bottom: 10px;}
.grid{width:208px;min-height:100px;padding: 15px;background:#fff;margin:8px;font-size:12px;float:left;border:1px solid #dbdbdb;}
.grid:hover{box-shadow:0 4px 13px rgba(0,0,0,0.3);-moz-box-shadow:0 4px 13px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 13px rgba(0,0,0,0.3);transition:box-shadow .3s;-webkit-transition:box-shadow .3s;-o-transition:box-shadow .3s;-moz-transition:box-shadow .3s;}

.grid strong {border-bottom:1px solid #ccc;margin:10px 0;display:block;padding:0 0 5px;font-size:17px;}
.grid .meta{text-align:right;color:#777;font-style:italic;}
.grid .imgholder img{max-width:100%;background:#ccc;display:block;}

.wrapper { position: relative; width:1200px; margin: 0px auto;border: 0px none;}
.clear-input{display:inline-block;padding:0 10px;height:36px;font-size:16px;line-height:1;color:#777;background:#FCFCFC;border:1px solid #CCC;border-radius:3px;width:250px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition:color .2s linear,border-color .3s linear}
.clear-input:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.05);background:#FFF;color:#444}
.search-hint {
    position: absolute;
    font-size: 16px;
    z-index: 2147483647;
}
#design_header{background:#FAFAFA;border:1px solid #D9D9D9;border-radius:4px;box-shadow:inset 0 1px white;margin-top:26px;position:relative}
#design_header .logotu{position:absolute;left:25px;top:15px}
#design_header .tabs{margin-left:138px;border-left:1px solid #D9D9D9;height:50px;line-height:50px;position:relative;z-index:1}
#design_header .tabs .tab{display:inline-block;border-right:1px solid #D9D9D9;padding:0 15px;font-size:14px;color:#5F5F5F;position:relative}
#design_header .tabs .focus{color:#383838}
#design_header .tabs .focus:before{content:"";display:block;position:absolute;left:-1px;right:-1px;top:-1px;border-top:2px solid #EA714C}
#design_header .tabs .focus:after{content:"";display:block;position:absolute;left:-1px;right:-1px;bottom:-1px;border-top:1px solid #FAFAFA}
#design_header .tabs .focus.index:after{display:none}
#design_header .contents{padding:21px 15px 6px 75px;border-top:1px solid #D9D9D9;font-size:14px;position:relative}
#design_header .contents a.link{display:block;float:left;margin:0 20px 15px 0;padding:4px 5px}
#design_header .contents a.active{background:#f3dad9;color:#F2594B;border-radius:2px}
#design_header .contents a.all{font-weight:700;color:#F2594B;position:absolute;left:20px;top:21px;padding:4px 5px}
#design_header .tabs a{outline: 0px none;}
#design_search .result-filter{margin:20px 0 10px;position:relative;z-index:1}
#design_search .result-filter .pin-board-switcher{display:block;vertical-align:top}
#design_search .result-filter .panel{border-radius:3px;background:#FAFAFA;line-height:28px;height:28px;display:inline-block;margin-left:10px;border:1px solid #e0e0e0;background:-webkit-linear-gradient(white, #F5F5F5);background:linear-gradient(white, #F5F5F5)}
#design_search .result-filter .condition{display:inline-block;padding-left:4px;border-right:1px solid #e0e0e0}
#design_search .result-filter .condition .name{color:#999;padding:0 10px;display:inline-block;height:auto}
#design_search .result-filter .panel-row .name{border-right:1px solid #e0e0e0}
#design_search .result-filter .condition .option{color:#5F5F5F;padding-left:10px}
#design_search .result-filter .condition .option.active{color:#e57b69}
#design_search .result-filter .condition .dropdown-list .current{margin-left:3px;color:#444}
#design_search .result-filter .condition .dropdown-list .current i{display:inline-block;width:10px;height:10px;background:url(design_icons.png) -120px 3px no-repeat;margin-left:5px}
#design_search .result-filter .condition .dropdown-list .list{top:28px}
#design_search .result-filter .condition .dropdown-list.sources .list{left:0;right:auto}
#design_search .result-filter .condition .dropdown-list.sources .list{white-space:nowrap}
#design_search .result-filter .condition .dropdown{padding-left:10px;position:relative;cursor:pointer}
#design_search .result-filter .condition .dropdown i{display:inline-block;width:10px;height:10px;background:url(design_icons.png) -120px 2px no-repeat;margin-right:5px}
#design_search .result-filter .condition .dropdown .list{position:absolute;display:none;right:-11px;top:28px;background:#fafafa;border:1px solid #e0e0e0;width:auto;text-align:center;padding:0 15px}
#design_search .result-filter .condition .dropdown .list a{display:block;text-decoration:none;color:#777;white-space:nowrap}
#design_search .result-filter .condition .dropdown .list a:hover{color:#e57b69}
#design_search .result-filter .condition .dropdown .current{color:#e57b69}
#design_search .search-content{border-top:1px solid #e0e0e0;padding-top:10px;position:relative}
#design_search .search-content:before{content:"";display:block;width:100%;height:0;border-top:1px solid #f4f5f2;position:absolute;left:0;top:0}
#design_search .search-content #waterfall{margin:0 auto}
#design_search .null-content{color:#5F5F5F;font-size:16px;text-align:center;margin:40px 0}

#design_header .search-bar{position:absolute;right:17px;top:7px;height:38px}
#design_header .search-bar input{width:200px;height:34px;border-radius:0;font-size:14px;vertical-align:top}
#design_header .search-bar input.bright{box-shadow:inset 0 1px 1px rgba(0,0,0,.05);background:#FFF;color:#444}
#design_header .search-bar .go{display:inline-block;width:44px;height:34px;border:1px solid #dbdbdb;border-left:0;cursor:pointer;position:relative}
#design_header .search-bar .go input.i{width:18px;height:18px;background:url(design_icons.png) -89px 0 no-repeat;position:absolute;left:50%;top:50%;margin:-9px 0 0 -9px; border:none; cursor:pointer;}
#design_header .search-bar .go:hover input.i{background-position:-89px -30px}
#design_header .long{left:17px}
#design_header .long input{width:auto;position:absolute;left:0;right:45px;top:0}
#design_header .long .go{position:absolute;right:0;top:0}