/*
Theme Name: MSOutlook.info V4
Theme URI: https://www.msoutlook.info/
Description: The 2015 default theme for MSOutlook.info.
Author: Robert Sparnaaij
Version: 4.0
Tags: green, white, three-columns, fixed-width, mobile

Ask before usage.
*/


/****************************************************************
* http://meyerweb.com/eric/tools/css/reset/ 
*  v2.0 | 20110126
*  License: none (public domain)
*/

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;}

/*****************************************************************/
/* Additional reset */

a img{border:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
.clear{clear:both;}

p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol {margin-bottom:1em;}
.hentry, .widget, .comment, .navigation-links {margin-bottom: 1em;}

 /* Text Elements */
address {font-style:italic;}
abbr[title], acronym[title], dfn[title] {cursor:help;border-bottom:1px dotted #666; }

blockquote {color:#333;background:#f2f2f2;font-size:12px;font-style:normal;border-left:2px solid #58A413;margin-left:15px;margin-right:25px;padding:3px 10px 0 5px;}

strong {font-weight:bold;}
em, dfn, cite {font-style:italic;}
dfn {font-weight:bold;}

sup {bottom:1ex;}
sub {top:.5ex;}
small {font-size:12px;}

del {text-decoration:line-through;}
ins {text-decoration:underline;}

p {word-wrap:break-word;} 
var, kbd, samp, code, pre {font:14px Consolas, Monaco, "Courier New",monospace;background:#eee;}
kbd {font-weight:bold;}
samp, var {font-style:italic;}
pre {white-space:pre;overflow:auto;padding:10px;border:1px solid #ddd;clear:both;}
code {padding:3px 5px;word-wrap:break-word;word-break:break-all;display:inline-block;}
fieldset  {border:2px groove #999;display:block;margin:0 2px;padding:0.35em 0.625em 0.75em;}
fieldset legend {padding:0 2px;}
legend {display:block;}

ul {list-style:none;margin:0;padding-left:10px;}

 /* Basic Alignments */
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin-left:auto;margin-right:auto;display:block;clear:both;}

 /* Images */
img {max-width:100%;height:auto;width:auto;
}
img.alignleft {float:left;padding:3px;border:1px solid #999;margin:8px 8px 0;display:inline;}
img.alignright {float:right;padding:3px;border:1px solid #999;background:#fff;margin:10px 10px 0;display:inline;}
img.aligncenter {margin-left:auto;margin-right:auto;display:block;clear:both;margin-top:5px;}
img.border {border:1px #000 solid;}
img.icon16 {width:16px;height:16px;}

/*****************************************************************/

html {height:100%;}
body {background:#505050;color:#031634;font:15px Arial, Helvetica, sans-serif;line-height:24px;}
form {margin:0;}
a {color:#58a413;text-decoration:none;}
a img {border:none;}
a:visited {color:#58a413;}
a:hover {color:#82c418;text-decoration:underline;}
acronym, abbr {border-bottom:1px dashed #333;}
acronym, abbr {cursor:help;}
p {margin-bottom:24px;}

blockquote {border-left:5px solid #58a413;margin-left:1.5em;padding-left:5px;}
cite {font-style:normal;}
h2 {font-size:15px;font-weight:bold;margin:0 0 4px 0;padding:1.5em 0 0 0;color:#000;}
h3 {font-size:15px;font-weight:bold;margin:0 0 4px 0;color: #000;}

#container {text-align:left;width:990px;margin:0 auto;background:white;}

#mso-header {width:990px;width:calc(100%);background:#58a413;display:inline-block;box-sizing:border-box;padding:10px 20px;}
#header-siteinfo {float:left;width:50%;}
#header-siteinfo h1 {color:white;font:34px arial;text-decoration:none;margin:0;font-weight:normal;clear:none;white-space:nowrap;}
#header-siteinfo a {color:white;text-decoration:none;font-weight:normal;}
#header-siteinfo img {float:left;margin:0 5px 0 0;}
.header-description {color:white;font-style:italic;font-size:13px;white-space:nowrap;}

#header-banner {float:right;}

#menu {display:none;width:32px;height:32px;}

#footer {clear:both;padding:5px 0 0 0;color:white;margin-bottom:0;}

#searchbar {clear:both;float:left;margin-top:12px;}

#search {float:right;padding-top:4px;width:300px;}
#search form {padding:0 0 0 3px;margin:0;background-color:white;width:100%;}
#search input {border:none;margin:0 5px 0 0;vertical-align:middle;font: 10pt Arial, Helvetica, sans-serif;width:250px;height:20px;padding:5px;}
#search .buttonimage-search {width:20px;background:white url(images/icon-sprite.png) no-repeat;background-position:2px -299px;}
#search .buttonimage-search:hover {background-color:#58a413;cursor:pointer;}

#announcement, #searchtip {text-align:center;border:1px solid #58a413;margin:0 0 10px 0;font-size:14px;border-radius:5px;}

hr {height:0;border:0;border-top:1px dotted #58a413;margin-bottom:1em;}

#wrapper {width:100%;padding:10px 0 0 0;background-color:#fff;}
#wrapper-background {background-color:#fff;min-height:768px;}
#wrapper2 {float:left;width:639px;margin:0 0 2em 0;}
#content {width:512px;float:right;background:#fff;}

#left-sidebar {float:left;width:115px;margin:0 7px 0 0;background:#effadc;}
#right-sidebar {float:right;width:337px;margin: 0 7px;}
#footer {clear:both;padding:5px 0 0 0;color:white;margin-bottom:0;}
#copyright {border:0px;color:#fff;background:#58a413;margin:0;padding:0 10px 0 0;text-align:right;}
#copyright a {color:white;}

#left-sidebar {text-align:right;}
#left-sidebar ul {padding:0 5px 0 0;}
#left-sidebar li {margin:0 0 3px 0;padding:0;}
#left-sidebar a {font-weight:bold;color:#58a413;}
#left-sidebar a:hover {color:#82c418;}

#right-sidebar ul {list-style-type:square;list-style-image:url(images/bullet.png);margin-left:13px;}
#right-sidebar li {margin:0 0 6px 0;padding: 0px;}

.sidebar h2 {color:#fff;background:#58a413;padding:3px;font-size:15px;font-weight:normal;margin:0 0 3px 0;text-align:center;}
.sidebar h2 a {color:#fff;}
.sidebar a {color:black;font-weight:normal;}
.sidebar ul {font-size:13px;}
.sidebar li {margin-bottom:6px;}

.rsswidget img {margin-right:8px;}

ul#share1 {margin:7px 0 0 7px; padding:0; list-style:none;}
#share1 li { float:left;padding-right:7px;}
#share1 span {background:url('images/mso-subscribe-and-share-sprite.png') no-repeat; width:69px;height:50px;display:block;}
#share1 .mail {background-position:-4px -3px;}
#share1 .print {background-position:-81px -3px;}
#share1 .follow {background-position:-158px -3px;}
#share1 .rss {background-position:-235px -3px;}
#share1 a span {border:3px #78ba0e solid;}
#share1 a:hover span {border-color:#58a413;}

ul#share2 {margin:7px 0 0 7px; padding:0; list-style:none;}
#share2 li { float:left;padding-right:7px;}
#share2 span {background:url('images/mso-subscribe-and-share-sprite.png') no-repeat; width:73px;height:24px;display:block;}
#share2 .facebook {background-position:-2px -57px;}
#share2 .twitter {background-position:-79px -57px;}
#share2 .linkedin {background-position:-156px -57px;}
#share2 .google {background-position:-233px -57px;}
#share2 a span {border:1px #78ba0e solid;}
#share2 a:hover span {border-color:#58a413;}

ul#share3 {margin:7px 0 0 7px; padding:0; list-style:none;}
#share3 li { float:left;padding-right:7px;}
#share3 span {background:url('images/mso-subscribe-and-share-sprite.png') no-repeat; width:73px;height:24px;display:block;}
#share3 .facebook {background-position:-2px -57px;}
#share3 .twitter {background-position:-79px -57px;}
#share3 .linkedin {background-position:-156px -57px;}
#share3 .google {background-position:-233px -57px;}
#share3 a span {border:1px #78ba0e solid;}
#share3 a:hover span {border-color:#58a413;}

.post {padding:0 5px 20px 5px;border-bottom:1px #58a413 dotted;margin-bottom:20px;}
.post h1 {font:16pt arial;padding:5px 0;}
.post h1 a:link, .post h1 a:visited {text-decoration:none;color:#58a413;}
.post ul {list-style-type:square;padding-left:40px;margin-bottom:1em;}
.post ol {list-style-type:decimal;padding-left:40px;margin-bottom:1em;}
.post ul ul, post ul ol, .post ol ul, .post ol ol {margin-bottom:0;}

.single-excerpt {font-size:14px;line-height:22px;padding:1em 20px 1px 20px;background:#effadc;margin:1em 0 2em 0;border-radius:5px;}
.single-excerpt p {margin-bottom:22px;}
#postadd {text-align:center;font-size:14px;}

li.pagenav {font:bold 16px tahoma;}

ul.tiplist {list-style-type:none;padding:0px;margin:10px 0 0 0;}
li.tiplist {padding-left:10px;}
li.popular {background-image:url(images/priority.png);background-repeat:no-repeat;background-position:0;padding-left:10px;}
.tiplist a {text-decoration:none;font-size:14px;}

/* CSS for Plugins */
.azindex .head {}
.azindex .subhead {}
.azindex .desc {float:left; font-size:80%; padding-left:10px;}
.azindex {padding:20px 0 20px 0}
.azindex h2 {padding-top:0;margin-top:0;font-size:16px;border-bottom-color: #82C418;border-bottom-style: solid;border-bottom-width: 1px;}
.azindex h2 .azcont {font-size:50%;font-style:italic;}
.azindex ul {list-style-type:none; padding:0 5px 0 5px; margin:0;}
.azindex ul li {clear:both; padding-top:5px;}
.azindex ul li.azalt {float:left; width:100%; background-color:gray;}
.azindex a {text-decoration:none;}
.azindex .spacer {height:20px;}
.azlinks {text-align:center;font-size:16px;}
.azlinkspacer {height:20px;}
.azpagelinks {text-align:center;}

.related-content a {text-decoration: none;}

.wp-pagenavi{clear:both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:2px 4px;margin:2px;text-decoration:none;border:1px solid #7cb137;color:#7cb137;background-color:#fff;}
.wp-pagenavi a:visited {padding:2px 4px;margin:2px;text-decoration:none;border:1px solid #7cb137;color:#7cb137;background-color:#fff;}
.wp-pagenavi a:hover {border:1px solid #000;color:#000;background-color:#fff;}
.wp-pagenavi a:active {padding:2px 4px;margin:2px;text-decoration:none;border:1px solid #7cb137;color:#7cb137;background-color:#fff;}
.wp-pagenavi span.pages {padding:2px 4px;margin:2px;color:#000;border:1px solid #000;background-color:#fff;}
.wp-pagenavi span.current {padding:2px 4px;margin:2px;font-weight:bold;border:1px solid #000;color:#000;background-color:#fff;}
.wp-pagenavi span.extend {padding:2px 4px;margin:2px;border:none;color:#000;background-color:#fff;}

@media all and (max-width:520px) {
#container {width:100%;}
#mso-header {width:100%;}
#header-siteinfo h1 {font-size:28px;}
#wrapper2 {width:100%;}
#content {width:100%;}
#announcement {display:none;}
#left-sidebar {position:absolute;float:none;margin-top:-17px;display:none;}
#execphp-2, #execphp-3 {display:none;}
#right-sidebar {width:100%;float:none;clear:both;box-sizing:border-box;padding:7px;margin:0}
#menu {display:block;float:left;padding-top:9px;clear:left;}
.hide {display:none;}
.show {display:block !important;}

#search {width:200px;padding-top:10px;} /* dirty */
#search input {width:155px;} /* dirty */

#header-banner {display:none;}
#searchbar {display:none;}
.header-description {display:none;}
}

@media print {
#mso-header, .header, #menu, #announcement,	#post-bottom, .yarpp-related, #post-related, #left-sidebar, #right-sidebar {display:none;}
#container, #wrapper2, #content, #wrapper-background {float:none;width:auto;padding:0;margin:0;min-height:0;}
a:link, a:visited {background:white;color:black;text-decoration:underline;font-weight:bold;}
img {border:0}
h1, .post h1 a:link, .post h1 a:visited, h2, h3 {color:black;}
.post h1 {border-color:black;}
.post {padding:0;margin:0;border:none;}
hr {border-color:black;}
}