/*
Theme Name: Hi-Maintenance
Author: Stuart Magog
Author URI: www.stuart-magog.co.uk
Version: 1.0
*/

/* Colours:
Red: #d71921
Light Grey: #e8e8e8
Text: #333
Lines: #ccc
*/

/***** Global Settings *****/
html, body {
border:0;
margin:0;
padding:0;
color:#333;
}
html{
background:#6c0000 url(images/background.gif) top center no-repeat;
}
body {
/* Set font as 10px - 1em will equal 10px */
font:62.5%/1.4 Arial, Helvetica, sans-serif;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
font-weight:normal;
}
/***** Common Formatting *****/
p, ul, ol{
margin:0;
padding:0;
}
ul, ol{
list-style-type:none;
} 
li{
padding:0;
margin:0;
list-style-type:none;
}
img{
border:0;
}
/***** Links *****/
a, a:link, a:visited, a:hover{
text-decoration:none;
}
/***** Global Classes *****/
.nomargin{
margin:0;
padding:0;
}
.highlight{
color:#d71921;
font-weight:bold;
}
.gap{
margin:0 5px;
}
/* ************************************************************************************************************************* */
#wrapper{
width:980px;
margin:0 auto;
}
#floatfix{
width:980px;
float:left;
background:#fff;
}
/* *********************************** Header ****************************** */
#header{
width:100%;
float:left;
}
h1{
/* set width and height as dimensions of logo */
width:370px;
height:105px;
position:relative;
overflow:hidden;
margin:0;
font-size:1.6em;
line-height:18px;
float:left;
cursor:pointer;
}
h1 span {
background:url(images/hi-maintenance.gif) top left no-repeat;
position:absolute;
width:100%;
height:100%;
}
#header p{
font-size:1.2em;
width:590px;
text-align:right;
float:left;
padding:40px 0 0;
}
#header p .highlight{
font-weight:bold;
margin:0 0 0 8px;
}
#header a{
color:#333;
}
#header a:hover{
text-decoration:underline;
}
/* *********************************** Navigation ****************************** */
#nav{
width:100%;
float:left;
height:35px;
background:url(images/nav.gif) top left repeat-x;
}
#nav li{
float:left;
width:auto;
font-size:1.2em;
}
#nav a{
color:#fff;
height:15px;
padding:10px 36px;
display:block;
background:url(images/nav-link.gif) bottom right no-repeat;
}
#nav a:hover{
text-decoration:underline;
}
#nav a.nav-active{
background:url(images/nav-over.gif) bottom center no-repeat;
}
/* ******************************** Main ****************************************** */
#main{
width:940px;
padding:38px 20px 0;
float:left;
}
#main a{
color:#d71921;
text-decoration:underline;
}
#main a.plain, #main h2 a{
color:#333;
text-decoration:none;
}
#main a.plain:hover{
color:#d71921;
text-decoration:underline;
}
#main h2 a:hover{
text-decoration:underline;
}
/* ********************************* Sidebar ****************************** */
#sidebar{
width:280px;
float:left;
margin:0 50px 20px 0;
}
#sidebar h2{
border-top:5px solid #d71921;
background:#e8e8e8;
padding:12px 10px;
font:1.6em/1.4 Georgia, "Times New Roman", Times, serif;
}
#sidebar h3{
font-size:1.2em;
margin:0 0 0.2em;
font-weight:bold;
}
#sidebar h3 a{
color:#333;
text-decoration:none;
}
#sidebar h3 a:hover{
color:#d71921;
text-decoration:underline;
}
#sidebar p{
font-size:1.1em;
line-height:1.3;
}
#sidebar li{
width:280px;
float:left;
margin:0 0 42px;
}
#sidebar .side-story{
border-bottom:1px solid #ccc;
padding:10px 0;
width:280px;
float:left;
}
#sidebar img{
float:left;
margin:0 10px 0 0;
}
#main #sidebar h2 a{
color:#333;
text-decoration:none;
}
#main #sidebar h2 a:hover{
text-decoration:underline;
}
/* ********************************* Content ****************************** */
#content{
width:610px;
float:left;
padding:0 0 40px;
}
#content .banner{
margin:0 0 30px;
}
#content h2{
font-size:1.8em;
line-height:1.3;
margin:0 0 1.2em;
}
#content h3{
font-size:1.5em;
margin:2em 0 0.6em;
font-weight:bold;
}
#content p{
font-size:1.2em;
margin:0 0 1.2em;
}
#content p.intro{
font-size:1.8em;
line-height:1.3;
}
#content p.small{
font-size:1em;
}
#content ul{
font-size:1.2em;
margin:0 0 1.2em;
}
#content .picture{
width:295px;
float:left;
margin:0 10px 10px 0;
padding:0 0 6px;
background:#e8e8e8;
}
#content .picture img{
margin:0 0 6px;
}
#content p.caption{
font-size:1em;
text-align:center;
margin:0;
}
/* ************************************ Services Page ******************************* */
#content .services-page li{
padding:0 0 0 18px;
background:url(images/bullet.gif) center left no-repeat;
margin:0 0 0.3em;
}
/* ********************************** Stories ******************************* */
#content .story{
margin:0 0 2.6em;
padding:0 0 1.5em;
border-bottom:1px solid #ccc;
width:610px;
float:left;
}
#content .story h3{
margin:0 0 0.5em;
font-size:1.8em;
font-weight:normal;
}
#content .story h3 a{
color:#333;
text-decoration:none;
}
#content .story h3 a:hover{
text-decoration:underline;
}
#content .story h3 span.date{
font-size:0.7em;
color:#666;
}
#content .story p.date{
font-size:1em;
}
.story img{
float:left;
margin:6px 10px 0 0;
}
#content h3 + .story{
margin-top:2em;
}
/* ********************************** Projects ******************************* */
#content .project{
}
#content .project h2{
margin:0 0 0.5em;
}
#content .project h3{
margin-top:1.5em;
}
#content .project ul.meta{
clear:both;
margin-bottom:2em;
}
#content .project ul.meta li{
margin-bottom:0.1em;
}
#content .project .picture{
margin-bottom:3em;
}
/* ********************************* Footer ****************************** */
#footer{
width:940px;
padding:10px 0;
margin:0 20px;
border-top:1px solid #ccc;
float:left;
}
#footer p{
font-size:1.1em;
}
#footer a{
color:#333;
}
#footer a:hover{
text-decoration:underline;
}
#footer a.web-design{
background:url(images/web-design.gif) top left no-repeat;
padding:0 0 6px 23px;
margin:0 0 0 18px;
}
/* *********************************** WordPress Images ********************************* */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
div.wp-caption{
text-align:center;
width:295px !important;
background:#e8e8e8;
}
#content div.wp-caption p{
font-size:1em;
padding:0.7em 0;
margin:0;
}
div.alignleft{
float:left;
margin:4px 10px 6px 0;
}