/*
 * Theme Name: citrabening
 * Theme URI: http://onluna.com
 * Description: for client citrabening
 * Version: 1.0
 * Author: Luna Design
 * Author URI: http://onluna.com
 * Tags: red, two-columns, fixed-width
 *
 */

body { background: #006cea url(images/bg-body.jpg) top center repeat-y; font: 76% "Arial", Helvetica, sans-serif; margin: 0; padding: 0; }
a { border: none; }
img { border: none; }
img#wpstats { display: none; }
hi, h2 { font-family: "Arial", sans-serif; }
h3, h4, h5, h6 { font-family: Arial, sans-serif; }
pre { padding: 20px; overflow: auto; }
blockquote { font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0; padding: 0; }

table { border-collapse: collapse; font: 8pt Arial, Helvetica, sans-serif; width: 100%; margin-bottom: 15px; }
table caption { font-size: 100%; font-weight: bold; padding: 10px 0; }
table thead th, table thead td, table tbody th { background: #eeeeee; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; text-align: center; padding: 5px; }
table tbody td { border-bottom: 1px solid #dddddd; padding: 5px; }
table tfoot td { padding: 5px 0; }

table#wp-calendar { background: #ffffff;  margin: 0; }
table#wp-calendar caption { font: 8pt Verdana, Geneva, sans-serif; padding-top: 0; }
table#wp-calendar th { width: 30px; }
table#wp-calendar tfoot td { padding: 5px 0; }
table#wp-calendar tbody td { text-align: center; padding: 0; line-height: 25px; }
table#wp-calendar tbody td a { display: block; color: #006cea; font-weight: bold; text-decoration: none; }
table#wp-calendar tbody td a:hover { background: #F0F4FF; }
table#wp-calendar td#today { font-weight: bold; }
table#wp-calendar td#next { text-align: right; }

ul#commentlist { font: 8pt Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
ul#commentlist a { text-decoration: none; }
ul#commentlist a img { border: none; }
ul#commentlist img.avatar { float: left; padding: 2px; border: 1px solid #dddddd; margin: 0 5px 0 0; }
ul#commentlist div.comment-text { float: right; padding: 0; margin: 0; text-align: justify; width: 440px; }
ul#commentlist div.comment-text p { line-height: 160%; margin: 0; padding: 0 0 10px 0; }
ul#commentlist p.comment-meta { font-weight: bold; }
ul#commentlist li { background: #ffffff; list-style-type: none; border: 1px solid #dddddd; padding: 10px 20px; margin-bottom: 15px; }
ul#commentlist li ul { margin-top: 10px; }
ul#commentlist li div.comment-text { width: 440px; }
ul#commentlist li li div.comment-text { width: 360px; }
ul#commentlist li li li div.comment-text { width: 280px; }
ul#commentlist li li li li div.comment-text { width: 200px; }
ul#commentlist li.author { background: #F0F4FF; }
ul#commentlist li.even { background: #f9f9f9; }

ul#excerpts { list-style: none; margin: 0; padding: 0; overflow: visible; }
ul#excerpts a { color: #006cea; text-decoration: none; }
ul#excerpts h3 { font-size: 12pt; font-weight: normal; color: #666666; padding-top: 0; margin: 25px 0 0 0; }
ul#excerpts p { text-align: justify; line-height: 160%; }
ul#excerpts p.postmeta { font: 10pt Georgia, "Times New Roman", Times, serif; font-style: italic; color: #444444; padding: 5px 0; margin: 0; }
ul#excerpts p.postmeta a { text-decoration: none; border: none; background: none; }
ul#excerpts p.postmeta a:hover { color: #660000; }
ul#excerpts li { float: left; width: 280px; padding-right: 30px; }
ul#excerpts li ul { list-style: none; width: 260px; padding: 0; }
ul#excerpts li li { background: transparent url(images/bg-sidebar-list.png) center left no-repeat; width: 100%; border-bottom: 1px solid #dddddd; padding: 10px 0 10px 25px; line-height: 160%; }
ul#excerpts li li:hover { background-color: #F0F4FF; color: #000000; }
ul#excerpts li ul.recent-comments li { background: none; padding-left: 0; }

form { padding: 0 0 15px 0; }
form p { padding: 3px 0; margin: 0; }
form input, form textarea { background: #F0F4FF; border: 1px solid #e8e8e8; font: 11px Verdana, Geneva, sans-serif; margin: 0; padding: 5px; }
form label { margin: 3px 0; }
form input { width: 97%; }
form select { margin: 0; padding: 2px; }
form textarea { width: 97%; height: 200px; }
form input[type=radio],form input[type=checkbox] { width: auto; margin: 5px; }
form input[type=file] { width: auto; border: 1px solid #000000; }
form input[type=submit] { background: transparent url(images/bg-submit.png) top left no-repeat; width: 150px; height: 25px; padding: 0; margin: 0; border: 0; text-indent:-9999px; cursor: pointer; font-size: 0px; line-height: 0px; display:block; overflow: hidden; }
form input[type=submit]:hover { background: transparent url(images/bg-submit.png) bottom left no-repeat; }
form input#s { width: 200px; float: left; }
form input#searchsubmit { float:right; background: transparent url(images/bg-submit-search.png) top left no-repeat; width: 50px; padding-left: 5px; text-indent:-9999px; font-size: 0px; line-height: 0px; display:block; overflow: hidden; }
form input#searchsubmit:hover { background: transparent url(images/bg-submit-search.png) bottom left no-repeat; }
form.wpcf7-form p { padding: 3px 0; }
form.wpcf7-form input[type=submit] { background: transparent url(images/bg-submit-message.png) top left no-repeat; margin: 0; text-indent:-9999px; font-size: 0px; line-height: 0px; display:block; overflow: hidden; }
form.wpcf7-form input[type=submit]:hover { background: transparent url(images/bg-submit-message.png) bottom left no-repeat; }
form#searchform { padding-top: 5px; padding-bottom: 5px; margin: 0; height: 20px; }
form#searchform label { display: none; }


#mainbody { position: absolute; color: #ffffff; width: 100%; margin: 0; padding: 0; border-top: 3px solid #000000; }
#header { width: 900px; margin: 0 auto; padding: 20px 0; }
#header a { border: none; text-decoration: none; color: #ffffff; }
#container { background: #ffffff url(images/bg-container.png) top center repeat-x; margin: 0; padding: 0; }
#wrapper { width: 900px; margin: 0 auto; padding: 20px 0; }
#calendar_wrap { margin: 5px 0 0 0; }
#cancel-comment-reply-link { font: 11px Verdana, Geneva, sans-serif; font-style: normal; float: right; margin-top: 11px; }

#rssbar { width: 900px; margin: 0 auto; padding: 0; font: 11px Tahoma, Geneva, sans-serif; }
#rssbar a { display: block; float: right; background: #000000 url(images/bg-rss.png) center left no-repeat; color: #ffffff; height: 30px; line-height: 30px; text-decoration: none; margin: 0; padding: 0 10px 0 30px; }
#rssbar a:hover { text-decoration: underline; }

#mainmenu { background: url(images/bg-mainmenu.png) top left repeat-x; font: 9pt Georgia, "Times New Roman", Times, serif; padding: 0; height: 35px; }
#mainmenu ul { list-style: none; width: 900px; margin: 0 auto; padding: 0; }
#mainmenu li { float: left; width: auto; padding: 0; }
#mainmenu li a { background: #3b0000 url(images/bg-mainmenu-li.png) top left repeat-x; display: block; height: 35px; line-height: 35px; color: #cccccc; text-decoration: none; margin-right: 2px; padding: 0 25px; }
#mainmenu a:hover, #mainmenu a.active { background: #010000; color: #eeeeee; }
#mainmenu a:hover { text-decoration: underline; }

#comments { padding-top: 15px; }
#comments h4, #respond h4 { font: 14pt Arial, Helvetica, sans-serif; font-weight: normal; padding: 10px 0 0 0; margin: 0; line-height: 35px; }
#comments a, #respond a { color: #006cea; }
#comments a:hover, #comments a:visited, #respond a:hover, #respond a:visited { color: #006cea; }

#respond { width: 550px; }
#respond p { margin: 0; padding: 3px 0; }
#respond form {  font: 11px Verdana, Geneva, sans-serif; border: 1px solid #dddddd; padding: 20px; }
#respond label { margin-left: 10px; }
#respond input { width: 200px; }
#respond textarea { width: 97%; height: 100px; }
#respond input.submit { background: transparent url(images/bg-submit-comment.png) top left no-repeat; width: 150px; height: 25px; border: 0; margin: 0; padding: 0; text-indent:-9999px; cursor: pointer; }
#respond input.submit:hover { background: transparent url(images/bg-submit-comment.png) bottom left no-repeat; }
#respond p.subscribe-to-comments { font-style: italic; border-top: 1px solid #eeeeee; margin-top: 10px; padding: 10px 0 0 0; }
#respond p.subscribe-to-comments input { float: left; }
#respond a { text-decoration: none; }

#sidebar { float: right; width: 310px; color: #1b1b1b; }
#sidebar h2, #sidebar h3 { font: 14pt Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0 0 10px 0; }
#sidebar ul { margin: 0; padding: 0; list-style-type: none; font: 9pt Arial, Helvetica, sans-serif; line-height: 180%; }
#sidebar li {  background: #ffffff; border: 1px solid #dddddd; margin: 0 0 10px 0; padding: 20px 20px 10px 20px; }
#sidebar li li { background: transparent url(images/bg-sidebar-list.png) top left no-repeat; display: block; border: none; border-top: 1px dotted #dddddd; padding: 5px 0 5px 25px; margin: 0; line-height: 25px; }
#sidebar li li ul { margin-top: 5px; }
#sidebar li li li { border: none; border-top: 1px dotted #dddddd; }
#sidebar li a { color: #006cea; text-decoration: none; }
#sidebar li li:hover { background-color: #F0F4FF; color: #000000; }
#sidebar table a, #sidebar table a:hover { background: none; border: none; padding: 0; }
#sidebar div.about { padding-top: 10px; }
#sidebar div.about p { line-height: 180%; text-align: justify; margin: 0; padding: 0; }
#sidebar img.author { float: left; padding: 2px; border: 1px solid #eeeeee; margin: 4px 15px 0 0; }
#sidebar form, #sidebar div { padding-bottom: 20px; }

#footer { background: url(images/bg-footer.png) top center no-repeat; width: 900px; margin: 0 auto; padding: 25px 0 50px 0; }
#footer p { font: 8pt Verdana, Geneva, sans-serif; margin: 0; padding: 0; color: #ffffff; }
#footer a { text-decoration: none; color: #ffffff; }
#footer a:hover { text-decoration: underline; }
#footer a img, #footer a:hover img { border: none; }
#footer div.bottom { margin-top: 25px; }
#footer div.bottom a, #footer div.bottom a:hover { border: none; text-decoration: none; }

#content-header { background: #2f0000 url(images/bg-frontpage.png) top left repeat-x; overflow: hidden; }
#content-header h1 { margin: 0; padding: 5px 0 10px 0; font-size: 24pt; font-weight: normal; color: #eeeeee; }
#content-header div.wpst-frontpage-header { background: url(images/bg-front-header.png) top right no-repeat; width: 900px; margin: 0 auto; padding: 20px 0 20px 0; font: 11pt Arial, Helvetica, sans-serif; line-height: 180%; text-align: justify; letter-spacing: 0.05pt; }

#content { float: left; color: #1b1b1b; padding-bottom: 20px; overflow: hidden; }
#content div.pagetitle h2 { letter-spacing: -0.05em; font-size: 26pt; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 10px 0; height: auto; border-bottom: 1px solid #dddddd; }
#content div.pagetitle h3 { font-size: 18pt; color: #444444; border: none; padding: 0; margin: 0; }
#content div.pagetitle h2 a, #content div.pagetitle h3 a { color: #000000; text-decoration: none; border: none; }
#content div.pagetitle h3 a { color: #666666; }
#content div.pagetitle h2 a:hover, #content div.pagetitle h3 a:hover { color: #006cea; }

.post { border-bottom: 1px solid #dddddd; }
.post { font: 9pt Arial, Helvetica, sans-serif; text-align: justify; line-height: 180%; padding: 0 0 10px 0; margin: 0; }
.post form input { margin: 3px 0; }
.post a { text-decoration: none; border-bottom: 1px solid #cccccc; color: #006cea; }
.post a.more-link, .post a.more-link:hover { border: none; font-style: italic; }
.post a.more-link img { border: none; }
.post a:hover { color: #660000; border-bottom: 1px solid #660000; }
.post ol, #content div.post ul { margin-top: 0; margin-bottom: 15px; }
.post ol ol, #content div.post ul ul { margin-bottom: 0; }
.post h1 { letter-spacing: -0.05em; font-size: 26pt; font-weight: normal; margin: 0; padding: 10px 0; }
.post h2 { letter-spacing: -0.05em; font-size: 24pt; font-weight: normal; margin: 0; padding: 10px 0; }
.post h3 { letter-spacing: -0.05em; font-size: 20pt; font-weight: normal; margin: 0; padding: 10px 0; }
.post h4 { letter-spacing: -0.05em; font-size: 18pt; font-weight: normal; margin: 0; padding: 10px 0; }
.post h5 { letter-spacing: -0.05em; font-size: 16pt; font-weight: normal; margin: 0; padding: 10px 0; }
.post h6 { letter-spacing: -0.05em; font-size: 14pt; font-weight: normal; margin: 0; padding: 10px 0; }
.post h2 a, 
.post h3 a, 
.post h4 a, 
.post h5 a, 
.post h6 a { background: none; border: none; }
.post img { border: 1px solid #000000; margin-top: 10px; }
.post pre { background: #F0F4FF; color: #222222; border: 1px solid #dddddd; padding: 20px; overflow: auto; }
.post blockquote { font-style: italic; color: #444444; padding: 0; margin-top: 0; }

.attachment {}
.attachment a, .attachment img { border: none; }
.attachment a:hover { border: none; }

.postmeta { padding: 10px 0; margin: 0; color: #777777; font: 9pt Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 180%; }
.postmeta a { color: #006cea; border-bottom: 1px solid #dddddd; text-decoration: none; }
.postmeta a:hover { color: #000000; border-bottom: 1px solid #660000; }

.wp-caption { background: #eeeeee; border: 1px solid #eeeeee; margin: 10px 0 15px 0; padding: 0; }
.wp-caption img { border: none; margin: 0; padding: 5px; }
.wp-caption a, .wp-caption a:hover { border: none; margin: 0; color: #006cea; }
.wp-caption p.wp-caption-text { position: relative; background: #000000; margin: -33px 5px 5px 5px; display: block; padding: 10px; color: #ffffff; font: 11px Tahoma, Geneva, sans-serif; line-height: normal; }

.wpst-breadcrumb { font: 11pt Georgia, "Times New Roman", Times, serif; font-style: italic; color: #efefef; height: 70px; width: 900px; margin: 0 auto; padding: 0; text-align: right; line-height: 70px; }
.wpst-breadcrumb a { background: none; padding-left: 0; color: #ffffff; text-decoration: none; }
.wpst-breadcrumb a:hover { text-decoration: underline; color: #efefef; }

.wpst-navigation { margin: 5px 0; padding: 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; }
.wpst-navigation a { background: #F0F4FF; text-decoration: none; color: #660000; border: 1px solid #dddddd; margin: 0 1px; padding: 2px 10px; }
.wpst-navigation a:hover { background: #660000; color: #ffffff; border: 1px solid #900000; }
.wpst-navigation .current { background: #660000; color: #ffffff; border: 1px solid #900000; border: 1px solid #660000; margin: 0 1px; padding: 2px 10px; }

.navigation { margin: 5px 0; padding: 15px 0 0 0; text-align: left; font: 12px Arial, Helvetica, sans-serif; }
.navigation a span.nav { background: #F0F4FF; text-decoration: none; color: #000000; border: 1px solid #dddddd; margin: 0 1px; padding: 2px 10px; }
.navigation a:hover span.nav, .navigation span.nav { background: #660000; color: #ffffff; border: 1px solid #900000; border: 1px solid #660000; margin: 0 1px; padding: 2px 10px; }
.navigation a, .navigation a:hover { border: none; }

.page { border-bottom: none; }
.wide { width: 930px; }
.narrow  { width: 550px; }
.red { font-style: italic; color: #a40000; padding-bottom: 10px; }
.button { margin-top: 15px; }
.clear { clear: both; }
.devider { clear: both; height: 25px; }
.left, .alignleft { float: left; margin-right: 20px; }
.right, .alignright { float: right; margin-left: 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }