/* CSS Document for Julians Barn*/ /* BODY STYLE * this definition will affect both the block e.g. margin, padding, * and some styles will be inherited by the tags inside e.g. font, background; */ body { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #000000; padding: 0; margin: 0; } /* BLOCK STYLES * this definition will remove all margins and padding from the default blocks */ h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; } /* LINK STYLES * these style definitions affect all links, unless explicitly overridden */ a { color: #A13825; text-decoration: none; font-weight: bold; } a:hover { color: #A13825; text-decoration: underline; } /* LAYOUT * these styles determine the size and location of the page elements */ #container { /* Centres content on screen */ margin: 25px auto; width: 800px; } #page { width: 800px; } #leftcol { float: left; width: 169px; /* margin-right: 10px; if we want a margin */ } #rightcol { float: left; width: 614px; margin-left: 14px; } .rightcolnarrow1 { float: left; width: 200px; margin-left: 14px; margin-right: 34px; } .rightcolnarrow { float: left; width: 370px; } /* LEFT COLUMN */ #logo a { display: block; background: url('images/Barn_Logo.jpg') no-repeat 0 0; /* define image url */ height: 140px; /* define image size */ width: 169px; /*text-indent: -9000px; move original text of the page */ /*overflow: hidden; and make sure it's hidden */ margin-bottom: 14px } #contactdetails { background-color: #0074A2; text-align: right; padding: 15px 15px 0px 0px; color: #FFFFFF; height: 50px; } #contactdetails a { color: #FFFFFF; } #contactdetails a:hover { text-decoration: underline; } /* RIGHT COLUMN */ #mainimage { margin-bottom: 14px; } #pagetitle { clear: both; margin-top: 14px; margin-bottom: 28px; } #hometitle { margin-top: 14px; margin-bottom: 28px; } #content { margin-top: 28px; } /* Homepage Images */ .smallimage { float:right; display:block; height: 135px; width: 180px; margin-left: 14px; } .gallerythumbs { border:10px solid white; } /*FOOTER*/ #footer { clear:both; text-align: right; padding: 10px 0px; } /*Form Content*/ form .field { width: 230px; background-color: #EAEAEA; } form ol { list-style: none; margin: 1em 0 0 0; padding: 0; } form ol li { list-style: none; margin: 0; padding: 0; } #buttons { margin-left: 130px; } form label { display: block; width: 130px; float: left; } .invalid { color: #800; background: #fee; display: block; padding: 1em; }