/*  
Theme Name: 1-Web
Theme URI: http://1webservices.co.uk/
Description: Theme for 1-Web Services
Version: 1.0
Author: 1-Web Services
Author URI: http://1webservices.co.uk/
*/
@import 'reset.css';
@import 'fonts/fertigo_pro.css';
@import 'fonts/fontin.css';

body {font-family: Fontin; font-size: 95%;}
h1,h2,h3,h4 {font-family: Fontin; cursor: default; font-weight: normal;}
p {margin: 0 0 7px; line-height: 22px;}
a {color: #fff; text-decoration: none;}
a:hover,a:focus {background-color:  #6e81a0;}
hr {display: none;}
textarea {font-size: 1.1em; font-family: 'trebuchet ms'; padding: 5px;}
/* hack classes */
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.click {cursor: pointer;}
.click a {color: #000;}
.click a:hover {background: 0;}
.hidden {display: none;}

/* main blue: #314b77
darker blue: #21324f
link blue: #6e81a0;
*/

html {min-width: 960px; background-color: #21324f; color: #fff;}
body {background: url(images/bg.png) repeat-x;}

div.header {width: 960px; margin: 0 auto; height: 134px;  background: url(images/header.png) no-repeat; overflow: hidden;}
h1 {margin:20px; height: 99px; background: url(images/logo.png) no-repeat transparent;}
h1 a.title {display: block; text-indent: -9999px; width: 470px; height: 70px;}
h1 a.title:hover,h1 a.title:active,h1 a.title:focus {background-color: transparent;}
div.header ul {display: block; margin: 13px 0 0 85px;}
div.header:hover ul {display: block;}
div.header li {float: left; margin-left: 19px; font-size: 1.05em;}
div.header li.current {display: none;}

div.main {background: url(images/main.png) repeat-x #314c78; overflow: hidden;}
div.main div.container {width: 930px; margin: 0 auto; padding: 0 0 20px 0;}
div.main div.container div.text {padding-top: 20px;}
div.main p.admin {display: none;}
div.main h2 {font-size: 1.5em; margin-bottom: 10px;}
div.main div.admin h2,div.main div.error h2 {display: block;}
div.main p {font-size: 1.3em;}
/* div.intro {font-size: 1.3em; padding-top: 10px;  overflow: hidden;}
div.intro p {width: 48%; float: left; margin-left: 4%;}
div.intro p:first-child {margin-left: 0;} */
div.main ul,div.info ul {margin: 0 0 7px; line-height: 22px;}

div.info {background-color: #21324f;}
div.info div.info-t {background: url(images/sub-t.png) repeat-x transparent; height: 28px;}
div.info div.info-c {width: 930px; margin: 0 auto; padding: 0 0;}
div.info h2 {font-size: 1.5em; margin-bottom: 10px;}
div.info h3 {font-size: 1.3em; color: #f8f8f8; margin: 15px 0 5px;}
div.info p,div.info ul,div.info blockquote {font-family: tahoma;}
div.info blockquote {margin-left: 25px;}
div.info ul {list-style: circle; margin: 10px 0 10px 25px;}
div.info ul li {margin: 2px 0 5px;}
div.info div.info-c div {margin-bottom: 15px;}
div.info div.info-c div:last-child {margin-bottom: 0;}
div.info-b {background: url(images/sub-b.png) repeat-x transparent; height: 28px;}
div.info div.info-c {background: url(images/mini.png) no-repeat bottom; padding: 0 0 20px 0; overflow: auto;}
div.main a,div.info a {border-bottom: 1px dotted #fff;}
div.main ul a,div.info ul a {border: 0;}
div.main a:hover,div.info a:hover,div.main a:focus,div.info a:focus,div.main a:active,div.info a:active {background: #6e81a0;}

h2 span, h3 span {float: right; font-size: 0.8em;}
h2 span em {display: none;}
span.admin {float: right; font-size: 0.8em; display: block;}
span.admin a {margin-left: 15px; font-size: 1.1em;}
span.admin em {display: none;}
span.message {font-family: century; border: 1px solid #fff; padding: 5px; margin-top: 10px;}

footer {background: url(images/footer.png) no-repeat 650px bottom #314b77; color: #fff;}
footer div.container {width: 930px;  margin: 0 auto;}
footer div.company {float: right; height: 112px; padding: 35px 0 0 0; width: 290px; margin-right: 20px;}
footer a:hover,div.footer a:focus,div.footer a:active {background: #6e81a0;}
footer p {font-family: tahoma; text-align: right;}
footer ul.nav {float: left; padding-top: 20px;}
footer ul.nav li {float: left; width: 135px; margin-right: 20px; font-weight: normal;}
footer li span {display: block; padding-bottom: 5px; text-align: center; font-size: 1.1em; cursor: default; border-bottom: 1px solid #fff;}
footer em {font-style: normal;}
footer ul.nav li ul {margin-top: 5px; font-family: tahoma; }
footer ul.nav li li {display: block; float: none; padding: 2px 0; margin: 0;}

div.box-t div {height: 7px; background-repeat: no-repeat; background-position: bottom; overflow: hidden;}
div.box-b div {height: 7px; overflow: hidden;}
div.box-l {float: left; width: 17px;}
div.box-r {float: right; width: 17px;}
div.box-t div.box-c {width: auto; margin: 0 17px 0 17px; background: #556b90;}
div.box-b div.box-c {width: auto; margin: 0 17px 0 15px; background: #556b90;}
div.box-m {}
div.box-m div.box-l {display: none;}
div.box-m div.box-r {display: none;}
div.box-m div.box-c {padding: 5px 25px 5px 15px; background: #556b90; overflow: hidden;}
div.box-b div.box-r {background-image: url(images/box-b-r.png);}
div.box-b div.box-l {background-image: url(images/box-b-l.png);}
div.box-t div.box-r {background-image: url(images/box-t-r.png);}
div.box-t div.box-l {background-image: url(images/box-t-l.png);}

div.curves {background: #556b90; padding: 5px 25px 5px 15px; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

/** for most forms on the site - if this isn't included in style.css it should be in admin.css **/
fieldset.align table {margin: 0 0 10px 70px;}
fieldset.align input,fieldset.align select {display: block; width: 200px; float: left; margin-bottom: 10px; padding: 3px;}
fieldset.align select.short {width: 40px !important;}
fieldset.align span {display: block; float: left; margin: 0 10px;}
fieldset.align label {display: block; float: left; margin-bottom: 10px; text-align: right; width: 140px; padding: 3px 10px 0 0; font-family: tahoma;}
fieldset.align label.line {width: auto; margin-left: 20px;}
fieldset.align ul {list-style: none;}
fieldset.align br {clear: left;}
fieldset.align input.submit {width: 350px; margin-left: 30px}
fieldset.align textarea {display: inline; width: auto; float: none; margin-bottom: 5px;}
fieldset.align p {margin-bottom: 8px;}
textarea {width: 99%;}
fieldset.text {margin-top: 5px;}
fieldset.text input.submit {width: 100%; margin-top: 2px; padding: 3px;}
input[type="text"]:hover,input[type="text"]:focus,input[type="password"]:hover,input[type="password"]:focus {border: 1px solid #fc0;}

a.inlineedit:hover {background-color: #6e81a0 !important;}

div.grid {width: 100%; position: absolute; height: 2000px;}
div.grid div {width: 930px; margin: 0 auto; height: 100%;}
div.grid div div {width: 308px; border: 1px solid #f00; float: left; height: 100%;}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
html,body {height: 100%;}
div.wrap {min-height: 100%;}
div.info {overflow:auto;
	padding-bottom: 175px;}  /* must be same height as the footer */
footer {position: relative;clear: both;display: block;
	margin-top: -175px; /* negative value of footer height */
	height: 175px;} 
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
