/*  
Theme Name: Opal design
Theme URI: http://www.opaldesign.co.uk
Description: The totally nice Wordpress theme. 
Version: 1.0
Author: Lyn Williams
Author URI: http://www.opaldesign.co.uk
*/



/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

Clear Fix css below:

************************************************************************************************************************************************************ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ************************************************************************************************************************************************************

Main Styling below:

************************************************************************************************************************************************************ */

body {
background: #0b4284 url(images/mainbg.jpg) no-repeat center top;
font-size: 62.5%; /* Resets 1em to 10px */
position: relative;
font-family: "Trebuchet MS", Tahoma, Arial;
}

p {
font-size: 1.3em;
color: #50504f;
margin: 10px 0 15px 0;
}

h1 {
width: 330px;
height: 77px;
background: url(images/logo.png) no-repeat;
margin: 15px 0 0 15px;
}

h1 span {
display: none;
}

.post h2 {
color: #91360e;
width: 530px;
height: 39px;
background: url(images/posthead.gif) no-repeat;
padding-top: 10px;
padding-left: 2px;
font-size: 2.2em;
}
.post h2 a {
color: #91360e;
}

#container {
width: 850px;
margin: 0 auto;
}

#nav {
margin: 35px 0 10px 0;
}

#nav ul {
float: left;
}

#nav li {
display: inline;
font-size: 2em;
margin-right: 15px;
margin-left: 5px;
font-weight: bold;
}
#nav li a {
color: #fff;
}
#nav input#s {
width: 152px;
margin-top: 5px;
background-color: #deb060;
border: none;
margin-left: 135px;
padding: 3px;
}
#main {
margin-top: 30px;
background: #fff;
height: 100%;
}
#content {
width: 532px;
float:left;
margin-left: 27px;
}
#postcontent {
clear: both;
}
.postcategory {
float: left;
font-size: 1.2em;
}
.postcategory a {
color: #e2aa01;
}
.postdate {
float: right;
color: #e2aa01;
font-size: 1.2em;
}
p.postmetadata {
padding: 10px;
font-size: 0.8em;
}
#sidebar {
width: 244px;
margin-right: 27px;
float: right;
}
#blogcategories {
width: 204px;
background: #f3e550 url(images/postit_top.jpg) no-repeat;
height: 145px;
padding: 45px 20px 0 20px;
}
#blogcategories h2 {
font-size: 2.2em;
color: #b67352;
margin-bottom: 10px;
}
#blogcategories li li{

display: block;
padding: 3px 0;
border-bottom: dotted 1px #a8a8a8;
}
#blogcategories li li a {
font-size: 1.3em;
color: #5a4403;
text-decoration: none;
}

#categoriesbottom {
width: 244px;
height:55px;
background: url(images/postit_bottom.jpg) no-repeat;
margin-bottom: 20px;
}
a.weboffer300 {
display: block;
text-indent: -9999px;
width: 244px;
height: 118px;
background: url(images/weboffer300.jpg no-repeat)
margin-bottom: 20px;
}
#footer {
clear: both;
width: 850px;
height: 157px;
background: url(images/footer.jpg) no-repeat;
}
#footer p {
margin: 0 190px 0 140px;
font-size: 12px;
padding-top: 40px;
color: #838181;
}

#footer a {
color: #0095f4;
}