div#banner { height: 150px; width: 100%; }
div.apache-way { background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/apache-p-banner-bg.png); background-repeat: repeat-x; background-position: left top; border-bottom: solid 1px #ffffff; }
div#banner div.banner-content { width: 960px; height: 150px; margin:auto; }


/* ------------------------------- OLD -------------------------------*/

div#right-panel { width: 240px; float: right; margin-top: 30px; margin-bottom: 25px; }
div#right-panel div.right-content {  }
div#right-panel div.right-content p { display: block; }
div#right-panel div.right-content div.right-banners { }
div#right-panel div.right-content div.right-banners div.apache-banner-text { background-color: #106899; color: #ffffff; padding-bottom: 10px;}
div#right-panel div.right-content div.right-banners div.apache-banner-text p { margin-top: 10px; margin-bottom: 0px; margin-left: 15px; margin-right: 10px; }
div#right-panel div.right-content div.right-banners div.apache-speakers { border: solid 1px #106899; padding: 15px; padding-bottom: 0px; margin-bottom: 30px;}
div#right-panel div.right-content div.right-banners div.apache-speakers div.speaker { font-size: 11px; line-height: 14px; padding-bottom: 5px; }
div#right-panel div.right-content div.right-banners div.apache-speakers div.speaker img { float: left; margin-right: 12px; margin-bottom: 10px; width: 50px; }
div#right-panel div.right-content div.right-banners div.apache-speakers div.speaker span.name { font-weight: bold; font-size: 12px; line-height: 16px; }
div#right-panel div.right-content div.right-banners div.apache-speakers div.speaker ul { list-style: none; margin: 0px; padding: 0px; clear: both; font-size: 12px; line-height: 16px; }
div#right-panel div.right-content div.right-banners div.apache-speakers div.speaker ul li { padding-bottom: 10px; }

div#right-panel div.right-content div.committer-title { font-size: 16px; font-weight: bold; color: #000000; border: solid 1px #FDBC5F; border-bottom: 0px; padding: 12px; padding-left: 15px; padding-right: 15px; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/apache-p-committer-bg.png); background-repeat: repeat-x; background-position: left top;}
div#right-panel div.right-content div.committers { border: solid 1px #FDBC5F; padding: 12px; padding-left: 15px; padding-right: 15px;}
div#right-panel div.right-content div.committers ul { list-style: none; margin: 0px; padding: 0px; }
div#right-panel div.right-content div.committers a { font-weight: bold; }
div#right-panel div.right-content div.committers p.membership { margin-left: 10px; margin-top: 5px; margin-bottom: 10px; }

div#main-content { width: 960px; margin: auto; padding-bottom: 20px; }
div#main-content div.content { width: 680px; margin-right: 30px; margin-top: 20px; min-height: 275px; }
div#main-content div.content div.title { font-size: 20px; font-weight: bold; line-height: 24px; padding-top: 10px; padding-bottom: 5px; } 
div#main-content div.content h2 { font-size: 18px; font-weight: bold; margin-top: 25px; margin-bottom: 5px; padding-bottom: 7px; color: #f47b20;}
div#main-content div.content h3 { font-size: 14px; font-weight: bold; margin-top: 20px; margin-bottom: 3px;}
div#main-content div.content p { padding-top: 5px; padding-bottom: 5px;  margin-top: 0px; margin-bottom: 0px; display: block; }
div#main-content div.content ul {margin: 0px; padding: 0px; margin-left: 20px; margin-right: 20px; list-style: none; }
div#main-content div.content ul li { font-size: 12px; border-bottom: solid 1px #cccccc; }
div#main-content div.content ul li.bottom { border-bottom: 0px; }
div#main-content div.content ul li p { padding-top: 5px; padding-bottom: 15px;  margin-top: 0px; margin-bottom: 0px; display: block; }
div#main-content div.content ul.sub li { font-size: 12px; border-bottom: solid 1px #cccccc; padding-bottom: 5px; padding-top: 5px; }
div#main-content div.content ul li.bottom { border-bottom: 0px; }
div#main-content div.content ul li p { padding-top: 5px; padding-bottom: 15px;  margin-top: 0px; margin-bottom: 0px; display: block; }
div#main-content div.content div.callout-01 { width: 420px; float: right; margin-left: 30px; margin-top: 25px; margin-bottom: 10px; text-align: center; }
div#main-content div.content div.callout-01 div.apache { padding: 20px; margin-bottom: 20px; text-align: left; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/apache-p-callout-01.png); background-repeat: repeat-x; background-position: left top; }
div#main-content div.content div.callout-01 div.apache h3 { font-size: 16px; color: #000000; margin-top: 0px; }
div#main-content div.content div.callout-01 div.normal { padding-left: 20px; padding-right: 20px; padding-bottom: 0px; padding-top: 0px; margin-top: 30px; margin-bottom: 20px; text-align: left; }
div#main-content div.content div.callout-02 { width: 190px; margin-right: 20px; margin-top: 20px; margin-bottom: 10px; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/apache-p-callout-02.png); background-repeat: repeat-x; background-position: left top; }
div#main-content div.content div.wso2-p { padding: 20px; }
div#main-content div.content div.wso2-p h3 { margin-top: 0px; color: #000000; }

div#main-content div.content a.apache-project { display: block; background-image: url(http://b.content.wso2.com/wp-content/themes/wso2ng-v3/images/apache-p-projects.png); background-repeat: no-repeat; background-position: left top; float: left; }
div#main-content div.content a.axiz2 { width: 135px; height: 60px; }
div#main-content div.content a.synapse { width: 135px; height: 60px; background-position: left -60px; }
div#main-content div.content a.ode { width: 135px; height: 60px; background-position: left -120px; }
div#main-content div.content a.axiom { width: 105px; height: 40px; background-position: left -180px; }
div#main-content div.content a.rampart { width: 105px; height: 40px; background-position: left -220px; }
div#main-content div.content a.sandesha { width: 105px; height: 40px; background-position: left -260px; }
div#main-content div.content a.woden { width: 105px; height: 40px; background-position: left -300px; }
div#main-content div.content a.neethi { width: 105px; height: 30px; background-position: left -340px; }
div#main-content div.content a.xmlschema { width: 105px; height: 30px; background-position: left -370px; }
div#main-content div.content a.qpid { width: 105px; height: 30px; background-position: left -400px; }
div#main-content div.content a.activemq { width: 105px; height: 30px; background-position: left -430px; }


div#main-content div.content td.products { border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 5px; vertical-align: top; }
div#main-content div.content td.products a { display: block; width: 215px; height: 24px; margin-top: 6px; background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/product-right-logos.gif); background-repeat: no-repeat; background-position: left top; }
div#main-content div.content td.products a.esb { background-position: left -30px; }
div#main-content div.content td.products a.greg { background-position: left -60px; }
div#main-content div.content td.products a.is { background-position: left -90px; }
div#main-content div.content td.products a.bam { background-position: left -120px; }
div#main-content div.content td.products a.brs { background-position: left -150px; }
div#main-content div.content td.products a.gs { background-position: left -180px; }
div#main-content div.content td.products a.bps { background-position: left -210px; }
div#main-content div.content td.products a.ms { background-position: left -240px; }
div#main-content div.content td.products a.dss { background-position: left -270px; }
div#main-content div.content td.products a.as { background-position: left -300px; }
div#main-content div.content td.products a.cep { background-position: left -420px; }
div#main-content div.content td.products a.mb { background-position: left -450px; }
div#main-content div.content td.products a.wsf-c { background-position: left -330px; }
div#main-content div.content td.products a.wsf-cpp { background-position: left -360px; }
div#main-content div.content td.products a.wsf-php { background-position: left -390px; }

div#main-content div.content td.title { font-size: 14px; font-weight: bold; border-top: solid 1px #f47b20;}
div#main-content div.content td.bottom { border-bottom: solid 1px #f47b20 !important; }

div#main-content div.content td.apache { border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 5px; padding-left: 10px; padding-right: 10px; vertical-align: top; }
div#main-content div.content td.wso2 { width: 180px; border-right: solid 0px #cccccc; border-bottom: solid 1px #cccccc; padding: 5px; padding-left: 10px; padding-right: 10px; vertical-align: top; }

div#main-content div.shadow, div#resources div.shadow { background-image: url(http://a.content.wso2.com/wp-content/themes/wso2ng-v3/images/content-product-shadows.gif); background-repeat: no-repeat; background-position: center top; height: 8px;}
div#resources div.shadow { background-position: center -10px; }