/* Theme Name: The Bildeston Crown Description: WordPress theme for TBC website Author: Nick Brown/inspire: Author URL: www.inspiredc.co.uk Version: 1.0 */ * { margin: 0px; padding: 0px; } body, html { height: 100%; } body { background:url(images/bg1.gif) repeat-x #67675e; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; } body.bfr { background:url(images/bgbfr.gif) repeat-x #120f00;} body.room12 { background:url(images/bgroom12.gif) repeat-x #d1b373;} body.room11 { background:url(images/bgroom11.gif) repeat-x #8c8e67;} body.room10 { background:url(images/bgroom10.gif) repeat-x #954c15;} body.room9 { background:url(images/bgroom9.gif) repeat-x #2e170f;} body.room8 { background:url(images/bgroom8.gif) repeat-x #534f44;} body.room7 { background:url(images/bgroom7.gif) repeat-x #5c5930;} body.room6 { background:url(images/bgroom6.gif) repeat-x #7b0503;} body.room5 { background:url(images/bgroom5.gif) repeat-x #1b1c16;} body.room4 { background:url(images/bgroom4.gif) repeat-x #a9a58a;} body.room3 { background:url(images/bgroom3.gif) repeat-x #5c6c7c;} body.room2 { background:url(images/bgroom2.gif) repeat-x #4b2a17;} body.room1 { background:url(images/bgroom1.gif) repeat-x #b64b2b;} body.rooms { background:url(images/bgrooms.gif) repeat-x #265558;} a { outline: none; } p { margin-bottom: 3px; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; } * html .clearfix { height: 1%; } #container { width: 1000px; margin: 0px auto; font-size: 1em; } #col1 {padding: 15px; width: 185px; float: left; display: inline;} h1#logo { width: 185px; height: 195px; margin-bottom: 45px; } h1#logo a { display: block; width: 185px; height: 195px; text-indent: -9999px; background: url(images/tbc_logo.png) no-repeat; } #nav { font-size: 1.5em; width: 185px; } #nav li { list-style: none; margin-bottom: 1px; border-top: 1px solid #6e6f69; padding-top: 1px; display: block; } #nav a:hover { color: #fff; font-weight: normal; background:#67675e url(images/arrowright.png) right no-repeat; } #nav ul { font-size: .8em; margin: 0px 0px 0px 10px; width: 175px; } #nav li li, #nav li.home { border-top: none; margin-bottom: 0px; } #nav a { color: #fff; text-decoration: none; display: block; padding: 2px; } #nav ul a:hover { color: #fff; background:#67675e url(images/arrowright.png) right no-repeat; } #nav li.current_page_parent, #nav li.current_page_item { font-weight: normal;} #nav ul .current_page_item { background:#67675e url(images/arrowright.png) right no-repeat; } #nav li.current_page_parent ul, #nav li.current_page_item ul { font-weight: normal; } #nav ul li.current_page_item a { color: #fff; font-weight: normal; background:#67675e url(images/arrowright.png) right no-repeat;} * html #nav li { height: 1%; } #col2 { width: 550px; margin: 75px 0px 0px 0px; float: left; display: inline; } #main { width: 550px; height: 344px; font-size: 1.3em; color: #000; } #main .content { width: 395px; height:60px; bacKground:url(images/cream80.png); line-height: 19px;z-index:1;margin-top:-100px;padding:10px 10px 1px;} html>body #main .content { width: 395px; height:80px; bacKground:url(images/cream80.png); line-height: 19px;z-index:1;margin-top:0px;position:relative;left:0px;top:-100px;padding:10px;} #main .content p { font-size:1.75em;margin: 0;line-height:125% } html>body #main .content p { font-size:1.75em;margin: 5px 0;line-height:125% } #main a { color:#4a4e51;} #main h2 { font-size:2.25em;font-weight:normal} #mainleft { width: 275px; height: 150px; float:left;display:inline} #mainright { width: 275px; height: 150px; float:left;display:inline} #headerimage { width: 570px; height: 225px; margin: -10px 0px 10px -10px;float:left;display:inline} #specialofferimage { width: 550px; height: 150px; float:left;display:inline;margin:-5px 0 0} .specialoffertext { width: 530px; height:70px;float: left; display: inline; background: #b11116; color: #fff; font-size: 1.1em; padding: 10px; } .specialoffertext a { color: #fff; } .specialoffertext h3 { color: #fff; font-weight: normal; font-size: 1.75em; margin-bottom: 3px; } .specialoffertext h2 a { color: #fff; } .specialoffertext p { font-size:1.25em;line-height:1.5em} .single { background: url(images/darkgrey70.png); color: #fff; font-size: 1.5em; padding: 10px; width: 395px; } .single h1 { font-weight: normal;margin:0 0 10px; } .single h2 { font-weight: normal; font-size: 1.65em; } .single h2 a { color:#fff; text-decoration:none; } .single h2 a:hover { color:#f7f3c3; text-decoration:underline; } .single h3 { font-weight: normal; font-size: 1.35em; } .single h4 { font-weight: normal; font-size: 1.15em; } .single a { color: #f7f3c3;} .single a img { border:none; } .single p { padding: 5px 0; line-height:140% } .single li { list-style:outside;list-style-image: url(images/listcrown.png);padding:5px;margin-left:15px;} .single table { margin-bottom:10px;border:none} .single td { font-size:.8em; vertical-align:top;line-height:150%; padding: 3px 0;border-top:1px solid #4a4e51} .single td.rooms { font-size:.8em; vertical-align:top;line-height:150%; padding: 3px 3px 0 0;border:none;} .single td.line { background:#7a1316;} .single td.date { width:103px;} .single th { background:#67675e; text-align:left;font-weight:normal;} h4.pagetitle { margin-bottom: 15px; } .post { clear:both;margin-bottom: 10px;} #col2 ol, #col2 ul { list-style-position: inside; margin-left: 10px; } #col2 h2, #col2 h3, #col2 h4 { margin-bottom: 3px; } .alignleft { width: 190px; float: left; } .alignright { width: 190px; float: right; text-align: right; } .left img, .right img { float: left; margin-right: 5px; } .left h2, .right h2 { font-weight: normal; font-size: 1.35em; margin-bottom: 3px} .left h2 a, .right h2 a { color: #fff; text-decoration: none; } .left h3, .right h3 { font-weight: normal; font-size: 1.75em; margin-bottom: 3px; } .left .post, .right .post { margin-bottom: 10px; } .left { width: 255px; height:70px; float: left; display: inline; background: #4a4e51; color: #fff; font-size: 1.1em; padding: 10px; margin-bottom:5px} .left a { color: #f7f3c3; } .right { width: 255px; height:70px;float: left; display: inline; background: #309aa0; color: #fff; font-size: 1.1em; padding: 10px; } .right a { color: #fff; } .right h3 { color: #fff; } .right h2 a { color: #fff; } .right p, .left p { font-size:1.15em;text-align:right;} .commentlist { margin-top: 15px; } .commentlist li { list-style: none; margin-bottom: 10px; border-bottom: 1px solid #222; } a#top { display: block; color: #ece8b2; text-decoration: underline; font-size: 0.8em; } #col3 { width: 185px; float: left; display: inline; margin: 67px 0px 0px 15px; color: #fff; font-size: 1.25em; } #col3 h3 { font-size: 1.2em; font-weight: normal; margin-bottom: 3px; } #col3 h4, #col3 h4 a { font-size: 1em; font-weight: normal; color:#fff;margin-bottom: 3px; } #col3 img, #col3 img a { margin: 0px 5px 5px 0px;float:left;display:inline;border:none } #col3 p { font-size: 1em;} #col3 a { color:#f7f3c3; } #col3 p.footer { background: #000; color: #eaeac4; font-size: 0.75em; padding: 10px 5px 10px 5px; margin-bottom:0px} #col3 .widget { font-size: 1em; padding: 5px 0px 7px; border-bottom: 1px solid #6e6f69; } #col3 .widget p a { color:#f7f3c3;} #col3 .widget h3 { padding: 0px; font-size: 1.5em; } #col3 ol, #col3 ul { list-style-position: inside; } #col3 a#rss { display: block; height: 16px; color: #f7f3c3; text-decoration: none; background: url(images/rss.gif) no-repeat center left; padding: 4px 0px 0px 25px; margin-top: 5px; } #col3 p.credit { font-size:.7em;margin:35px 0 0;text-align:right} #col3 .left, #col3 .right { font-size: 0.85em; padding: 5px; width: 195px; } #col3 .left h3, #col3 .right h3 { font-size: 1.85em; } #newsletterform input.text { float: left; padding: 2px; font-size: 0.85em; margin: 0px 0px 0px 0px; width: 175px; color: #777; } #newsletterform input#update-submit { background: #4a4e51; color: #fff; border: 1px solid #4a4e51; float: right; padding: 3px; } #searchform { height: 33px; width: 205px; background: #000; } #searchform input#submit { float: left; margin: 5px 3px 0px 3px; } #searchform input#s { float: left; padding: 2px; font-size: 0.85em; margin: 5px 0px 0px 5px; width: 150px; color: #777; } .postdivider { width:300px;background:url(images/menudivider.png) no-repeat; padding: 1.5em 0; margin: 1em auto; } .slideheader {margin:-10px 0 10px -10px;}