/* Created by: eddyfever for SimpleTheme! thanx to: get-simple.info */ /* IF you use other pages then template.php scroll down for speciafid options for that page */ /* General */ * { padding: 0; margin: 0; } h1,h2,h3,h4,h5,h6,pre,code {font-size:2em;font-weight:400;} #rightcolumn p { font-family: arial, "lucida Grande", verdana, helvetica, sans-serif; font-size: 13px; color: #41606d; padding-bottom: 10px; } ul,ol,li,h2,h3,h4,h5,h6,pre,form,body,html,fieldset,input {margin:0; padding:0} a img,:link img,:visited img {border:none} img { border: 0px; } html { height: 100%; } body { font-family: arial, "lucida Grande", verdana, helvetica, sans-serif; font-size: 13px; color: #41606d; background-color:#678298; background-image: url(http://www.sodium-hydroxide.co.uk/data/uploads/bg.gif); background-position: center; background-repeat: repeat-y; line-height: 22px; text-align: center; margin: 0px; padding: 0px; height: 100%; } #outerwrapper { text-align: left; margin-right: auto; margin-left: auto; margin-bottom: 0px; margin-top: 0px; width: 922px; height: 100%; z-index: 1; background-position: center; background-repeat: repeat-y;} /* Headers */ h1{ color: #0f2d6b; line-height:36px; font-family:arial; background-color:#babcc3; padding: 0px 0px 4px 15px; margin-bottom: 15px; } h2{ color: #37484d; line-height:36px; font-family:arial; } h3{ font-size: 1.5em; color: #37484d; line-height:36px; font-family:arial; } h4{ font-size: 1.5em; line-height:36px; font-family:arial; } /* Links */ a:link, a:active, a:visited{ color: #0f2d6b; text-decoration: none; } a:hover{ color: #000000; text-decoration: none; } #wrap1 a:link, #wrap1 a:active, #wrap1 a:visited{ color: #000000; text-decoration: none; } #wrap1 a:hover{ color: #0f2d6b; text-decoration: none; } /* Columns */ #wrapper { position: relative; z-index: 5; width: 922px; height: 140px; background-color:#000066; } /* Header template.php */ #header { position: absolute; z-index: 6; width: 922px; height: 120px; background-image:url(http://www.sodium-hydroxide.co.uk/data/uploads/header_bg.jpg) } #header img{ float: left; margin-right: 25px; height: 120px } #header .logo{ padding: 20px 0px 0px 0px; margin-left: 25px; line-height: 53px; color: #0f2d6b; font-family: Helvetica; font-weight: bold; font-size: 45px; } #header .tagline{ padding-left: 93px; color:#37484d; font-family:arial; font-size:24px; } /* leftcolumn template.php */ #leftcolumn { z-index: 7; position: absolute; left: 0px; top: 140px; margin: 0px 0px 50px 0px; padding: 10px; width: 200px; } /* rightcolumn template.php */ #rightcolumn { z-index: 8; position: absolute; left: 232px; top: 140px; margin: 0px 0px 50px 0px; padding: 10px; width: 668px; display: inline; } /* rightcolumn liststyle template.php */ #rightcolumn ul { padding-left: 18px; } /* Content */ /* date */ .date{ padding-top: 10px; color: #37484d; font-size: 11px; font-style: italic; } /* Featured template.php */ #featured { background: #41606d; color: #ffffff; width: 922px; margin: 0 auto; padding-top: 25px; padding-bottom: 45px; } /* Featured image as used on ieddy.nl/getsimple template.php */ #featured img, #featured2 img{ margin-right: 10px; } #featured ul{ list-style: none; } /* Footer with credits */ #footer { background: #37484d; width: 922px; margin: 0 auto; clear: both; padding: 10px; height: auto; font-size: 11px; text-align: right; } /* Wraps for 100% width */ .wrap1{ clear: both; background: #41606d; width: 100%; border-bottom: 1px #2d424a solid; } .wrap2{ border-top: 1px #b0d5e1 solid; background: #ffffff; width: 100%; } /** CONTACT FORM by: get-simple.info **/ .contactform { margin:0 0 20px 0;} .contactform b { display:block;} .contactform input.text, .contactform textarea, .contactform select { width:250px;padding:4px;font-family:arial;font-size:13px;margin:2px 0 7px 0; background: #b0d5e1; border: 1px solid #0f2d6b; color: #41606d; } .contactform textarea {height:150px;width:350px;} .contactform input#contact-submit {padding:4px;width:150px;font-weight:bold;} .contactform p.contactmsg {padding:4px;border:1px solid #ccc;background:#f9f9f9;font-weight:bold;} .contactform p.success {color:#00CC33;} .contactform p.error {color:#CC0000;} /* Menu */ /* for IE5 and IE6, update your browser!!!*/ #menu li{ display: inline; } #menu a{ background-color: #e6e9f1; color: #000066; font-weight:bold; text-decoration: none; display: block; padding: 6px 6px 6px 15px; border-bottom: 1px solid #c0c0c0; } #menu a:link, #menu a:visited{ background-color: #e6e9f1; color: #000066; text-decoration: none; } #menu a:hover{ background-color: #000066; color: #ffffff; border-bottom: 1px solid #c0c0c0; } /* Elements */ code{ margin-top: 1em; margin-bottom: 1em; font-size: 11px; display: block; padding: 15px; background: #b0d5e1; border: 1px dashed #0f2d6b; } hr{ background-color: #0f2d6b; height: 1px; border: 0px; } blockquote { font-style: italic; margin: 0px; padding: 15px; border-left: 3px solid #0f2d6b; background: #b0d5e1; } #download a { font-size: 30px; line-height:36px; font-family:arial; display: block; width: 300px; text-align: center; padding: 6px; background-color: #b0d5e1; color: #2d424a; border-bottom: 1px solid #37484d; } #download a:link, #download a:visited { color: #2d424a; text-decoration: none; } #download a:hover{ background-color: #0f2d6b; color: #ffffff; border-bottom: 1px solid #41606d; } /** menu_right.php **/ #leftcolumn2 { margin: 0px 0px 50px 0px; padding: 10px; width: 678px; float: left; } #leftcolumn2 ul { padding-left: 18px; } #rightcolumn2 { float: right; margin: 0px 0px 50px 0px; padding: 10px; width: 200px; display: inline; } /** 2columns.php **/ #featured_left{ width: 430px; padding-right: 50px; float: left; } #featured_right{ width: 430px; float: right; } #featured2 { background: #41606d; color: #ffffff; width: 922px; height: 230px; margin: 0 auto; padding-top: 25px; } /** featured.php **/ .wrap1_1{ background: #41606d; width: 100%; padding-left: 10px; border-top: 1px #b0d5e1 solid; border-bottom: 1px #2d424a solid; } .wrap2_1{ clear: both; border-top: 1px #b0d5e1 solid; background: #37484d; width: 100%; }#callout2 {
	background-color: #e4ebf0;
	height: auto;
	width: 170px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border: thick solid #000066;
	padding: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
} 


.ctaemail1 { 
	font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
	font-size: 16px;
        color: #000000;
	font-weight: bold;
        margin:0; padding:0;
        }
.ctaemail2 { 
	font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
	font-size: 18px;
        color: #FF0000;
	font-weight: bold;
        margin:0; padding:0;
        }
.ctaemail3 { 
	font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
	font-size: 11px;
        color: #000000;
	font-weight: bold;
        margin:0; padding:0;
        }
.ctaemail4 { 
	font-family: Arial Rounded MT, Arial, Helvetica, sans-serif;
	font-size: 14px;
        color: #FF0000;
	font-weight: bold;
        margin:0; padding:0;
        }

#bookmarks {
    position: absolute;
	z-index: 20;
	height: 50px;
	width: 250px;
    left: 500px;
	top: 22px;
}