/*== GLOBAL STYLES ==*/

/*-- resets --*/
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dd,dt,dl { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
ul { list-style-type: none; }
img { border: none; }
.button::-moz-focus-inner { border: 0; }
article,aside,details,figure,footer,header,hgroup,menu,nav,section { display: block; margin: 0; }


@font-face { font-family: Mistral; src: url('/global/fonts/Mistral'); } 


/*-- multipurpose --*/
.left, .flushleft { float: left; }
.right, .flushright { float: right; }

.content .left, .content .flushleft { margin-right: 30px; }
.content .right, .content .flushright { margin-left: 30px; }

.flushleft, .flush, pre code { margin-left: -40px; }
.flushright, .flush { margin-right: -40px; }
pre code { margin-right: -39px; }

.clear { clear: both; }
.clearafter, .header, .body, dl.big dd { zoom: 1; }
.clearafter:after, .header:after, .body:after, dl.big dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.innershadow { position: absolute; left: 0; bottom: 0; width: 870px; height: 30px; background: url(../images/innershadow-up.png) no-repeat 50% 100%; }

.alignright { text-align: right !important; }
.nowrap { white-space: nowrap; }

body.nojs .js,
body.js .nojs,
.hide { display: none !important; }

nav.tabs { position: absolute; left: 0; bottom: 0; padding: 5px 0 0 30px; width: 840px; overflow: hidden; }
nav.tabs ul li { float: left; }
nav.tabs ul li a { display: block; padding: 8px 10px; font-size: 13px; color: rgba(0,0,0,0.6); text-decoration: none; }
nav.tabs ul li a:hover { color: rgba(0,0,0,0.9); }


.ee.overview #nav-overview a,
.ee.releasenotes #nav-releasenotes a,
.ee.docs #nav-docs a,
.members#licenses #nav-licenses,
.members#profile #nav-profile { color: rgba(0,0,0,0.5); text-shadow: 0 1px #fff; cursor: default;
	background: #fff url(../images/bg-gradients/tab.png) repeat-x 0 100%;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
	background: -moz-linear-gradient(top, #fff, #eee);
	border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.35); }



/*-- elements --*/
.body h1 { margin-bottom: 40px; font-size: 3em; letter-spacing: -0.05em; font-weight: bold; }
.content h1 { margin: 0 0 1em; font-size: 2em; line-height: 1.2; letter-spacing: -0.04em; font-weight: bold; color: #4d3900; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); }
.body h2 { margin: 30px 0 1em; font-size: 2em; letter-spacing: -0.04em; color: #87a621; }
.content h2 { text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.body h3 { margin: 40px 0 0.5em; font-size: 1.5em; color: #87a621; }
.body h4 { margin: 2em 0 0; font-size: 1.25em; font-weight: bold; }
.body h5 { margin: 1.5em 0 0.5em; font-size: 1em; font-weight: bold; }
.body h6 { font-size: 0.9em; color: #999; }
.body h2:first-child, .body h2.first,
.body h3:first-child, .body h3.first { margin-top: 0; }

.body dl { margin: 0.5em 0 1.5em 20px; }
.body dl dt { margin: 1.5em 0 0.5em; font-size: 1em; font-weight: bold; }
.body dl dt:first-child { margin-top: 0; }
.body dl dd { margin-left: 20px; }

.body hr { margin: 30px 0; border: none; border-top: 1px dashed #ddd; height: 0; padding: 0; }

dl.big { margin: 1em 0 30px; border-bottom: 1px dashed #ddd; }
dl.big dt,
dl.big dd { padding-top: 30px; }
dl.big dt { clear: both; float: left; margin: 0 40px 0 0; width: 210px; font-size: 1.5em; font-weight: normal; color: #87a621; }
dl.big dd { margin: 0 0 30px 0; border-top: 1px dashed #ddd; }
dl.big dd.text { padding-top: 35px; }

.body header hgroup { text-align: center; }
.body hgroup *:first-child { margin-bottom: 5px; }
.body hgroup *:last-child { margin-top: 5px; }

.body p { margin: 0.5em 0 1.5em; }

.body ul.square,
.hic .body ul,
.body ol { margin: 1em 0 1em 40px; }
.body ul.square,
.hic .body ul { list-style-type: square; }
.body ul.square li:not(:last-child),
.hic .body ul li:not(:last-child),
.body ol li:not(:last-child) { margin-bottom: 0.2em; }

a { outline: none; }
.body a { color: #b38600; text-decoration: none; }
.body a:hover { color: #806000; }

a.block { display: block; color: inherit; text-decoration: none; }

.body code { font-family: Menlo, Monaco, monospace; line-height: 1; font-size: 0.9em; }
.body code em { background: #fffdd3 !important; font-style: normal;
	-webkit-box-shadow: 0 0 0 1px #eaeaea; }
.body h5 code { color: #000; }
.body pre { margin: 1.5em 0; }
.body pre code { display: block; padding: 1em 5px 1em 40px; line-height: 1.4em; background: #f3f3f3; overflow: auto;
	-webkit-box-shadow: inset -1px 1px 0 0 #eaeaea;
	-moz-box-shadow: inset -1px 1px 0 0 #eaeaea; }

.body pre code::-webkit-scrollbar { width: 0; height: 8px; } /* the scrollbar area */
.body pre code::-webkit-scrollbar-button { display: none; } /* the left and right arrows */
.body pre code::-webkit-scrollbar-thumb { background: #ddd; -webkit-border-radius: 4px; }

.body kbd { font-family: inherit; color: #68801a; white-space: nowrap; font-family: Menlo, Monaco, monospace; line-height: 1; font-size: 0.9em; }

.body .note { margin: 2em 0 0; border: 1px solid #ffe599; padding: 10px 12px; background: #fffdd3; }
.body .note h5 { margin-top: 0; }
.body .note p { margin-bottom: 0; }


form .input,
form .checkbox,
form .select { display: inline-block; padding: 2px; background: #ede68a;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
form .input.fullwidth { display: block; padding-right: 10px; }
form .input.fullwidth * { width: 100%; }
form table.big .input { padding: 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; }
form table.big .input.fullwidth { padding-right: 11px; }
form .error { background: #ed2f2f; }
form .checkbox { margin-right: 3px; padding: 0; }
form .select { padding: 0px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; }
form .input * { display: inline-block; margin: 0; padding: 3px; font-size: 1em; border: 1px solid; border-color: #999 #b3b3b3 #ccc;
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;
	background: #fff url(../images/bg-gradients/input.png) repeat-x;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#fefefe));
	background: -moz-linear-gradient(top, #e8e9ec, #fefefe);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow:    inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5); }
form .input textarea { display: block; }
form .input *:focus { outline: none; border-color: #8c8c8c #a6a6a6 #bfbfbf; background: #fff; }

form .button,
#dive .body .right a.button { display: inline-block; padding: 4px 8px 5px; border: none; font-family: sans-serif; font-size: 0.9em; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.5); cursor: pointer;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
	background: #e5ac00 url(../images/bg-gradients/button.png) repeat-x;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffcc33), to(#e5ac00));
	background: -moz-linear-gradient(top, #ffcc33, #e5ac00);
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
	-moz-box-shadow:    inset 0 0 0 1px rgba(0,0,0,0.1); }
form .submit { margin-left: 250px;
	background-color: #8bb30b; background-image: url(../images/bg-gradients/button-submit.png);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#bbe52e), to(#8bb30b));
	background: -moz-linear-gradient(top, #bbe52e, #8bb30b); }
form .submit.nomargin { margin-left: 0; }
form .right .submit { margin-left: 10px; }
form .button.big { font-size: 1.2em; }
form .button:focus,
form .button:hover {
	background-color: #f4b920; background-position: 0 -50px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffda44), to(#f4b920));
	background: -moz-linear-gradient(top, #ffda44, #f4b920); }
form .submit:focus,
form .submit:hover {
	background-color: #95bf0b;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#c5f230), to(#95bf0b));
	background: -moz-linear-gradient(top, #c5f230, #95bf0b); }
form .button:active {
	background-color: #ffcc33; background-position: 0 -100px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5ac00), to(#ffcc33));
	background: -moz-linear-gradient(top, #e5ac00, #ffcc33); }
form .submit:active {
	background-color: #bbe52e;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#8bb30b), to(#bbe52e));
	background: -moz-linear-gradient(top, #8bb30b, #bbe52e); }
@-moz-document url-prefix() { form .button { padding-top: 7px; } }


table { margin: 1em 0; width: 100%; border-spacing: 0; border-bottom: 1px dashed #ddd; }
table tbody th,
table tbody td { border-top: 1px dashed #ddd; }

table th,
table td { padding: 10px 40px 10px 0; text-align: left; }
table th:last-child,
table td:last-child { padding-right: 0 !important; }
table thead th,
table thead td { padding-top: 0; }

table th,
table label,
table td strong { font-weight: bold; color: #87a621; white-space: nowrap; }
table td strong { padding-right: 10px; }
table tbody th { width: 210px; }
table span { color: #999; font-weight: normal; font-size: 80%; line-height: 1.4; white-space: normal; }
table tbody span { display: block; margin-top: 2px; }

table.big tbody th,
table.big tbody td { padding-top: 30px; padding-bottom: 30px; }
table.big tbody th { font-size: 1.5em; font-weight: normal; }
table.big tbody th label { font-weight: normal; }

table.tall th { padding: 15px 0 0; }
table.tall td { border-top: none; padding: 5px 0 15px; }


/*-- layout --*/
html, body { background: #eee; }
body { font-family: sans-serif; }
.container { margin: 0 auto; width: 870px; }


/* header */
.header { margin: 20px 0 15px 10px; }
.header h1 { float: left; margin-right: 40px; }
.header h1 img { display: block; }

.header nav { margin-top: 17px; }
.header nav ul li { float: left; margin-right: 24px; }
.header nav a,
.header nav h5 { font-size: 1em; line-height: 14px; color: #808080; text-shadow: 0 1px #fff; }
.header nav a { display: block; text-decoration: none; }
.header nav a:hover { color: #444; }

.header nav.left { font-size: 14px; }
.header nav.left ul li.menu { position: relative; z-index: 9999; -webkit-user-select: none; }
.header nav.left ul li.menu h5 { margin: -8px -10px -8px; font-size: 1em; line-height: 1; font-weight: normal; cursor: default; }
.header nav.left ul li.menu h5 span { display: block; padding: 8px 25px 8px 10px; background: url(../images/header-menu.gif) no-repeat 100% 13px; }
.header nav.left ul li.menu ul { display: none; position: absolute; top: 22px; left: -10px; padding: 4px 0;
	border-radius: 0 4px 4px 4px; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 0 4px 4px 4px; -o-border-radius: 0 4px 4px 4px;
	background: #333 url(../images/bg-gradients/header-navmenu.png) repeat-x;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(rgba(50,50,50,0.98)));
	background: -moz-linear-gradient(top, #666, rgba(50,50,50,0.98)); }
.header nav.left ul li.menu ul li { float: none; margin: 0; white-space: nowrap; }
.header nav.left ul li.menu ul li a { padding: 13px 15px; }
.header nav.left ul li.menu ul li:not(:first-child) a { border-top: 1px solid rgba(255,255,255,0.05); }
.header nav.left ul li.menu ul li:not(:last-child) a { border-bottom: 1px solid rgba(0,0,0,0.1); }
.header nav.left ul li.menu ul li a h6 { margin-bottom: 0.2em; font-weight: bold; color: #fff; text-shadow: 1px 1px rgba(0,0,0,0.3); }
.header nav.left ul li.menu ul li a p { font-size: 13px; color: #ddd; text-shadow: none; }

.header nav.left ul li.menu:hover h5, .header nav.left ul li.menu.hover h5,
.header nav.left ul li.menu:hover ul, .header nav.left ul li.menu.hover ul {
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.header nav.left ul li.menu:hover h5, .header nav.left ul li.menu.hover h5 { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0;
	background: #fff url(../images/bg-gradients/tab.png) repeat-x 0 100%;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
	background: -moz-linear-gradient(top, #fff, #eee); }
.header nav.left ul li.menu:hover ul, .header nav.left ul li.menu.hover ul { display: block; }

.header nav.left ul li.menu ul li:hover, .header nav.left ul li.menu ul li.hover {
	background: #fffdd3 url(../images/bg-gradients/header-navmenu-item.png) repeat-x 0 100%;
	/*background: -webkit-gradient(linear, 0 0, 0 100%, from(#fffdd3), to(#ffe599));
		background: -moz-linear-gradient(top, #fffdd3, #ffe599);*/ }
.header nav.left ul li.menu ul li:hover a h6, .header nav.left ul li.menu ul li.hover a h6 { color: rgba(0,0,0,0.9); text-shadow: 0 1px #fff; }
.header nav.left ul li.menu ul li:hover a p, .header nav.left ul li.menu ul li.hover a p { color: rgba(0,0,0,0.8); text-shadow: 0 1px #fff; }

.header nav.left ul li.menu ul li a#divebar h6 { margin: 0; height: 17px; text-indent: -9999em; background: url(../images/menu-divebar.png) no-repeat; }
.header nav.left ul li.menu ul li a#divebar:hover h6 { background-position: 0 -20px; }

.header nav.right { font-size: 12px; }
.header nav.right h5,
.header nav.right ul,
.header nav.right ul li { float: left; margin-right: 15px; }
.header nav.right h5 { color: #444; }

#blog #sitenav-blog,
#contact #sitenav-contact,
#signin #sitenav-signin,
#register #sitenav-register,
.members #sitenav-account,
#cart #sitenav-cart { margin: -0.4em -0.5em; padding: 0.4em 0.5em; color: #808080; text-shadow: none; background: #e0e0e0; cursor: default;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 #ccc, inset 0 -1px 0 #fff;
	-moz-box-shadow:    inset 0 1px 0 #ccc, inset 0 -1px 0 #fff; }



/* body */
.body { padding: 40px; background: #fff; position: relative; z-index: 1; line-height: 1.4;
	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25); }
/*.body, .footer { background-image: url(../images/grid.gif); }*/
.content { font-size: 13px; line-height: 1.4em; }
.content section { border-top: 1px dashed #ddd; padding-top: 30px; }
.content section:first-child,
.content h1 + section { border-top: none; padding-top: 0; }
.content section > *:last-child { margin-bottom: 0; }

/* footer */
.footer { margin: 16px 0 50px; position: relative; }
.footer .promos { margin: 0 0 20px; border: 1px solid #d7d7d7; padding: 15px 39px; font-size: 13px; color: #666; background: #e5e5e5;
	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px;
	-webkit-box-shadow: 0 1px #f5f5f5;
	-moz-box-shadow:    0 1px #f5f5f5;
	background: #e4e4e4 url(../images/bg-gradients/footer-promos.png) repeat-x;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#eaeaea), to(#e4e4e4));
	background: -moz-linear-gradient(top, #eaeaea, #e4e4e4); }
.footer .promos .grid13 { position: relative; padding-top: 15px; padding-bottom: 15px; border-color: rgba(0,0,0,0.1); }
.footer .promos h4 { margin-bottom: 12px; font-size: 18px; color: #999; text-shadow: 0 1px #f5f5f5; }
.footer .promos p { margin-bottom: 1em; }
.footer .promos a { font-weight: bold; color: #d9a302; text-shadow: 0 1px #f5f5f5; text-decoration: none; }
.footer .promos a:hover { color: #bf9002; }

.footer .promos .blog ul li { margin-top: 10px; }
.footer .promos .blog ul li span { display: block; float: left; padding-top: 2px; color: #aaa; font-size: 11px; }
.footer .promos .blog ul li a { display: block; margin-left: 4.5em; }
.footer .promos .twitter a { display: inline-block; padding-top: 2px; font-size: 18px; }
.footer .promos .twitter img { position: absolute; bottom: -20px; left: 214px; }
.footer .promos .list table { border: none; margin: 0; }
.footer .promos .list td { padding: 0; border: none; }
.footer .promos .list .input { padding: 0 13px 0 0; background: none; }
.footer .promos .list .button { margin: 0; }

.footer .legal { text-align: center; font-size: 0.7em; color: #888; }
.footer .legal span { padding: 0 5px; }
.footer .legal a { color: inherit; text-decoration: none; }
.footer .legal a:not(:hover) img { opacity: 0.7; }
.footer .legal a:hover { color: #555; }


/* grids */
.grid12 { width: 394px; border-right: 1px dashed #ddd; }
.grid12 > .left { width: 355px; }
.grid12 > .right { margin-right: -395px; width: 355px; }

.grid23 { width: 539px; border-right: 1px dashed #ddd; }
.grid23 > .left { width: 500px; }
.grid23 > .right { margin-right: -251px; width: 210px; }

.grid13 { width: 210px; margin: 0 250px; padding: 0 39px; border: dashed #ddd; border-width: 0 1px; }
.grid13 > div { width: 210px; }
.grid13 > .left { margin-left: -290px; }
.grid13 > .mid { float: left; }
.grid13 > .right { margin-right: -290px; }

/*== PAGE STYLES ==*/

/*-- home --*/
#home .header h1 a { cursor: default; }
#home .body { padding: 40px 60px; }
#home .body header { margin: 0 -60px 40px; padding: 0 60px; position: relative; overflow: hidden; }

#home .body hgroup { position: relative; z-index: 1; font-size: 1.1em; }
#home .body hgroup h2 { margin-bottom: 0; line-height: 1.2; }
#home .body hgroup h2 strong { display: inline-block; position: relative; top: -6px; margin-bottom: -60px; width: 110px; height: 60px; text-indent: -9999em; background: url(../../content/home/fun.png) no-repeat; }


#home .body .left,
#home .body .right { width: 340px; }

/*#home .body #featured { margin: 0 -60px; text-align: center;
	background: url(../images/bg-gradients/featured.png) repeat-x 0 100%;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.5, #fffdd3), to(#ffe599));
	background: -moz-linear-gradient(top, #fff, #fffdd3, #ffe599);
	-webkit-mask-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0,0,0,0.2)), color-stop(0.2, #000), color-stop(0.8, #000), to(rgba(0,0,0,0.2))); }
#home .body #featured-links { position: relative; padding: 50px 112px 30px 113px; width: 645px; }
#home .body #featured-links a { display: block; float: left; margin: 0 50px; width: 545px; color: #000; }
#home .body #featured-links a img { display: block; }
#home .body #featured-links a h3,
#home .body #featured-links a p { display: inline-block; line-height: 30px; }
#home .body #featured-links a h3 { margin: 20px 10px 0 0; padding-right: 15px; border-right: 1px solid rgba(0,0,0,0.2); color: #000; font-weight: bold; }
#home .body #featured-links a p { margin: 0; }*/

#home a#wygwam21 { display: block; margin: 0 -60px -40px; }
#home a#wygwam21 h2 { margin: 0; }
#home a#wygwam21 img { display: block; }


#home #whos { margin-top: 16px; padding-top: 30px; background: #fff; }
#home #whos h2 { text-align: center; margin-bottom: 40px; }
#home #whos .grid12 { width: 374px; }
#home #whos .left { width: 335px; padding-top: 5px; font-family: georgia; font-style: italic; }
#home #whos .left blockquote { margin: 0 0 0.5em; font-size: 2em; line-height: 1.2; text-indent: -0.25em; }
#home #whos .left cite { display: block; margin: 0 0 40px 40px; text-indent: -0.6em; color: #999; }
#home #whos .left cite strong { color: #444; font-weight: normal; }
#home #whos .right { width: 355px; }
#home #whos .right ul { margin: 0 -10px 0 -20px; padding: 0; }
#home #whos .right ul li { float: left; margin: 0 0 15px 30px; width: 150px; padding: 0; }
#home #whos .right ul li img { display: block; width: 150px; height: 55px; }


/*-- ee add-ons --*/
.ee .body header { position: relative; margin: 0 -40px; padding: 0 0 40px 20px; height: 220px; line-height: 1.2;
	background: url(../images/bg-gradients/featured.png) repeat-x 0 100%;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(0.5, #fffdd3), to(#ffe599));
	background: -moz-linear-gradient(top, #fff, #fffdd3, #ffe599); }
.ee .body header .left { margin-right: -40px; width: 395px; text-align: center; }

.ee .body header .left h1 { margin-bottom: 15px; }
.ee .body header .left table { margin: 0 auto 30px; width: auto; border-bottom: none; }
.ee .body header .left table th,
.ee .body header .left table td { border-top: none; text-align: center; text-shadow: 0 1px #fff; }
.ee .body header .left table th { padding: 0 !important; width: auto; font-size: 11px; }
.ee .body header .left table td { padding: 1px 15px 0 !important; font-size: 18px; font-weight: bold; text-shadow: 0 1px #fff; }

.ee .body header .left table td#rating a { display: block; position: relative; width: 80px; height: 16px; overflow: hidden; }
.ee .body header .left table td#rating a img { display: block; float: left; position: relative; }
.ee .body header .left table td#rating a:hover img { top: -16px; }

.ee .body header .left a.button { display: inline-block; margin: 0 2px; width: 144px; height: 50px; line-height: 50px; color: #000; background: url(../images/cta-button.png) no-repeat 0 0; }
.ee .body header .left a.button:hover { background-position: 0 50%; }
.ee .body header .left a.button:active { background-position: 0 100%; }
.ee .body header .left a.button span { display: block; padding: 0 20px 0 50px; }
.ee .body header .left a.button.buy span { background: url(../../-source/icons/Fresh/Icons/PNG/32x32/244_32x32.png) no-repeat 18px 10px; }
.ee .body header .left a.button.download span { background: url(../../-source/icons/Fresh/Icons/PNG/32x32/91_32x32.png) no-repeat 12px 9px; }
.ee .body header .left a.button.support span { background: url(../../-source/icons/Fresh/Icons/PNG/32x32/264_32x32.png) no-repeat 12px 9px; }
.ee .body header figure { margin: -40px 0; width: 475px; }

.ee .content p.intro { margin: 30px 0 0; padding-bottom: 30px; border-bottom: 1px dashed #ddd; font-style: italic; font-size: 1.6em; line-height: 1.4em; font-family: Georgia; }
.ee .content .grid23 { margin-top: 35px; }

.ee .content .right .award { display: block; margin: 0 0 40px -20px; padding: 0 0 0 40px; min-height: 32px; font-weight: bold; background: url(../../-source/icons/top3iconPack/32x32/gold.png) no-repeat 0 0; }
.ee .content .right .award span { display: block; font-weight: normal; font-style: italic; }
.ee .content .right cite { display: block; color: #999; font-weight: normal; }

.ee .content .right .quotes { padding-top: 5px; font-style: italic; }
.ee .content .right .quotes blockquote { margin: 0 0 0.5em; font-family: georgia; font-size: 1.3em; line-height: 1.3em; text-indent: -0.3em; }
.ee .content .right .quotes cite { margin: 0 0 40px 20px; text-indent: -0.6em; }
.ee .content .right .quotes cite:last-child { margin-bottom: 0; }
.ee .content .right .quotes cite strong { color: #444; font-weight: normal; }

.ee .content .right .resources { margin-top: 30px; border-top: 1px dashed #ddd; padding-top: 30px; }
.ee .content .right .resources > h4 { margin-top: 0; }




#wygwam #uploads { padding: 0 0 0 155px; }
#wygwam #uploads .flushleft { margin: -24px -12px 0 -195px; }
#wygwam #customize { margin: 10px 230px 0 0; }
#wygwam #customize .flushright { margin: 0 -270px 0 0; }
#wygwam #eeinsider-screencast { margin: 10px -15px 9px 12px; }

#matrix #possibilities { padding-right: 130px; }
#matrix #possibilities .flushright { margin: -30px -170px 0 30px; }

#playa #dragging { margin-top: 0; padding-right: 270px; }
#playa #dragging .right { margin: 20px -250px 0 0; }
#playa #dragging h3 { margin-top: 0; }
#playa #settings { margin-top: 40px; padding-left: 270px; }
#playa #settings .flushleft { margin: -20px 0 0 -310px; }
#playa #filters { padding-right: 270px; }
#playa #filters .flushright { margin: -5px -309px -30px 0; }
#playa #celltype { margin-top: 40px; }
#playa #celltype h3 { padding-top: 7px; }


/*-- release notes --*/
.releasenotes .content { margin: 10px 0 0; }
.releasenotes .content table { margin: 0; border-bottom: none; }
.releasenotes .content table tr:first-child th,
.releasenotes .content table tr:first-child td { border-top: none; }
.releasenotes .content table th,
.releasenotes .content table td { vertical-align: top; }
.releasenotes .content table th span { font-size: 13px; }
.releasenotes .content table td ul { margin-top: 0; margin-bottom: 0; }


/*-- docs --*/
.docs .content .left section { margin-top: 40px; padding-left: 40px; }
.docs .content .left section:first-child { margin-top: 0; }
.docs .content .left section > *:first-child { margin-top: 0; margin-left: -40px; }
.docs .content .left section > h3:first-child { margin-bottom: 1em; }
.docs .content .left section .flush,
.docs .content .left section pre code { margin-left: -80px; }
.docs .content .left section pre code { padding-left: 80px; }
.docs .content .left section dd pre code { margin-left: -120px; padding-left: 120px; }

.docs .content .right ul li { margin-top: 6px; font-size: 13px; color: #999; font-weight: bold; }
.docs .content .right ul li a { font-weight: normal; text-decoration: none; color: #444; }
.docs .content .right ul li a:hover { color: #87a621; }
.docs .content .right ul li a.selected { color: #87a621; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); cursor: default; }
.docs .content .right ul ul { margin: 0 0 10px 20px; }


/*-- blog --*/
.blog { }
.blog .body header h1 { padding-bottom: 30px; border-bottom: 1px dashed #ddd; }
.blog .body article { font-family: Georgia; line-height: 1.4; }
.blog .body article h1,
.blog .body article h2,
.blog .body article h3,
.blog .body article h4,
.blog .body article h5,
.blog .body article h6 { font-family: sans-serif; line-height: 1; }
.blog .body article hgroup { margin-bottom: 1.5em; }
.blog .body article p.aside em { font-style: normal; }
.blog .body article pre code { font-size: 0.7em; }
.blog .body article img { display: block; margin-top: 1.5em; margin-bottom: 1.5em; }

.blog .body .sidebar { font-size: 13px; }
.blog .body .sidebar h4 { margin-top: 30px; }
.blog .body .sidebar ul li { margin-bottom: 10px; }
.blog .body .sidebar ul li span { color: #999; }

/*-- blog index */
#blog .body article hgroup h1 { font-size: 2em; line-height: 1; }
#blog .body article:not(:first-child) { margin-top: 30px; border-top: 1px dashed #ddd; padding-top: 30px; }
#blog .body article .more { font-size: 1.2em; font-style: italic; }
#blog .body .paginate { margin-top: 30px; border-top: 1px dashed #ddd; padding-top: 10px; }
#blog .body .paginate a { display: block; font-size: 13px; }

/*-- blog entry */
.blog.entry .body header h1 { margin-top: -6px; font-size: 1.2em; letter-spacing: -0.1em; padding-bottom: 5px; }
.blog.entry .body article { margin-bottom: 30px; }
.blog.entry .body article p.aside { font-style: italic; font-size: 1.1em; line-height: 1.4; color: #222; }

.blog.entry .body #comments { margin: 0 -39px 0 -40px; padding: 30px 39px 30px 40px; background: #fffdd3 url(../images/innershadow-small.png) no-repeat; }
.blog.entry .body #comments .comment { border-top: 1px dashed rgba(0,0,0,0.13); padding: 20px 0; font-size: 13px; }
.blog.entry .body #comments .comment .left {  }
.blog.entry .body #comments .comment .left img { display: block; }
.blog.entry .body #comments .comment .right { width: 360px; }
.blog.entry .body #comments .comment .right h5 { margin-top: 0; }
.blog.entry .body #comments .comment .right p:last-child { margin-bottom: 0; }

.blog.entry .body #commentform { margin: -20px -39px 0 -40px; padding: 50px 39px 0 40px; background: url(../images/innershadow-small-up.png) no-repeat; }
.blog.entry .body #commentform h3 { margin-top: 0; }
.blog.entry .body #commentform table th { width: 100px; padding-right: 40px; }
.blog.entry .body #commentform table td .input input { width: 250px; }
.blog.entry .body #commentform table td textarea { width: 340px; }
.blog.entry .body #commentform .submit { margin-left: 140px; }


/*-- hic --*/
.hic .container { margin-top: 75px; width: 680px; }
.hic .body a { display: inline-block; margin-top: 1em; }


/*-- store --*/
.store table.cart { margin-bottom: 30px; border-bottom: none; }
.store table.cart tr:last-child td { padding-top: 20px; }
.store .notes { font-size: 12px; line-height: 1.4; }
.store .notes > div { width: 375px; }
#checkout th.method { width: auto; }


/*-- members --*/
#register .welcome { margin-bottom: 40px; padding: 30px 40px 40px; text-shadow: 0 1px #fff; background: #f5f5f5;
	-webkit-border-radius: 10px; }
#register .welcome h1 { margin-bottom: 20px; }
#register .welcome h3 { margin-top: 0; }
#register .welcome p:last-child { margin-bottom: 0; }

.members .body header { position: relative; margin: 0 -40px 40px; padding: 0 0 50px 40px;
	background: #fff url(../images/bg-gradients/members-header.png) repeat-x 0 100%;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fffdd3));
	background: -moz-linear-gradient(top, #fff, #fffdd3); }
.members .body header h1 { margin-bottom: 0; }

.members#licenses table.licenses { border-bottom: none; font-size: 14px; line-height: 1.2; }
.members#licenses table.licenses tbody { font-size: 13px; }
.members#licenses .addlicense td.license { width: 1%; padding-right: 10px; }


/*-- divebar --*/
#dive .body { background: #000; color: #ccc; padding: 60px 0 18px; }
#dive .body header { text-align: center; }
#dive .body header img { display: block; margin: 0 auto 80px; }

#dive .body .item { margin: 40px -25px 0; padding: 0 225px 22px 355px; background: url(/content/divebar/images/shelf.jpg) no-repeat 0 100%; overflow: hidden; }
#dive .body .item .left { margin: 0 0 -15px -290px; padding-bottom: 15px; overflow: hidden; }
#dive .body .item .left img { display: block; -webkit-box-reflect: below 1px url(/content/divebar/images/reflection.png); }
#dive .body .item .right { margin: 0 -160px 0 0; width: 120px; font-size: 0.9em; }
#dive .body .item .right a.button { margin-bottom: 5px; color: #000; font-weight: bold; text-shadow: none; font-size: 13px; padding: 2px 8px; }
#dive .body .item .right strong { display: inline-block; width: 4.7em; color: #666; }
#dive .body .item h3 { margin-top: 0; color: #fff; text-shadow: 0 0 4px #fff; }