/*
Theme Name: Wazi
Theme URI: http://olex.openlogic.com/wazi
Description: Custom Wazi theme by Jeff Gran (built on "Starkers" as a blank canvas)
Version: 1
Author: Jeff Gran
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
a {text-decoration: none; outline: none;}

/* The below restores some sensible defaults */
strong { font-weight:bold }
strong em {font-weight: bold}
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }


.clear {
   clear: both;
   height: 1px;
   margin-bottom: -1px;
}

a {
   color: #31698e;
}
pre,
blockquote {
   margin: 10px;
   padding: 5px;
   background-color: #f5f8fb;
   border: 1px solid #d9e2e9;
}
pre {
   overflow: hidden;
}
.prewrap {
   width: auto;
}
code {
   background-color: #f5f8fb;
   font: monospace;
}
h1 {
   font-weight: bold;
}

h2, .title2 {
   font-weight: bold;
}
h3 {
   font-size: 16px;
   font-weight: bold;
   background-color: #e5e8eb;
   border: 1px solid #c5cac5;
   color: #4a647a;
   border-left: none;
   border-right: none;
   margin-bottom: 20px;
   padding: 3px;
   overflow: hidden;
}
h4 {
   font-weight: bold;
   font-size: 14px;
   margin-bottom: 20px;
}

body {
   width: 100%;
   background-color: #545454;
   color: #45403a;
   font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
   line-height: 150%;
   font-size: 12px;
}

#container {
   width: 970px;
   margin: 0 auto;
}

#content {
    width: 950px;
    padding: 10px;
    background-color: #fff;
}



/*   HEADER   */
/* ========== */

#header {
   height: 97px;
   background: url(images/header_gradient.png) 0 48px repeat-x;
   border-bottom: 1px solid #31698e;
}
.containerCorner {
    background: url(images/trans_inside_corners_body.png) no-repeat top left;
    overflow: hidden;
    width: 5px;
    height: 5px;
}
#header_left {
    margin-top: 48px;
    float: left;
}
#header_right {
    margin-top: 48px;
    float: right;
    background-position: top right;
}
#logo {
   background: url(images/wazi_logo.png) no-repeat;
   width: 171px;
   height: 88px;
   display: block;
   float: left;
}

#openlogic_logo,
#olex_logo {
   float: right;
   display: block;
   width: 98px;
   height: 48px;
}
#openlogic_logo {
   background: url(images/openlogic_button.png) no-repeat;
}
#olex_logo {
   background: url(images/olex_button.png) no-repeat;
}

#tagline {
   text-align: center;
   padding: 14px 0 22px;
   font-size: 13px;
   float: left;
}
#tagline h1,
#tagline p {
   float: left;
   background-color: #949494;
   color: #333;
   padding: 3px 10px 3px 15px;
   height: 18px;
   font-weight: bold;
}
.tagline_side {
   background: url(images/tagline_side.png);
   float:left;
   width:5px;
   height:24px;
}

/*   NAVMENU   */
/* =========== */

#nav {
   float: left;
   width: 775px;
   margin-left: 10px;
}

#nav li {
   float: left;
   height: 27px;
   margin: 0 5px;
   padding-left: 5px;
   background: url(images/nav_li_bg.png) top left no-repeat;
}
#nav li a {
   display: block;
   float: left;
   height: 27px;
   line-height: 27px;
   color: #404040;
   font-weight: bold;
   font-size: 15px;
   padding-right: 5px;
   background: url(images/nav_li_bg.png) bottom right no-repeat;
}
#nav li a:hover {
   color: #329ed5;
}
#nav li span {
   display: block;
   float: left;
   height: 27px;
   padding: 0 5px;
   background: url(images/nav_li_bg.png) center center repeat-x;
}

#nav li.social {
   width: 29px;
   height: 29px;
   margin: 0 3px;
   padding: 0;
}
#nav li.social a {
   background-image: none;
   width: 29px;
}

li#twitter_me {
   background: url(images/twitter_29.png) center center no-repeat;
}
li#facebook_me {
   background: url(images/facebook_29.png) center center no-repeat;
}
li#linkedin_me {
   background: url(images/linkedin_29.png) center center no-repeat;
}
li#rss_me {
   background: url(images/feed_29.png) center center no-repeat;
}


#searchform {
   height: 27px;
   line-height: 27px;
   padding-right: 5px;
   background: url(images/nav_li_bg.png) bottom right no-repeat;
}
#searchform div {
   height: 27px;
   line-height: 27px;
   padding: 0 5px;
   color: #404040;
   font-weight: bold;
   font-size: 15px;
   background: url(images/nav_li_bg.png) center center repeat-x;
}

#s {
/*   margin-top: 3px;*/
   width: 210px;
   border: 1px solid #31698e;
   border-right: none;
   height: 20px;
   padding: 0 3px;
   vertical-align: middle;
}
#search_submit_button {
   display: inline-block;
   vertical-align: middle;
   border: 1px solid #31698e;
   border-left: none;
/*   margin-top: -2px;*/
   vertical-align: middle;
}

#searchsubmit {
   display: none;
}
div#search_options_label {
/*   float: right;*/
   display: inline-block;
   padding: 0;
   margin: 0;
   color: #1773a9;
}

#search_options_label:hover {
   cursor: pointer;
}

div#search_options {
   background: #95C2D9 none;
   border: 1px solid #31698e;
/*   border-top: none;*/
   display: none;
   height: auto;
   z-index: 99;
}
div#as_sec_on_span,
div#as_sec_off_span {
   cursor: pointer;
   background-image: none;
   margin: 0;
   padding: 0;
   font-size: 12px;
}

#nav .nav_dropdown {
   display: none;
   background-color: #9ecde4;
   border: 1px solid #31698e;
   border-top: none;
   padding: 0;
   z-index: 99;
}
#nav .nav_dropdown li {
   background-image: none;
   float: none;
   margin: 0;
   padding: 2px 5px;
   border-top: 1px solid #78b2cf;
}
#nav .nav_dropdown li a {
   background-image: none;
   display: block;
}




/*   CONTENT / GENERAL   */
/* ===================== */


#mainContent {
   width: 630px; /*or 640*/
   float: left;
}

.title2,
.title2 a {
   color: #45403a;
   font-size: 14px;
   line-height: 120%;
}
.title2 a:hover {
   text-decoration: underline;
}

#headline1 {
   background-color: #ddd;
   margin-bottom: 10px;
   line-height: 150%;
}
.page_title {
   font-weight: bold;
   font-size: 24px;
   color: #222;
   line-height: 110%;
}

.section_title {
   margin-bottom: 10px;
   font-size: 14px;
   color: #6691a8;
   padding-left: 5px;
}

.more_link {
   text-align: right;
/*   margin-top: -20px;*/
}
.more_link a {
   color: inherit;
   font-family: georgia, serif;
   display: inline-block;
   margin-right: 10px;
}
.more_link a:hover {
   text-decoration: underline;
}




/* HOMEPAGE */
/* ======== */
#feature1 {
   color: #293953;
   position: relative;
   left: -4px;
   width: 638px;
   margin-bottom: 20px;
   background: url(images/feature_1_middle.png) center top repeat-y;
}
#feature1_bottom {
   background: url(images/feature_1_bottom.png) center bottom no-repeat;
}
#feature1_top {
   background: url(images/feature_1_top.png) center top no-repeat;
   padding: 10px;
}
.feature1_title {
   font-size: 24px;
   line-height: 110%;
}
.feature1_title a {
   color: #293953;
}
.feature1_title a:hover {
   text-decoration: underline;
}
#feature1 .time {
   color: #5e8cab;
   margin-top: 0px;
}

#feature2s {
   margin-bottom: 20px;
   float: left;
/*   background-color: #eff4f8;*/
/*   border: 1px solid #d9e2e9;*/
/*   background-color: #f5f2f0;*/
/*   background-color: #f8f2ce;*/
   background-color: #f5f5f5;
   border: 1px solid #70acaf;
   border-width: 1px 0;
}
div.feature2 {
   float: left;
   width: 293px; /*or 298*/
   margin-top: 0;
   border: 1px solid #70acaf;
   border-width: 0;
   
}

.post-thumbnail {
   float: right;
   margin: 10px;
   padding: 10px;
   background-color: white;
   border: 1px solid #666;
}
.feature2 .post-thumbnail {
   padding: 5px;
   margin: 0 5px;
   border-color: inherit;
   float: left;
}


/* POSTS */

.post,
.post-intro {
   margin-top: 20px;
   padding: 10px;
}
.post-intro {
   color: #45403a;
   background-color: #f5f5f5;
   border: 1px solid #70acaf;
   border-width: 1px 0 0;
}

.post a:hover,
.post-intro a:hover {
   text-decoration: underline;
}

.post p,
.post-intro p {
   margin-bottom: 20px;
}

.post h2 {
   font-size: 20px;
   margin-bottom: 20px;
}

.time,
.tags {
   margin-left: 5px;
   font-size: 10px;
/*   color: #9fc8de;*/
   color: #8c8781;
   line-height: 14px;
}
.time {
   margin-bottom: 8px;
   margin-top: 3px;
}
.time-post {
   margin-left: 10px;
}
.tags {
   margin-top: 10px;
   margin-bottom: -5px;   
}
.time a,
.tags a {
/*   color: #6fb2d0;*/
/*   color: #45403a;*/
}
.time a:hover,
.tags a:hover {
   text-decoration: underline;
}
.excerpt {
   padding: 0 5px;
}

.post ul,
.post ol {
   margin-left: 40px;
   margin-bottom: 20px;
}
.post ul li {
   list-style: disc outside;
   margin-bottom: 5px;
}
.post ol li {
   list-style: decimal outside;
   margin-bottom: 5px;
}

.next {
   float: right;
   margin: 10px;
}
.prev {
   float: left;
   margin: 10px;
}

/* FAQ Tables */

.help_table {
   width: 100%;
}

.help_table th, 
.help_table td {
   padding: 5px;
   vertical-align: top;
   text-align: left;
   border: 2px solid white;
}

.help_table thead th {
   background-color: #777;
   color: #FFFFFF;
   font-size: 16px;
}
.help_table th {
   background-color: #c7deeb;
   width: 33%;
}
.help_table td {
   background-color: #edf2f7;
}
.help_table .odd td {
   background-color: #f9fafc;
}

.social_bookmark {
    clear: both;
}
.social_bookmark a:hover {
   text-decoration: none;
}


/* COMMENTS */

#commentform p {
   margin-bottom: 20px;
}
#comment {
   width: 630px;
   margin-bottom: 20px;
}



.commentlist li {
   background-color: #f5f8fb;
   border: 1px solid #d9e2e9;
   padding: 5px;
   margin: 20px;
/*   margin-bottom: 20px;*/
}
.commentlist .comment-author {
   
}
.commentlist .comment-author a {
   font-weight: bold;
}

.comment-meta {
   font-size: 10px;
   margin-left: 3px;
   margin-top: -3px;
   margin-bottom: 10px;
}
.comment-meta a {
   color: #9fc8de;
   color: #7a9cb2;
}



/* TAG PAGE */

#sec-switch {
   background-color: #fffac2;
   border: 1px solid #f3e760;
   padding: 5px;
   height: 25px;
   line-height: 25px;
   margin-bottom: 10px;
}
#sec-switch span {
   float: left;
}
#sec-switch form {
   float: right;
}

/* CONTRIBUTORS PAGE */
#contributors h3 {
   margin-top: 20px;
   margin-bottom: 10px;
}
.author_image {
   float:left;
   margin: 5px 5px 0 0;
}

/* WAZI ADS */
.wazi-ad-link {
   display: block;
   margin-bottom: 20px;
   text-align: center;
}
#mainContent .wazi-ad-link {
   margin-top: 20px;
}

/*   SIDEBAR   */
/* =========== */
#sidebar {
   width: 300px;
   float: right;
}
.widgettitle {
   margin: 5px 0;
   font-size: 16px;
   color: #45403a;
/*   color: #6691a8;*/
   padding-left: 3px;
   font-weight: bold;
}
.widget {
   background-color: #f5f8fb;
   border: 1px solid #3999be;
   margin-bottom: 20px;
   padding: 5px;
}

.widget-content ul {
/*   padding-left: 10px;*/
}
.widget-content li {
   margin-bottom: 5px;
   font-size: 14px;
/*   font-weight: bold;*/
}

.widget a:hover {
   text-decoration: underline;
}

.sidebar-tabs {
   position: relative;
   z-index: 2;
}
.sidebar-tabs li {
   float: left;
   margin-bottom: -1px;
}
.sidebar-tabs li a {
   float: left;
   border: 1px solid #3999be;
   margin-left: 5px;
   padding: 5px;
}
.sidebar-tabs li a:hover,
.sidebar-tabs li a.current {
   background-color: #f5f8fb;
   border-bottom-color: #f5f8fb;
}
.tab-sidebar {
   clear: left;
}

/* Most Recent, Most Comments */
.enh_rp li,
.widget_most_commented_widget li {
   border-top: 1px solid #afc5d3;
   padding-top: 5px;
}

.cat-tag-cloud-widget a,
.keyword-cloud-widget a {
   padding: 3px;
   line-height: 25px;
}

.widget_kbrss li {
   border-top: 1px solid #afc5d3;
   padding: 5px;
}
.widget_kbrss li a {
   display: block;
/*   color: #45423e;*/
   font-size: 14px;
}
.rss-date {
   display: block;
   color: #7a9cb2;
   font-size: 10px;
   margin-top: 0px;
   margin-bottom: -3px;
   margin-left: 5px;
}

/*         Ads         */
.text-ad {
   display: block;
   padding: 5px 0;
   margin: 0 3px;
   border-top: 1px solid #71b1dc;
}
.wazi-text-ad-widget .widgettitle {
/*   background-color: #f5f8fb;*/
/*   display: inline-block;*/
/*   padding-right: 5px;*/
   margin-bottom: 5px;
}
.wazi-text-ad-widget {
   background-image: url(images/bluebox_gradient.png);
/*   background-position: 0 16px;*/
   background-repeat: repeat-x;
}

#mainContent .wazi-text-ad-widget {
   margin: 20px;
}




/* ROUNDED CORNERS */
/* =============== */

.with-corners {
/*   position: relative;*/
}
.with-corners-content {
   padding: 10px;
}

.corner {
   background: url(images/trans_inside_corners_5.png) no-repeat;
   width: 5px;
   height: 5px;
   overflow: hidden;
}
.corner-TL {
   float: left;
   background-position: 0 0;
}
.corner-TR {
   float: right;
   background-position: -5px 0;
}

.corner-BL {
   float: left;
   background-position: 0 -5px;
   position: relative;
   top: -5px;
}
.corner-BR {
   float: right;
   background-position: -5px -5px;
   position: relative;
   top: -5px;
}



/*      FOOTER     */
/* =============== */

#footer {
    width: 970px;
    clear: both;
    float: left;
    background-color: #66B9E2;
    border-top: 1px solid #1976AC;
    padding-bottom: 5px;
}

.footerbox {
    margin: 6px 0 0 5px;
    float: left;
    border: none;
    padding: 0;
    line-height: 1.3em;
    background: transparent;
}
.footerbox .innerapp-widget-content {
    height: 108px;
    padding: 2px 5px;
}
.footerbox .title4 {
    margin: 0;
    font-size: 12px;
    color: #404040;
    font-weight: bold;
}
.footerbox p {
    margin: 0;
    font-size: 11px;
}
.footerbox a.no-link-title {
    color: #404040;
    cursor: default;
}
.footerbox a:hover {
    text-decoration: underline;
}

/* yanked from OLEX for footer box parity */
.innerapp-widget-content {
    background-color: #fff;
    padding: 1px 5px;
}
.innerapp-widget-top,
.innerapp-widget-bottom {
    margin: 0 4px;
    height: 4px;
    background-color: #ffffff;
}
.widget-corner-outside {
    width: 4px;
    height: 4px;
    /* background: url(/images/trans_outside_corners_4.png) no-repeat; */
    position: relative;
    overflow: hidden;
}
.greybox .innerapp-widget-top,
.greybox .innerapp-widget-bottom,
.greybox .innerapp-widget-content {
    background-color: #e7e7e7;
}
.greybox .widget-corner-outside {
   background-image: url(images/trans_outside_corners_grey.png)
}

.widget-corner-outside-TL,
.widget-corner-outside-BL {
    float: left;
    left: -4px;
}
.widget-corner-outside-TR,
.widget-corner-outside-BR {
    float: right;
    right: -4px;
}
.widget-corner-outside-TR {
    background-position: -4px 0;
}
.widget-corner-outside-BR {
    background-position: -4px -4px;
}
.widget-corner-outside-BL {
    background-position: 0 -4px;
}
/* /yank */


#footer_corner_left {
   float: left;
   position: relative;
   top: -5px;
   background-position: 0 -5px;
}
#footer_corner_right {
   float: right;
   position: relative;
   top: -5px;
   background-position: -5px -5px;
}


#subfooter {
   text-align: center;
   padding: 5px;
}
#subfooter,
#subfooter a {
   color: #fff;
}
#subfooter a:hover {
   text-decoration: underline;
}





/*=====================*/
/*      "Norgies"      */
/*=====================*/
.norgie {
   border-style: solid;
   width: 0px;
   height: 0px;
   line-height: 0px;
   display: inline-block;
   vertical-align: center;
}

.norgie-blue-down {
   border-width: 7px 4px 0;
   border-color: #1773a9 transparent transparent transparent;
}
#nav li .norgie {
   background: none;
   height: 0;
   padding: 0;
   display: inline-block;
   vertical-align: middle;
   float: none;
}