/* resets */ * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 0; } #wrapper {position:relative; margin: 20px auto; padding:0; } /* la times */ @font-face {font-family: 'belizioregular'; src: url('belizio_regular-webfont.woff2') format('woff2'), url('belizio_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body {background:url(http://i.imgur.com/aYQ1Ew5.png); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; } #main {position: relative; width:1024px; margin:0 auto; padding-bottom: 10px; font-family: 'Arimo', sans-serif; font-size: 14px; line-height: 1.28; text-shadow: 0 0 1px rgba(130, 130, 130, 0.25); background-image:url(http://i.imgur.com/cGnHej9.png); background-color:#ffffff; background-repeat: no-repeat; } #topheader {width:100%; height:250px; } #topdate {position: absolute; top: 90px; left: 30px; font: 11px Arial,sans-serif; font-weight:bold; color: #878787; } #topweather {position: absolute; top: 82px; right: 30px; font-family:'belizioregular', Belizio, Georgia, serif; font-size: 18px; color: #666; } #topsearch {position: absolute; top: 182px; left: 300px; color: #000; line-height: 1; font-size: 30px; font-family: Times New Roman, serif; font-weight: bold; } #topmenu {background-color: #CCC; } #searchcategory {list-style-type: none; margin:0; padding:0; width:100%; background-color: #000; color:#fff; } #searchcategory li {display: inline-block; position: relative; width: 20%; font-size: 12px; padding: 14px 5px 11px; text-align: center; text-transform: uppercase; min-height: 41px; cursor:pointer; } #searchcategory li:hover {background-color: #333; } #searchcategory li.selected {background-color: #666; } #searchcategory li.selected:after {content: ''; border-left: 9px solid transparent; border-right: 9px solid transparent; margin-left: -9px; position: absolute; left: 50%; top: 100%; border-top: 11px solid #666; } #searchtime {list-style-type: none; margin:0; padding: 15px 0 15px 28px; } #searchtime li {display: inline-block; margin: 0 20px; color: #6D6D6D; font-size: 11px; font-weight: 700; } #searchtime li.selected {color:#348DA0; } #results {margin: 28px 0 14px; padding: 0 40px; } .item {clear: both; margin-bottom: 28px; max-width: 670px; } .itemimage {width: 180px; height: 101px; margin-top: 2px; overflow: hidden; float: left; } .itemimage img {width:100%; transition:opacity .25s; } .itemimage img:hover {opacity: .8; } .itemshort {margin-left: 200px; } .itemshort p {width: 100%; margin: 14px 0 0; font-family: Georgia,serif; color: #666; line-height: 20px; font-size: 12px; } .itemcategory {display:block; margin:0; text-transform: uppercase; font-family: Georgia,serif; font-weight: 700; text-decoration: none; line-height: 11px; font-size: 11px; color: #4591B8; position: relative; cursor: default; } .itemcategory:hover {color: #7DB2CC; } .itemtitle {display:block; margin:0; padding: 3px 0; font-size: 22px; line-height: 22px; font-family: 'Times New Roman',serif; font-weight: 600; cursor: default; } .itemtitle:hover {color: #666; } .itemauthor {font-family: Georgia,serif; font-weight: 700; line-height: 17px; font-size: 13px; width: 98%; color: #FF683D; display: inline-block; cursor: default; } .itemauthor:before {content: 'By '; color: #666; font-weight: 400; } ::-webkit-scrollbar {width: 6px;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #989898;background-color:#d4d4d4;} ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px #989898;border-radius:0px;background-color:#616161;}