/***** TYPICAL *****/ *, body { margin: 0; padding: 0; background-color: #ddd; color: #444; text-shadow: 0px 1px 1px #aaa; } p {color: #444; text-shadow: 0px 1px 1px #aaa;} a {color: #222; text-decoration: none;} a:hover {color: #888;} a img { box-shadow:0px 0px 5px #333; } a img:hover {box-shadow:0px 0px 10px #333; } #main { } .container {margin: 0; padding: 0 ; } #if-logged-in { height: 20px; line-height: 20px; background: #111; color: #eee; font-size: 11px; } #if-logged-in p { margin: 0; } #if-logged-in a:link, #if-logged-in a:visited { color: #fff; text-decoration: none; margin: 0px 15px; } #if-logged-in a:hover { text-decoration: underline; } #if-logged-in a:active { text-decoration: underline; margin-bottom: -1px; } /***** HEADER & SLIDER *****/ header { } #title-box {background-color: black; width: 140px; height: 96px; border-bottom: solid #fff thin; position: relative;} #title-box h1{position: absolute; top:72px; left: 2px;} #title-box h1 a{color: white; text-decoration: none; font-family: Impact; letter-spacing: 1px; font-weight: lighter;} nav { } div.menu {} nav.primary ul li {list-style: none; margin: 0; padding: 0; color: #333333; text-transform: uppercase; padding-top: 1px; } #widget-header { } #widget-alert { } #featured-slide {padding-bottom: 32px;} /***** HOME *****/ #content { width: 700px; overflow: hidden; border-top: solid black 2px; } .title-box h2, p {margin: 0px; padding: 0px; padding-top: 2px; } p.desc {width: 170px; padding-top: 2px;} p.wp-caption-text {padding: 2px; width: 150px; font-size: 10px; line-height: 10px; color: #444; } article { margin: 0; padding: 0; } div.featured-thumbnail {width: 700px; max-height: 240px; overflow: hidden; box-shadow:0px 0px 5px #333; } div.featured-thumbnail img{width: 700px; height: auto; } .post-content {float: left; width: 540px; overflow: hidden; padding:6px; } .post-content ul li {margin-left: 12px;} .pagination { } .post-meta {float: right; width: 80px; } .post-navigation { } /***** COMMENTS (UNSTYLED) *****/ #comments { } li.comment { } .odd { } .even { } .author-comment { } .comment-text { } .comment-meta { } p.gravatar { } img.avatar {width: 32px; height: auto;} #trackbacks { } li.trackback { } p#no-comments { } #comments-form { } #respond { } .cancel-comment-reply { } /***** PAGE / POST *****/ input, textarea {border: solid thin #bbb; background: #ccc; margin: 0; padding: 0;} input:focus, textarea:focus{border: solid thin #aaa; background: #bbb; margin: 0; padding: 0;} textarea#comment {width: 460px;} input#submit { background-color: gray; border: none; padding: 4px; font-size: 10px;} input#submit:hover { background-color: silver; border: none; color: black; cursor: pointer; } .page { } #page-content { width: 680px; padding: 6px; } #page-content p{font-size: 12px; line-height: 16px;} #page-meta { } .post { } #post-content { width: 680px; padding: 6px; } #post-content { font-size: 12px; line-height: 16px; } .post-excerpt { } nav.oldernewer { } .older { } .newer { } .author { } #recent-author-posts { } #recent-author-comments { } #error404 { } /***** SIDEBAR *****/ #sidebar { text-transform: uppercase; } #sidebar li{margin: 0; padding: 0; list-style: none; } #sidebar li h6{margin: 0; padding: 0; } #sidebar ul{list-style: square inside; margin-left: 12px; } #sidebar ul li a{margin: 0; padding: 0; list-style: none; } #sidebar ul li{padding-top: 2px; } .widget {margin: 0; padding: 0; list-style: none; max-width: 150px; } form#searchform {width: 96px; padding-bottom: 12px; } input#s {height: 16px; width: 140px; margin-top: 4px; margin-bottom: 6px;} /***** FOOTER & STUFF *****/ footer { position: relative; } nav.footer {margin-top:8px; } nav.footer ul li{ display: inline; list-style: none; margin: 0; padding: 0; color: #333333; text-transform: uppercase; text-align: left; margin-right: 12px; } p.info {color: #333; text-align: left; padding: 0px; margin: 0px; } .no-results { } .widget-area { } .right { float: right; } .left { float: left; } .clear { clear: both; } /***** SLIDER *****/ #loopedSlider { width:700px; position:relative; clear:both; height: 320px; } .slider-container { width:700px; position:relative; cursor:pointer; margin: 0; padding: 0;} div.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; background: black;} div.slides > div { position:absolute; top:0; width:700px; display:none; padding:0; margin:0; height: 280px; overflow: hidden; border-bottom: solid 1px #fff; box-shadow:0px 0px 5px #333; } div.slides > div img {position: absolute; top:0px; width: 700px; height: auto;} div.slides > div p{position: absolute; top:0; z-index: 99999; padding: 4px; padding-left: 6px; padding-right: 6px; background: black; color: white; font-size: 10px; line-height: 12px; } div.slides > div a h2 {z-index: 999999; margin: 0; padding-bottom: 0px; font-size: 24px; background: black; color: white; padding-left: 2px; padding-right: 2px;} div.slides > div a{position: absolute; z-index: 999999; padding: 0; margin: 0; bottom: 0; height: 23px;} div.slides > div a h2:hover{color:aqua;} div.slides > div p a { padding: 0; margin: 0;background: white; color: #222; width: 84px; left: 0px; font-size: 8px; height: 12px; padding-left: 6px; top:20px;} /* * Optional */ ul.pagination { position: absolute; bottom: 0px; list-style: none; display: inline; z-index: 99999;} ul.pagination li { text-align: center; display: inline;} ul.pagination li a { display:block; width:12px; height:12px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;} ul.pagination li.active a { background-position: -12px; } /* Always remember to compress your live stylesheet and keep an uncompressed backup */