/* Theme Name: The Brighton Hussy The Brighton Hussy Magazine builds upon the starkers theme supplied by Elliot Jay Stocks http://elliotjaystocks.com/blog/archive/2008/free-starkers-wordpress-theme/ main colours: red: #7b0b0b cyan: #67c8c7 Dark red: #270201 Dark cyan: #1f2c2c */ /* RESET */ * { margin: 0; padding: 0; color:#fff; } html, body { height: 100%; } body { font-size: 65%; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #fff; background:url(images/wallpaper.jpg) repeat; } ul { list-style: none; font-family: Verdana, Geneva, Tahoma, sans-serif; } ol { list-style: none; } a { outline: none; text-decoration: none; } a img { border: none; background: none; } img { float:left;} table { border-collapse: collapse; } small { font-weight:normal; font-size:95%; } .large { font-size:110%;} /* UTILITY */ .floatLeft, .alignleft { float: left; } .floatRight, .alignright { float: right; } .marginTop { margin-top:20px;} .clear { clear: both; } HR {clear: both; height: 2px; margin: 0; border: none; border-bottom: 6px double #270201; width: 99%;} .alignnone { float: none;} .marginLeft { margin-left:20px;} /* TYPGROGRAPHY */ p, .xoxo { font-size: 1.3em; margin: 0 0 10px 0; line-height:1.5em;} blockquote { width: 220px; padding: 10px 10px 0 10px; margin: 0 0 0 20px; font: 110% Georgia, Times, 'Times New Roman', serif; border-top: 6px double #7b0b0b; border-bottom: 6px double #7b0b0b; text-align:center; float: right; display:inline; background:#270201;} li { margin: 0; list-style: none; } a { color: #67c8c7; } a:hover { color: #7b0b0b; } h1 { font-size: 3.6em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight: normal; } h2, .post-categories { font-size: 2.5em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight: bold; text-align: left; margin-bottom:10px; } h3, #subscribe { font-size: 1.2em; line-height:2em; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: bold; } h3 a { color:#FFFFFF;} h3 a:hover { color:#619b92;} h4 { color: white; font-size: 2.0em; margin-bottom: 15px; font-family: Georgia, Times, 'Times New Roman', serif; } .post h4 { font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; color: #900; } em { color:#7b0b0b; } .alignnone { float:none; display:block; } /* FORMS */ ol li { background: #270201 url(../../../images/comment-tail-red.jpg) bottom center no-repeat; width:525px; display:block; padding: 10px 10px 30px 10px; margin:10px 0 0 0;} ol li img { padding: 5px; border: 1px solid #00000; background:#000000; } .odd { background: #1f2c2c url(../../../images/comment-tail-cyan.jpg) bottom center no-repeat; width:525px; display:block; padding: 10px 10px 30px;} .count { float:right; font-size:0.5em; color:#fff; border: 1px solid #000; padding: 0 3px; font-weight: bold; display: block;} .comment-text { padding-left: 65px; font-size: 0.85em; margin: 0 0 10px 0;} .comment-date { font-size: 1em; float: right; line-height:1.6em;} .formobj, .personalinfo { margin-top: 10px;} input { padding: 3px; margin:5px; background:#ffffff; border: 2px solid #67c8c7; color:#000000; font-family: Georgia, Times, 'Times New Roman', serif; font-weight:bold; line-height:1em; } textarea { width: 500px; padding: 10px; margin:5px 4px; color:#000000;} input:focus, select:focus, textarea:focus, input:hover { background:#67c8c7; border: 2px solid #67c8c7; color:#000000; } .heart-icon { float:right; margin:0; border:0;} /* HEADER */ #login-box { width: 960px; margin: 0px auto; text-align:right;} #page-wrap { width: 960px; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%; background:#000000 url(images/page-bg.gif) repeat-y; } .search-box, #sidebar { width: 322px;float:left; display:block; overflow:hidden;} .search-box { height: 180px;} .newsletter { float: left; width:302px; background-color:#7b0b0b; display:block; padding: 10px 20px 10px 0; text-align:right;} .search { width:302px; background-color:#7b0b0b; display:block; padding: 0 20px 0 0; text-align:right;} .rss-text { float: right; display:inline;} .rss-text a { color:#FFFFFF; } .rss-text a:hover { color:#67c8c7; } /* MAIN MAVIGATION */ #page-nav { margin:0; width:960px; height: 76px; display:block; color:#FFFFFF;} ul#page-nav { float: left; margin: 0; list-style: none; display: inline; } ul#page-nav li, li.home, li.features, li.competitions { position: relative; float: left; list-style: none; display: inline; text-indent: -9999px;} .home { width: 164px;} li.home a { background: url(images/home-button.jpg) no-repeat; background-position: 0 -76px; display:block; height:76px; padding:0; margin: 0;} body#hussy ul#page-nav li.home a{ background: url(images/home-button.jpg) no-repeat; background-position: 0 0; display:block; height:76px; padding:0; margin: 0;} li.features a { background:url(images/features-button.jpg) no-repeat; background-position: 0 -76px; width: 194px; display:block; height:76px; padding:0;} body#hussy1 ul#page-nav li.features a{ background:url(images/features-button.jpg) no-repeat; background-position: 0 0; display:block; height:76px; padding:0;} li.competitions a { background:url(images/comps-button.jpg) no-repeat; background-position: 0 -76px; width: 281px; display:block; height:76px; padding:0;} body#hussy14 ul#page-nav li.competitions a{ background:url(images/comps-button.jpg) no-repeat; background-position: 0 0;} li.archive a { background:url(images/archive-button.jpg) no-repeat; background-position: 0 -76px; width: 156px; display:block; height:76px; padding:0;} body#hussyprevious-months ul#page-nav li.archive a{ background:url(images/archive-button.jpg) no-repeat; background-position: 0 0;} li.listings a { background:url(images/listings-button.jpg) no-repeat; background-position: 0 -76px; width: 165px; display:block; height:76px; padding:0;} body#hussy13 ul#page-nav li.listings a{ background:url(images/listings-button.jpg) no-repeat; background-position: 0 0;} body#wordpress ul#page-nav li.home a:hover { background-position: 0 -76px; background-repeat:no-repeat; padding:0; margin: 0;} body#wordpress ul#page-nav li.features a:hover{ background-position: 0 -76px;} ul#page-nav li a:hover {background-position: 0 -152px;} /* MAIN COL */ #main-col { width: 638px; float: left; height:100%;} .issue-image { width: 306px; height:250px; overflow:hidden; margin:15px 0 0 0; padding:0; position:relative; float:left; display:block;} .issue-title { width: 275px; font-size: 3.2em; line-height:1em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight:bold; position:absolute; top: 15px; left:15px; z-index:999;} .issue-title a { color:#000; } .issue-title a:hover { color:#67c8c7; } .issue-contents { width: 275px; float: left; padding-left:10px; } .features-title, .features-title ul a { margin-top: 10px; list-style:none; font-size:2em;} #intro-paragraph { font-family: Verdana, Geneva, Tahoma, sans-serif;; font-size: 1.1em; line-height: 1.6em; padding: 10px 16px; } #article-nav { width: 638px; float: left; display:block; margin-top:15px;} li.article-box { width: 290px; height:95px; float: left; display:block; background:#67c8c7; margin: 8px 0 8px 0; line-height:2em; font-weight:bold; border-left: 16px solid #000000;} li.article-box-right { width: 290px; height:95px; float: left; display:block; background:#67c8c7; margin: 8px 0 8px 16px; line-height:2em; font-weight:bold;} li.article-box h2, li.article-box-right h2, li.article-box h2 a, li.article-box-right h2 a { margin:10px 0; font-size: 1.5em; font-family: Georgia, Times, 'Times New Roman', serif; padding-right:5px; } li.article-box a, li.article-box-right a { color:#FFFFFF; font-size: 1.25em;} li.article-box-right a:hover, li.article-box a:hover { color:#270201; } li.article-box img, .category-icon { float:left; width:115px; height:95px; overflow: hidden; margin-right: 10px;} ul.post-categories { margin: 10px 0 0 0;} /* SIDEBAR */ #sidebar { margin-top:15px;} #sidebar h2 {float: left; font-size: 2.2em; line-height:1em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight:bold;width: 135px; padding: 5px 0 5px 15px; margin:0; display:block; background:#7b0b0b; color:#fff;} #sidebar hr { clear:both; width:100%; height:1px; background-color:#7b0b0b; border:0;} #free-stuff, #hold-press { padding: 0; text-align:left; clear:both;} .free-stuff-box { padding: 15px 0 0 0; margin:0 0 20px 0; float:left; width:322px; background-color:#7b0b0b;} .list-boxes {float:left; width: 152px; display:inline; font-size: 1.8em; line-height:1.5em; font-weight:bold; padding: 5px 4px 5px 5px;} .hold-press-text { float:left; width: 312px; display:block; font-size: 1.2em; line-height:1.5em; font-weight:bold; padding: 5px; background:#7B0B0B; margin: 0 0 10px 0;} #advertising { width: 322px; float:left; display: block; margin:0; padding:0;} ul.ad-box { display:block; float: left; list-style:none;} li.ad-box { margin: 5px 0; display:block; width: 322px; height:90px; list-style:none;} .break { width: 99%; height:20px; display:block; clear:both;} .ads150left { width:140px; overflow:hidden; float:left; padding:0 5px 0 10px; display:block;} .adsquare { width:280px; overflow:hidden; text-align:center; margin:10px auto; padding:0 auto; display:block;} .adsquare img { padding:4px;} .adsquare-txt {font-size:150%; font-weight:bold; text-align:center; background:none; clear:both; display:block; margin-top:5px; padding-top:5px;} .free-stuff-ads { float:left; margin: 10px auto; overflow:hidden;} /* FOOTER */ #footer { width:960px; float:left; display:block; background:#000000 url(images/page-bg.gif) repeat-y;} #footer h2 { font-size: 2em; } #footer-left { width: 638px; float:left; display:block; background:#000000;} #footer-right { width: 322px; float:left; display:block;} .footer-column { width: 290px; float:left; display:inline; margin: 0; padding:0 0 0 20px;} .footer-column p, .footer-column h3 { padding:5px 0 5px 0;} #footer-right ul { font-size:1.3em; line-height:1.5em;} #copyright { background:url(images/copyright-bg.jpg) top center no-repeat; clear:both; float:left; width:960px; display:block;} .copyright-column { width: 320px; float:left; display:inline; margin: 0; padding:0;} #copyright p { padding: 30px 0 10px 20px;} .colophon { padding-left:35px;} /* WIDGETS */ .widget { background: #f4dfb8; width: 190px; border-right: 1px solid #d7b880; border-bottom: 1px solid #d7b880; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0 0 15px 0; } .widget .inside { padding: 10px; } .widget ul { list-style: square outside; margin-left: 15px; } .widget ul li { margin: 0 0 5px 0; } .widget ul li a { display: block; padding: 2px; } .widget ul li a:hover { background: #900; color: white; } .thumb { width: 62px; } .flickr-thumb { height: 41px; width: 62px; overflow: hidden; float: left; margin: 0 0 10px 15px; } /* BLOG ENTRIES */ .post { margin: 0; width: 558px; padding: 10px 40px 45px 40px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align:left; overflow:hidden; float: left; clear:both;} .post img, .excerpt img { padding: 5px; overflow:hidden; } span.cap { float:left; font-size:600%; font-weight:bold; line-height:0.85em; margin-bottom:-0.1em; margin-right:0.08em; position:relative; font-family: Georgia, serif;} .excerpt { float: left; width: 494px; padding: 0 25px; background: #270201; border-top: 6px double #7b0b0b; border-bottom: 6px double #7b0b0b; padding-bottom:20px; overflow:hidden;} .excerpt h2 { line-height:1.7em; margin:0; font-size: 2.3em;} .excerpt .excerpt-date { padding: 10px 0 0 0; text-align:right; font-family: Verdana, Geneva, Tahoma, sans-serif; letter-spacing:0; } .excerpt img {float:none; display:block; clear:both;} .wp-caption-text, #TB_caption { color:#7b0b0b;} .datebox { width: 40px; float: left; padding: 0 5px 5px 5px; background: #990000; color: white; text-align: center; margin: 0 10px 0 0; } .day { font-size: 3.4em; font-weight: bold; margin: 0; font-family: Georgia, serif; } .month { font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; } .year { font-size: 1.6em; font-weight: bold; margin: 0; } ol.commentlist { list-style: none; } .comment-bubble { background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ol.commentlist li p { font-size: 1.0em; } .gravatar { margin-top: 3px; padding: 2px; height: 40px; } .columnleft { float:left; width:45%;} /* MONTHLY ARCHIVE */ ul.archives { font-size:2.5em;} ul.archives li { padding: 10px 0 15px 0;} /* A Better Blogroll by Chris Coyier http://css-tricks.com */ /* GENERIC RESET & BASIC STRUCTURE */ /* WIDGET STRUCTURE */ #blogSliderWrap { width: 316px; float:left; position: relative; overflow: hidden; } #blogSlider { width: 290px; margin-left:16px;} .stripViewer { position: relative; overflow: hidden; clear: both; } .stripViewer .panelContainer { position: relative; left: 0px; top: 0px; } .stripViewer .panelContainer .panel { float: left; position: relative; width: 300px; overflow:hidden; } .stripNav { margin-left: 16px; position: relative; top: 15px; z-index: 99; width: 280px; } .wrapper { background-color:#7b0b0b; } .innerWrap { width: 290px; overflow: hidden; padding-top: 15px; background:#7b0b0b; } #push { height: 35px; } /* MAIN TABBED NAVIGATION */ .stripNav ul li { float: left; font-size: 2.2em; line-height:1em; font-family: Georgia, Times, 'Times New Roman', serif; font-weight:bold; } .stripNav li a { color:#67c8c7;} /* The below class names are auto-generated by the JavaScript */ .stripNav li.tab1 a {width: 125px; padding: 5px 0 5px 15px; border-right: 5px solid #000000; display:block; background:#1f2c2c;} .stripNav li.tab2 a {width: 130px; padding: 5px 0 5px 15px; display:block; background:#1f2c2c; } .stripNav li a:hover, .stripNav li a:active, .stripNav li a:focus { color: #fff; background-color:#7b0b0b;/* Restore focus styling that we removed when we removed outlines */ } /* It is neccessary to repeat the image paths here */ .stripNav li.tab1 a.current {color:#fff; background-color:#7b0b0b; } .stripNav li.tab2 a.current {color:#fff; background-color:#7b0b0b; } /* HEADLINES STYLING */ #net-list, #psd-list { float:left;} .panel ul { width: 290px; } .panel ul li a { float:left; width: 280px; display:block; font-size: 1.6em; line-height:1.5em; font-weight:bold; padding: 5px; background:#7B0B0B; } .panel ul li:last-child a { /* Remove bottom border on last list item Hooray for pseudo selectors! */ border: none; } /* Unique rollover colors for each list */ .panel ul#psd-list li a:hover, .panel ul#net-list li a:hover, .list-boxes a:hover, .hold-press-text a:hover { color: white; } /* unsigned styling */ .unsigned { padding: 10px; margin-bottom:20px; background-color:#270201; clear:both; width:98%;} .chart-position { float:left; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; width:40px; font-size:2.2em; line-height:2em;} .artist { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:2em; line-height:2em; float:left;}