@import "vo-image.css";
@import "vo-form.css";

/* @override http://localhost:8888/theme/default/ui/css/default.css */
/*
Title: Core Styles used within Virtual Office
Start Date: 8.28.08
Description: These are styles that will typically be used and not changed within a custom Virtual Office powered template.
*/

/* ----------RESET----------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

body, html { margin: 0; padding: 0; color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5em; background: lightgray; }

a img, a { outline: none; border: none; }
input:focus { outline: none; }

	
.post-body {
	clear:right;
	}

body { background: #903905 url(../../img/bg.jpg) repeat fixed left top; font-family: Helvetica, Arial, sans-serif; font-size: small; color: #00113c; line-height: 1.5em; }
#bg-gradient { background: #903905 url(../../img/bg-gradient.jpg) repeat-x left top; position:absolute; left:0; width:100%; height:747px; z-index:1; }
#bg-header { background: #903905 url(../../img/bg-header-repeat.jpg) repeat-x left top; width:100%; height: 152px; position:absolute; z-index:2; }
#container { width: 965px; margin: -13px auto 0 auto; background: url(../../img/sidebar-faux-column.jpg) repeat-y right top; z-index:2; position:relative; }
a { color:#903905; text-decoration:none; }
a:hover { text-decoration:underline; }
.post-meta { padding-bottom:10px; }

/*--------HEADER--------*/
#header-1 { background: #ffffff url(../../img/header-1.jpg) no-repeat left top; position:relative; margin-left:-192px; width:192px; height:199px; float:left; z-index:5;}
#header-2 { background: #ffffff url(../../img/header-2.jpg) no-repeat left top; position:relative; width:965px; height:179px; float:left; z-index:5; }
#header-3 { background: #ffffff url(../../img/header-3.jpg) no-repeat left top; position:relative; margin-left:965px; width:158px; height:192px; z-index:5; }
#header { width: 965px; margin: 0 auto; z-index:2; position:relative; }
#header h1 {text-indent: -9999px;}
#header-home-link { position:absolute; width:315px; height:60px; top:80px; left:50px; display:block; }
#airplane-banner { position:absolute; width:383px; height:25px; top:9px; left:10px; z-index:10; text-align:center; }
#nav-primary { z-index:100; position:absolute; right:10px; font-size:1.2em; border:1px solid #123B7A; display:none; }
#nav-menu-tab { z-index:100; position:absolute; right:10px; font-size:1em; line-height:1.1em; background:#E9E5DF; border-right:1px solid #123B7A; border-bottom:1px solid #123B7A; border-left:1px solid #123B7A; padding:0 3px; }
#nav-primary li { list-style: none; }
#nav-primary a { text-decoration:none; color:#903905; display:block; }
#nav-primary li .subline { text-decoration:none; color:#903905; display:block; font-size: 70%; }
#nav-primary .tier-1 { z-index:100; width:80px; height:25px; padding: 5px; float:left; display:block; background:#E9E5DF; text-align:center; }
#nav-primary .tier-1:hover { background: #FFFFFF; z-index:100; }
#nav-primary .tier-1:hover a { color:#123B7A; }
#nav-primary .tier-1 ul { margin-top:10px; left:-1px; background:none repeat scroll 0 0 #FFFFFF;  padding:0 10px; position:absolute; width:160px; z-index:99; border-right:1px solid #123B7A; border-bottom:1px solid #123B7A; border-left:1px solid #123B7A; z-index:100; }
#nav-primary .tier-1 ul li { border-bottom:1px dotted #C5C5C5; padding:3px 10px 3px 10px; font-size:80%; width:160px; margin-left:-10px; }
#nav-primary .tier-1 ul li:hover { background: #EEE; }
#nav-primary .tier-1 ul li:hover a {  color:#CA6B06; }
#business-menu { text-align:left; }
#personal-menu { text-align:right; }

/*--------CONTAINER--------*/
h1 a { color:inherit; text-decoration: none; }
h1 a:hover { color:inherit; text-decoration:none; }

#content { background: #ffffff url(../../img/body-border-left.jpg) repeat-y left top; padding: 5px 20px 20px; width: 614px; float: left; position:relative; }
#content h1 { font-size: 175%; margin-bottom: 5px; line-height: 1em; color: #903905; border-bottom: 1px solid #903905; padding-bottom:5px;}
#content h2 { font-size: 140%; line-height: 1em; color:#2b2b2b; padding: 10px 0 5px 0;  }
#content h3 { font-size: 120%; line-height: 1em; color:#2b2b2b; padding: 10px 0 5px 0; font-weight:bold;  }
#content p { font-size: 110%; color: #2b2b2b; padding-bottom:10px; }
#content .post-body ol { padding:0 0 5px 30px; list-style-type:decimal; }
#content .dp-highlighter ol { padding:0; }
#content .post-body ul { padding:0 0 5px 30px; list-style-type:disc; }

#home-posts li { margin-bottom: 5px; list-style: none; overflow:hidden; }
/* #home-posts h1, #cms_blog_default_single h1 { color: #903905; border-bottom: 1px solid #903905;  } */
/* Spring colors #home-posts h1 { color: #3C7313; border-bottom: 1px solid #903905; padding-bottom:5px; } */


#cms_blog_default_archive #content h2 { border-bottom: 1px solid #2b2b2b; }
#cms_blog_default_archive #content h2 a { color:inherit; text-decoration:none; }
#cms_blog_default_archive #content ul li { list-style-type:none; margin:15px 0; padding-top:10px; }
.excerpt { line-height:1.35em; font-size:110%; }
#archive-pagination-top { position:absolute; right:20px; top:5px; }
#archive-pagination-bottom { text-align:right; }


/* Sidebar */
#sidebar { width: 290px; float: right; padding: 10px; height:100%; }
#sidebar h2 { color: #CA6B06; border-bottom: 1px solid #CA6B06; padding-bottom:5px; font-size:120%; font-weight:bold; }
#sidebar #expertise ul li { padding: 10px 5px; float:left; }
span.crumb-parent:hover { text-decoration:underline; }
span.crumb-current { border-top: 1px solid #AAA; padding-top: 5px; text-transform: none;}

#cnd-navigation h3 { color:#CA6B06; background: #DDD; padding: 5px; border-bottom: 1px solid #BBB; font-weight: bold; text-transform: uppercase; cursor: pointer;}

.cnd-header { border: 1px solid #BBB; margin-bottom: 15px;}
	.cnd-header .collapse { background: #F7931D; width: 17px; float: right; }
	.cnd-header .cancel { background: #F7931D; width: 17px; float: right; }
	
.cnd-list { margin:0 !important; }

ul.cnd-list {  max-height: 300px; overflow: auto;}
	ul.cnd-list li { padding: 0 10px; background: #fff; color: #123B7A; border:none; }
	ul.cnd-list li:hover { background: #EEE; cursor: pointer; color:#CA6B06; }
	ul.cnd-list li.ui-state-disabled { display: none; }
	ul.cnd-list li.ui-state-active { background: #EEE; }

#twitter-feed { position:relative; }
#twitter-feed ul { color:#2B2B2B; list-style:none outside none; margin:5px 0; padding:5px; position:relative; font-family: Verdana, Arial, sans-serif; }
#twitter-feed ul li { margin-bottom:10px; border-bottom: dotted 1px #BBB; }
#twitter-feed .created_at { font-size: 80%; color:#903905; }
#twitter-feed .follow-me { position:absolute; top:-10px; right:-45px; }

/*--------Checkout Revew--------*/
#checkout-review { width: 910px; position: relative; }
#checkout-review #column1 { float: left; width: 654px; border-right: 1px dashed #A9A9A9; padding: 0 10px 10px; margin-top: 10px; }
#checkout-review #address-shipping input { margin-top: 5px; }
#checkout-review #column1 h3 { margin-top: 5px; font-size: 1.1em; }
#checkout-review #column1 ul#item-list { margin-top: 10px; border-top: 1px dashed #A9A9A9; padding-top: 10px; }
#checkout-review #column1 ul#item-list li { float: left; margin-bottom: 5px; width: 279px; font-size: 0.9em; list-style: none; padding: 0 5px; }
#checkout-review #column2 { margin-left: 10px; padding: 15px 5px 5px; float: left; width: 208px; }
#checkout-review #column2 #checkout-final.submit { margin-bottom: 5px; }
#checkout-review #column2 #address-billing input.submit { margin-top: 5px; }
#checkout-review #column1 h2 { font-weight: bold; }
#checkout-review #column2 h2 { font-weight: bold; margin-top: 10px; }
#checkout-review #column2 #order-shipping { margin-bottom: 3px; }
#checkout-review #column2 div #grand-total { border-top: 1px solid #000; border-bottom: 1px dashed #A9A9A9; padding: 5px 0 15px; margin-top: 5px; }
#checkout-review ul#item-list li img { float: left; margin: 0 10px 0 0; }


/*--------Post Comments--------*/

.blog-post-comment { margin: 10px; }
.blog-post-comment LEGEND
{ font-weight: bold; font-size: 15px; padding-bottom: 10px; }
.blog-post-comment FIELDSET { width: 450px; }
.blog-post-comment FIELDSET UL { margin: 0; }
.blog-post-comment FIELDSET UL LI {}
.blog-post-comment FIELDSET UL LI LABEL { float: left; width: 80px; font-weight: bold; }
.blog-post-comment FIELDSET UL LI SPAN { color: #FF0000; }
.blog-post-comment FIELDSET UL LI INPUT { margin-bottom: 5px; border: 1px solid #AAA; width: 350px; padding: 5px; }
.blog-post-comment FIELDSET UL LI TEXTAREA { width: 350px; height: 120px; border: 1px solid #AAA; padding: 5px; }
.comments UL { margin: 0; list-style: none; }
.comments UL LI { width: 450px; padding: 20px 20px 20px 50px; border: 1px solid #CCC; margin: 10px; background: url(../../img/comments-icon.gif) no-repeat 10px 10px; }
.comments .header { line-height: 0px; }
.comments H3 { line-height: 15px; }
.comments .header SPAN { color: #666; font-size: 11px; line-height: 14px; }
.comments P { margin: 5px 0; }

/*--------FOOTER--------*/
#footer-container { width: 965px; margin: 0 auto 0 auto; background: url(../../img/footer-border.png) no-repeat left top; position:relative; z-index: 2; }
#footer { clear: both; padding:10px 0 25px 0;  }
#footer p { text-align: center; color: #fff;}
#footer a { color: #fff; text-align: center; }


/*--------CLEARFIX--------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }