File: /home/dorsetandsomersetairambulance.org.uk/public_html/css/style.css
* {
margin: 0;
padding: 0;
outline: 0;
text-align: justify;
}
body {
font-size:12px;
line-height:20px;
font-family:Georgia, Arial, Helvetica, Sans-Serif;
color:#333;
background:url(images/body-bg.gif) repeat 0 0;
}
a {
color: #ff0000;
text-decoration: none;
}
a:hover {
text-decoration:underline;
}
a img {
border:0;
}
input, textarea, select {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
textarea {
overflow:auto;
}
.cl {
display:block;
height:0;
font-size:0;
line-height:0;
text-indent:-4000px;
clear:both;
}
.notext {
font-size: 0;
line-height: 0;
}
.left, .alignleft {
float: left;
}
.right, .alignright {
float:right;
display:inline;
}
.shell {
width:980px;
margin:0 auto;
}
.border {
border:1px solid #e8e8e8;
background:#fff;
position:relative;
}
.shadow-l {
background:url(images/shadow-l.png) no-repeat 0 0;
width:25px;
height:686px;
position:absolute;
top:0;
left:-25px;
}
.shadow-r {
background:url(images/shadow-r.png) no-repeat 0 0;
width:25px;
height:686px;
position:absolute;
top:0;
right:-25px;
}
.shadow-b {
background:url(images/shadow-b.png) no-repeat 0 0;
width:980px;
height:20px;
position:absolute;
bottom:-20;
left:0;
}
#header {
background:url(images/header-bg.gif) repeat-x 0 0;
height:109px;
position:relative;
}
#logo a {
background: 0 0;
width: 356px;
height: 69px;
position: absolute;
top: 0;
left: 0;
padding-top: 40px;
line-height: 30px;
text-transform: capitalize;
padding-left: 15px;
}
.socials {
padding:23px 11px 0 0;
}
.socials ul {
list-style:none;
}
.socials ul li {
display:inline;
float:left;
font-family:"Trebuchet MS", Arial, sans-serif;
font-size:11px;
line-height:16px;
border-right:1px dotted #b9b9b9;
padding:2px 17px 2px 0;
margin:0 15px 0 0;
}
.socials ul li.last {
border:0;
margin:0;
}
.socials ul li a {
float:left;
color:#b9b9b9;
height:16px;
padding:0 0 0 20px;
}
.socials ul li a.rss {
background:url(images/soc-rss.gif) no-repeat 0 0;
}
.socials ul li a.fb {
background:url(images/soc-fb.gif) no-repeat 0 0;
}
.socials ul li a.twit {
background:url(images/soc-twit.gif) no-repeat 0 0;
}
#navigation {
height:43px;
border-top:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
}
#navigation ul {
list-style:none;
}
#navigation ul li {
float:left;
height:43px;
border-right:1px solid #dbdbdb;
font-size:12px;
line-height:43px;
font-weight:bold;
text-transform:uppercase;
}
#navigation ul li a {
float:left;
height:43px;
color:#000;
padding:0 33px;
}
#navigation ul li a:hover, #navigation ul li a.active {
color:#ff0000;
text-decoration:none;
}
.slider {
width:930px;
height:300px;
border:1px solid #dbdbdb;
position:relative;
margin:25px 0 0 24px;
}
.slider .item {
position:relative;
width:928px;
height:298px;
}
.slider .item img {
position:absolute;
top:0;
left:0;
z-index:1;
}
.slider .text {
position: absolute;
top: 96px;
left: 497px;
z-index: 2;
}
.slider .text h3 {
font-size:45px;
line-height:45px;
color:#ff0000;
padding:0 0 0 7px;
}
.slider .text h2 {
font-size:58px;
line-height:58px;
color:#39393d;
text-transform:uppercase;
padding:0 0 0 2px;
}
.slider-nav {
width:92px;
height:18px;
position:absolute;
bottom:9px;
right:6px;
z-index:3;
}
.slider-nav a {
width:18px;
height:18px;
background:#d7d7d8;
margin:0 5px 0 0;
}
.slider-nav a.active {
background:#39393d;
}
#main {
width:932px;
padding:37px 24px 17px 24px;
}
#main h3 {
font-size:12px;
line-height:15px;
color:#000;
text-transform:uppercase;
border-bottom:1px solid #dbdbdb;
padding:0 0 9px 0;
}
#main a.more {
background:url(images/more.gif) no-repeat 0 3px;
font-size:11px;
line-height:14px;
color:#ff0000;
text-decoration:underline;
padding:0 0 0 13px;
}
#main a.more:hover {
text-decoration:none;
}
#content {
width:605px;
}
.highlight h3 {
margin:0 0 9px 0;
}
.highlight p {
padding:0 0 11px 0;
}
.highlight img {
margin:4px 12px 0 12px;
}
.projects {
padding:65px 0 0 0;
}
.projects h3 {
margin:0 0 17px 0;
}
.projects .item {
margin:0 0 28px 0;
}
.projects .image {
width:183px;
height:111px;
border:1px solid #dbdbdb;
padding:2px;
margin:0 20px 0 3px;
}
.projects .text {
width:393px;
}
.projects .text h4 {
font-size:12px;
line-height:15px;
color:#333;
text-transform:uppercase;
padding:3px 0 2px 0;
}
.projects .text p {
padding:0 0 3px 0;
}
#sidebar {
width:300px;
}
.sidebar-nav {
list-style:none;
padding:0 0 17px 0;
}
.sidebar-nav ul {
list-style:none;
}
.sidebar-nav ul li {
border-bottom:1px solid #dbdbdb;
font-size:12px;
line-height:18px;
padding:7px 0;
}
.sidebar-nav ul li a {
background:url(images/bullet.gif) no-repeat 5px 4px;
color:#333;
padding:0 0 0 16px;
}
.btn-buy {
background:url(images/btn-buy.gif) no-repeat 0 0;
display:block;
width:307px;
height:86px;
font-size:40px;
line-height:86px;
color:#b50000;
font-weight:bold;
text-align:center;
margin:0 0 17px 0;
position:relative;
left:-3px;
}
.btn-buy:hover {
text-decoration:none;
}
.advertisement {
padding:0 0 13px 0;
}
.advertisement h3 {
margin:0 0 18px 0;
}
.advertisement .ads {
padding:0 15px 0 7px;
}
.advertisement .ad {
margin:0 0 18px 0;
}
#sidebar .info h3 {
margin:0 0 7px 0;
}
#footer {
font-family:Arial, sans-serif;
font-size:11px;
line-height:14px;
color:#7f7f7f;
padding:18px 27px 20px 38px;
}
#footer a {
color:#7f7f7f;
text-decoration:none;
}