/* Theme Name: PocketManchester Theme URI: http://www.luadesign.co.uk Description: built on the reset by Elliot Jay Stocks http://elliotjaystocks.com colours: red: c30040 green: 10ae5a cyan: 008fd4 lightblue: 6d91a3 */ /* RESET */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } html {height: 100%; margin-bottom: 1px;} table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style: outside disc; } li { font-size:85%; line-height:1.25em; margin-bottom:10px;} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ strong { font-weight: bold } em { font-style: italic } a img, a:hover img { border:none; } /* Gets rid of IE's blue borders */ a:active {outline: none; border:none;} img { float:left;} div { position:relative;} /* LAYOUT */ body { /*background:#000 url(../../../images/manchester-snowflakes.jpg) repeat;*/ background:#000; color:#FFF; font-family:Helvetica, 'Helvetica Neue', Arial, sans-serif;} #wrapper { margin:0 auto; padding:10px 0 10px 0; width:920px;} #leftside, #header { width:610px; float:left; padding-right:50px;} a {text-decoration:none; color:#c30040; border-bottom: dotted 2px #000; } a:hover {text-decoration:none; color:#10AE5A; border-bottom: dotted 2px #c30040; } a:hover {text-decoration:none; color:#10AE5A; border-bottom: dotted 2px #c30040; } p { line-height:1.4em; margin-bottom:15px;} h1, h2 {font-size:1.6em; font-weight:bold; line-height:1.6em; padding:5px 0 0 0;} h3 {font-size:1.2em; font-weight:bold; line-height:1.35em; padding:15px 0; } h4 {font-size:0.8em; font-weight:normal; line-height:1.35em; text-align:center;} h6 {font-size:0.7em; font-weight:normal; line-height:1.35em; margin:5px 0;} .alignright {float:right;} .alignleft {float:left;} .clear { clear:both;} .paddingTop {padding-top:15px;} .marginLeft {padding-left:10px;} .intro-vid { height:300px; width:612px; background: url(images/guide-to-manchester.jpg) no-repeat top center;} .harvey-nichols-box {background-color:#fff; padding:10px; margin:5px 0;width:600px; overflow:hidden; color:#de43a1;} .harvey-nichols-box h3 { font-size:120%; padding:0; margin:0; font-weight:normal;} .harvey-nichols-box h2 { font-size:140%; padding:0; margin:0; font-weight:normal;} .harvey-nichols-box a {color:#bf3870; border-bottom: dotted 2px #bf3870;} .harvey-nichols-box a:hover {color:#000; border-bottom: dotted 2px #000;} /* NAVIGATION */ .topbanner { width:926px; height:96px; padding:0; background:#620020; margin:0 auto; display:block;} .bigger { font-size:175%; float:left; display:inline; vertical-align: text-bottom; padding-right:5px; line-height:2em;} .rotatinggif { float:left; display:block; margin:0; padding-right: 10px;} .column1 { width:240px; padding:10px 20px 0 0; float:left;} .column2 { width:260px; padding:10px 0 0 0; margin-right:20px; float:left;} .termsbox { width:190px; float:left; padding-top:25px; text-align:right; font-size: 90%; background:url(../../../images/bannerarrow.gif) left no-repeat;} .cyanem {color:#008fd4; font-weight:bold;} /* NAVIGATION */ #nav { width:610px; padding: 0; overflow:hidden; float:left; letter-spacing:0.1em; background:#000;} #nav ul { } #nav li { float:left; font-size:100%; list-style:none; padding: 0 0 0 3px;} #nav li.date { padding: 15px 15px 0 0;} #nav li a { float:left; text-decoration:none; } #nav li a:hover { float:left; } #nav li.current_page_item a, #nav li.current-cat a{ float:left; color:#fff; border-bottom: dotted 2px #fff; padding-top:15px; } /* NAV COLOUR CLASSES */ .red, .red a, .page-item-2 a { color:#c30040; border-bottom: dotted 2px #000; padding-top:15px;} .red a:hover, .page-item-2 a:hover{ color:#c30040; border-bottom: dotted 2px #c30040;} .green, .cat-item-5 a { color:#10ae5a; border-bottom: dotted 2px #000; padding-top:15px;} .cat-item-5 a:hover { color:#10ae5a; border-bottom: dotted 2px #10ae5a;} .cyan, .page-item-4 a { color:#008fd4; border-bottom: dotted 2px #000; padding-top:15px;} .page-item-4 a:hover{ color:#008fd4; border-bottom: dotted 2px #008fd4;} .lightblue, .page-item-6 a { color:#6d91a3; border-bottom: dotted 2px #000; padding-top:15px;} .page-item-6 a:hover{ color:#6d91a3; border-bottom: dotted 2px #6d91a3;} /* MAIN CONTENT */ .archive-box { width:180px; padding:0 15px 0 0;} .single-text { float:left; width:390px; padding-left:10px;} .links {float:left; width:99%; display:block; padding-top:10px; border-top:2px dotted #008FD4; margin-top:20px;} /* SIDEBAR */ #sidebar { width:220px; overflow:hidden; float:right; padding-left:20px;} #sidebar h2, #latest-box h2, #sidebar h3 { font-weight:normal; line-height:1.6em; padding:5px 0; color:#008fd4; letter-spacing:0.1em; float:left;} #sidebar h3 { font-size:1.3em;} #sidebar h2 {font-size:1.6em; } #sidebar h4 { font-size:0.85em; color:#008fd4; padding:15px 7px; float:left;} #sidebar a, #latest-box a {color:#008fd4; border-bottom: dotted 2px #000; padding:0; } #sidebar a:hover, #latest-box a:hover { color:#008fd4; border-bottom: dotted 2px #008fd4;} #sidebar img, #latest-box img { padding:0;} #cover {margin:15px 0;} #sidebar a img, #latest-box a img {border: dotted 2px #000; padding:2px;} #sidebar a img:hover, #latest-box a img:hover {border: dotted 2px #008fd4;} #sidebar p {margin: 0 0 15px 0; float:left; clear:both;} .video { width:200px; overflow:hidden; margin:0 15px 15px 0;float:left;} #video-restaurants { width:451px; overflow:hidden; margin:0;float:left;} #video-shopping, #video-entertainment{ width:226px; overflow:hidden; margin:0;float:left;} .video-large { width:650px; overflow:hidden; margin:0 25px 20px 0;float:left;} .ltas-ad {margin-bottom:15px;} .video-large h4 { text-align:left;} .video h4 {margin-bottom:3px; float:left; font-size:80%;} /* ARCHIVE */ #latest-box { width:220px; height:300px; overflow:hidden; float:right;} #archive {width:99%; clear:both;} /* FOOTER */ #footer { width:880px; clear:both; overflow:hidden; font-size:75%; padding:50px 20px 0 0;} #footer a { color:#c30040; margin-left:15px; float:left;} #footer a:hover { color:#10ae5a;} /* FORMS */ .contactform { margin-left:0;} input { padding: 3px; margin: 5px 5px 5px 0; background:#fff; border: 2px solid #c30040; color:#000; } textarea { width: 430px; padding: 10px; margin:5px 4px 5px 0; border: 2px solid #c30040;} input:focus, select:focus, textarea:focus, input:hover { background:#fff; border: 2px solid #00b1e7; color:#000; } .contactlabel { width:120px; float:left; display:inline-block; font-size:85%;}