/* Theme Name: The Pop Cop Author: Ctrl Alt Create */ /* RESET */ * {margin:0; padding:0;} html {overflow-y: scroll;} html, body {height: 100%} body {font-size: 75%; font-family: Ariel, sans-serif; color: #000000; background: #FFFFFF; background-image:url('http://www.thepopcop.co.uk/images/background.png'); background-position: bottom; background-repeat: no-repeat; background-attachment: fixed;} ul {list-style: square inside;} ol {list-style: decimal inside;} li {list-style-type: none; margin: 0; padding: 0;} a {outline: none; text-decoration: none;} a img {border: none;} img {vertical-align: middle;} table {border-collapse: collapse;} /* UTILITY */ .floatLeft {float: left;} .floatRight {float: right;} .clear {clear: both;} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} /* TYPOGRAPHY */ a { color: #1E1E1E; } a:hover { background: #1E1E1E; color: #FFFFFF;} h1 { font-size: 1.3em; font-family: arial, sans-serif; font-weight: bold;} h2 { font-size: 1.0em; font-family: arial, sans-serif; font-weight: bold;} h3 { font-size: 1.0em; color: #E2E2DF;} h4 { font-size: 1.0em; font-weight: normal;} h4 a {text-decoration: underline} h5 { font-size: 1.3em; font-family: arial, sans-serif; font-weight: bold; color: #FFFFFF;} h6 { font-size: 1.0em; color: #3F3F3F; font-weight: normal;} /* STRUCTURE */ #page-wrap {width: 940px; margin:0px auto -400px; min-height:100%; height:auto !important; height: 100%;} #push {height: 400px;} #header {width: 940px; height: 230px; margin-top: 5px; background-image:url('http://www.thepopcop.co.uk/images/header.png');} #search {width: 250px; height: 38px; float: left; margin-top: 15px; margin-left: 50px; background-image:url('http://www.thepopcop.co.uk/images/search.png'); background-repeat: no-repeat;} #search-inside {width: 240px; height: 28px; float: left; margin-left: 23px; margin-top: 8px;} #search-button {width: 60px; float: left;} #search-input {width: 160px; float: left;} #main-col {width: 610px; min-height: 600px; float: left; background-image:url('http://www.thepopcop.co.uk/images/maincol.png'); background-repeat: repeat-y; overflow: hidden; margin-left: 20px; margin-bottom: 20px; margin-top: 10px;} #main-col-inside {width: 600px; min-height: 600px; float: left; overflow: hidden;} #home-link {width: 700px; height: 150px; float: left;} #twitter-link {width: 120px; height: 100px; float: right; margin-right: 80px; margin-top: 15px;} #content-area {width: 940px; min-height: 100%; margin:0px; padding:0px; float: left; background-image:url('http://www.thepopcop.co.uk/images/contentarea.png'); background-repeat: repeat-y;} #content-area-bottom {width: 940px; height: 55px; margin:0px; padding:0px; float: left; background-image:url('http://www.thepopcop.co.uk/images/contentareabottom.png'); background-repeat: no-repeat;} /* NEWS */ #news {width: 610px; height: 250px; float: left; background-image:url('http://www.thepopcop.co.uk/images/news.png'); background-repeat: no-repeat; margin-left: 20px; margin-top: 10px;} #news-inside {width: 440px; height: 190px; float: left; margin-top: 39px; margin-left: 42px; overflow: auto; background: #F1F0EF;} .news-content h4 {width: 400px; padding-bottom: 50px; padding-top: 5px; color: #000000; overflow: hidden;} /* SIDEBAR */ #sidebar {width: 280px; height: 100%; float: right; margin-right: 20px; margin-top: 10px;} .box-bottom {width: 280px; height: 20px; float: left; background-image:url('http://www.thepopcop.co.uk/images/box-bottom.png'); background-repeat:no-repeat; margin-bottom: 20px;} #love-box {width: 280px; height: 300px; float: left; background-image:url('http://www.thepopcop.co.uk/images/lovebox.png'); background-repeat:no-repeat; background-position: top; padding-bottom: 10px;} #love-box-inside {width: 280px; height: 270px; float: left; margin-top: 40px; background: #F1F0EF;} #loveboxplayer {width: 269px; height: 226px; float: left; margin-left: 2.5px; margin-top: 5px;} .love-box-text h6 {width: 269px; height: 20px; float: left; margin-left: 6px; margin-top: 10px;} #juke-box {width: 280px; height: 340px; float: left; background-image:url('http://www.thepopcop.co.uk/images/jukebox.png'); background-repeat:no-repeat; background-position: top; padding-bottom: 10px;} #juke-box-inside {width: 280px; height: 310px;; float: left; margin-top: 40px; background: #F1F0EF;} #jukeboxplayer {width: 269px; height: 226px; float: left; margin-left: 2.5px; margin-top: 5px;} .juke-box-text h6 {width: 269px; height: 60px; float: left; margin-left: 6px; margin-top: 10px;} #blog-archive {width: 280px; height: 100%; float: left; background-image:url('http://www.thepopcop.co.uk/images/blogarchive.png'); background-repeat:no-repeat; background-position: top;} #blog-archive-inside {width: 280px; height: 100%; float: left; margin-top: 40px; padding-bottom: 10px; background: #F1F0EF;} ul#blog-archive-list {margin-left: 10px; margin-top: 10px; list-style-position: outside;} #photo {width: 280px; height: 250px; float: left; margin-bottom: 20px; background-image:url('http://www.thepopcop.co.uk/images/photo.png');} #blogroll {width: 280px; height: 100%; float: left; background-image:url('http://www.thepopcop.co.uk/images/musicsites.png'); background-repeat:no-repeat; background-position: top;} #blogroll-inside {width: 280px; height: 100%; float: left; margin-top: 40px; padding-bottom: 10px; background: #F1F0EF;} ul#blogroll-list {margin-left: 10px; margin-top: 10px; list-style-position: outside;} ul#blogroll-list li {} #gig-links {width: 280px; height: 100%; float: left; background-image:url('http://www.thepopcop.co.uk/images/giglinks.png'); background-repeat:no-repeat; background-position: top;} #gig-links-inside {width: 280px; height: 100%; float: left; margin-top: 40px; padding-bottom: 10px; background: #F1F0EF;} ul#gig-links-list {margin-left: 10px; margin-top: 10px; list-style-position: outside;} #featured-ads {width: 280px; height: 100%; float: left; background-image:url('http://www.thepopcop.co.uk/images/featuredads.png'); background-repeat:no-repeat; background-position: top;} #featured-ads-inside {width: 280px; height: 100%; float: left; margin-top: 40px; padding-bottom: 10px; background: #F1F0EF;} ul#featured-ads-list {margin-left: 10px; margin-top: 10px; list-style-position: outside;} #contact {width: 280px; height: 100%; float: left; background-image:url('http://www.thepopcop.co.uk/images/contact.png'); background-repeat:no-repeat; background-position: top;} #contact-inside {width: 280px; height: 100%; float: left; margin-top: 40px; padding-bottom: 10px; background: #F1F0EF;} ul#contact-list {margin-left: 10px; margin-top: 10px; list-style-position: outside;} /* BLOG ENTRIES */ .post-blog {margin-top: 10px;} .entry-top {width: 520px; min-height: 30px; float: right; background: #B7B6AF; margin-top: 3px; margin-bottom: 10px;} .entry-bottom {width: 600px; min-height: 30px; float: right; margin-top: 3px; margin-bottom: 10px;} .the-title h5 {color: #5C5B58; font-size: 2em; font-weight: bold; width: 420px; float: left;} .comment-link {width: 100px; float: right; margin-top: 7px;} .the-content h1 {color: #FFFFFF; font-weight: normal; width: 520px; float: right; padding-left: 80px; padding-bottom: 20px;} .datebox {width: 50px; height: 40px; background-image:url('http://www.thepopcop.co.uk/images/datebox.png'); float: left; margin-left: 15px; margin-right: 15px;} .day h1 {color: #474747; text-align: center; font-size: 3.2em;} .month h1 {color: #FFFFFF; text-align: center; font-size: 1.0em; font-weight: normal; text-transform: uppercase;} #comment-box {width: 520px; float: right; padding-bottom: 15px; margin-bottom: 20px; background: #B7B6AF;} .go-back a {width: 100px; float: right; color: #FFFFFF; background: #3F3F3F; margin-bottom: 20px;} .older-newer {width: 580px; float: right; margin-left: 10px; padding-bottom: 10px;} .search-content {width: 580px; flaot: left; margin-top: 10px; margin-left: 10px;} /* FOOTER */ #footer {height: 410px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 25px; background-image:url('http://www.thepopcop.co.uk/images/footer.png'); background-position: bottom; background-repeat: no-repeat;} #footer-inside {width: 1160px; height: 410px; margin-left: auto; margin-right: auto; padding-left: 10px;} ul#flags {width: 1160px; float: left; margin-top: 120px;} ul#flags li {display: inline; margin:0px; padding:0px; list-style-type: none; float: left;} ul#flags li a {color: none; background: none;} ul#flags li a:hover {color: none; background: none;} #footer-inside {} .credit h1 {width: 200px; height: 12px; font-size: 1.0em; font-weight: normal; float: left; margin-left: 110px;}