File: //old_home_backup/busesatwork.co.uk/public_html/morestyle.css
@charset "utf-8";
body {
margin:0;
padding:0;
width:100%;
color:#9a9a9a;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
html, .main {
padding:0;
margin:0;
background:#e7e9eb url(images/main_bg.gif) top repeat-x;
}
.clr {
clear:both;
padding:0;
margin:0;
width:100%;
font-size:0;
line-height:0;
}#social {
margin: 10px;
}
div .plusone, .twitter, .fb-like {
font-size: 1px;
display: inline-block;
}
div .fb_reset {
display: inline;
}
.logo {
width:250px;
float:left;
margin: 0 auto;
padding: 30px 0 20px;
}
.logo img {
float:left;
margin:0 10px 0 0;
}
h1 {
margin: 0;
padding: 5px 0;
color: #063;
letter-spacing: -2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 28px;
font-style: normal;
line-height: 1.2em;
font-weight: normal;
font-variant: normal;
}
h1 a {
color: #060;
text-decoration: none;
}
h1 a:hover {
color:#93ba09;
text-decoration:none;
}
h1 a:hover span {
color:#fff;
}
h1 span {
color:#93ba09;
}
h1 small {
color:#fff;
display:inline;
padding:0 0 0 10px;
font:normal 12px/1.2em Arial, Helvetica, sans-serif;
letter-spacing:normal;
}
h2 {
font: normal 24px Arial, Helvetica, sans-serif;
padding: 0;
margin: 5px 0 15px;
color: #595959;
}
p {
margin:8px 0;
padding:0 0 8px 0;
font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
p.spec {
text-align:right;
}
a {
color:#93ba09;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.rm, a.com {
margin-left:8px;
padding:9px 12px;
background:repeat-x top;
text-decoration:none;
color:#fff;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
margin:0;
padding:0;
}
.header {
}
.header_resize {
margin: 0 auto;
padding: 3px 0 30px;
width: 970px;
}
.header_img {
width: 970px;
padding: 62px 0 0;
}
.header_img img {
float:right;
}
.header_img h2 {
width: 450px;
float: left;
text-align: left;
font: normal 24px Arial, Helvetica, sans-serif;
color: #fff;
padding: 50px 0 0;
margin: 0;
}
.header_img h2 span {
font:normal 46px Arial, Helvetica, sans-serif;
color:#fff;
}
.header_img p {
width: 450px;
float: left;
text-align: left;
font: normal 12px Arial, Helvetica, sans-serif;
color: #fff;
line-height: 1.8em;
padding: 10px 0 0;
}
.menu_nav {
float:right;
width:650px;
margin: 30px 0 0;
padding: 3px 0 0 10px;
}
.menu_nav ul {
list-style:none;
padding:0;
margin:0;
}
.menu_nav li {
float:left;
padding:0 5px;
}
.menu_nav li a {
font:normal 13px Arial, Helvetica, sans-serif;
color:#959595;
display:block;
float:left;
padding:10px;
}
.menu_nav li a:hover {
text-decoration:none;
color:#93ba09;
}
.menu_nav li.active a {
text-decoration:none;
color:#93ba09;
}
.search {
margin:0;
padding:20px 0;
width:270px;
}
.search form {
padding:0;
margin:0;
}
.search span {
display:block;
float:left;
background:#fff;
border:1px solid #dcdcdd;
width:190px;
padding:0 0 0 10px;
height:29px;
margin:0;
}
.search form .keywords {
width:160px;
line-height:13px;
height:13px;
float:left;
background:none;
border:0;
padding:8px 0px;
margin:0;
font:normal 11px Arial, Helvetica, sans-serif;
color:#767676;
}
.search form .button {
float:left;
margin:0;
padding:4px 0 0 0;
border:0;
}
.content {
padding:10px 0 0 0;
}
.content_resize {
margin:0 auto;
padding:20px 0 0 0;
width:970px;
}
.content .mainbar {
margin:0;
float:right;
}
.content .mainbar img {
float:left;
padding:4px;
margin:0 10px 0 0;
border:1px solid #eaecec;
background-color:#fff;
}
.content .mainbar .article {
width:610px;
float: left;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 20px;
}
.content .mainbar .article span.butons a {
margin:0 5px 0 0;
float:right;
color:#9a9a9a;
padding:1px 10px;
text-decoration:none;
border:1px solid #ebe8e8;
background:#fbfbfc;
}
.content .mainbar .article span.butons a:hover {
border:1px solid #d9f0ff;
background:#93ba09;
color:#fff;
text-decoration:none;
}
.content .mainbar .article span.butons a.active {
border:1px solid #ebe8e8;
background:#93ba09;
color:#fff;
text-decoration:none;
}
.content .sidebar {
margin:0;
padding:0;
float:left;
}
.content .sidebar .gadget {
margin:0 0 20px 0;
padding:30px 20px;
width:230px;
}
ul.sb_menu, ul.ex_menu {
margin:0;
padding:0;
list-style:none;
color:#959595;
}
ul.sb_menu li, ul.ex_menu li {
margin:0;
}
ul.sb_menu li {
padding:4px 0 4px 12px;
width:220px;
}
ul.ex_menu li {
padding:4px 0 8px 12px;
}
ul.sb_menu li a, ul.ex_menu li a {
color:#959595;
text-decoration:none;
margin-left:-12px;
padding-left:22px;
background:url(images/li_a_hover.gif) left no-repeat;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
color:#93ba09;
text-decoration:underline;
background:url(images/li_a.gif) left no-repeat;
}
ul.sb_menu li a:hover {
text-decoration:underline;
}
ul.ex_menu li a:hover {
text-decoration:none;
}
.content .mainbar .comment {
margin:0;
padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
border:1px solid #dedede;
margin:10px 16px 0 0;
padding:0;
float:left;
}
.fbg {
padding:10px 0 0 0;
background:url(images/fbg_bg.gif);
margin:10px 0 0 0;
}
.fbg_resize {
margin:0 auto;
padding:20px 20px;
width:930px;
}
.fbg h2 {
color:#dedddd;
}
.fbg p {
color:#959595;
}
.fbg a {
color:#93ba09;
text-decoration:none;
}
.fbg img {
padding:4px;
border:1px solid #cfd2d4;
background-color:#fff;
}
.fbg .col {
margin:0;
float:left;
}
.fbg .c1 {
padding:0 16px 0 0;
width:266px;
}
.fbg .c2 {
padding:0 16px;
width:300px;
}
.fbg .c3 {
padding:0 0 0 16px;
width:260px;
}
.fbg .c1 img {
margin:8px;
}
.fbg .c3 img {
margin:8px 16px 4px 0;
float:left;
}
.footer {
width:970px;
margin:0 auto;
padding:40px 0 20px 0;
color:#474746;
}
.footer p {
margin:0;
padding:4px 0;
line-height:normal;
color:#474746;
}
.footer a {
color:#474746;
padding:inherit;
text-decoration:underline;
}
.footer a:hover {
text-decoration:none;
}
.footer .lf {
float:left;
}
.footer .rf {
float:right;
}
ol {
list-style:none;
}
ol li {
display:block;
clear:both;
}
ol li label {
display:block;
margin:0;
padding:16px 0 0 0;
}
ol li input.text {
width:480px;
border:1px solid #c0c0c0;
margin:2px 0;
padding:5px 2px;
height:16px;
background:#fff;
}
ol li textarea {
width:480px;
border:1px solid #c0c0c0;
margin:2px 0;
padding:2px;
background:#fff;
}
ol li .send {
margin:16px 0 0 0;
}
#contact-form {
background: #EAEAEA;
max-width: 250px;
width: 100%;
border-radius: 10px;
padding: 20px 10px 10px;
margin-top: 10px;
margin-bottom: 10px;
}
#contact-form h3 {
font-size: 1em;
margin: 0px;
padding: 10px 0px 0px 10px;
}
#contact-form h1 {
font-size: 1.5em;
}
div.form h3 {
padding-left:10px;
}
input, textarea {
width: 100%;
max-width:200px;
padding: 9px;
border: solid 1px #E5E5E5;
margin: 9px;
background-color: #CCCCCC;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: #C9C9C9;
max-width:200px;
}
.text textarea:focus {
color: #000;
}
.form label {
margin-left: 10px;
color: #999999;
}
.submit input {
width: 100%;
padding: 9px 15px;
font-size: 14px;
color: #FFFFFF;
background-color: #11A7F2;
border: 0;
border-radius: 2px;
}