/*  
Theme Name: FallSeason
Theme URI: http://wpthemepark.com
Description: Zenlike by <a href="http://www.nodethirtythree.com/" title="nodethirtythree">nodethirtythree</a> , FallSeason WordPress Theme by <a href="http://wpthemepark.com/" target="_blank">WP ThemePark</a>
Version: 1.0
Author: Sadish
Author URI: http://wpthemepark.com
*/
/*

	zenlike1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

* {
    border: 0;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5; 
}

body {
    background: #e5e5e5;
    color: #414141;
    font-family: Verdana, Arial, Helvetica, Lucida, sans-serif;
    font-size: 100%;
}

a {
    color: #254a93;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

p {
    font-size: 0.75em;
    margin-bottom: 0.75em;
}

h1, h2, h3, h4, h5, h6  {
	font-family: Arial, sans-serif;
}

h2, h3, h4, h5, h6  {
    margin-top: 0.75em;
}

h1 {
    font-size: 1.68em;
}

h2 {
    font-size: 1.26em;
}

h3 {
    font-size: 1.09em;
    font-weight: bold;
}

h4 {
    font-size: 0.92em;
    color: #254a93;
}

h5 {
    font-size: 0.92em;
    font-weight: bold;
}

h6 {
    font-size: 0.85em;
    font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
    font-weight: inherit;
}

h3 span
{
    font-weight: normal;
    font-size:60%;
    color:#999;
}

ul {
	list-style: none;
	font-size: 0.75em;
}
ol {
    font-size: 0.75em;
    list-style-type: decimal;
    padding: 0px 0px 10px 25px;
}
ol li,
ul.circle li, reseller-index-table ul {
    padding: 3px;
}
ul.circle, .reseller-index-table ul {
	list-style: disc;
	padding: 0px 0px 10px 25px;
}
small {
	font-size: 0.6em;
}
strong {
    font-weight: bold;
}
em {
	font-style: italic;
}
pre {
	background: #f5f3f0; /* 5% pantone warm grey */
	border: 1px solid #c6d9ed;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0.5em 1em;
	font-size: 1em;
	overflow: hidden;
}
hr {
	background-color: #dcdcdc;
    color: #dcdcdc;
	margin: 0.2em 0 1em;
	height: 1px;
    clear: both;
}
blockquote {
	background: url(http://digium.com/css/images/block-quote.gif) top left no-repeat;
	padding: 1em 0.5em;
	padding-left: 4.7em;
	font-style: italic;
    font-size: 0.75em;
}
code { 
	color: #192e84; /* pantone 661 */
	font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace;
	margin: 0 0 10px 0;
	font-size: 0.75em;
}
sup {
	font-size: 0.55em;
}

/* 
 * Useful Class Styles
 */
.margin-top {
	margin-top: 8px;
}
.margin-left {
	margin-left: 8px;
}
.clear {
	clear: both;
}
.float-left {
	float: left; /* Make sure the element you use this class with has a fixed width */
}
.float-right {
	float: right; /* Make sure the element you use this class with has a fixed width */
}
.center-text {
	text-align: center;
}
.blue {
    color: #254a93;
    font-weight: bold;
}
.see-all {
    float: right;
    font-size: 0.75em;
}
p.orange-button {
    background: url(images/button-orange.png) no-repeat top left;
	padding: 5px 3px 2px 7px;
	height: 29px;
	float: left;
	position: relative;
}
span.orange-button,
div.orange-button {
    background: url(images/button-orange-right.png) no-repeat top right;
	padding-right: 5px;
	height: 29px;
	width: auto;
	float: left;
	position: relative;
}
p.orange-button a, span.orange-button a {
	color: #ffffff;
}
p.orange-button:hover,
span.orange-button:hover p.orange-button,
div.orange-button:hover {
    background: url(images/button-orange-hover.png) no-repeat top left;
	cursor: pointer;
}
span.orange-button:hover,
div.orange-button:hover {
    background: url(images/button-orange-right-hover.png) no-repeat top right;
	cursor: pointer;
	top: 1px;
}
span.orange-button p.orange-button a:hover,
span.blue-button p.blue-button a:hover,
div.orange-button p.orange-button a:hover {
    text-decoration: none;
}
/* END Useful Class Styles */

/* 
 * Icons for text blocks, headlines, and lists Styles
 */
h4.icon {
	height: 25px;
	padding-left: 30px;
	display: table-cell;
	vertical-align: middle;
	
}
h4.rss {
	background: url(http://digium.com/css/images/icons/rss-25x25.png) center left no-repeat;
}
h4.twitter {
	background: url(http://digium.com/css/images/icons/twitter-25x25.png) center left no-repeat;
}
h4.press {
	background: url(http://digium.com/css/images/icons/press-25x25.png) center left no-repeat;
}
ul.downloads li {
    background: url(http://digium.com/css/images/download-blue.gif) 0px 5px no-repeat;
    padding-left: 22px;
    margin-top: 6px;
}
/* END Icons for text blocks and headlines Styles */

/*
 * Social Media Icons
 */
ul.social-links { 
    list-style: none; 
}

ul.social-links > li > a > span {
    float: left;
    margin-right: 2px; 
    height: 24px; 
    width: 24px;
}

.social-links .twitter { background: url(images/twitter.png); }
.social-links .facebook { background: url(images/facebook.png); }
.social-links .linkedin { background: url(images/linkedin.png); }
.social-links .flickr { background: url(images/flickr.png); }
.social-links .youtube { background: url(images/youtube.png); }
.social-links .rss { background: url(images/rss-prominent.png); }
.email-icon {
	background: url(images/email.gif) center left no-repeat;
	padding-left: 25px;
}

.FBConnectButton_Small { line-height: 10px !important; }

/* END Social Media Icons */

/* 
 * Layout Styles
 */
#site-shadow {
	-moz-box-shadow: 0px 2px 18px 0px #666;
	-webkit-box-shadow: 0px 2px 18px 0px #666;
	box-shadow: 0px 2px 18px 0px #666;
}
#site-wrap {
	width: 990px;
	margin: 0 auto 20px; /* The 20px is to give the bottom of the site more room for when read-more-text is not present */
}
#content-wrap {
	background-color: #ffffff;
	width: 990px;
	margin: 0 auto;
	overflow: hidden; /* this is a clearfix for floated elements on the page */
    min-height: 370px; /* so the tool tips don't get hidden when this section is too short */
}
.rounded-container {
	width: 990px;
	background-color: #ffffff;
	margin: 20px auto;
	padding: 20px 0px;
	overflow: hidden;  /* this is a clearfix for floated elements on the page */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.rounded-callout {
	/*margin: 20px;
	padding: 20px 0px;
	background-color: #f8fcff;
	border: 1px solid #bbd2e7;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;*/
}
.white-rounded { /* used for the logo section above the copyright area */
	width: 100%;
	background-color: #ffffff;
	margin: 20px auto;
	padding: 20px 0px;
	overflow: hidden;  /* this is a clearfix for floated elements on the page */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.blue-rounded { /* used at the bottom of some switchvox pages */
	padding: 18px;
	background-color: #f0f6fb;
	border: 1px solid #c6d9ed;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.gray-rounded { /* used for sidebars and in the blog */
    padding: 18px;
    margin-top: 20px;
    background-color: #efefef;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.rounded-section {
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.rounded-section h3 {
	background-color: #d0d0d0;
	display: block;
	height: 28px;
	margin-top: -20px;
	padding: 2px 0px 0px 10px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-khtml-border-topleft-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-khtml-border-topright-radius: 15px;
	border-top-right-radius: 15px;
}

.gray-rounded {
    background: #efefef;
    display: block;
    overflow: hidden;
    margin-top: 20px;
    padding: 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    -khtml-border-radius: 15px;
}

.gray-rounded > h3 {
    margin-top: -5px;
}

.gray-rounded > h3.solo {
    margin: -5px 0px;
}

.footer-extras {
	padding: 20px;
	background-color: #ffffff;
}
.footer-extras-grey {
	padding: 20px 10px;
	background-color: #d0d0d0;
}

.excerpt {
	display: block;
	overflow: hidden;
	width: 455px;
}

.social {
	display: block;
	float: right;
	width: 75px;
}

#search-box { 
	margin-top: 0px;
}

#blogroll-title, #archive-title { 
	cursor: pointer; 
}

#blogroll-title {
	margin-top: 0px;
}

.remaining-authors, .hidden { 
	display: none; 
}

.twitter > a { 
	font-size: 0.75em;
}
/* END Layout Styles */

/* 
 * Custom Grid Styles
 */
.grid-full,
.grid-half,
.grid-thirds,
.grid-fourths,
.grid-fifths,
.grid-threefifths,
.grid-sixths,
.grid-threefourths,
.grid-onethird,
.grid-twothirds {
	float: left;
	overflow: hidden;
	padding: 20px 2px 20px 20px;
}
.rounded-section .grid-full,
.rounded-section .grid-half,
.rounded-section .grid-thirds,
.rounded-section .grid-fourths,
.rounded-section .grid-fifths,
.rounded-section .grid-sixths,
.rounded-section .grid-threefourths,
.rounded-section .grid-onethird,
.rounded-section .grid-twothirds,
.rounded-callout .grid-full,
.rounded-callout .grid-half,
.rounded-callout .grid-thirds,
.rounded-callout .grid-fourths,
.rounded-callout .grid-fifths,
.rounded-callout .grid-threefifths,
.rounded-callout .grid-sixths,
.rounded-callout .grid-threefourths,
.rounded-callout .grid-onethird,
.rounded-callout .grid-twothirds {
	padding: 20px 8px 20px 10px;
}
.grid-full {
	width: 95%;
}
.grid-half {
	width: 46%;
}
.grid-thirds {
    width: 30.3%;
}
.grid-fourths {
	width: 22.6%; 
}
.grid-fifths {
	width: 18%;
}
.grid-threefifths {
	width: 54%;
}
.grid-sixths {
	width: 13.5%;
}
.grid-onethird {
	width: 30%;
}
.grid-twothirds {
	width: 63%;
}
.grid-threefourths {
	width: 73%;
}
.nested { /* this style must be declared after the grids in order to change the padding of nested grids */
	padding: 10px 17px 10px 0px;
}
.full-wrap {
	clear: both;
}
.rounded-section { /* used in the footer */
	overflow: hidden;
	border: 1px solid #dcdcdc;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.rounded-section h3.footer {
	background-color: #d0d0d0;
	display: block;
	height: 28px;
	margin-top: -20px;
	padding: 2px 0px 0px 10px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-khtml-border-topleft-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-khtml-border-topright-radius: 15px;
	border-top-right-radius: 15px;
}
.footer-extras .rounded-section {
	padding: 20px 0px 0px 0px;
}
.footer-extras .rounded-section img {
	position: relative;
    top: 3px;
    padding-right: 4px;
}
.footer-extras {
	padding: 20px;
	background-color: #ffffff;
}
.footer-extras-grey {
	padding: 20px 10px;
	background-color: #d0d0d0;
}
/* END Custom Grid Styles */

/* 
 * Video Thumbnail Styles (as used on the homepage)
 */
.video-thumb-lg {
	width: 305px;
	height: 126px;
	position: relative;
	margin-top: 15px;
}
.video-thumb-sm {
	width: 195px;
	height: 95px;
	position: relative;
	margin-top: 15px;
}
.video-description-lg,
.video-description-sm {
	padding: 5px;
	min-height: 18px;
	color: #ffffff;
}
.video-description-lg a,
.video-description-sm a {
	color: #f6772f;
}
.video-description-lg p,
.video-description-sm p {
	margin-bottom: 0.15em;
}
.video-description-lg {
	background: url(http://digium.com/images/graphics/video-bg.png) 0 0 repeat-y;
	width: 295px;
}
.video-description-sm {
	background: url(http://digium.com/images/graphics/video-bg.png) left 0 repeat-y;
	width: 185px;
}
.video-color-overlay-lg {
    position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(http://digium.com/images/graphics/video-play-button-lg.png) center center no-repeat;
	background-color: #414141;
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.video-color-overlay-sm {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(http://digium.com/images/graphics/video-play-button-sm.png) center center no-repeat;
	background-color: #414141;
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
button.video-color-overlay-lg:hover,
button.video-color-overlay-sm:hover {
    background-color: #414141;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
	cursor: pointer;
}
.overlay-details-wrap { /* (used in video-thumnb and image-thumb) */
    display: none;
    z-index: 10000;
    background-color: #333333;
    min-width: 300px;	
    min-height: 300px;
    border: 1px solid #666;
    -moz-box-shadow: 0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
.overlay-details-wrap .close { /* (used in video-thumnb and image-thumb) */
    background-image: url(http://digium.com/images/graphics/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
/* END Video Thumbnail Styles */

/* 
 * Image Thumbnail Styles
 */
.image-thumb-lg {
	width: 303px;
	height: 126px;
	position: relative;
	margin-top: 15px;
	border: 1px solid #254a93;
}
.image-thumb-sm {
	width: 193px;
	height: 95px;
	position: relative;
	margin-top: 15px;
	border: 1px solid #414141;
}
.image-thumb-lg:hover,
.image-thumb-sm:hover {
    left: 1px;
	top: 1px;
	cursor: pointer;
}
.overlay-details-wrap .details {
    color: #ffffff;
	padding: 5px 15px;
		
}
/* END Image Thumbnail Styles */

/* 
 * Awards Scrollable Styles (as used on the Switchvox index page)
 */
.awards-scrollable { 
    position: relative; 
    overflow: hidden; 
    width: 150px; 
    height: 100px;
} 
.awards-scrollable .items {
    width: 20000em; 
    position: absolute; 
}
.awards-scrollable .items div { 
    float: left;
    text-align: center;
    padding: 10px 0px 10px; 
    width: 150px 
} 
.awards-scrollable .items div img {
    float: none;
}
/* END Awards Scrollable Styles */

/* 
 * Header Styles
 */
#header {
	width: 990px;
	height: 96px;
	margin: 0 auto;
	clear: both;
	border-bottom: 1px solid #dcdcdc;
    position: relative;
}
#logo {
	width: 152px;
	height: 76px;
        float: left;
	margin: 10px 0px 0px 23px;
}
#header-tools {
        float: right;
	display: none;
	margin: 25px 30px 0px 0px;
	font-size: 85%;
}
#header-tools li {
        float: left;
        display: inline;
	list-style: none;
        border-right: 1px solid #ccc;
	padding: 0px 10px;
}
#header-tools li a {
        color: #666666;
}
#header-tools li a:hover {
	color: #414141;
}
#header-tools li:last-child {
	border-right: none;
	padding-right: 0px;
}
#search-box label .holder { 
        display: none; 
}
#search-box input.search-bg {
	color: #666666;
	width: 105px;
	border: 1px solid #dcdcdc;
    -moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
    padding: 0;
}
#breadcrumb {
	padding: 20px 0px 20px 20px;
	text-decoration: none;
	font-size: 85%;
}
#breadcrumb ul li {
	display: block;
	float: left;
	padding-right: 5px;
}
#breadcrumb ul li:before {
	content: "\3E \0020";
}
#breadcrumb ul li.home:before {
	content: "";
	padding-left: 0;
}
/* END Header Styles */

/* 
 * Main Menu Styles
 */
#main-navigation {
	min-width: 30%;
	float: right;
	font-size: 115%;
	font-family: sans-serif, helvetica, arial;
    color: #414141;
	/*margin: 24px 25px 0px 0px;*/
	position: absolute;
    bottom: 0;
    /*position: relative;
    top: 24px;*/
    right: 25px;
}
#main-navigation ul li {
	background: url(http://digium.com/css/images/tab-main-menu.png) center top repeat-x;
	height: 30px;
    display: block;
	margin: 0px 2px;
	float: left;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-left-radius: 9px;
	-khtml-border-topleft-radius: 9px;
	border-top-left-radius: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-right-radius: 9px;
	-khtml-border-topright-radius: 9px;
	border-top-right-radius: 9px;
}
#main-navigation ul li a {
	padding: 8px 10px 0px 10px;
	display: block;
	color: #414141;
	text-decoration: none;
	height: 22px;
}
#main-navigation ul li:hover {
	background: url(http://digium.com/css/images/tab-main-menu-hover.png) center bottom repeat-x;
}
#main-navigation ul li:hover a span {
	color: #ffffff;
}
#main-navigation ul li a span.current {
	color: #ffffff;
}
#main-navigation ul li.current {
	background: url(http://digium.com/css/images/tab-main-menu-hover.png) center bottom repeat-x;
}
/* END Main Menu Styles */

/* 
 * Tool Tip for Main Menu
 */
.main-nav-tooltip-content {
	display: none;
	/*height: 210px;
	width: 500px;*/
	padding: 15px 10px;
	color: #ffffff;
    /*font-size: 116%;  this is because the tooltips are nested, 116% brings the font size back to normal */
	/*background-color: #254a93;*/
    background: url('http://digium.com/images/graphics/fat-tooltip-bg.png') repeat-y center top #1c4477;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	z-index: 2000;
    position: absolute;
    
    
    -moz-box-shadow: 0 5px 40px 0px #666666;
    -webkit-box-shadow: 0 5px 40px 0px #666666;
    box-shadow: 0 5px 40px 0px #666666;
}
.main-nav-tooltip-content p {
    max-width: 200px;
}
.tab-contents .main-nav-tooltip-content div.col {
    float: left;
    padding: 0px 22px 0px 0px;
}
.tab-contents .main-nav-tooltip-content ul li {
    background: none;
    float: none;
    margin: 0;
    height: auto;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}
.tab-contents .main-nav-tooltip-content h5,
.tab-contents .main-nav-tooltip-content h5 a {
    color: #f6772f;
}
.tab-contents .main-nav-tooltip-content a {
    color: #ffffff;
    height: auto;
    padding: 0;
}
.tab-contents .main-nav-tooltip-content a:hover {
    text-decoration: underline;
}
.tab-contents .main-nav-tooltip-content img.tooltip-images {
    padding-bottom: 20px;
}
.tab-contents .main-nav-tooltip-content span.orange-button p.orange-button a:hover,
.tab-contents .main-nav-tooltip-content span.blue-button p.blue-button a:hover {
    text-decoration: none;
}
.tab-contents .main-nav-tooltip-content .col {
    max-width: 300px;
}
/* END Tool Tip for Main Menu */

/* 
 * Footer Styles
 */
#footer-copyright {
	clear: both;
	display: block;
	font-size: 85%;
}

#footer-copyright ul {
	text-align: center;
}
#footer-copyright li {
    display: inline;
	list-style: none;
    border-left: 1px solid #ccc;
	padding: 0px 7px;
}
#footer-copyright li:first-child{
	border-left: none;
}
.footer-faq-tooltip-content {
    display: none;
    margin-left: 5px;
    max-width: 250px;
    -moz-box-shadow: 0px 0px 18px 0px #999;
	-webkit-box-shadow: 0px 0px 18px 0px #999;
	box-shadow: 0px 0px 18px 0px #999;
}

/* END Footer Styles */

.contentarea
{
padding-top: 1.3em;
}
.contentarea h1, .contentarea h2, .contentarea h3
{
color: #3e3e3e;
}
dl {
	margin:1em 0px;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em 1em;
	padding:0;
}
img.left
{
border: solid 1px #dcdcdc;
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}
img.right
{
border: solid 1px #dcdcdc;
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}
img.profile
{
position: relative;
float: left;
margin: 0.5em;
padding:3px;
}
fieldset 
{
	border:none;
}


.divider1
{
position: relative;
background: #fff url(images/border2.gif) repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.post 
{
	margin-bottom: 2em;
}

.post dl {
    font-size: 0.75em;
}

.entry_author_thumb > img {
	margin-left: 0px !important;
	margin-top: 0px !important;
	padding-left: 0px;
	padding-top: 0px;
}

.asides img, .post img 
{
    float: left;
    margin: 5px;
}

.post h4 { 
	margin-top: 0px !important;
}

.post h4 a 
{
	text-decoration:none;
	color:#9a3215;	
	border:none;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.86em;
color: #787878;
margin:0;
padding:0;
}
.post .details .user 
{
	background:url(images/user.png) no-repeat left center;
	padding-left:15px;
}
.post .details .date 
{
	background:url(images/date.gif) no-repeat left center;
	padding-left:15px;
	margin:0 0 0 1em;
}
#outer .post ul.controls
{
clear: both;
margin:0;
padding:1em 0;
background:#fcfcfc;
}

.post ul.controls li
{
display: inline;
font-size: 0.86em;
margin:0;
padding: 0em 1.0em 0em 15px;
}
.post ul.controls li.comments
{
	background: url(images/icon-comments.gif) no-repeat left center;
}

.post ul.controls li.more
{
	background: url(images/icon-more.gif) no-repeat left center;
}

.box
{
background: #FDFCF6 url(images/boxbg.gif) repeat-x;
padding: 1.5em;
border-top: solid 1px #E1D2BD;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
text-align:left;
}
.box img
{
border: none;
text-align: center;
}
.box h4 
{
padding-left: 25px;
background: url(images/db2.gif) no-repeat 0 50%;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
/*width: 82%;*/
width: 990px;
max-width: 990px;
border: solid 0px transparent;
background-color: #fff;
margin: 0 auto;
}

#headercontent
{
position: absolute;
top: 0em;
padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
font-weight: normal;
font-size: 2.5em;
}
#headercontent h1 a:link, #headercontent h1 a:visited
{
	color:#f6772f;
	text-decoration:none;
	border:none;
}
#headercontent h1 a:hover, #headercontent h1 a:active
{
	text-decoration:none;
	color:#fff;
	border:none;
}
#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: #aaa;
}

#top-corners {
        background: url(images/tl-page-cnr.gif) top left no-repeat;
        position: relative;
        height: 22px;
}

#top-corners div {
        background: url(images/tr-page-cnr.gif) top right no-repeat;
        height: 22px;
}

#btm-corners {
        background: url(images/bl-page-cnr.gif) bottom left no-repeat;
        height: 22px;
}

#btm-corners div {
        background: url(images/br-page-cnr.gif) bottom right no-repeat;
        height: 22px;
}

#search
{
position: absolute;
top: 2.5em;
right: 2.0em;
padding-right: 0.0em;
color:#aaa;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border: solid 1px #f0f0f0;
padding: 0.1em;
width: 10.0em;
background:#fff url(images/button_bg.gif) repeat-x top;
}

#search input.submit
{
background: #d25c25;
border: solid 1px #ae4019;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#headerpic
{
position: relative;
height: 149px;
background: #fff url(images/flipflops.jpg) repeat-x bottom left;
margin-bottom: 2px;
}

#tools-list
{
position: absolute;
background: #fff;
top: 5.4em;
right: 3.5em;
height: 2.5em;
padding: 0 1.0em;
margin: 0 0 2px;
}

#tools-list ul
{
padding: 0.5em 0 0 0;
margin:0;
}

#tools-list ul li a:link, #tools-list ul li a:visited
{
        color: #d25c25;
        padding: 0.5em 0.5em 0.9em 0.5em;
        text-decoration: none;
        border:none;
}

#tools-list ul li a:hover, #tools-list ul li a:active
{
	color: #f6772f;
        border:none;
}

#menu-container
{
margin: 0 2em;
background-color: #fff;
}

#menu
{
position: relative;
background: #aca195 url(images/menubg.gif) repeat-x top left;
height: 3.5em;
padding: 0 1.0em;
margin: 0 0 2px;
}

#menu ul
{
padding:1em 0 0 0;
margin:0;
}

#menu ul li, #tools-list ul li
{
position: relative;
display: inline;
padding:0;
margin:0;
}

#menu ul li a:link, #menu ul li a:visited
{
	color: #fff;
	padding: 0.5em 1.0em 0.9em 1.0em;
	text-decoration: none;	
	border:none;
}

#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a
{
	background: #9a3215 url(images/menuactive.gif) repeat-x top left;	
	border:none;
}

#menubottom
{
background: #fff url(images/border1.gif) repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content
{
padding: 0 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 22em 0 0;
}

#sidebar
{
margin: 0;
float: right;
width: 18.0em;
}
#sidebar ul
{
	list-style:none;
	margin:0.5em 0 0;	
}
#sidebar li 
{
	margin:1em 0;
	padding:0.5em;
}
#sidebar li li 
{
	margin:0;
	padding:0.5em;
	background:none;
}
#sidebar li li li
{
	margin:0;
	padding:0.5em 1em;
}
#sidebar ul.feeds li 
{
	background:url(images/feed.png) no-repeat left center;
	margin:1em 0;
	padding:0 1.5em;	
}

/*comments and their styles*/
#comments, #respond{
	margin: 2em 0 0 5px;
}
#commentform 
{
	margin:10px;
	padding:10px;
}
#outer .commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	margin: 2em 0;
}
.commentlist .begcmt
{
	display: block;
	height: 20px;
	width: 535px;
	background: #fcfcfc url(images/comment-top-bg.jpg) no-repeat bottom left;
}
.commentlist li p 
{
	padding: 2px 15px;
	margin: 0px;
	background: #fcfcfc url(images/comment-body-bg.jpg) repeat-y top left;
}
.commentlist li .cmtinfo 
{
	font-family:Trebuchet MS,Verdana, Tahoma, Serif;
	font-size: 0.9em;		
	padding: 10px;
	position:relative;
}
.commentlist li .cmtinfo em 
{
	margin:0;
	padding:0 1em;
	text-align:right;
	font-style:normal;			
	color:#999;	
}
.commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
.commentlist .endcmt 
{
	display: block;
	height: 12px;
	width: 535px;
	background: #fcfcfc url(images/comment-bot-bg.jpg) no-repeat top left;
}

textarea{
	width: 90%;
	padding:5px;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
}
#outer input.text 
{
	background:#f9f9f9 url(images/button_bg.gif) repeat-x top;
	border:#ccc 1px solid;
	padding:2px;
	font:1em Verdana, Arial, Serif;
}
.post h5 em
{
	font-style:normal;
	float:right;
	font-weight:normal;
}
#content, #sidebar, .widget {
    overflow: hidden;
}

h3.about-the-author {
	margin-top: 20px;
}

.author-bio {
	margin: 2px 0px 10px 0px;
	border: 1px solid #efefef;
	padding: 10px;
}

/**
 * bubbles.css from digium.com
 */
/* Normal Bubble */
div.bubble {
	width: auto;
	font-size: 0.85em;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(http://digium.com/css/images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/* Rounded Bubble */
div.bubble div.rounded {
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(http://digium.com/css/tip-rounded.gif) no-repeat 15px 0;
}

/* Pimped Bubble */
div#pimped.bubble {
	font-size: 0.9em;
}
div#pimped.bubble div.rounded {
	color: #fff;
	border: 3px solid #fff;
	background-color: #111;
}
div#pimped.bubble cite.rounded {
	background: transparent url(http://digium.com/css/tip-pimped.gif) no-repeat 15px 0;
}

/* For FB Share */
.FBConnectButton_Small .FBConnectButton_Text {
    padding: 0 6px 0 !important;
}

/**
 * Forms.css from digium.com
 */
/*
 * forms
 */
form {
    overflow: hidden;
}
form fieldset {
    margin: .75em 0em;
	background-color: #f9f9f9;
	-moz-border-radius: 15px;
}
form fieldset ul, form fieldset ol {
	margin: 0px 8px;
	padding: 10px;
	float: left;
}
form fieldset ul li, form fieldset ol li {
    margin: 8px 0px;
}
form legend { /* styled like an h4 */
    font-size: 0.92em;
	color: #254a93;
    padding: 25px 20px;
	margin-bottom: -35px;
}
form ul, form ol {
    list-style: none;
}
form input {
    width: 175px;
	display: block;
}
.right-column form input {
	width: 147px;
}
.right-column form span.submit {
	float: left;
	margin: 5px 0px;
}
.right-column form input.submit {
	width: 70px;
}
.right-column form span.first {
	margin-right: 5px;
}
form input.qty,
form input#cc_exp_date,
form input#cc_sec_code {
    width: auto;
}
form input.type_box, input[type='radio'], input[type='checkbox'] { /* a select box */
    width: auto;
    float: left;
	margin: 4px 8px 0 0;
    padding: 0;
	position: relative;
    clear: both;
}
form textarea {
    font-size: 1em;
	background: #ffffff;
}
form select, select {
    width: 183px;
	display: block;
}
form input, form textarea, form select, input[type=button] {
    padding: 4px;
	border: 1px solid #dcdcdc;
	-moz-box-shadow: 0px 0px 15px 0px #d1d1d1;
	-webkit-box-shadow: 0px 0px 15px 0px #d1d1d1;
	box-shadow: 0px 0px 15px 0px #d1d1d1;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    -o-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.right-column form input {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
form input.invalid, form textarea.invalid, form select.invalid, select.invalid, input[type=button].invalid {
    -moz-box-shadow: 0 0 15px 0 #FF1111;
    border: 1px solid #FF0000;
    background: #FFE2E2;
}
form input:hover, form input:focus,
form textarea:hover, form textarea:focus,
form select:hover, form select:focus {
    border: 1px solid #999999;
}
label {
    width: 300px;
}
form input.submit, input[type=button].submit, input.submit {
    background: url(http://digium.com/css/images/button-blue.png) no-repeat top left;
	padding: 0 3px 2px 7px;
	height: 29px;
	float: left;
	position: relative;

	border: none;
	width: auto;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    -o-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
form input.submit-orange, input[type=button].submit-orange, input.submit-orange {
    background: url(images/button-orange.png) no-repeat top left;
	padding: 0 3px 2px 7px;
	height: 29px;
	float: left;
	position: relative;
    color: #ffffff;
	
	border: none;
	width: auto;
    
    margin: 0;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
    -o-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
input[type=button].submit {
    float: none;
}
form span.submit, span.submit {
    background: url(http://digium.com/css/images/button-blue-right.png) no-repeat top right;
	padding-right: 5px;
	height: 29px;
	width: auto;
	float: left;
	position: relative;
}
form span.submit-orange, span.submit-orange {
    background: url(images/button-orange-right.png) no-repeat top right;
	padding-right: 5px;
	height: 29px;
	width: auto;
	float: left;
	position: relative;
    margin-top: 8px;
}
form input.submit:hover, input[type=button].submit, input.submit:hover {
    background: url(http://digium.com/css/images/button-blue-hover.png) no-repeat top left;
	cursor: pointer;
	/*top: 1px;*/
}
form input.submit-orange:hover, input[type=button].submit-orange:hover, input.submit-orange:hover,
form span.submit-orange:hover input.submit-orange, span.submit-orange:hover input[type=button].submit-orange, span.submit-orange:hover input.submit-orange {
    background: url(images/button-orange-hover.png) no-repeat top left;
	cursor: pointer;
	/*top: 1px;*/
}
form span.submit:hover, span.submit:hover, span.submit:hover {
    background: url(http://digium.com/css/images/button-blue-right-hover.png) no-repeat top right;
	cursor: pointer;
	top: 1px;
}
form span.submit-orange:hover, span.submit-orange:hover, span.submit-orange:hover {
    background: url(images/button-orange-right-hover.png) no-repeat top right;
	cursor: pointer;
	top: 1px;
}
div.flash-notification {
    background: #FCFECC url('http://digium.com/images/graphics/check-mark.gif') no-repeat 10px 10px; 
    margin: 10px 20px 0px 20px;
    overflow: hidden;
    padding: 10px 10px 10px 40px;
    -moz-border-radius: 0.6em 0.6em;
    -webkit-border-radius: 0.6em 0.6em;
    -khtml-border-radius: 0.6em 0.6em;
    border-radius: 0.6em 0.6em;
}
div.flash-notification.notice {
    background: #E1EFE0 url('http://digium.com/images/graphics/flash-notice.png') no-repeat 10px 7px;
    border: 1px solid #87CF81;
    color: inherit;
    font-size: inherit;
}
div.flash-notification.error {
    background: #FFD2D2 url('http://digium.com/images/graphics/flash-error.png') no-repeat 10px 7px;
    border: 1px solid #FF6F78;
    color: inherit;
    font-size: inherit;
}
div.flash-notification.warning {
    background: #FCFECC url('http://digium.com/images/graphics/flash-warning.png') no-repeat 10px 7px;
    border: 1px solid yellow;
    color: inherit;
    font-size: inherit;
}
div.flash-notification > p {
    margin:0;
    padding:0;
    font-weight: bold;
}


input[type='hidden'] { /* fixes a strange issue where hidden fields were being displayed in some versions of Firefox */
    display: none;
}

/*
 * used for old way
 */
form#choose_product input { /* used for users/support_choose_product.php */
    width: auto;
}