/*  
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: 0.9
Author: Aaron Munter
Tags: visualsspeak, experimental

	 VisualsSpeak 0.9

	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.

	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-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-image: URL('images/quote.gif');
    background-position: 0px 1px;
    background-repeat: no-repeat;
    background-color: #f0f0aa;
    color: #333355;
    margin: 15px 25px 15px 25px;
    padding: 20px 20px 10px 20px;
/*    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
*/
}

/* 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;
/*    border-radius: 10px; */
/*    background-color: #343c01; */
/*    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; */
    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: #b9d300; 
    border-bottom: 1px solid #343c01;
/*    border-bottom: 3px solid #343c01;*/
    /* for IE */
    _position:absolute;
    _top:expression(eval(document.body.scrollTop));
    
}

/** BEGIN STYLES FOR MENU BAR **/

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

#menu-wrap ul a, #menu-wrap ul a:visited { 
	color: #000;
	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: #b4c441; 
	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: #b4c441; 
	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: #b4c441; 
	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: #dbe0b6 !important;
	color: #000 !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: #b4c441 !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: #b4c441; 
	color: #FFF;
	font-family: inherit;
	font-size:  12px;
	font-weight: bold;
	font-style: normal;
	padding:  5px  11px  5px  10px;
	line-height:  15px;
}

#menu-wrap { 
	background-color: #e8ecc7
	height:  30px;
    border-bottom: 1px solid #343c01;
/*    border-bottom: 3px solid #343c01;*/
}

#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: #dddddd;
    font-size:  8pt;
	font-weight: normal;
}

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

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

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

/** END STYLES FOR THE BREADCRUMBS **/

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

#main
{
    margin: 30px 80px 20px 20px;
    padding: 0px;
/*    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
*/
}

#blogmain
{
    margin: 10px 20px 20px 240px;
    padding: 0px 0px 0px 0px 0px;
/*    width: 850px;
    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    margin: 30px 60px 0px 40px;
*/
}

#homemain
{
    margin: 0px 10px 20px 20px;
    padding: 0px 0px 0px 220px;
/*    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
*/
}

#homerot
{
	float: right;
}

.sidetabs
{
}

#singleheader
{
    background-color: #343c01;
    color: #ffffff;
    margin: 0px;
    padding: 4px 1px 2px 1px;
    text-align: left;
/*    border-radius-topleft: 30px; 
    border-radius-topright: 30px; 
    -webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px; 
    -moz-border-radius-topright: 30px; 
*/
}

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

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

#header
{
    background-color: #343c01;
    color: #ffffff;
    margin: 10px 0px 0px 0px;
    padding: 3px 1px 1px 1px;
    text-align: left;
/*    border-radius-topleft: 30px; 
    border-radius-topright: 30px; 
    -webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px; 
    -moz-border-radius-topright: 30px; 
*/
}

#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: #e8ecc7;
    color:#000;
	border: 1px solid #d97a2d;
/*	border: 3px solid #d97a2d; */
    position: relative;
    right: 10px;
}

#sidebar
{
    margin: 10px 0px 10px 0px;
    padding: 0px;
    float: left;
    height: 100%;
    width: 200px;
    background-color: #e8ecc7;
    color:#000;
/*    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
*/
	border: 1px solid #d97a2d;
/*	border: 3px solid #d97a2d;*/
    position: relative;
/*    bottom: 40px; */
    right: 10px;
}

.feedflare
{
	display: none;
}

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

#sidebartophead
{
    background-color: #d97a2d;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    text-align: left;
/*    border-radius-topleft: 30px; 
    border-radius-topright: 30px; 
    -webkit-border-top-right-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px; 
    -moz-border-radius-topright: 30px; 
*/
}

#sidebarhead
{
    background-color: #d97a2d;
    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 #343c01;
    border-top: 1px solid #343c01;
    border-right: 1px solid #343c01;
/*    border-left: 3px solid #343c01;
    border-top: 3px solid #343c01;
    border-right: 3px solid #343c01; */
    float: right;
}

#bufferbar
{
    background-color: #343c01;
	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: #e8ecc7;
/*    border-radius-bottomright: 30px; 
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
*/
	border-left: 1px solid #343c01; 
	border-bottom: 1px solid #343c01; 
	border-right: 1px solid #343c01; 
/*	border-left: 3px solid #343c01; 
	border-bottom: 3px solid #343c01; 
	border-right: 3px solid #343c01; */
}

#quotebox .quote
{
    color: #bf6c28;
    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: #bf6c28;
    font-style: italic;
    font-weight: normal;
    font-size: 11pt;
    line-height: 110%;
}

#blogcontent
{
    margin: 0px;
    padding: 5px 10px;
    background-color: #e8ecc7;
/*    border-radius-bottomright: 30px; 
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px; 
    border-radius-bottomleft: 30px; 
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px; 
*/
	border-bottom: 1px solid #343c01;
    border-right: 1px solid #343c01;
    border-left: 1px solid #343c01;
/*	border-bottom: 3px solid #343c01;
    border-right: 3px solid #343c01;
    border-left: 3px solid #343c01;*/
}

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

#maincontent
{
    margin: 0px;
    padding: 0px 5px;
/*    width: 100%; */
    background-color: #e8ecc7;
/*    border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px; 
*/
	border: 1px solid #343c01;
/*	border: 3px solid #343c01;*/
}

#content
{
    margin: 0px;
    padding: 0px 5px;
/*    width: 100%; */
    background-color: #e8ecc7;
/*    border-radius-bottomright: 30px; 
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px; 
    border-radius-bottomleft: 30px; 
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px; 
*/
	border-bottom: 1px solid #343c01;
    border-right: 1px solid #343c01;
    border-left: 1px solid #343c01;
/*	border-bottom: 3px solid #343c01;
    border-right: 3px solid #343c01;
    border-left: 3px solid #343c01; */
}

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

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

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

.post .title,
#comments > LEGEND,
.comment > LEGEND,
#responsebox > LEGEND
{
    background-color: #343c01;
    border: 0px solid #666666;
    font-size: 12pt;
    padding: 4px 20px;
    margin-left: 15px; /* doesn't work for Firefox -- see comment above in .post fieldset */
/*    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
*/
    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;
/*    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
*/
}

.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 */
/*    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
*/
}

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

.postmetadata .cattrigger
{
    cursor: pointer;
    float: left;
    /*
    background-image: URL('images/down_arrow.png');
    background-position: 85% 50%;
    padding: 3px 35px 3px 10px;
    background-repeat: no-repeat;
    */
    padding: 3px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
/*    -webkit-border-radius: 8px; /* webkit can't render larger radius for smaller height */
*/
    border-width: 0px;
}

.postcattags
{
    padding: 4px 10px 8px 10px;
    margin: 4px 10px 0px 10px;
    background-color: #ffffff;
    color: #442222;
/*    border-radius: 12px; 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px; 
*/
    text-align: left;
}

.postcattags .capsule
{
    font-size: small;
    padding: 1px 4px;
    margin-right: 5px;
    line-height: 20px;
/*    -webkit-border-radius: 8px; /* see comment above for .cattriger */
*/
}

#rsslinks
{
/*    position: fixed;
    z-index: 15;
    right: 0;
    left: 0; */
    border-style: none;
}

#rsslinks .capsule
{
    top: 0;
    padding: 4px 10px;
    margin: 0px;
    font-family: inherit;
    font-size: 8pt;
/*    background-color: #333333; */
    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;
/*    background-color: #000000; */
/*    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
*/
}

#rsslinks A
{
    color: #ffffff;
}

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

#credits A
{
    color: #ffffff;
}

img.avatar
{
    float: left;
    margin: 5px 20px 20px 15px;
/*    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
*/
}

/* 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;
   /* optional rounded corners for browsers that support it */
/*   border-radius: 3px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
*/
}

.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;
}