/*
Theme name: Brite Revolution
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 14px;
    line-height: 1.3;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #585865;
    background: #fff;
    padding-top: 6px;
}

#header .toggle, h3, #nav li a strong, #main h1, #page h2, .blog-post h2, .blog-post .comment-date, .blog-post .username, .blog-post h4, .pagetitle, #wp-calendar caption { font-family: 'PT Serif', Georgia, Times, serif; }

a { color: #242740; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h1#logo { background: url(images/logo-t.png); width: 50px; height: 15px; position: absolute; top: 83px; left: 127px; }
h1#logo a { background: url(images/logo.png) 0 0 no-repeat; width: 156px; height: 85px; position: absolute; top: 15px; left: -116px; }
h1#logo a:hover { background-position: 0 -85px; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 940px; margin: 0 auto; padding: 0 10px; }

#blog-content { width: 700px; padding: 15px 2px; }
#blog-content h1 { font-size: 36px; line-height: 42px; color: #242740; }

#blog-sidebar { width: 210px; padding: 18px 0; }
#blog-sidebar h3 { color: #242740; font-size: 16px; line-height: 22px; }
#blog-sidebar ul { list-style: none; }
#blog-sidebar li.widget { padding: 0 0 23px; }
#blog-sidebar li ul { font-size: 12px; line-height: 20px; }
#blog-sidebar li li a { color: #dea10c; }
#blog-sidebar li li a:hover { color: #b98300; text-decoration: none; }

#footer { height: 210px; }
#footer p { font-size: 12px; color: #999; padding: 0 2px; }
#footer p a { color: #999; }
#footer p a:hover { text-decoration: none; color: #cc991d; }
#footer .foot-nav { clear: both; font-size: 14px; padding: 5px 2px 13px; }
#footer .foot-nav a { font-weight: bold; }
#footer .foot-nav span { margin: 0 7px; }

#foot-banner { float: left; padding: 0 0 15px; }
#foot-banner img { display: block; }

#header { background: url(images/body.png) 0 0 repeat-x; }
#header .shell { height: 204px; position: relative; }
#header .issue-button { background: url(images/issue-button.png) 0 0 no-repeat; width: 153px; height: 27px; font-size: 10px; text-transform: uppercase; text-align: center; color: #868698; line-height: 27px; float: left; margin-top: 35px; }
#header .issue-button:hover { text-decoration: none; background-position: 0 -27px; }

#login-drawer { background: #878799; position: absolute; height: 130px; padding: 20px 0 0; top: -144px; left: 0; z-index: 10; width: 100%; z-index: 10; }
#login-drawer h3 { font-size: 20px; color: #c4c4d7; line-height: 22px; padding: 0 0 10px; }
#login-drawer .shell { width: 960px; padding: 0 0 0 20px; position: relative; height: 130px; }
#login-drawer .signup-col { width: 541px; height: 98px; border-right: 1px solid #9b9baf; }
#login-drawer .login-col { width: 362px; }
#login-drawer .blink { border: 1px solid #bdbdcf; background: #fff; font-size: 12px; color: #b7b7c7; line-height: 16px; height: 16px; padding: 5px 6px 6px; margin-bottom: 6px; }
#login-drawer .large { width: 198px; }
#login-drawer .medium { width: 116px; margin-left: 8px; }
#login-drawer .yellow-button { clear: left; }
#login-drawer .toggle { background: url(images/login-signup.png) 0 0 no-repeat; width: 136px; padding: 0 17px 0 0; height: 29px; font-size: 12px; line-height: 26px; text-align: center; color: #868698; font-weight: bold; position: absolute; bottom: -29px; left: 20px; }
#login-drawer .toggle:hover,
#login-drawer .toggle-act { background-position: 0 -29px; color: #fff; text-decoration: none; }

#main { padding: 0 0 15px; }
#main .shell { height: 100%; overflow: hidden; }

#nav { float: right; clear: right; width: 727px; height: 60px; }
#nav ul { list-style: none; }
#nav li { float: left; border-left: 1px solid #f5bc32; height: 57px; overflow: hidden; width: 200px; padding: 0 16px 0 24px; }
#nav li a { font-size: 12px; color: #b7b7c1; line-height: 18px; display: block; }
#nav li a strong { font-size: 20px; color: #242740; display: block; line-height: 20px; padding-bottom: 1px; position: relative; bottom: 3px; }
#nav li a:hover,
#nav li.current a { color: #dea10c; text-decoration: none; }
#nav li a:hover strong,
#nav li.current a strong { color: #dea10c; }

#page { margin-top: 7px; border-top: 3px solid #f5bc32; padding: 15px 0; }
#page h1 { font-size: 36px; color: #242740; padding: 0 0 9px; }
#page h2 { font-size: 18px; line-height: 22px; color: #242740; padding: 0 0 6px; }
#page h4 { font-size: 16px; line-height: 20px; color: #242740; }
#page h5 { font-size: 14px; line-height: 20px; color: #242740; padding: 0 0 8px; }
#page h5.first { padding-bottom: 20px; }
#page p { font-size: 14px; line-height: 20px; padding: 0 0 20px; }
#page p.indent { padding-left: 16px; }
#page p strong { color: #242740; }
#page ul { padding: 0 0 20px 16px; font-size: 14px; line-height: 20px; list-style: none; }
#page ul li { background: url(images/page-li.png) 0 8px no-repeat; padding-left: 8px; }
#page a { color: #f5bc32; font-weight: bold; }

#socials { float: right; width: 180px; border-top: 3px solid #f5bc32; padding: 9px 0 0; }
#socials h3 { font-size: 16px; color: #242740; padding: 0 0 6px; }
#socials a { height: 30px; background-position: 0 0; background-repeat: no-repeat; margin-right: 7px; float: left; }
#socials a:hover { background-position: 0 -30px; }

#top-banner { float: right; padding: 0 0 33px; }
#top-banner img { display: block; }

#top-border { width: 100%; height: 6px; background: #e7e7ef; position: absolute; top: 0; left: 0; z-index: 20; font-size: 0; line-height: 0; }

.blog-nav { font-size: 12px; padding: 0 0 15px; width: 100%; overflow: hidden; }
.blog-nav a { color: #dea10c; }
.blog-nav a:hover { text-decoration: none; color: #b98300; }

.blog-post { width: 694px; padding: 0 0 38px; }
.blog-post h2 { font-size: 20px; color: #242740; padding: 0 0 21px; }
.blog-post h4,
h3#reply-title { font-size: 14px; color: #242740; line-height: 24px; padding: 0 0 7px; }
.blog-post .post-head { padding: 0 0 22px; }
.blog-post .post-head a:hover { text-decoration: none; }
.blog-post .post-body { padding: 0 1px 20px; }
.blog-post .post-body p { font-size: 14px; line-height: 20px; padding: 0 0 20px; }
.blog-post .post-body a { color: #dea10c; }
.blog-post .post-body a:hover { text-decoration: none; color: #b98300; }
.blog-post .post-body a.underlined { text-decoration: underline; }
.blog-post .post-body ul { list-style: none; font-size: 14px; line-height: 20px; }
.blog-post .post-body li { background: url(images/blog-li-bubble.png) 0 5px no-repeat; padding-left: 16px; }
.blog-post .post-preview { padding: 0 1px 20px; }
.blog-post .post-preview p { font-size: 14px; line-height: 20px; padding-bottom: 20px; }
.blog-post .post-preview a { color: #dea10c; }
.blog-post .post-preview a:hover { text-decoration: none; color: #b98300; }
.blog-post .post-preview ul { list-style: none; font-size: 14px; line-height: 20px; }
.blog-post .post-preview li { background: url(images/blog-li-bubble.png) 0 5px no-repeat; padding-left: 16px; }
.blog-post .post-media { padding: 0 0 20px; }
.blog-post .post-media iframe,
.blog-post .post-media img { border: 6px solid #c9cad4; }
.blog-post .post-media iframe { margin: 0 0 11px; }
.blog-post .post-media p { font-size: 12px; line-height: 20px; padding: 0; }
.blog-post .post-foot { background: url(images/blog-post-bottom-bar.png); width: 678px; padding: 3px 9px 3px 7px; height: 20px; }
.blog-post .post-foot p { font-size: 12px; line-height: 18px; color: #585865; }
.blog-post .post-foot p a { color: #242740; }
.blog-post .post-foot p a:hover { text-decoration: none; color: #fff; }
.blog-post .post-foot .st_sharethis { background: url(images/blog-share-button.png); width: 58px; height: 20px; margin-right: 6px; padding-left: 22px; letter-spacing: -1px; float: left;}
.blog-post .post-foot .st_sharethis .stButton {margin: 0; display: inline; padding: 0; height: 20px; line-height: 18px;}
.blog-post .post-foot .st_sharethis .chicklets {background: transparent; padding: 0; font-size: 12px; height: 20px; line-height: 18px;}
.blog-post .post-foot span.right { width: 167px; white-space: nowrap; }
.blog-post .post-foot em {font-style: normal;}
.blog-post .post-comments { padding: 20px 2px 0; }
.blog-post .post-comments ul { list-style: none; border-top: 1px solid #c9cad4; }
.blog-post .post-comments li { border-bottom: 1px solid #c9cad4; padding: 5px 0 2px; }
.blog-post .post-comments p { font-size: 14px; line-height: 20px; padding: 0 0 20px; }
.blog-post .post-comments .comment-date { font-size: 10px; font-weight: bold; color: #868698; text-transform: uppercase; padding: 0 0 4px; }
.blog-post .post-comments .username { font-weight: bold; font-size: 16px; padding: 0 0 5px; }
.blog-post .post-comments a { color: #dea10c; }
.blog-post .post-comments a:hover { text-decoration: none; color: #b98300; }

#respond { padding-top: 5px; }
#respond p {padding-bottom: 0;}
#respond label { font-size: 12px; line-height: 20px; padding: 7px 0 11px; width: 400px; float: right; color: #585865; display: inline; clear: right; }
#respond .field { border: 1px solid #bdbdcf; color: #bdbdcf; font-size: 14px; line-height: 16px; padding: 5px; display: block; clear: left; }
#respond input.field { height: 16px; width: 267px; margin: 0 10px 10px 0; float: left; }
#respond .comment-form-comment label {display: none; font-size: 0; line-height: 0;}
#respond #comment { width: 598px; height: 139px; margin: 0 0 10px; resize: none; clear: both; }
#respond #submit { border: 0; background: url(images/submit-comment-button.png) 0 0 no-repeat; width: 81px; height: 30px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; display: block; }
#respond #submit:hover { background-position: 0 -30px; }

.ico-facebook { background-image: url(images/ico-facebook.png); width: 30px; }
.ico-rss { background-image: url(images/ico-rss.png); width: 31px; }
.ico-twitter { background-image: url(images/ico-twitter.png); width: 30px; }

.yellow-button { background: url(images/yellow-button.png) 0 0 no-repeat; width: 130px; height: 29px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; line-height: 29px; display: block; }
.yellow-button:hover { text-decoration: none; background-position: 0 -29px; }

.pagetitle {padding-bottom: 20px;}
.widget_search #searchform label {display: none; font-size: 0; line-height: 0;}
#searchform #s {border: 1px solid #bdbdcf; color: #bdbdcf; font-size: 14px; line-height: 16px; padding: 5px 1px; float: left; width: 115px; margin: 1px 5px 0 0;}
#searchform #searchsubmit {border: 0; background: url(images/submit-comment-button.png) 0 0 no-repeat; width: 81px; height: 30px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; display: block; }
#searchform #searchsubmit:hover { background-position: 0 -30px; }

#blog-content img { margin-bottom: 20px; }