/*
Theme Name: confusion 2013
Description: Sucking less every year, this theme includes all the changes to confusion up to the end of 2013.  We've come a long way from Michael Heilmann's Kubrick v1.5/Wordpress Default (1.5) which I started editing some years ago.
Author: beggs
Author URI: http://confusion.cc

   The CSS, XHTML and design is released under GPL:
   http://www.opensource.org/licenses/gpl-license.php

   This CSS file includes the Sticky Footer Solution by Steve Hatcher (http://stever.ca | http://www.cssstickyfooter.com )
*/


/* 
Sticky Footer Solution:
must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser
*/
html, body, #wrap {
height: 100%;
}
body > #wrap {
height: auto; 
min-height: 100%;
}
#main {
padding-bottom: 60px;
}  /* must be same height as the footer */
#footer {
position: relative;
margin-top: -60px; /* negative value of footer height */
height: 60px;
clear:both;} 
/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End Sticky Footer Solution */
body {
background : #fff url('http://img.confusion.cc/ui/header_stripes_gray.png') repeat-x scroll top left;
color : #363837;
font-size : 0.75em;
/*font-family : 'Source Sans Pro', Verdana, Arial, sans-serif;*/
font-family: 'Hind', sans-serif;
font-weight : 300;
/*font-family : "Century Gothic", Verdana, Arial, sans-serif;*/
line-height : 130%;
padding : 0;
margin : 0;
}
#page {
background : inherit;
text-align : center;
background : inherit;
color : #000;
margin : auto;
}
#header {
background : inherit;
color : #000;
margin : auto;
width : 100%;
border-bottom : 1px solid #000;
}
#header p {
margin : auto;
}
#content {
text-align : center;
margin : auto;
width : 86%;
}
#content {
text-align : center;
font-size : 120%;
}
#footer {
text-align : center;
color : #000;
margin-left : auto;
margin-right : auto;
width : 760px;
}
.menu {
font-variant : small-caps;
font-size : 160%;
padding : 0.5em;
}
.menu a:link, .menu a:visited, .menu a:hover {
background : inherit;
color : rgb(63, 63, 63);
display : inline;
text-decoration : none;
}
.menu ul, .menu li {
list-style-type : none;
display : inline;
padding : 0.5em 0.5em;
margin : 0 auto;
}
.menu a {
padding : 0;
margin : 0;
}
.menu a {
background : #fff;
}
#footer ul, #footer li {
list-style-type : none;
display : inline;
padding : 0.5em 0.5em;
margin : 0 auto;
}
#footer a:link, #footer a:visited, #footer a:hover {
background : inherit;
color : rgb(63, 63, 63);
display : inline;
text-decoration : none;
border : 0;
}
#sidebar {
font : 100% 'Source Sans Pro', Verdana, Arial, sans-serif;
/*font : 100% "Century Gothic", Verdana, Arial, sans-serif;*/
}
#sidebar h2 {
text-decoration : none;
font : 120% 'Source Sans Pro', Verdana, Arial, sans-serif;
/*font : 120% "Century Gothic", Verdana, Arial, sans-serif;*/
}
#sidebar ul ul li, #sidebar ul ol li {
color : #244463;
background : inherit;
display : inline;
}
#wp-calendar caption {
text-decoration : none;
}
#wp-calendar #prev a {
font-size : 80%;
}
#wp-calendar a {
text-decoration : none;
}
#wp-calendar caption {
font : bold 1.3em 'Source Sans Pro', Verdana, Arial, sans-serif;
/*font : bold 1.3em "Century Gothic", Verdana, Arial, sans-serif;*/
text-align : center;
}
#wp-calendar th {
font-style : normal;
text-transform : capitalize;
}
#commentform p {
font-family: 'Hind', sans-serif;
/*font-family : 'Source Sans Pro', Verdana, Arial, sans-serif;*/
/*font-family : "Century Gothic", Verdana, Arial, sans-serif;*/
}
#commentform input, #commentform textarea {
font : 90% 'Source Sans Pro', Verdana, Arial, sans-serif;
/*font : 90% "Century Gothic", Verdana, Arial, sans-serif;*/
}
.entrytext > p {
margin-top : 1.75em;
}
.entrytext > p + p, .entry > p + p, .entrytext > blockquote > p + p, .entry > blockquote > p + p {
margin-top : 1em;
}
.entry cite:before, .entrytext cite:before {
content : ' - ';
}
.entry cite, .entrytext cite {
text-align : right;
color : #827f80;
}
.entrytext > p, .entry > p, .entrytext > blockquote > p, .entry > blockquote > p {
text-indent : 2em;
}
.entrytext > p:first-letter, .entry > p:first-letter {
font-weight : 600;
font-size : 120%;
}
blockquote > p:first-letter {
font-weight : 600;
font-size : 120%;
}
p.postmetadata:first-letter {
font-weight : 300;
font-size : 100%;
}
.widecolumn .entrytext p, .widecolumn .entry p .widecolumn .entry blockquote p {
font-size : 105%;
}
.widecolumn .entrytext, .widecolumn .entry {
line-height : 140%;
}
.alt {
background : #f8f8f8;
color : #000;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
margin : 0;
}
small {
font-size : 90%;
}
h1, h2, h3 {
font-family: 'Montserrat', sans-serif;
font-weight : 700;
}
h1 {
font-size : 400%;
line-height : 0.5em;
text-align : center;
padding : 0.5em;
margin : auto;
text-indent : -9999px;
}
#header img {
border : 0;
}
#header h1.blogtitle {
width : 796px;
height : 90px;
background : url("http://img.confusion.cc/ui/confusion_title2.png") no-repeat center;
text-indent : -9999px;
overflow : hidden;
text-align: center;
margin: auto;
}
.description {
line-height : 130%;
font-size : 120%;
text-align : center;
}
h2 {
font-size : 160%;
line-height : 70%;
}
h2.pagetitle {
font-size : 160%;
}
h3 {
font-size : 130%;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration : none;
color : rgb(63, 63, 63);
background : inherit;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color : rgb(63, 63, 63);
background : inherit;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {
text-decoration : none;
}
.entrytext p a:visited, .entry p a:visited {
color : rgb(0, 66, 95);
background : inherit;
}
.commentlist li {
font-family: 'Hind', sans-serif;
font-weight: 600;
font-size: 0.9em;
/*font : 600 0.9em 'Source Sans Pro', Verdana, Arial, sans-serif;*/
/*font : 600 0.9em "Century Gothic", Verdana, Arial, sans-serif;*/
}
.commentlist cite, .commentlist cite a {
font-weight : 600;
font-style : normal;
font-size : 1.1em;
}
.commentlist p {
font-weight : 300;
line-height : 1.5em;
text-transform : none;
}
.commentmetadata {
font-weight : 300;
}
small, .nocomments, .postmetadata, blockquote, strike {
color : rgb(111, 111, 111);
background : inherit;
}
code {
font : 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps {
font-size : 0.9em;
letter-spacing : 0.07em;
}
a, h2 a:hover, h3 a:hover {
color : rgb(0, 66, 95);
background : inherit;
text-decoration : none;
}
a:hover {
color : rgb(0, 66, 95);
background : inherit;
text-decoration : none;
}
body {
margin : 0;
padding : 0;
}
#page {
text-align : center;
background : inherit;
color : #666666;
margin : auto;
padding : 0;
}
#header {
padding : 0;
margin : auto;
width : 86%;
border-bottom : 1px solid #363837;
}
#header p {
padding : 0;
margin : auto;
}
#content {
text-align : center;
margin : auto;
width : 760px;
}
.widecolumn {
padding : 20px 0 80px 0;
width : 90%;
line-height : 160%;
}
.entry, .entrytext {
width : 90%;
margin : auto auto;
}
.post {
width : 100%;
margin : auto;
text-align : left;
color : #363837;
display : block;
clear : both;
}
#header h1 {
font-variant : small-caps;
letter-spacing : 1em;
}
.post h2, #content .post h3 {
font-variant : small-caps;
/*border-bottom : 1px solid #cccccc;*/
}
.widecolumn .post {
margin : 0;
}
.widecolumn .postmetadata {
margin : 30px 0;
padding-top : 5px;
text-align : center;
text-indent : 0;
}
.widecolumn .smallattachment {
text-align : center;
float : left;
width : 128px;
margin : 5px 5px 5px 0;
}
.widecolumn .attachment {
text-align : center;
margin : 5px 0;
}
.postmetadata {
clear : both;
}
#sidebar {
width : 760px;
margin : 0 auto;
border : 1px dashed #cccccc;
}
#footer p {
margin : 0;
padding : 20px 0;
text-align : center;
}
h1 {
margin : 0;
}
.description {
text-align : center;
}
h2 {
margin : 0 auto;
}
h2.pagetitle {
margin-top : 30px;
text-align : center;
}
#sidebar h2 {
margin : 5px 0 0;
padding : 0;
}
h3 {
padding : 0;
margin : 30px 0 0;
}
h3.comments {
padding : 0;
margin : 40px auto 20px;
}
.post img {
padding : 2px;
border : 1px solid #cccccc;
margin : 1em;
clear : both;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
text-indent : 0;
}
img.right {
display : inline;
float : right;
}
img.left {
display : inline;
float : left;
}
img.book {
display : inline;
float : right;
border : none;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
html > body .entrytext ul, html > body .entry ul {
margin-left : 0;
padding : 0 0 0 30px;
list-style : none;
padding-left : 10px;
text-indent : -10px;
}
html > body .entrytext ul li, html > body .entry ul li {
margin : 7px 0 8px 10px;
list-style-type : disc;
text-indent : 0.5em;
}
.entrytext ol, .entry ol {
padding : 0 0 0 35px;
margin : 0;
list-style: decimal;
}
.entrytext ol li, .entry ol li {
margin : 0;
padding : 0;
}
.postmetadata ul, .postmetadata li {
display : inline;
list-style-type : none;
list-style-image : none;
}
#sidebar ul {
display : inline;
}
#sidebar ul ol {
margin : 0;
padding : 0;
}
#sidebar ul li {
list-style-type : none;
list-style-image : none;
margin : 0 auto;
padding : 0.5em 0.5em;
}
#sidebar ul p, #sidebar ul select {
margin : 5px 0 8px;
}
#sidebar ul ul, #sidebar ul ol {
margin : 5px 0 0 10px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin : 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style : decimal;
}
#sidebar ul ul li, #sidebar ul ol li {
margin : 3px 0 0;
padding : 0;
}
#searchform {
margin : 10px auto;
padding : 5px 3px;
}
#sidebar #searchform #s {
width : 115px;
padding : 2px;
}
#sidebar #searchsubmit {
padding : 1px;
}
.entrytext form, .entry form {
text-align : center;
}
select {
width : 130px;
}
#commentform input {
width : 170px;
padding : 2px;
margin : 5px 5px 1px 0;
}
#commentform textarea {
width : 100%;
padding : 2px;
}
#commentform #submit {
margin : 0;
float : right;
}
.commentlist {
padding : 0;
text-align : justify;
}
.commentlist li {
margin : 15px 0 3px;
padding : 5px 10px 3px;
list-style : none;
}
.commentlist p {
margin : 10px 5px 10px 0;
}
#commentform {
text-align: left;
padding-bottom: 2em;
}
#commentform p {
margin : 5px 0;
}
.nocomments {
text-align : center;
margin : 0;
padding : 0;
}
.commentmetadata {
margin : 0;
display : block;
}
#sidebar {
padding : 20px 0 10px;
}
#sidebar from {
margin : 0;
}
#wp-calendar {
empty-cells : show;
margin : 10px auto 0;
width : 155px;
}
#wp-calendar #next a {
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
display : block;
}
#wp-calendar caption {
text-align : center;
width : 100%;
}
#wp-calendar td {
padding : 3px 0;
text-align : center;
}
#wp-calendar td.pad:hover {
background : #8c8372;
color : #363837;
}
acronym, abbr, span.caps {
cursor : help;
}
acronym, abbr {
border-bottom : 1px dashed #8c8372;
}
blockquote {
margin : 0.5em;
padding : 0.5em;
border-left : 0.5em solid #cccccc;
color : #666666;
background-color : #f9f9f9;
}
blockquote cite {
margin : 5px 0 0;
display : block;
}
.center {
text-align : center;
}
hr {
display : none;
}
.navigation {
display : block;
text-align : center;
margin-top : 10px;
margin-bottom : 60px;
}
.external:after {
content : " " url(http://img.confusion.cc/ui/external.png);
}
.logo {
display : inline;
padding-right : 0.25em;
vertical-align : middle;
}
.wallpaper_sizes ul, .wallpaper_sizes li {
list-style-type : none;
display : inline;
padding : 0.5em 0.5em;
margin : 0 auto;
text-align : center;
}
.wallpaper_sizes {
text-align : center;
}
table, tbody, tr, td {
border : 0;
}
.postmetadata a:link, .postmetadata a:visited, .postmetadata a:hover {
background : inherit;
color : #363837;
display : inline;
text-decoration : none;
}
.note {
background-color : #dddddd;
border : 1px solid #333333;
padding : 0.25em;
margin : 1em;
}
blockquote p {
margin : 0 0 .25em;
}
#panels {
text-align:center;
padding : 0;
width : 900px;
margin : 0 auto;
}
#paneldetail {
height: 150px;
display: none;
}
#searchpanel, #archivepanel, #categoriespanel {
display : none;
}
.panelcontrol {
cursor : pointer;
}
.panel {
height: 100%;
margin : 0 auto;
/*display : table-cell;*/
/*vertical-align : middle;*/
}
fieldset {
margin : auto;
padding : 1em;
}
fieldset, legend {
padding : 1em;
border : 1px solid #cccccc;
}

legend {
background-color: #fff;
margin : 0 2em;
padding : 0 1em;
}
#footer img {
border : 0;
}
#copyleft p {
font-weight: 300;
font-size: x-small;
line-height: 110%;
color: #c0c0c0;
text-align: justify;
text-indent: 0;
}

/* For technical stuff */
.technical { background-color: #fefefe; border: 1px solid #fafafa; padding-left: .5em; padding-right: .5em; }
.use-case dt, .requirement dt { font-weight: 600; border-left : 0.5em solid #ccc; padding-left: .5em; }

.widecolumn img {
 /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#50404040');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#50404040')";
}
.widecolumn blockquote {
 /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#50404040');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#50404040')";
}


/* styling for books entries */
dl.authorship dt { color: #999; }
dl.authorship dd { font-weight: 600; }


#comment-list {
display:inline;
text-align:left;
}

.comment-avatar, .comment-meta {
float: left; margin: 1em;
}

.comment-detail {
display: block;
clear: both;
}


/* styling for infinite scroll */
/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #navigation,
.infinite-scroll.neverending #footer {
    display: none;
}
/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending #footer {
    display: block;
}

span.infinite-loader, .spinner {
display: block;
width: 100%;
margin: auto;
text-align: center;
}

/* fix alignment of sharing buttons from Jetpack */
.sd-content {
text-align: center;
}