/* This imports the Base Weblog CSS from TypePad, which defines core styles */

@import url(/.shared/themes/common/base-weblog.css);


/* This imports the local asterisk-style.css, which you can use as a guide for customizing your blog's CSS. */

@import url(asterisk-style.css);

body { background: none; background-color: #fff;}

a#logo {display:block; width:109px; line-height:48px; text-indent:-999em; outline:none; background:url(http://www.vdcresearch.com/blog/logo.gif); position: relative; top: 15px; left: 45px; }

/* rounded blue bar at top */
#banner-top { 
background-image:  url(http://www.vdcresearch.com/blog/bg_sec_header.gif); width: 980px; height: 82px; position: relative; top: 0; left: 0; margin-bottom: 5px;
}

ul#sub_nav {width: 980px; height:27px; margin:0 auto; padding:18px 0 0 ; background: url(http://www.vdcresearch.com/blog/bg_sec_subnav.gif);}
ul#sub_nav li {list-style-type:none; display:inline;}
ul#sub_nav a {display:block; float:left; line-height:12px; padding:0 18px; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase; border-right:#fff 1px solid;}
ul#sub_nav a.last {border:none;}
ul#sub_nav a.first {margin-left:30px;}
ul#sub_nav a:hover {color:#ff9900;}

#pagebody-inner { border: none; }

#banner {
	background-image: url(http://www.vdcresearch.com/blog/header_embeddedSoftware.jpg); margin-bottom: 0px;
width: 980px;
height:142px;
border-top:none;
background-color: #fff;
}

#banner a {
color:#ffffff;
text-decoration:none;
padding: 0 0 0 0;
/* position the banner to align with the logo */
position: absolute; top: 52px; left: 220px;
font-family: Verdana;
font-size: 26px;
}

#banner-inner {
padding-right: 0px;
margin-left: 180px;
border-top: none;
}

#container {
width:982px;
}
/* right nav margin went away after increasing the page width, so increase */
#beta {
margin-left: 60px;
}

#banner-description {
padding: 0 0 0 0;

}
.module-header {
color: #777;
}

.module-content a {
color: #0D4a7e;
}


.entry-footer a {
color: #0D4a7e;
}

/* but don't override teh module header size if they are links */
.module-content .module-header a {
color: #777;
font-size: 14px;
}

.module-syndicate a {
padding-left: 20px;
padding-top: 5px;
background: url(http://www.vdcresearch.com/blog/rss-icon.png)  no-repeat left center;
}
#registration-link h2 a {
color:#8cc63f; font-size:18px; font-weight:bold; font-family:Arial Narrow, Arial, Helvetica, sans-serif; 
text-decoration: none;
}


#registration-link  a {
color: #666;
text-decoration: none;
}

#sub_nav a  {
text-decoration: none;
}

#alpha a {
text-decoration: none;
}

#alpha h3.entry-header a,#alpha h3.entry-header  {
font-family:Arial,Helvetica,sans-serif;
color:#FF9900;
font-size:22px;

}

#alpha h3.entry-header {
padding-bottom: 3px;
}

/* remove padding etc. to match site. */
.entry { background-image: none; }

.entry-content { font-family:Arial,Helvetica,sans-serif; line-height:20px; color: #666;} 

.entry-content, .entry-header, .entry-footer { margin: 0; }

#alpha { margin: 0; }

#beta-inner { padding-left: 0px; }

/* you have a little more room after removing margins, so increase to use it */
.layout-two-column-right #alpha { width: 580px; }

.content-header {
color:#444444;
font-family:arial,'times new roman',serif;
font-size:20px;
}

#alpha p.content-nav a {
color: #660000;
text-decoration: underline;
font-size: 12px;
}
p.content-nav {
text-align: left;

}

/* ph=1 */

