/*
Theme Name: Timeline Belanja Rak
Author: Ericova Project Indonusa
Author URI: http://www.ericova.com
License: Private
*/
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Clearing floats */
.clear:after, .wrapper:after { clear: both; }

.clear:before, .clear:after, .wrapper:before, .wrapper:after { display: table; content: ""; }

/* =Repeatable patterns
-------------------------------------------------------------- */
/* Form fields, general styles first */
button, input, textarea { border: 0; font-family: inherit; padding: 5px; }

button, input { line-height: normal; }

textarea { font-size: 100%; overflow: auto; vertical-align: top; }

/* Reset non-text input types */
input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; }

/* Buttons */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { padding: 5px 10px; font-size: 11px; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }

.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; }
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); }
.menu-toggle:active, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color: transparent; }

button[disabled], input[disabled] { cursor: default; }

article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb); }

.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; }

/* Responsive images */
.entry-content img, .comment-content img, .widget img { max-width: 100%; }

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }

img.size-full, img.size-large, img.header-image, embed, iframe, object, video { max-width: 100%; }

/* Images */
.alignleft { float: left; }

.alignright { float: right; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { max-width: 100%; padding: 4px; }

.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #757575; }

.entry-content dl.gallery-item { margin: 0; }

.gallery-item a, .gallery-caption { width: 90%; }

.gallery-item a { display: block; }

.gallery-caption a { display: inline; }

.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }

.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }

.gallery-columns-1 .gallery-icon img { padding: 3%; }

/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html { background: url(images/bgwood.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-size: 87.5%; }

body { font-size: 13px; line-height: 18px; font-family: Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; }

a { outline: none; color: #040404; text-decoration: none; }
a:hover { color: #0f3647; }

.container { clear: both; margin: 0 auto; width: 960px; }

/* =Header
-------------------------------------------------------------- */
.site-header { float: left; height: 130px; margin: 0 0 30px; padding: 0 0 10px; position: relative; width: 100%; }

/* Search form */
#searchform { float: right; position: absolute; top: 0; right: 0; }
#searchform form { float: right; margin: 0; padding: 0; }
#searchform input[type=text] { background: #f7f7f7 url(images/search.png) 170px 5px no-repeat; margin: 0; padding: 5px 30px 5px 10px; text-transform: lowercase; font-style: italic; width: 150px; }

/* Navigation Menu */
.main-navigation { float: left; margin: -10px 0 0; text-align: left; width: 330px; }
.main-navigation ul { float: left; list-style: none; }
.main-navigation li { border-top: 5px solid white; display: inline; float: left; font-size: 12px; height: 20px; line-height: 17px; margin: 0 30px 0 0; padding: 45px 10px 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.main-navigation a { color: #C0C1C4; float: left; font-weight: 700; padding: 0; text-transform: uppercase; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.main-navigation a:hover { color: #040404; }
.main-navigation .current_page_item, .main-navigation .current_page_ancestor { border-top: 5px solid #040404; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: inline-block; }
.main-navigation ul.nav-menu.toggled-on { display: inline-block; }

/* Logo */
.logo { float: left; margin: 24px 0 0; width: 300px; }
.logo img { float: left; width: 100%; }

/* Live Chat */
.live-chat { background: url(images/menu-bg.png); height: 20px; margin: 20px auto; padding: 10px 20px; width: 920px; }

.live-chat li { display: inline; margin: 0 30px 0 0; float: left; }

.live-chat li.en { float: right; margin-top: 3px; }

.live-chat li.id { border-left: 1px solid #fff; float: right; margin-top: 3px; margin-right: 10px; padding-left: 11px; }

.live-chat a { color: #f7f7f7; }

.live-chat a:hover { color: #fff; text-decoration: none; }

.live-chat img { float: left; margin: 0 5px 0 0; width: 20px; }

/* Back to Top */
#toTop { position: fixed; bottom: 100px; right: 20px; display: none; }

/* =Home
-------------------------------------------------------------- */
.bx-wrapper { position: relative; height: 400px; margin: 0 auto; overflow: hidden; padding: 0; *zoom: 1; width: 100%; }
.bx-wrapper img { min-height: 400px; width: 100%; display: block; }
.bx-wrapper .bx-viewport { -moz-transform: translatez(0); -ms-transform: translatez(0); -webkit-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.heading { color: #040404; margin: 30px 0; font-size: 25px; line-height: 30px; text-align: center; width: 100%; }

#timeline { list-style-type: none; background: url(images/timeline.png) top center repeat-y; float: left; margin: 30px auto 10px; padding: 50px 0 80px; width: 960px; }
#timeline li.post { background: white; clear: left; display: list-item; float: left; margin: -10px 0 40px; padding: 20px; position: relative; text-align: center; width: 400px; }
#timeline li.post:nth-of-type(even) { clear: right; float: right; }
#timeline li.post:nth-child(2) { margin-top: 100px; }
#timeline li.post:nth-of-type(even) .corner { position: absolute; display: block; margin-left: -50px; width: 30px; height: 50px; background: url(images/left.png); }
#timeline li.post:nth-of-type(odd) .corner { position: absolute; display: block; margin-left: 420px; width: 30px; height: 50px; background: url(images/right.png); }
#timeline .article { float: left; margin: 0 0 10px; width: 100%; }
#timeline .article h2 { color: #040404; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0 0 10px; text-transform: uppercase; }
#timeline .article p { margin: 0 0 10px; }
#timeline .date { float: left; font-size: 12px; text-align: left; width: 200px; }
#timeline .share { float: right; list-style: none; margin: 0; padding: 0; width: 200px; }
#timeline .share li { display: inline-block; clear: none; float: right; margin: 0 0 0 7px !important; padding: 0; width: 22px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#timeline .share li:nth-of-type(odd), #timeline .share li:nth-of-type(even) { margin: 0 0 0 7px !important; }
#timeline .share a { background-image: url(images/share.png); background-repeat: no-repeat; display: block; float: left; height: 20px; width: 22px; -moz-transition-property: background; -o-transition-property: background; -webkit-transition-property: background; transition-property: background; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
#timeline .share a.pinterest { background-position: 0 0; }
#timeline .share a.facebook { background-position: -22px 0; }
#timeline .share a.twitter { background-position: -44px 0; }
#timeline .share a.comment { background-position: -66px 0; }
#timeline .odd .share a { background-color: #040404; }
#timeline .odd .share .pinterest { background-position: 0 0; }
#timeline .odd .share .facebook { background-position: -22px 0; }
#timeline .odd .share .twitter { background-position: -44px 0; }
#timeline .odd .share .comment { background-position: -66px 0; }

/* =Main content and comment content
-------------------------------------------------------------- */
.detail { background: white; float: left; margin: 30px 0 30px; padding: 30px 60px; width: 840px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }

.entry-header { margin: 0 0 20px; }
.entry-header img { float: left; margin: -30px 0 20px -60px; width: 960px; }
.entry-header .entry-title { color: #040404; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; text-transform: uppercase; }

.entry-meta { clear: both; }
.entry-meta .date { float: left; text-align: left; width: 200px; }
.entry-meta .share { float: right; list-style: none; margin: 0; padding: 0; width: 200px; }
.entry-meta .share li { display: inline-block; clear: none; float: right; margin: 0 0 0 7px !important; padding: 0; width: 22px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.entry-meta .share li:nth-of-type(odd), .entry-meta .share li:nth-of-type(even) { margin: 0 0 0 7px !important; }
.entry-meta .share a { background-image: url(images/share.png); background-repeat: no-repeat; display: block; float: left; height: 20px; width: 22px; -moz-transition-property: background; -o-transition-property: background; -webkit-transition-property: background; transition-property: background; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.entry-meta .share a.pinterest { background-position: 0 0; }
.entry-meta .share a.facebook { background-position: -22px 0; }
.entry-meta .share a.twitter { background-position: -44px 0; }
.entry-meta .share a.comment { background-position: -66px 0; }

.entry-content, .entry-summary { float: left; margin: 0 0 20px; width: 100%; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6 { margin: 20px 0; line-height: 1.714285714; }
.entry-content h1, .entry-summary h1 { font-size: 21px; line-height: 1.5; }
.entry-content h2, .entry-summary h2 { font-size: 18px; line-height: 1.6; }
.entry-content h3, .entry-summary h3 { font-size: 20px; line-height: 1.846153846; text-transform: uppercase; }
.entry-content h4, .entry-summary h4 { font-size: 14px; line-height: 1.846153846; }
.entry-content h5, .entry-summary h5 { font-size: 13px; line-height: 1.846153846; }
.entry-content h6, .entry-summary h6 { font-size: 12px; line-height: 1.846153846; }
.entry-content p, .entry-summary p { margin: 0 0 20px; line-height: 1.714285714; }
.entry-content ol, .entry-content ul, .entry-summary ol, .entry-summary ul { margin: 0 0 20px; line-height: 1.714285714; }
.entry-content ol ul, .entry-content ol ol, .entry-content ul ul, .entry-content ul ol, .entry-summary ol ul, .entry-summary ol ol, .entry-summary ul ul, .entry-summary ul ol { margin-bottom: 0; }
.entry-content ul, .entry-summary ul { list-style: disc outside; }
.entry-content ol, .entry-summary ol { list-style: decimal outside; }
.entry-content li, .entry-summary li { margin: 0 0 0 36px; }
.entry-content blockquote, .entry-summary blockquote { margin-bottom: 20px; padding: 20px; font-style: italic; }
.entry-content blockquote p:last-child, .entry-summary blockquote p:last-child { margin-bottom: 0; }
.entry-content code, .entry-summary code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; line-height: 2; }
.entry-content pre, .entry-summary pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; line-height: 1.714285714; margin: 20px 0; overflow: auto; padding: 20px; }
.entry-content pre code, .entry-summary pre code { display: block; }
.entry-content abbr, .entry-content dfn, .entry-content acronym, .entry-summary abbr, .entry-summary dfn, .entry-summary acronym { border-bottom: 1px dotted #666; cursor: help; }
.entry-content address, .entry-summary address { display: block; line-height: 1.714285714; margin: 0 0 20px; }
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video, .entry-summary embed, .entry-summary iframe, .entry-summary object, .entry-summary video { margin-bottom: 20px; }
.entry-content dl, .entry-summary dl { margin: 0 20px; }
.entry-content dt, .entry-summary dt { font-weight: bold; line-height: 1.714285714; }
.entry-content dd, .entry-summary dd { line-height: 1.714285714; margin-bottom: 20px; }
.entry-content table, .entry-summary table { border-bottom: 1px solid #ededed; color: #757575; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; }
.entry-content table caption, .entry-summary table caption { font-size: 16px; margin: 20px 0; }
.entry-content td, .entry-summary td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
.entry-content strong, .entry-summary strong { font-weight: bold; }

img.alignleft, .wp-caption.alignleft { margin: 0 15px 15px 0; }

img.alignright, .wp-caption.alignright { margin: 0 0 15px 15px; }

img.aligncenter, .wp-caption.aligncenter { clear: both; margin-bottom: 15px; }

.page-links { clear: both; line-height: 1.714285714; }

.navigation { float: left; margin: 0 0 30px; width: 960px; }
.navigation p { font-size: 11px; line-height: 15px; }
.navigation a { font-size: 11px; line-height: 15px; background: #040404; color: white; padding: 5px 10px; text-transform: uppercase; }
.navigation a.back { float: left; }
.navigation .previous-next { float: right; }
.navigation .previous-next a { margin: 0 0 0 10px; }

.related { background: white; float: left; margin: 0 0 30px; padding: 30px 60px; width: 840px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
.related h3 { color: #040404; font-size: 16px; font-weight: 700; line-height: 20px; margin: 0 0 20px; text-align: center; text-transform: uppercase; }
.related .related-thumb { float: left; margin: 0 10px 0 0; text-align: center; width: 130px; }
.related .related-thumb:last-child { margin: 0; }
.related .related-thumb img { float: left; height: 130px; margin: 0 0 10px; width: 130px; }

.comments { background: white; float: left; margin: 0 0 30px; padding: 30px 60px; width: 840px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; }
.comments h3 { color: #040404; font-size: 16px; font-weight: 700; line-height: 20px; margin: 0 0 20px; text-align: center; text-transform: uppercase; }

/* =Contact
-------------------------------------------------------------- */
.content-left { float: left; margin: 0 40px 20px 0; width: 400px; }

.content-right { float: left; margin: 85px 0 20px; width: 400px; }

h2.contact { border: 2px solid #666; font-size: 15px; font-weight: 700; padding: 10px 0; text-align: center; text-transform: uppercase; }

.wpcf7 { float: left; }
.wpcf7 p { margin: 0 0 10px; }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea { border: 1px solid #aaa; padding: 10px 10px; width: 380px; }
.wpcf7 input[type=submit] { background: #040404; color: white; font-size: 15px; margin: 0; padding: 10px 0; text-align: center; width: 400px; }
.wpcf7 .wpcf7-response-output { float: left; margin: 0; }

/* =Archives
-------------------------------------------------------------- */
.archive-sidebar { float: left; margin: 0 20px 0 0; width: 200px; }
.archive-sidebar a.toggle { background: #040404; color: white; float: left; margin: 0 0 5px; padding: 5px; width: 190px; }
.archive-sidebar li { float: left; margin: 0 0 5px; padding: 0 10px; width: 180px; }
.archive-sidebar li a { color: #666; font-weight: bold; }

.archive-content { float: left; width: 620px; }
.archive-content .list-archive { border-bottom: 1px solid #ddd; float: left; margin: 0 0 10px; padding: 0 0 10px; width: 100%; }
.archive-content .list-archive:last-child { border: 0; padding: 0; }
.archive-content .list-archive h3 { font-weight: bold; text-transform: uppercase; }

/* =Pagenavi
-------------------------------------------------------------- */
.wp-pagenavi { padding: 20px 0; text-align: center; width: 100%; }
.wp-pagenavi .pages, .wp-pagenavi .page, .wp-pagenavi a { background: white; color: #040404; }
.wp-pagenavi .current { background: #040404; color: white; }

/* =Comments
-------------------------------------------------------------- */
.comments-title { margin-bottom: 20px; font-size: 16px; line-height: 1.5; font-weight: normal; }
.comments-title article { margin: 20px 0; }
.comments-title article header { margin: 0 0 40px; overflow: hidden; position: relative; }
.comments-title article header img { float: left; padding: 0; line-height: 0; }
.comments-title article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; color: #5e5e5e; }
.comments-title article header a { text-decoration: none; color: #5e5e5e; }
.comments-title article header a:hover { color: #21759b; }
.comments-title article header cite { display: block; font-style: normal; font-size: 15px; line-height: 1.42857143; margin-left: 85px; }
.comments-title article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; font-size: 12px; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(to bottom, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-title cite b { font-weight: normal; }
.comments-title .bypostauthor cite span { position: absolute; margin-left: 5px; padding: 2px 5px; font-size: 10px; }
.comments-title .bypostauthor cite b { font-weight: bold; }

a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; line-height: 1.846153846; }
a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; }

.commentlist .pingback { line-height: 1.714285714; margin-bottom: 20px; }

/* Comment form */
#respond { margin-top: 48px; }
#respond h3#reply-title { font-size: 16px; line-height: 1.5; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; font-weight: normal; font-size: 12px; }
#respond form { margin: 24px 0; }
#respond form p { margin: 11px 0; }
#respond form p.logged-in-as { margin-bottom: 20px; }
#respond form label { display: block; line-height: 1.714285714; }
#respond form input[type="text"], #respond #respond #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 1.714285714; padding: 10px; width: 100%; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; line-height: 2; color: #5e5e5e; }

.required { color: red; }

/* =Widgets
-------------------------------------------------------------- */
.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; word-wrap: break-word; }
.widget-area .widget h3 { margin-bottom: 20px; }
.widget-area .widget p { margin-bottom: 20px; }
.widget-area .widget a { color: #757575; }
.widget-area .widget ul ul { margin-left: 12px; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 20px; }
.widget-area .textwidget li { margin-left: 30px; }

/* =Footer
----------------------------------------------- */
.bg-bottom { background: url(images/bg-bottom.png) repeat-x bottom center; display: block; float: left; height: 108px; margin: 50px 0 0; padding: 0; width: 100%; }

.site-footer { color: white; float: left; margin: 0; padding: 20px 0; width: 100%; }
.site-footer .site-info { font-size: 13px; line-height: 17px; margin: 0 20px; text-align: center; }
.site-footer .site-info a:hover { color: white; }