/* GLOBAL */
html { background: #eee url(images/bg.png) repeat-x }
body { font: 14px/160% Verdana, Arial, sans-serif; color: #333; background-color: transparent; margin: 0; padding: 0; }
#header { width: 900px; margin: 0 auto 20px auto; }
#content { width: 900px; margin: 20px auto; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #fff; }
.wrapper { margin: 0 auto; padding: 20px; }
.nav-wrapper { width: 900px; margin: 0 auto; }
#logo { float: left; }
#signup { float: right; padding: 30px; text-align: center; color: #999; background-color: #e9f3fb; font-size: 11px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#signup input { border: 1px solid #b2d1f0; padding: 1px; }
#signup #clientsubmit { border-color: #3e8ec1; background-color: #b2d1f0; }
#main-content { float: left; width: 580px; }
#side-content { float: left; width: 280px; }
a img { border:none }
.clear { clear: both; }
.center { text-align: center }
.columns { width: 30%; padding: 5px 10px 15px 10px; float: left; }
h1 { font: bold 24px Verdana, Arial, sans-serif; color: #000; padding: 25px 0 20px 0; }
h2 { font: bold 18px/160% Verdana, Arial, sans-serif; color: #333; padding: 5px 0 20px 0; }
h3 {}
h4 { font: bold 16px/160% Verdana, Arial, sans-serif; color: #3e8abd; padding-top: 10px }
h5 { font: bold 14px/140% Verdana, Arial, sans-serif; }
ul, ol { padding: 5px 0 30px 20px; _margin: 0 0 0 10px }
ul li { list-style: disc;  }
ol li { list-style: decimal;  }
p { padding: 5px 0 15px 0; }
p.br { padding: 5px 0 5px 0; }
hr { clear: both; border: 1px solid #eee; background-color: #eee; }
strong { font-weight: bold; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
#footer { margin: 50px 0 0 0; clear: both; color: #666; font-size: 11px; line-height: 140%; }
#footer .wrapper { width: 760px; margin: 0 auto; padding: 0 0 100px 0; }
#footer .columns { float: left; width: 190px; padding: 0; }
#footer ul, #footer p { padding-right: 50px; }

/* LINKS */
a { color: #3e8abd; font-weight: bold; text-decoration: none }
a:hover { color: #9ccef0; text-decoration: underline }
a.u { color: #000; font-weight: normal; text-decoration: underline }
a.u:hover { text-decoration: none }
#topnav { height: 75px; font: normal 13px Arial, sans-serif; margin: 0; padding: 0 0 35px 0; }
#topnav ul { margin: 0; float: right; }
#topnav li { float: left; list-style: none; text-align: center; padding: 35px 0; }
#topnav li a { display: block; padding: 1px 0; margin: 0 20px; color: #eee; border-bottom: 1px solid #1e1e1e; }
#topnav li.p ricing { background: transparent url(images/signup_bg.png) 0 0 repeat-x; padding: 35px 20px 30px 20px; }
#topnav li.p ricing a { margin: 0; }
#topnav li a:hover { color: #fff; background: transparent; border-bottom: 1px solid #999; text-decoration: none; }
#signup a:hover { background-color: #fff; }
#intro a { color: #333; text-decoration: underline; }
#intro a:hover { text-decoration: none; }
#footer a { color: #666; font-weight: bold; }
#footer a:hover { text-decoration: underline; }

/* HOME / INDEX */
#intro { clear: both; padding: 10px 0 40px 0; }
#intro h1 { font-size: 28px; font-weight: bold; color: #333; padding: 30px 0 12px 0; }
#intro h2 { font-size: 18px; line-height: 180%; font-weight: bold; }
#intro p { padding: 80px 0 0 0; text-align: center; }
#intro p img { vertical-align: middle; }
#intro ul li { font-weight: bold; }
#intro #screenshot { float: right; padding: 0 0 0 30px; }
.rd { display:block }
.rd * { display:block; height:1px; overflow:hidden; font-size:.01em; background:#9ccef0 }
.rd1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #d4e9f8; border-right:1px solid #d4e9f8; background:#b4daf3 }
.rd2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f5fafd; border-right:1px solid #f5fafd; background:#aed7f2 }
.rd3 { margin-left:1px; margin-right:1px; border-left:1px solid #aed7f2; border-right:1px solid #aed7f2; }
.rd4 { border-left:1px solid #d4e9f8; border-right:1px solid #d4e9f8 }
.rd5 { border-left:1px solid #b4daf3; border-right:1px solid #b4daf3 }
.rdfg { padding: 30px; background:#9ccef0; color: #333; }
.feedburnerFeedBlock ul { padding: 0 }
.feedburnerFeedBlock li { list-style: none; }
.feedburnerFeedBlock li div { padding: 0 0 30px 0; }
p.date { padding: 0; }
#creditfooter { text-align: right; }
.sidebar { float: right; width: 35%; padding-left: 50px; }
.small_column { float: left; width: 27% }

/* GETTING STARTED */
.columns .rdfg { padding: 8px; text-align: center; }
.compare { background: transparent url(images/compare.png) 0 0 no-repeat; padding: 10px 0 70px 50px }

/* PRICING  */
#plans { width: 100%; padding: 0 0 30px 0 }
#plans td { text-align: center; font-weight: bold; color: #2C6084; padding: 10px 0 }
#plans th { text-align: center; font: bold 18px/160% Verdana, Arial, sans-serif; color: #000; padding: 15px }
#plans .large, #plans .small { background-color: #bcd7e9 }
#plans .medium, #plans .tiny { background-color: #cadfee }
#plans .labels { background-color: #fff; color: #000; text-align: right; padding: 0 10px 0 0; }
#plans .odd  { background-color: #e9f1f8; border-right: 2px solid #fff; width: 20% }
#plans .even { background-color: #e2eef5; border-right: 2px solid #fff;  width: 20% }
#plans .yes { background: transparent url(images/check.gif) center center no-repeat; display: block; text-indent: -9000px; overflow: hidden }
#plans .no { background: transparent url(images/no.gif) center center no-repeat; display: block; text-indent: -9000px; overflow: hidden }
#plans .signup { background: transparent url(images/signup.jpg) center center no-repeat; display: block; height: 29px; text-indent: -9000px; overflow: hidden }
#plans .footer td { background-color: #fff; color: #000 }
#plans b { font-size: 24px; }
#plans sup { font-weight: normal; }
#plans small { font-size: 11px; font-weight: normal }
a.tooltip span { display: none; padding: 10px; margin-left: 8px; width: 200px; text-align: left; font-weight: normal; }
a.tooltip:hover span { display: inline; position: absolute; border: 1px solid #ccc; background: #fff; color: #6c6c6c; }
.features { float: left; width: 400px; }
.right { padding: 0 0 0 40px }
.f_gallery { padding: 0 0 30px 120px; background: transparent url(images/gallery.jpg) top left no-repeat; }
.f_board { padding: 0 120px 30px 0; background: transparent url(images/board.jpg) top right no-repeat; }
.f_book { padding: 0 0 30px 120px; background: transparent url(images/book.jpg) top left no-repeat; }
.f_calendar { padding: 0 120px 30px 0; background: transparent url(images/calendar.jpg) top right no-repeat; }

/* CONTRIBUTE */
.code { margin: 15px 0 0 0; padding: 0 0 30px 130px; background: transparent url(images/code.jpg) top left no-repeat }
.themes { margin: 15px 0 0 0; padding: 0 0 30px 130px; background: transparent url(images/themes.jpg) top left no-repeat }
.translators { margin: 15px 0 0 0; padding: 0 0 30px 130px; background: transparent url(images/translators.jpg) top left no-repeat }
.requests { margin: 15px 0 0 0; padding: 0 0 30px 130px; background: transparent url(images/features.jpg) top left no-repeat }
.bugs { margin: 15px 0 0 0; padding: 0 0 30px 130px; background: transparent url(images/bugs.jpg) top left no-repeat }

/* DOWNLOADS */
table.download { width: 100%; margin: 20px 0; border-bottom: 1px solid #9ccef0; }
table.download th { text-align: left; }
table.download td { background-color: #edf7ff; border-top: 1px solid #9ccef0; padding: 5px; }

/* TRANSLATION */
#lang_left { float: left; width: 600px; }
#lang_right { float: right; width: 250px; }
#lang_left table td { padding: 10px 10px 10px 0; }
#addLang input { border: 1px solid #333; }