/*
THEME NAME:Richard Halford
THEME URI: www.richardhalford.com
DESCRIPTION: A theme for RIchard Halford's personal website
VERSION: 1.1
AUTHOR: <a href="http://www.richardhalford.com/">Richard Halford</a>
AUTHOR URI: www.richardhalford.com
*/

/* Body */
body {
background-color:#fff;
font-family:Georgia,serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: lighter;
line-height:1.45;
margin:0pt;
min-width:400px;
padding-left:0pt;
color:#5e5d5d; 
}

/* Wrapper */
div#wrapper {
margin: 1px auto;
padding: 0;
text-align: left;
width: 900px;
}

.hfeed { } /* Dont know what this does but appears related to wrapper div ???? */

/* Home Page container */
div#homecontainer {float: left;
width:650px;
float: left;
}

/* My Work  + My Clients Page container */
div#container {width:900px;}

/* Home Page content structure for whole site */
div#homecontent {margin: 0;
width:650px;}

/* My Work  + My Clients Page content structure for whole site */
div#content {margin: 0;
width:900px;}

/* Side bar positioning */
div.sidebar {
float: right;
overflow: hidden;
max-width:200px;
margin-bottom:2em;}

/* Secondary Side bar positioning - sits beneath the primary side bar */
div#secondary {clear: right;}

/* Footer positioning */
div#footer {
clear:both;
font-size:90%;
text-align:left;
width:900px;
margin: 2em auto;
padding:10px;}

/* Removes borders on all images */
img {border:none; }

body.home { }

a {color:#c96f07;
text-decoration: none;}

a:hover {text-decoration: underline;}

/* Logo Box */
div#header {margin:20px 0 0 0; 
height:96px;}

div#header img {margin:-22px 0 0 0;}

h1#blog-title {margin:0;}

div#blog-description {visibility: hidden;}

div#access {height: 50px;
background-image: url(images/nav_bg);
background-repeat: repeat-x; }

/* Nav Menu */
div#menu {margin: 0px auto;
padding: 0;
width: 900px;
height:35px; 
margin: -23px 0 0 0;}

div#menu ul {float:right;
font-family: "Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
height:35px; }

div#menu ul li {list-style: none;
margin: 0;
display: inline; }

div#menu ul li a {padding: 1em 1em 0 1em;
border-bottom: none;
text-decoration: none;
font-size:92%; }

div#menu ul li a:link,
div#menu ul li a:visited  {color:#fff; }

div#menu ul li a:hover {color: #9dcc49;
background-image: url(images/nav_over);
background-repeat: repeat-x;
padding:0.2em 1em 1em 1em; }

div#menu ul li.current_page_item a {background: white;
border-bottom: 1px solid white;
padding:0.5em 0.7em 1em 0.7em;
color:#c97008; }

span.skip-link a {visibility: hidden; }

/* Footer Nav Links */

div#footer {font-size: 80%;
line-height:2em;}

div#footer ul {float:left;
display:inline;
margin:0 8px 0 0;
padding:0;
}

div#footer ul li {display: inline;
list-style-type: none; 
} 

div#footer li.page_item a {color:#c97008;
font-family:Georgia,serif;
border-right:1px solid #5e5d5d;
padding:0 8px 0 5px;}

div#footer li.page_item a:hover {}

div#footer ul li.current_page_item a {color:#5e5d5d;
text-decoration:none;}

/* Side Bar */
div.sidebar ul.xoxo {margin:0;
padding:0; }

/* Orange Box on Home Page */
/* Based on acorn web studio - http://www.steelwork.com.au/style-rounded-corners.html */
/*--------------------------*/

.orange_box {
 position:relative;
 margin:0px auto;
 min-width:620px;
 max-width:635px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
min-height:5px; }

.orange_box .content,
.orange_box .t,
.orange_box .b,
.orange_box .b div {
 background:transparent url(images/orange_box.gif) no-repeat top right;
 _background-image:url(images/orange_box.gif);
}

.orange_box .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 5px 20px 5px 10px;
}

.orange_box .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.orange_box .b {
 /* bottom */
 position:relative;
 width:100%;
}

.orange_box .b,
.orange_box .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.orange_box .b {
 background-position:bottom right;
}

.orange_box .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.orange_box .hd,
.orange_box .bd,
.orange_box .ft {
 position:relative;
}

.orange_box .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.orange_box p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
font-family:Georgia,serif;
font-size: 133%;}

.orange_box p.quote_footer {font-size: 90%;
padding:0px 20px;
margin-top:-10px;
text-align:right;
text-decoration: underline; }

.orange_box p.quote_footer a {color:#fff;
text-decoration: none;
font-style: italic; }

.orange_box p.quote_footer a:hover {text-decoration: none; }

 #middlebox {min-height:10em;
margin-top:1em;
margin-bottom:1em;}

home_buttons {margin-top:2em;}

.orange-text {width:326px;
padding:0px 5px 5px 5px;
float:left;
clear:right;}

.orange-text p {color:#c96f06;
margin:0;}

/* Buttons */
/* Blue button */

.btn.blue {display: inline; /* hack for IE */
float:left;
padding: 13px 45px 10px 35px;
font-style: normal; 
background-image: url(images/blue_btn_off.gif); 
background-repeat: repeat-y; 
display: block; 
position: relative; 
font-size: 140%;
color:#fff;
text-decoration: none:
min-height:55px;}

.btn.blue:hover {background-image: url(images/blue_btn_on.gif);
text-decoration: none; 
color: #c5f40a}


/* Green Button */

.btn.green {
float: right;
padding: 13px 30px 10px 25px;
font-style: normal; 
background-image: url(images/green_btn_off.gif); 
background-repeat: repeat-y; 
display: block; 
position: relative; 
font-size: 140%;
color:#fff;
text-decoration: none:
min-height:55px;}

.btn.green:hover {background-image: url(images/green_btn_on.gif);
text-decoration: none; 
color:#003399;}

/* Buttons */


/* My Work Page Styles */
/*--------------------------*/

.project {width:100%;
padding:10px;
border:1px solid #f3f3f3;
background-color:#fdfdfd;
font-weight: normal; 
margin-bottom:15px;
min-height:152px;}

.project .projectimage {float:left;
margin-right:15px;
}

.project .projecttext {clear:left;
font-size:90%;
line-height:1.75em;
}

.project .projecttext h2 {margin:0 0 5px 0;
font-weight: normal;
font-size: %;
color:#333;}

.project .projecttext p {margin:0}

.project .projecttext p.projectskills {color:#0a4aa2;}


/*  My Services Page Styles */
/*--------------------------*/

.myservices {width:100%;}

.myservices ul {margin:-10px 0 0 0px;
padding-left:30px;}

.myservices ul li {font-size:90%;
list-style-image: url(images/arrow_bullet.gif);
 line-height:1.75em;}

table.myservices  {border-collapse: collapse; }

.myservices tr {vertical-align:top;}

.leftcolumn,
.middlecolumn,
.rightcolumn  {padding-right:10px;}

.clientlogos img {margin-right:15px;}