/*  
Theme Name: VisualsSpeak
Description: VisualsSpeak -- designed for use with VisualsSpeak's website, with optional rounded corners in Firefox, Safari, Chrome (some support in IE).
Version: 1.1
Author: Aaron Munter
Tags: visualsspeak

	 VisualsSpeak 1.1

	Theme built for VisualsSpeak's web redesign to
	be launched in March 2010. To idiosyncratically
	support the features needed for that site, and not
	designed to be ported to anybody else's WordPress
	installation.

	Modified October 2010 to change colors from green
	to blue.

	All rights reserved under copyright and related
	intellectual property laws to VisualsSpeak.
	Copyright 2010 VisualsSpeak LLC.

*/

BODY
{
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    border-style: none;
	background-color: #cae0ef;
/*    background-image:url('http://www.visualsspeak.com/images/weback2.png'); */
/*    background-image:url('http://www.visualsspeak.com/images/background6.jpg');*/
    font-size: medium;
    font-family: Helvetica, sans-serif;
}

A
{
    color: #772200;
    text-decoration: none;
}

A:hover
{
    text-decoration: none;
}

IMG
{
    border: none 0px;
}

BLOCKQUOTE
{
    background-position: 0px 1px;
    background-repeat: no-repeat;
    background-color: #e0f1fd;
    color: #333355;
    margin: 15px 25px 15px 25px;
    padding: 20px 20px 10px 20px;
}

/* hack to get fieldset background and legend position working right in IE */
FIELDSET
{
    position: relative;
    margin: 0 0 1em 0;
}

FIELDSET LEGEND
{
    position: absolute;
    top: -15px;
    left: 3%;
}

/*
 * this should come here towards the beginning since there are some elements
 * that have both class capsule and some other second class, and that second
 * class setting should trump this one.
 *
 */
.capsule
{
    text-align: center;
    padding: 2px 10px;
    font-family: Helvetica, sans-serif;
    font-size: small;
    color: #ffffff;
}

.actbubble
{
    background-color: #dd6f06;
}

.actbubble a
{
    color: #ffffff;
}

#topribbon
{
    top: 0;
    left: 0;
    height: 80px;
    margin: 0;
    padding: 15px 0px 5px 20px;
    background-color: #139af8; 
    border-bottom: 1px solid #000000;
    /* for IE */
    _position:absolute;
    _top:expression(eval(document.body.scrollTop));
    
}

#tagline
{
	color: white;
	position: absolute;
	z-index: 9999;
	top: 66px;
	left: 280px;
	font-weight: lighter;
}

#chooser
{
	position: absolute;
	top: 10px;
	left: 740px;
}

/** BEGIN STYLES FOR MENU BAR **/

#menu-wrap, #menu-wrap ul { 
	background-color: #0b6aac;
	color: #ffffff;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}

#menu-wrap ul a, #menu-wrap ul a:visited { 
	color: #ffffff;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
	padding:  0px  20px  0px  10px;
	line-height:  30px;
}

#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active { 
    background-color: #cae0ef; 
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}

#menu-wrap li.selected_page > a,#menu-wrap li.selected_page:hover > a { 
    background-color: #cae0ef; 
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
}

#menu-wrap li.selected_subpage, #menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited { 
    background-color: #cae0ef; 
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: normal;
	font-style: normal;
	padding:  5px  11px  5px  10px;
	line-height:  15px;
}

#menu-wrap ul ul a, #menu-wrap ul ul a:visited { 
	background-color: #0b6aac !important;
	color: #ffffff !important;
	font-family: inherit !important;
	font-size:  12px !important;
	font-weight: normal !important;
	font-style: normal !important;
	padding:  5px  10px  5px  10px;
	line-height:  15px;
}

#menu-wrap ul ul a:hover { 
	background-color: #cae0ef !important;
	color: #000 !important;
	font-family: inherit!important;
	font-size:  12px !important;
	font-weight: normal !important;
	font-style: normal !important;
}

#menu-wrap li.section { 
    background-color: #cae0ef; 
	color: #000;
	font-family: inherit;
	font-size:  12px;
	font-weight: bold;
	font-style: normal;
	padding:  5px  11px  5px  10px;
	line-height:  15px;
}

#menu-wrap { 
	background-color: #0b6aac;
	height:  30px;
    border-bottom: 1px solid #000;
}

* html #menu-wrap {z-index:1000;}

#menu-wrap ul ul { 
	top:  30px;
}

#menubar
{
    height: 100%;
    margin: 0;
    padding: 0;
    /* for IE */
    _position:absolute;
    _top:expression(eval(document.body.scrollTop));
}

/** END STYLES FOR MENU BAR **/

/** BEGIN STYLES FOR THE BREADCRUMBS **/

#bcrumb
{
	margin: 5px 0px 0px 30px;
    float: left;
    color: #000;
    font-size:  8pt;
	font-weight: normal;
}

#bcrumb a, a:visited, a:hover, a:focus, a:active
{
    color: #555555;
	font-weight: normal;
}

.cms-nav-bc a, .cms-nav-bc a:visited  /* trail navigation links */
{
	color: #555555;
    font-size:  8pt;
}
.cms-nav-bc a:hover, .cms-nav-bc a:focus, .cms-nav-bc a:active  /* trail navigation links hover */
{
	color: #555555;
    font-size:  8pt;
}
.cms-nav-bc  /* trail navigation links hover - not linked */
{
	color: #000;
    font-size:  8pt;
}

#cms-nav-bc
{
	color: #000;
    font-size:  8pt;
}

/** END STYLES FOR THE BREADCRUMBS **/

#container
{
    width: 990px;
    padding: 0px;
    margin: 0px;
}

#main
{
    margin: 30px 80px 20px 20px;
    padding: 0px;
}

#blogmain
{
    margin: 10px 20px 20px 240px;
    padding: 0px 0px 0px 0px 0px;
}

#homemain
{
    margin: 0px 10px 20px 20px;
    padding: 0px 0px 0px 220px;
}

#homerot
{
	float: right;
}

.homelinkbar
{
	padding-top: 0px;
	margin-top: 0x;
	color: #0a4d7c;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 101%;
}

.sidetabs
{
}

#singleheader
{
    background-color: #139af8;
    color: #ffffff;
    margin: 0px;
    padding: 4px 1px 2px 1px;
    text-align: left;
}

#singleheader a, #singleheader a:visited
{
	color: #ffffff;
}

#mainheader
{
    background-color: #139af8;
    color: #ffffff;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: left;
}

#header
{
    background-color: #139af8;
    color: #ffffff;
    margin: 10px 0px 0px 0px;
    padding: 3px 1px 1px 1px;
    text-align: left;
}

#header TABLE
{
    color: #ffffff;
}

#title
{
    height: 10px;
    font-size:  14pt;
    font-family: inherit;
    padding-right: 15px;
    padding-left: 24px;
}

#description
{
    padding-left: 20px;
    padding-right: 15px;
}

#header A
{
    color: #ffffff;
}

#blogsidebar
{
    margin: 10px 0px 10px 30px;
    padding: 0px;
    float: left;
    height: 100%;
    width: 200px;
    background-color: #ffffff;
    color:#000;
	border: 1px solid #0b6aac;
    position: relative;
    right: 10px;
}

#sidebar
{
    margin: 10px 0px 10px 0px;
    padding: 0px;
    float: left;
    height: 100%;
    width: 200px;
    background-color: #ffffff;
    color:#000;
	border: 1px solid #0b6aac;
    position: relative;
    right: 10px;
}

.feedflare
{
	display: none;
}

#blogsidebartophead
{
    background-color: #139af8;
    color: #ffffff;
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

#sidebartophead
{
    background-color: #139af8;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

#sidebarhead
{
    background-color: #139af8;
    color: #ffffff;
    margin: 10px 0px 5px 0px;
    padding: 3px 0px 3px 10px;
    text-align: left;
}

#bloghead
{
    color: #bf6c28;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10pt;
    text-indent: -6px;
    padding: 5px 5px 0px 14px;
}

#newsformtext
{
	color: #000000;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    line-height: 125%;
    font-weight: normal;
    font-size: 9pt;
    padding: 5px 5px 0px 8px;
}

#newsform
{
	padding: 10px 10px 0px 10px;
	color: #000000;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 9pt;
}

#blogexcerpt
{
	color: #000000;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
	line-height: 135%;
    font-size: 9pt;
}

#blogexcerpt P
{
	padding: 0px 0px 3px 14px;
	line-height: 135%;
	margin: 0px;
}

#bloghead A
{
    color: #bf6c28;
}

#frontwebbits
{
	padding: 0px 0px 5px 0px;
}

#webbithead
{
    color: #bf6c28;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10pt;
    margin: 10px 5px 0px 8px;
}

#webbitexcerpt
{
	color: #000000;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 9pt;
    padding: 0px 5px 0px 13px;
}

#webbitexcerpt IMG
{
	display: none;
}

#webbithead A
{
    color: #bf6c28;
}

#webbithead P
{
	padding: 0px;
	margin: 0px;
}

#postaction UL
{
    margin: 0px;
    padding: 0px;
}

#postaction LI
{
    border: none;
    border-top: 1px solid #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    margin-left: 15px;
    margin-right: 10px;
    list-style-type: none;
}

#postaction LI:first-child
{
    border: none;
}

#imagebox
{
}

#floatimg
{
    padding: 0px;
	margin: 10px 0px 0px 0px;
    border-left: 1px solid #0b6aac;
    border-top: 1px solid #0b6aac;
    border-right: 1px solid #0b6aac;
    float: right;
}

#bufferbar
{
    background-color: #ffffff;
	width: 256px;
	height: 0px;
	float: right;
	clear:right;
}

#quotebox
{
    margin: 0px 0px 11px 0px;
    padding: 5px 10px;
    float: right;
    clear: right;
    width: 230px;
    background-color: #ffffff;
	border-left: 1px solid #0b6aac; 
	border-bottom: 1px solid #0b6aac; 
	border-right: 1px solid #0b6aac; 
}

#quotebox .quote
{
    color: #000;
    margin: 10px 10px 5px 10px;
    font-family: Times New Roman, Georgia, Garamond, serif;
    font-style: italic;
    font-weight: bold;
    font-size: 12pt;
    line-height: 110%;
}

#quotebox .quoter
{
	margin: 5px 10px 10px 10px;
    padding: 0px 0px 0px 25px;
    color: #000;
    font-style: italic;
    font-weight: normal;
    font-size: 11pt;
    line-height: 110%;
}

#blogcontent
{
    margin: 0px;
    padding: 5px 10px;
    background-color: #ffffff;
	border-bottom: 1px solid #0b6aac;
    border-right: 1px solid #0b6aac;
    border-left: 1px solid #0b6aac;
}

#blogheadnav
{
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10pt;
}

#maincontent
{
    margin: 0px;
    padding: 0px 5px;
    background-color: #ffffff;
	border: 1px solid #0b6aac;
}

#content
{
    margin: 0px;
    padding: 0px 5px;
    background-color: #ffffff;
	border-bottom: 1px solid #0b6aac;
    border-right: 1px solid #0b6aac;
    border-left: 1px solid #0b6aac;
}

#content a, #content a:visited
{
	color: #d97a2d;
	font-weight: bold;
}

#maincontent a, #maincontent a:visited
{
	color: #d97a2d;
	font-weight: bold;
}

#maincontent h3
{
	color: #0a4d7c;
}

#blogcontent a, #blogcontent a:visited
{
	color: #d97a2d;
	font-weight: bold;
}

.post .title,
#comments > LEGEND,
.comment > LEGEND,
#responsebox > LEGEND
{
    background-color: #ffffff;
    border: 0px solid #0b6aac;
    font-size: 12pt;
    padding: 4px 20px;
    margin-left: 15px; /* doesn't work for Firefox -- see comment above in .post fieldset */
    font-family: inherit;
}

LEGEND,
LEGEND A
{
    color: #ffffff;
}

.dateauthor
{
    float: right;
    margin: 0px 25px;
    padding: 6px 0px 2px 0px;
    font-size: small;
}

.entry
{
    padding: 10px 15px;
    color: #111111;
    line-height: 150%;
/*    overflow: auto; */
}

.entry,
.commenttext
{
    font-size: small;
}

.entry IMG
{
	margin: 0px 0px 0px 5px;
}

.entry A:hover
{
    text-decoration: none;
    border-bottom: 1px dotted #aaaaaa;
}

#postaction
{
    float: right;
    padding: 10px 15px 10px 10px;
    margin: 20px;
    font-size: small;
}

.postmetadata
{
    text-align: left;
    padding: 8px 10px 32px 10px;
    background-color: #eeeeee;
    margin: 0px;
    margin-left: -15px; /* see hack for Firefox in .post frameset above */
}

.postmetadata .commentlink
{
    float: right;
    padding: 3px 8px;
}

.postmetadata .cattrigger
{
    cursor: pointer;
    float: left;
    padding: 3px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-width: 0px;
}

.postcattags
{
    padding: 4px 10px 8px 10px;
    margin: 4px 10px 0px 10px;
    background-color: #ffffff;
    color: #442222;
    text-align: left;
}

.postcattags .capsule
{
    font-size: small;
    padding: 1px 4px;
    margin-right: 5px;
    line-height: 20px;
}

#rsslinks
{
    border-style: none;
}

#rsslinks .capsule
{
    top: 0;
    padding: 4px 10px;
    margin: 0px;
    font-family: inherit;
    font-size: 8pt;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
    opacity: 0.8;
    filter: alpha(opacity = 80);

    /* firefox likes padding here */
    float: right;
    margin-right: 5px;
    padding: 2px 10px !important;
}

#rsslinks A
{
    color: #ffffff;
}

#credits
{
    margin: 0px;
    font-family: inherit;
    font-size: 8pt;
    height: 20px;
    padding: 5px;
    padding-right: 10px;
    background-color: #139af8;
    color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity = 80);
}

#credits A
{
    color: #ffffff;
}

img.avatar
{
    float: left;
    margin: 5px 20px 20px 15px;
}

/* required as per wordpress.org */

.aligncenter, div.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft
{
   float: left;
}

.alignright
{
   float: right;
}

.wp-caption
{
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img
{
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text
{
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* Begin section for web event calendar */

#wp-calendar
{
	padding-bottom: 4px;
}

#wp-calendar caption
{
	background-color: #ffffff;
	border: 0px;
	margin: 0px 0px 5px;
	padding: 0px;
	font-weight: normal;
	font-size: 120%;
}

#wp-calendar #today
{
	border:thin solid blue;
	font-weight: bold;
}

#wp-calendar th
{
	background-color: #0b6aac;
}

#events-calendar-list
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#events-calendar-list li
{
	list-style-type: none;
	list-style-image: none;
	text-indent: -18px;
	padding: 4px 0px 4px 18px;
	font-family: Helvetica, sans-serif;
	font-size: 9pt;
}

.hidden
{
	display: none;
}

.comment, .pingback
{
	font-size: 12px;
}

.comment p, .pingback p
{
	padding-left: 75px;
	padding-right: 125px;
}

/* Begin section for the product comparison page */

#prodtable table.compareprods
{
	border-collapse: collapse;
}

#prodtable td
{
	border: 1px solid #0b6aac;
	padding: 5px;
	line-height: 105%;
}

#prodtable td.leftside
{
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
}

#prodtable td.toprow
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

#prodtable ul {
	list-style-type: circle;
	padding-left: 5px;
	margin-left: 10px;
	text-indent: 0px;
}

#prodtable li {
	padding-bottom: 8px;
}

#prodtable .pricing {
	font-size: 0.95em;
}

/* Begin section for the product selector page */

.seltopquestion
{
	padding-top: 0px;
	padding-left: 20px;
}

.selquestion
{
	padding-top: 15px;
	padding-left: 20px;
}

.seloptions
{
	padding-left: 50px;
	line-height: 100%;
}

.seloptions p
{
	line-height: 10%;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

.selsubmit
{
	padding-top: 15px;
	padding-left: 140px;
}

#recchead
{
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

.selimage
{
	padding-left: 5px;
	padding-right: 10px;
	vertical-align: top;
}

.seldesc
{
	padding-left: 5px;
	width: 530px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
}

.nopull p
{
	padding-left: 15%;
	padding-right: 15%;
	
}