/* Theme Name: elev8 theme Theme URI: http://www.paulmatson.co.uk Description: Standard theme based on Kubrick by Michael Heilemann. Version: 1.0 Author: Paul Matson Author URI: http://www.paulmatson.co.uk */ body { margin: 0; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Helvetica, Arial, sans-serif; color: #605271; text-align: center; background-color: #e5e1eb; } #container { margin: 0 auto; padding: 0; width: 880px; background: #e5e1eb url('images/bkg.jpg') repeat-y top; } #page { margin: 0 auto; padding: 0; width: 860px; background: #FFF url('images/8-bkg.gif') 0px 265px no-repeat; overflow: hidden; text-align: left; } /* links */ a, a:visited { color: #605271; text-decoration: underline; } a:hover { color: #F90; text-decoration: underline; } h1, h2, h3 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; } h1 { font-size: 4em; text-align: left; } h1 { margin: 0; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; } h2 { font-size: 1.85em; padding:0; padding: 16px 5px 10px 5px; margin: 0; } h2, h2 a, h2 a:visited { color: #605271; } h2, h2 a, h2 a:hover, h2 a:visited { text-decoration: none; } h2 a:hover { color: #666; text-decoration: none; } h3 { font-size: 1.35em; line-height: 130%; padding: 0 5px 0 5px; margin: 8px 0 10px 0; } h3.nogap {margin:12px 0 0 0;} h3, h3 a, h3 a:visited { color: #605271;} h3, h3 a, h3 a:hover, h3 a:visited { text-decoration: none; } h3 a:hover { color: #FF9900; text-decoration: none; } h4 { font-size: 1em; font-weight:bold; font-size: 1.1em; line-height: 125%; padding:5px 5px 5px 5px; color:#FFF; margin: 0; color:#605271; } h4 a, h4 a:visited { color:#FFF; text-decoration: none; } h4 a:hover { color: #605271; text-decoration: none; } /* header */ #header { margin: 0; padding: 0; height: 95px; width: 860px; background: #FFF url('images/header-bkg.gif') repeat-x top left; } div#headwrap { float: left; height: 95px; width: 175px; border: 0; padding: 0 0 0 20px; cursor: pointer; } div#headwrap h1 { background: transparent url(images/elev8-logo.gif) top left no-repeat; margin: 12px 0 0 0; border: 0; padding-top: 83px; overflow: hidden; height: 0px !important; /* for most browsers */ height /**/:83px; /* for pre 6.0 IE Win */ } /* tools */ #txtresize { font-size: 1.3em; font-weight: bold; width: 100px; margin-left: 740px; padding-top: 12px; text-align:right; } #txtresize a { text-decoration: none; color: #808285; } #txtresize a:hover { text-decoration: underline; color: #456; } /* nav */ #nav { list-style: none; clear:both; width: 100%; height: 25px; background-color: #605271; margin: 0; padding: 0; } #nav ul { font-size: 1.4em; font-weight: bold; padding: 0; margin: 0; } #nav .inline-nav { padding-left: 220px; padding-top: 6px; margin-left: -10px; color: #CEE6B5; } #nav .inline-nav li { display: inline; border: 0; border-left: 2px solid #C5C0CC; padding: 0 20px; } #nav .inline-nav li.first { border: none; } #nav a { color: #FFF; text-decoration: none;} #nav a:hover { color: #FF9900; } #nav a.active { color: #FF9900; } /* banner */ #banner { height: 145px; width: 860px; background-color: #456; } /* Important - changes every size within content */ #content { font-size: 1.4em; } /* narrowcolumn */ .narrowcolumn .entry { line-height: 1.4em; } .narrowcolumn { float: right; padding: 0 20px 0 0; margin: 0; width: 625px; } .narrowcolumn .postmetadata { padding-top: 5px; text-align: left; } .narrowcolumn .entry p { padding: 0 5px 0 5px; margin: 2px 0 10px 0; } /* post */ .post { margin: 0 0 20px; width: 625px;} .post hr { display: block; } /* homecol */ .homecol1 {width: 340px; padding-right: 25px; float:left; } .homecol2 {width: 250px; float:left;} /* col */ .col1 { width: 300px; padding-right: 25px; float:left; } .col2 {width: 300px; float:left;} /* serviceBox */ .serviceBox {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #D8D5DF; margin-bottom: 16px; background: #FFF url(images/serviceBoxBkg.gif) repeat-x top left; } /* homeBox */ .homeBox {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px solid #D8D5DF; margin-bottom: 16px; margin-top: 12px; background: #FFF url(images/homebox-bkg.gif) repeat-x top left; } .homebox strong {padding:5px; margin-top:5px; } /* aligning images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* lists outside of sidebar */ .entry ul { margin-left: 0px; padding-left: 15px; padding-right:15px; list-style: square; color: #605271; } .entry ul li { margin: 2px 0 2px 4px; padding-right: 15px; } .entry li a { text-decoration: underline; } .entry ol { padding: 0; padding-left: 25px; margin: 0; } .entry ol li { margin: 2px 0 2px 4px; padding: 0; } .entry ol li { list-style: decimal outside; } .serviceBox ul li {font-size: 0.95em;} /* Begin Sidebar */ #sidebar { text-align: left; padding: 0; margin:0; width: 215px; } /* footer */ #footer { font-size: 0.95em; padding:12px 0 12px 0; margin: 0 auto; width: 100%; clear: both; color: #666; border-top: 1px solid #CED0D2; } #footer p { margin: 0; } #leftfooter { width: 360px; } #rightfooter { width: 240px; float: right; text-align: right; } hr { display: none; } a img { border: none; } /* widecolumn */ .widecolumn { line-height: 1.6em; padding: 0; margin: 5px 0 0 150px; width: 450px; } .widecolumn .entry { line-height: 1.4em; clear:both; } .widecolumn .entry p { font-size: 1.05em; } .widecolumn .post { margin: 0; } .widecolumn .postmetadata { margin: 30px 0; } /* email form */ form {margin-top: 20px; } form dl, dl.labels { font-size:100%; margin:0em; margin-top:0.5em; } form dt, dl.labels dt { float:left; width:10em; margin-bottom:0.8em; color:#605271; text-align:right; font-weight:normal; position:relative /*IEWin hack*/ } form dd, dl.labels dd { margin-left:10.5em; margin-bottom:0.8em; font-size:100%; font-style:normal; padding-left:0.5em; } form dd.submit, dl.labels dd.submit { margin-top:2em; }