/*
Theme Name: Viacord Corporate Blog
Theme URI: http://
Description: Theme for Viacord corporate blog.
Version: 0.6
Author: Freshout
Author URI: http://freshout.us/
*/

/* RESET
-------------------------------------------*/
*{ margin: 0; padding: 0; }
ul, li{ list-style-type: none; }
a{ text-decoration: none; }
img{ border: none; }

/* INITIALIZE
-------------------------------------------*/
.alignleft{ float: left; margin-right: 15px; }
.alignright{ float: right; margin-left: 15px; }
.clear{ clear: both; }
.hide-text{ display: block; text-indent: -9999px; font-size: 0; line-height: 0; }

/*GRID
-------------------------------------------*/
div.extend{ width: 100%; }
div.wrap{ width: 975px; margin: 0 auto; }

/* TYPOGRAPHY
-------------------------------------------*/
body{ background: transparent url(img/bg-body.jpg) top left repeat; font-family: "Lucida Grande", Arial, Helvetica, "Trebuchet MS", monospace; font-size: 12px; color: #444; }
a{ color: #569816; }
a:hover{ color: #98c422; }
h1{ font-size: 20px; font-weight: normal; }
h1 a{ color: #444; }
h1 a:hover{ color: #d56000; }
h2{ color: #5f6f77; font-size: 16px; font-weight: normal; }
h3{ margin-bottom: 15px; }
h4{ margin-bottom: 20px; }
span{ color: #888; }
/* ul li{ color: #8ba1ac; font-size: 11px; } */
ul li{ color: #444; font-size: 11px; }

/* HEADER
-------------------------------------------*/
div.top{ background: transparent url(img/bg-top.png) top left repeat-x; }
div.top .header{ height: 152px; margin-bottom: 30px; position: relative; }
div.top .header span.contact-info{ position: absolute; top: 45px; right: 0; color: #708550; text-align: right; line-height: 24px; }
div.top .header span.contact-info big{ font-size: 24px; }
div.top .header span.menu-top{ float: right; margin-top: 9px; font-size: 11px; }
div.top .header span.menu-top, div.top .header span.menu-top a{ color: #4b8095; }
div.top .header span.menu-top a.rss{ background: transparent url(img/icon-feed.png) top right no-repeat; padding-right: 18px; margin-right: 5px; }
div.top .header span.menu-top a.email{ background: transparent url(img/icon-email.png) top right no-repeat; padding-right: 20px; margin-left: 1px; }
div.top .header span.menu-top a:hover{ text-decoration: underline; color: #fff; }
div.top .header h1#logo{ width: 310px; height: 50px; position: absolute; top: 42px; }
div.top .header h1#logo a{ background: transparent url(img/logo.png) top left no-repeat; width: 100%; height: 100%; }
div.top .header .header-bottom{ position: absolute; top: 105px; height: 36px; width: 100%; }
div.top .header .header-bottom ul.menu{ float: left; overflow: hidden; width: 470px; padding-left: 30px; background: transparent url(img/bg-v.png) top left no-repeat;}
div.top .header .header-bottom ul.menu li{ float: left; display: inline; }
div.top .header .header-bottom ul.menu li a{ color: #597144; font-size: 13px; padding: 0 10px; display: block; line-height: 36px; }
div.top .header .header-bottom ul.menu li a:hover{ background: transparent url(img/bg-white-45.png) top left repeat; }
div.top .header .header-bottom a.request{ float: right; background: transparent url(img/btn-request.png)top left no-repeat; width: 166px; height: 25px; margin: 6px 0 0 6px; }
div.top .header .header-bottom a.expecting{ float: right; background: transparent url(img/btn-expecting.png)top left no-repeat; width: 149px; height: 25px; margin: 6px 0 0 6px; }
div.top .header .header-bottom a.refer{ float: right; background: transparent url(img/btn-refer.png)top left no-repeat; width: 135px; height: 25px;  margin: 6px 0 0 6px; }
div.top .header .header-bottom a.refer:hover{ background-position: bottom left; }
div.top .header .header-bottom a.expecting:hover{ background-position: bottom left; }
div.top .header .header-bottom a.request:hover{ background-position: bottom left; }

/* POST
-------------------------------------------*/
div.page{ background-color: #fff; float: right; overflow: hidden; width: 685px; margin-bottom: 20px; padding: 20px; }
div.page .post-date{ float: left; text-align: center; background-color: #e4ebf0; width: 50px; border-top: 2px solid #a8b4bc; padding: 3px 0; }
div.page .post-date span{ display: block; color: #7e8a93; }
div.page .post-date span.month{ border-bottom: 1px solid #a8b4bc; padding: 2px 5px; margin: 0 10px 3px 10px; font-size: 10px; }
div.page .post-date span.day{ font-size: 18px; font-weight: bold; }
div.page .post-header{ margin-left: 0px; }
div.page .post-header h1{ margin-bottom: 20px; }
div.page .post-header span.metadata{ font-size: 10px; margin: -15px 0 15px 0; display: block; }
div.page p{ margin-bottom: 20px; line-height: 18px; }
div.page .post-footer{ background-color: #f4f9fa; padding: 15px; margin: 0 -15px -15px -15px; overflow: hidden; }
div.page .post-footer a.post-more{ float: right; }
div.page .post-cats{ color: #888; }

div.post{ background-color: #fff; float: right; overflow: hidden; width: 685px; margin-bottom: 20px; padding: 20px; }
div.post .children { margin-left: 25px;}
div.post ul, div.post ol, div.page ul, div.page ol{ margin: 15px 15px 15px 20px; padding: 0; line-height: 18px; }
div.post ul li, div.page ul li{ list-style-type: disc; margin-bottom: 10px;}
div.post ol li, div.page ol li{ list-style-type: decimal; margin-bottom: 10px;}
div.post blockquote, div.page blockquote{ border-left: 2px solid #a8b4bc; background-color: #e4ebf0; padding: 10px 15px 1px 15px; font-size: 11px; margin: 20px 0 20px 20px; }
div.post blockquote p, div.page blockquote p{ margin-bottom: 10px; }
div.post .post-date{ float: left; text-align: center; background-color: #e4ebf0; width: 50px; border-top: 2px solid #a8b4bc; padding: 3px 0; }
div.post .post-date span{ display: block; color: #7e8a93; }
div.post .post-date span.month{ border-bottom: 1px solid #a8b4bc; padding: 2px 5px; margin: 0 10px 3px 10px; font-size: 10px; }
div.post .post-date span.day{ font-size: 18px; font-weight: bold; }
div.page .page-header{ margin-left: 70px; }
div.post .post-header{ margin-left: 70px; }
div.page .page-header h1{ margin-bottom: 20px; }
div.post .post-header h1{ margin-bottom: 20px; }
div.page .page-header span.metadata{ font-size: 10px; margin: -15px 0 15px 0; display: block; }
div.post .post-header span.metadata{ font-size: 10px; margin: -15px 0 15px 0; display: block; }
div.post p{ margin-bottom: 20px; line-height: 18px; }
div.post .post-footer{ background-color: #f4f9fa; padding: 10px 15px 5px 15px; margin: 0 -15px -15px -15px; overflow: hidden; }
div.post .post-footer span.post-comments{ float: left; }
div.post .post-footer a.post-more{ float: right; margin-top: 5px; }

div.post-footer span.post-comments{ float: left; margin: 0; padding: 0; background: transparent url(img/bg-bb-comm-left.gif) top left no-repeat; }
div.post-footer span.post-comments a{ padding: 4px 10px 6px 10px; margin: 0; height: 18px; display: block; margin: 0; background: transparent url(img/bg-bb-comm-right.gif) top right no-repeat; color: #888; }
div.post-footer span.post-comments a:hover{ color: #888; text-decoration: underline; }
div.post-footer span.post-comments a b, div.page .post-footer span.post-comments a:hover b{ font-weight: normal; color: #569816; }
div.post-footer ol.commentlist{ list-style-type: none; margin: 25px 0 35px 0; }
div.post-footer ol.commentlist li.comment{ margin-bottom: 20px; list-style-type: none; }
div.post-footer ol.commentlist li.comment .the_comm cite{ float: left; margin-right: 5px; }
div.post-footer ol.commentlist li.comment .the_comm .comm{ margin-top: 15px; position: relative; border: 1px solid #dae4e6; background-color: #fff; padding: 10px 15px 0 15px; }
div.post-footer ol.commentlist li.comment .the_comm .comm p{ margin-bottom: 10px; }
div.post-footer ol.commentlist li.comment .the_comm .comm img.bb-comm{ position: absolute; top: -11px; left: 14px; }

/* SIDEBAR
-------------------------------------------*/
div.sidebar{ color: #a2a4a5; float: left; width: 210px; padding: 0 10px; }
div.sidebar .widget{ margin-bottom: 10px; }
div.sidebar .widget h2{ background: transparent url(img/bg-white-75.png) top left repeat; padding: 8px 10px; margin: 0 -10px 2px -10px; }
div.sidebar .widget ul, div.sidebar .widget p, div.sidebar .widget form{ background: transparent url(img/bg-white-45.png) top left repeat; padding: 10px; margin: 0 -10px 5px -10px; }
div.sidebar .widget ul{ padding: 5px 10px; }
div.sidebar .widget ul li{ padding-left: 13px; background: transparent url(img/bullet-01.png) 0 7px no-repeat; margin: 8px 0; }
div.sidebar .widget ul li a{ font-size: 12px; line-height: 16 dpx; font-weight: bold; }
div.sidebar .widget ul li ul{ margin: 0; padding: 0; }
div.sidebar .widget ul.community{ overflow: hidden; }
div.sidebar .widget ul.community li{ background: none; padding-left: 0; float: left; margin-right: 10px; }
div.sidebar .widget ul.twitter{ list-style-type: none; overflow: hidden; }
div.sidebar .widget ul.twitter li{ color: #5f6f77; list-style-type: none; padding-bottom: 10px; border-bottom: 1px dashed #babbbc; overflow: hidden; }
div.sidebar .widget ul.twitter li span{ color: #66951f; }
div.sidebar .widget .searcher{ background: transparent url(img/bg-search.png) top left no-repeat; position: relative; }
div.sidebar .widget .searcher #s{ border: none; background-color: transparent; width: 150px; padding: 3px 10px; height: 18px; color: #666; }
div.sidebar .widget .searcher #search{ position: absolute; top: 3px; right: 5px; }
div.sidebar .tweets{ margin-bottom: 15px; }
div.sidebar .tweets ul{ background-image: url(img/bg-white-75.png); }
div.sidebar .tweets ul li{ background-image: none; padding-left: 0; }
div.sidebar .tweets a.follow-us{ padding: 10px 10px 1px 40px; font-weight: bold; font-style: italic; background: transparent url(img/btn-follow-us.png) top left no-repeat; }

/* FOOTER
-------------------------------------------*/
div.bottom{ color: #61747e; background: transparent url(img/bg-bottom.png) top left repeat-x; padding-bottom: 20px; margin-top: 35px; }
div.bottom .footer{ padding-top: 18px; margin-bottom: 22px; }
div.bottom .footer a{ color: #3793b9; }
div.bottom .footer .foot-menu{ float: left; width: 340px; margin-top: -2px; }
div.bottom .footer .foot-menu li{ float: left; display: inline; padding: 3px 10px; border-right: 1px solid #fff; }
div.bottom .footer .foot-menu li.first{ padding-left: 0; }
div.bottom .footer .foot-menu li.last{ border: none; }
div.bottom .footer .foot-menu li a:hover{ text-decoration: underline; }
div.bottom .footer .address{ float: right; width: 550px; text-align: right; }

/* FORMS
-------------------------------------------*/
.form-left, .form-right{ width: 340px; }
.form-left{ float: left; }
.form-right{ float: right; }
.input-styled, .textarea-styled{ border: 1px solid #dae4e6; color: #979797; font-family: "Lucida Grande", Arial, Helvetica, sans; font-size: 12px; margin: 5px 0; }
.input-styled{ padding: 0 10px; line-height: 24px; height: 24px; width: 300px; }
.textarea-styled{ padding: 5px 8px; width: 310px; }

/* WP-PAGENAVI
-------------------------------------------*/
.wp-pagenavi{ margin: 0 auto; text-align: center; }
.wp-pagenavi span, .wp-pagenavi a{ border: 1px solid #e3e3e4; padding: 2px 4px; }
.wp-pagenavi span.current{ background-color: #b3e064; color: #fff; }

/* SOCIABLE
-------------------------------------------*/
div.sociable_tagline strong{ font-weight: normal; color: #888; float: left; margin-right: 5px; }
div.sociable ul li{ margin-right: 15px; }

/* SPECIFIC ELEMENTS
-------------------------------------------*/
#respond{ border-top: 1px solid #dae4e6; padding-top: 15px; }
#commentform #submit{ margin-bottom: 30px; }