body{
background:#fff url(/uploads/images/site/bg_body.jpg) top left fixed repeat-x;
font:normal .7em "lucida grande", arial, verdana, sans-serif;
text-align:center;
margin:0 auto;
padding:0;
}

/* Top Stripe */
#topstripe{
width:100%;
height:15px;
text-align:center;
margin:0 auto;
padding:0;
background:#000;
}

/* Shadow */
#shadow{
width:800px;
text-align:center;
margin:0 auto;
padding:0;
border:0;
background-image:url(/uploads/images/site/bg_shad.png);
background-repeat:repeat-y;
}

* html #shadow{
width:780px;
border-left:1px solid #9c8968;
border-right:1px solid #9c8968;
background:transparent!important;
background-image:none!important;
background-repeat:no-repeat;
}

/* =============================
           Header 
============================== */
#header{
width:780px;
background:#000;
text-align:left;
margin:0 auto;
padding:0;
}

#header a#logo, #header h4{
text-indent: -9999px;
text-decoration: none;
padding:0;
margin:0;
border:0;
height:61px;
width:246px;
background-image: url(/uploads/images/site/h_logo.gif);
background-repeat:no-repeat;
display:block;
float:left;
}

/* =============================
           Main Menu 
============================== */
#mm{
float:right;
width:533px;
display:inline;
margin:0;
padding:46px 0 0 0;
}

#header form{
margin:0 0 10px 0; 
padding:5px;
width:200px;
text-align:right;
float:right;
background-color:#666;
}
#header form input#query{width:165px; font-size:10px; margin:3px; padding:1px; border:1px solid #fcd592; color:#333;}

#header form input#submit{margin:0;}
/* First Level */
#mm ul { 
padding:0;
margin:0;
list-style:none;
color:#f4911e;
float:right;
}

#mm ul li{
margin:0;
padding:0;
float:left;
}


#mm ul li a {
display: block;
width: 73px;
color:#fff;
padding:0;
margin:0;
text-align:center;
text-decoration:none;

}

#mm ul li a:hover{color:#f4911e;background:#575a5d;}

#mm ul li:hover{position:static;}

#mm ul li a.currentpage:link, #mm ul li a.currentpage:visited, #mm ul li a.currentpage:hover,
#mm ul li a.activeparent:link, #mm ul li a.activeparent:visited, #mm ul li a.activeparent:hover{
color:#f4911e
}

#mm ul li.home, #mm ul li.privacy-terms{display:none;}

/* Second Level */
#mm li ul {
position: absolute;
margin:0;
padding:0;
list-style: none;
text-align:left;
width: 125px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#mm li ul li{margin:0; padding:0; line-height:100%; border-bottom:1px solid #fff; display:block; width:125px;}
#mm li ul li a{color:#fff; display:block; width: 115px; margin:0; padding:4px 5px; line-height:100%; background:url(uploads/images/site/bg_drop.png); border:0; text-align:left;}
#mm li ul li a:hover{color:#f4911e; border:0;}

#mm ul li ul li a.currentpage{
color:#f4911e; border:0!important;
}


* html #mm li ul li a{background:#575a5d;}
* html #mm li ul li a:hover{background-color:#575a5d;}

#mm li:hover ul, #mm li.sfhover ul { /* lists nested under hovered list items */
left: auto;
z-index:10;
}


/* =============================
 			Content
 ============================== */
#contentwrap{
width:780px;
background:#fff;
text-align:left;
margin:0 auto;
padding:0;
}

/* Image Area */
#imgarea{
width:780px;
background:#f4911e;
text-align:left;
margin:0;
padding:0;
}

#imgarea img.main{display:inline; margin:0; padding:0; width:500px; float:left;}

#imgarea p{
margin:0; 
padding:15px 10px 5px 10px; 
color:#fff!important; 
float:right; 
text-align:left;
display:inline;
height:71px; 
width:260px;
}

#imgarea a{
color: #ffffff;}

#imgarea table{
margin:0; 
padding:5px 10px 0 0; 
color:#fff;
float:right; 
text-align:left;
display:inline;
height:71px; 
width:260px;
}



/* =============================
 		Left Content 
 ============================== */
#leftcontent{
width:462px;
text-align:left;
margin:0;
padding:19px;
float:left;
}

#leftcontent .posthead{
background-color:#dadada;
display:block;
margin:5px 0 5px 0;
}

#leftcontent .posthead img{
margin:5px 5px;
padding:0;
float:left;
display:block;
}

#leftcontent .posthead h2{
color:#680e18; 
font-weight:normal; 
margin:0;
padding:10px 0 10px 19px;
background:url(/uploads/images/site/bg_h2.gif) left center no-repeat;
font-size:1.4em;
display:inline;
}

/* Left Content Text*/
#leftcontent h2 {
color:#680e18; 
font-weight:normal; 
margin:0;
padding:10px 0 10px 19px;
background:url(/uploads/images/site/bg_h2.gif) left center no-repeat;
font-size:1.4em;
}

#leftcontent span.home h2{display:none;}

#leftcontent .tanbg{
background-color:#ffe9b8; 
margin:19px -19px -19px -19px; 
padding:0 19px 19px 19px;
}

#leftcontent a:link, #leftcontent a:visited{color:#680e18; text-decoration:none;}
#leftcontent a:hover{text-decoration:underline;}

#leftcontent p{margin:0 0 10px 0; padding:0; line-height:130%; color:#272727;}

#leftcontent h3{
color:#7a6b47; 
font-weight:normal; 
margin:0 0 4px 0;
padding:0;
font-size:1.1em;
}

#leftcontent ul{
padding:0 0 0 24px;;
margin: 0;
list-style:none;
list-style-image:url(/uploads/images/site/li_main.gif);
}
#leftcontent ul li{margin:4px 0;}

#leftcontent ul li ul{
padding:0 0 0 15px;
margin: 0;
list-style:none;
list-style-image:url(/uploads/images/site/li_sub.gif);
}
#leftcontent ul li ul li{margin:2px 0 4px 0;}

a.more:link, a.more:visited{
text-decoration: none;
margin:0 0 0 5px;
padding:0 12px 0 0;
border:0;
color:#680e18;
background:url(/uploads/images/site/b_more1.gif) right center no-repeat;
}
a.more:hover{background-image:url(/uploads/images/site/b_more2.gif); text-decoration: none!important;}


/* Home Services Links */
#leftcontent a#consulting, #leftcontent a#ondemand, #leftcontent a#remote, #leftcontent a#learningdev, #leftcontent h2.hservices{
text-indent: -9999px;
text-decoration: none;
margin:0 2px 4px 2px;
padding:0;
border:0;
height: 72px;
width: 222px;
background-repeat:no-repeat;
display:inline;
float:left;
background:none;
}

#leftcontent a#consulting{ background-color:#91ba6b; background-image:url(/uploads/images/site/hb_consulting.gif);}
#leftcontent a#ondemand{ background-color:#7b85c5; background-image:url(/uploads/images/site/hb_ondemand.gif);}
#leftcontent a#remote{ background-color:#c3b851; background-image:url(/uploads/images/site/hb_remote.gif);}
#leftcontent a#learningdev{ background-color:#e6b06c; background-image:url(/uploads/images/site/hb_learningdev.gif);}

#leftcontent a#consulting:hover, #leftcontent a#ondemand:hover, #leftcontent a#remote:hover, #leftcontent a#learningdev:hover{background-color:#fff;}

/* =============================
		 Right Content
============================== */
#rightcontent{
width:242px;
text-align:center;
margin:0;
padding:19px 19px 0 19px;
float:left;
}

#rightcontent h2{text-align:left; color:#680e18; margin:0; padding:0 0 4px 0; font-weight:normal; font-size:1.4em;}

/* Callouts */
#rightcontent .callout{width:239px; margin:0 auto 20px auto; padding:0; text-align:left;}

#rightcontent .callout h3{
display:block;
text-transform:uppercase;
color:#fff;
background:#650e1a;
margin:0;
padding:2px 12px;
font-size:90%;
border-left:1px solid #520a12;
border-right:1px solid #520a12;
border-top:1px solid #520a12;
}

#rightcontent .callout a.callout-link, #rightcontent .callout a.callout-link:link, #rightcontent .callout a.callout-link:visited{
background:#e6cea6 url(/uploads/images/site/bg_callout.jpg) top left no-repeat;
display:block;
min-height:64px;
padding:10px 35px 0 0;
color:#373737;
text-decoration:none;
border-left:1px solid #ad966d;
border-right:1px solid #ad966d;
border-bottom:1px solid #ad966d;
}

* html #rightcontent .callout a.callout-link, * html #rightcontent .callout a.callout-link:link, * html #rightcontent .callout a.callout-link:visited{height:64px;}

#rightcontent .callout a.callout-link:hover{
color:#650e1a; 
border-left:1px solid #520a12;
border-right:1px solid #520a12;
border-bottom:1px solid #520a12;
}

#rightcontent .callout a img{border:0; margin:-10px 14px 0 0; padding:0; display:inline; float:left; clear:right;}

/* =============================
           Sub Menu 
============================== */
#sm{
background:#ffeab9;
margin:0 -19px 0 -18px; 
padding:0;
}

#sm p{
margin:0;
padding:0;
}

/* First level */
#sm ul{margin:0; padding:0 0 0 19px; list-style:none; text-align:left; border-bottom:1px solid #bbac7a; border-top:1px solid #bbac7a;}

#sm ul li{margin:8px 0; padding:0;}

#sm ul li a:link, #sm ul li a:visited, #sm a:link, #sm a:visited {
margin:0;
padding:0;
color:#716640;
text-decoration:none;
text-align:left;
text-transform:capitalize;
}

#sm ul li a:hover, #sm a:hover{ text-decoration:underline;}

#sm ul li a.currentpage:link, #sm ul li a.currentpage:visited, #sm ul li a.currentpage:hover,
#sm ul li a.activeparent:link, #sm ul li a.activeparent:visited, #sm ul li a.activeparent:hover{
background:#650e1a;
color:#fff;
}

#sm ul.commented{margin:0; padding:0 5px 0 25px; list-style:none; list-style-image:url(/blog/wp-content/themes/default/images/comments.gif); text-align:left; border-bottom:1px solid #bbac7a; border-top:1px solid #bbac7a;}

#sm ul.posting{margin:0; padding:0 5px 0 25px; list-style:none; list-style-image:url(/blog/wp-content/themes/default/images/postit.gif); text-align:left; border-bottom:1px solid #bbac7a; border-top:1px solid #bbac7a;}

#sm ul.popular{margin:0; padding:0 5px 0 25px; list-style:none; list-style-image:url(/blog/wp-content/themes/default/images/popular.gif); text-align:left; border-bottom:1px solid #bbac7a; border-top:1px solid #bbac7a;}

/* Second level */
#sm ul li ul{margin:0; padding:0; list-style:none; text-align:left; border-bottom:0; border-top:1px solid #bbac7a;}

#sm ul li ul li a:link, #sm ul li ul li a:visited{
margin:0;
padding:3px 10px 3px 29px;
border-top:0;
color:#716640;
text-decoration:none;
font-size:90%;
text-align:left;
display:block;
}

#sm ul li ul li a:hover{
background:transparent;
border-bottom:0;
color:#650e1a;
}

#sm ul li ul li a.currentpage:link, #sm ul li ul li a.currentpage:visited, #sm ul li ul li a.currentpage:hover{color:#650e1a; background:transparent;}

/* =============================
           Footer 
============================== */
#footerwrap{
width:800px;
text-align:center;
margin:0 auto 20px auto;
padding:0 0 11px 0;
background:url(/uploads/images/site/bg_shad_bot.png) bottom left no-repeat;
}

* html #footerwrap{
width:780px;
border:1px solid #9c8968;
border-top:0;
padding:0;
background:none;
}

#footer{
width:780px;
background:#000;
text-align:left;
margin:0 auto;
padding:0;
}

#fleft{
width:500px;
margin:0 auto;
padding:10px 0;
font-size:.9em;
color:#fff;
text-align:center;
float:left;
display:inline;
}
#fleft a{margin:0 2px; text-decoration:none; color:#fff;}
#fleft a:hover{text-decoration:underline;}


#fright{
width:280px;
margin:0 auto;
padding:10px 0;
font-size:.9em;
color:#fff;
background:#000;
text-align:center;
float:left;
display:inline;
}

/* =============================
           General 
============================== */

/* clearing */

.clearfix:after {
content: "."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
background:transparent;
height:0.1px;
}
* html>body .clearfix {
display:inline-table; 
width:100%;
height:0.1px;
}	
* html .clearfix {
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}

.clear {clear: both; background: transparent; margin:0; padding:0; height:0.1px; line-height:0; font-size:0; display:block; width:95%;}
/* end clearing */


/* ===============================
           Post Styles
================================*/

.post-header {
padding: 0 0 12px 0;}

#leftcontent .post-header h6 {
font-size: 1em;
margin: 0 0 8px 0;}		   

#leftcontent .post-header h3 {
color:#680e18; 
font-weight:normal; 
margin:0;
font-size:1.4em;
}


.photo {
padding: 4px;
margin: 0 6px 0 6px;
border: 1px solid #bbac7a;
float: left;}

.post {
padding: 15px 0 10px 0;}

.post-footer {
background: #fff5df;
border-bottom: 1px solid #d4c79b;
padding: 8px;}

.footer-comments {
float: right;}


#feeder{
border-bottom:1px solid #bbac7a;
border-top:1px solid #bbac7a;
background:#ffeab9;
margin:0 -19px 0 -18px; 
padding:0;
}
 
#feeder ul.feeds{margin:0; padding:0 5px 0 19px; list-style:none; text-align:left;}
#feeder ul.feeds li{
float: left;
width: 8em;  /* accommodate the widest item */
margin:5px 10px 5px 5px;
}
/* stop the floating after the list */
#feeder br{
clear: left;
}
/* separate the list from what follows it */
#feeder div.wrapper{
margin-bottom: 1em;
}


#leftcontent textarea{ 
width:350px; } 

small.commentmetadata a { 
margin:10px 0 0 0; 
padding:0; 
text-align:right; } pa

#leftcontent .LC { 
width:120px; 
float:left; 
display:inline; } 

#leftcontent .RC{
width:315px; 
float:left;
display:inline; 
border-left:1px solid #ad966d; 
margin:0 5px 0 0; 
padding:0 0 5px 15px; } 

p.break {clear: both; border-bottom:1px dotted #ad966d; width:100%; margin:0; padding:0;}

#authors img {
padding: 4px;
border: 1px solid #bbac7a;
margin: 4px;
background: #ffffff;}