body {margin:0; padding:0; color:#000; font-family:Calibri, sans-serif;
	/* from http://lea.verou.me/css3patterns/#cicada-stripes */
	background-color: #2a86bd;
	background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 50%),
	linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 50%),
	linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%),
	linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 50%);
	background-size: 13px, 29px, 37px, 53px;
}
h1, h2, h3, h4 {margin:0;}
h1 a, h2 a {display:block;}
h6, hr {display:none;}
p, ul, ol, dl {margin:1em 0; padding:0;}
dt {font-weight:bold;}
dd {margin:1em 0 1em 1em;}
ul li {margin:0 0 .5em 1.6em; padding:0; list-style-type:disc;}
ol li {margin:0 0 .1em 1.6em; padding:0;}
blockquote {margin:1em 0 1em 5px; border-left:2px solid #999; padding-left:10px;}
pre {width:80%; margin:2em auto; font-family:"Courier New",Courier,monospace;}

a {color:#2a86bd; text-decoration:none;}
a:focus, a:hover, a:active {text-decoration:underline;}
img {border:1px solid #777;}
strong {font-weight:bold;}
em {font-style:italic;}
ins {text-decoration:none;}
ins:before {content:"Updated:"; font-weight:bold;}
q:before, q:after {content:"";}
cite {font-weight:normal;}
abbr {border:none;}

form {margin:0;} 
input, select, textarea {border:1px solid #666; padding:1px; font:1em Calibri, sans-serif;}
input.button {padding:1px 4px; background:#2a86bd; color:#fff;}


#wrapper {width:95%; margin:0 auto; border-left:3px solid #333; border-right:3px solid #333; background:#fff;}
@media screen and (min-width:980px) {
	#wrapper {width:950px;}
	.home-container {float:left; width:670px;}
}

header {display:block;}
header.banner {overflow:auto; _height:1%; margin:0 -5px; padding:20px 15px; background:#333; color:#fff; box-shadow:0 2px 10px #666; -moz-box-shadow:0 2px 10px #666; -webkit-box-shadow:0 2px 10px #666; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#666666, offX=0, offY=2, positive=true);}
header h1 a {float:left; line-height:.9em; _line-height:normal;}
header h1 strong {display:block; font-size:1.2em; text-transform:uppercase; text-shadow:.1em .1em 5px #666;}
header h1 span {display:block; margin-left:6px; font-style:italic;}
header h1 a:focus, header h1 a:hover, header h1 a:active {text-decoration:none;}
header h1 a:focus strong, header h1 a:hover strong {text-shadow:.1em .1em 3px #ffc72d;}

nav {float:right; margin:1em 0 0 0;}
nav ul {margin:0; padding:0;}
nav ul li {display:inline; margin:0 8px 0 0; border-left:2px solid #2a86bd; padding:0 0 0 10px; list-style:none;}
nav ul li:first-child {border:0; padding:0;}
nav ul li a.rss {padding-right:16px; background:url(rss_icon.gif) center right no-repeat;}
nav a {color:#fff; font-size:1.1em; text-transform:uppercase;}

article {display:block; margin:10px; line-height:1.4em;}
article header {overflow:auto;}
section {display:block; overflow:auto; _overflow:visible; _height:1%; margin:10px;}
section h2 {clear:both; margin-top:10px; border-bottom:1px solid #333;}
section article:nth-child(4) {clear:both;}
section article ul.links a {display:block; font-style:italic;}
section article ul.links a.inline {display:inline; font-style:normal;}
@media screen and (min-width:640px) {
	section article, section .box {float:left; width:45%; margin:0 20px 10px 0; padding-left:5px;}
}
@media screen and (min-width:980px) {
	article, section {float:left; width:670px; margin:10px 0 10px 10px;}
	section article, section .box {width:310px;}
}

article h2, section .box h2 {margin-top:10px; border:0; color:#2a86bd; line-height:1em; text-shadow:.1em .1em 3px #aaa;}
article .share {display:block; float:right; margin:.5em 20px 0 0; line-height:normal;}
article .tweet {margin:-1.3em 5px 0 0;}
article p.metadata {margin:.2em 0; padding:0; color:#666; font-size:.8em; line-height:normal;}
article .fancy {display:block; margin:.7em; font:italic bold 2em Georgia, serif;}
article .preface {font:italic .9em Georgia, serif;}
article .photo {float:right; width:auto; max-width:242px; margin:1em 0 1em 15px; color:#666; font-size:.8em; line-height:normal;}
@media screen and (max-width:480px) {
        article .photo {float:none; margin:1em auto;}
}
article .photo img {display:block; width:100%;}
article .more-link {font-style:italic; font-weight:bold;}
article hr {display:block; margin:1.5em 0; border:0; border-top:1px dotted #333;}
article cite {display:block; font-style:italic; text-align:right;}

div.comments {margin:1.5em 0 0 0; border-top:1px solid #333; padding-top:1.5em;}
div.comments h3 {margin:0; text-shadow:.1em .1em 3px #aaa;}
div.comments li {margin:1em 0; border:1px solid #999; padding:1px 10px; list-style-type:none;}
div.comments p {margin:10px 0;}
div.comments li li {margin:0 0 0 1.6em; border:none; padding:0;}
div.comments li ul li {list-style-type:disc;}
div.comments li.kbcomment {background:#d7eaf4;}
div.comments li p.metadata {color:#000; font-size:1em;}
div.comments li p.metadata cite {display:inline; font-style:normal; font-weight:bold;}
div.comments li p.metadata .photo {width:auto; margin:0; border:0;}
div.comments form {line-height:normal;}
div.comments form p {margin:.8em 0;}
div.comments form p span {color:#666; font-size:.85em; font-style:italic;}
div.comments form label {display:block; font-weight:bold;}
div.comments form input.comment {width:250px;}
div.comments form textarea {width:95%;}
@media screen and (min-width:640px) {
	div.comments form textarea {width:500px;}
}
div.comments .subscribe-to-comments input {display:inline; border:0; padding:0;}
div.comments .subscribe-to-comments label {display:inline; font-weight:normal;}

aside {display:block; margin:10px;}
aside .box {margin:24px 0;}
aside h4 {border-bottom:1px solid #333; font-size:1.2em;}
aside p {margin:.3em 0 0 3px; font-size:.9em;}
aside p span {display:block; margin-top:2px; color:#999; font-style:italic;}
aside ul {margin-top:.3em;}
aside li a {font-weight:bold;}
aside li span {display:block; font-size:.8em;}
aside #searchform input[type=search] {width:150px;}
aside .amzshcs {overflow:hidden; _height:1%;}
aside .amzshcs .amzshcs-item {float:left; width:100px; padding:10px 5px 1px 3px;}
aside .books {margin:.3em 0 0 0; padding:0; list-style:none;}
aside .books li {display:inline-block; margin:0 10px 0 0; padding:0;}
@media screen and (max-width:639px) {
	aside {margin-top:20px; padding:1px 10px; background:#e6e6e6;}
	aside .box:first-child {margin-top:10px;}
}
@media screen and (min-width:640px) and (max-width:979px) {
	aside {overflow:hidden; margin-top:40px; padding:1px 10px; background:#e6e6e6;}
	aside .box {float:left; width:47%;}
	aside .box:nth-child(2n) {float:right;}
	aside .box ul {margin-bottom:0;}
}
@media screen and (min-width:980px) {
	aside {float:right; width:220px; margin:0 10px 0 0;}
}


#ad {clear:both; width:728px; margin:0 auto; padding:15px;}
#ad ins:before {content:"";}

footer {display:block; clear:both; margin:0 -5px; padding:10px 15px; background:#333; color:#fff; box-shadow:0 2px 10px #666; -moz-box-shadow:0 -2px 10px #666; -webkit-box-shadow:0 2px 10px #666; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#666666, offX=0, offY=2, positive=true);}
footer div {float:right; width:40px; height:50px; margin-left:15px;}
footer p {margin:.5em 0; font:italic .9em Cambria, serif;}
footer a {color:#fff;}

div.navigation {clear:both; margin-top:1em; border-top:1px solid #666; padding:2em 0; font-style:italic; text-align:center;}
div.navigation a {margin:0 2em;}

.archives-main form p, .archives-main ul {margin-top:.3em;}
.archives-main .children {margin-bottom:0;}
.archives-main li li {margin-bottom:.3em; list-style-type:square;}
.archives-main li li li {margin-bottom:0; list-style-type:circle;}
div.archives .post {margin-top:0; padding:1em 0;}
div.archives .post h3 {font-size:26px; font-style:normal !important;}
div.archives .post h3 a {text-decoration:none;}

div.archives ul {margin-left:1em; padding:0 10px;} 
div.archives ul li {margin-bottom:0;}
div.archives ul.cloud li {display:inline; margin:0 .3em 0 0; list-style-type:none; line-height:2em;}
div.archives ul.cloud li a {text-decoration:none;}
div.archives ul.cloud li a:hover, div.archives a:focus {text-decoration:underline;}


.hide {display:block !important; position:absolute !important; top:0 !important; left:-500em !important; overflow:hidden !important; text-indent:-9999em !important; line-height:0 !important;}
.twitter {display:block; width:160px; height:27px; background:url(/misc/twitter-follow.png) 0 0 no-repeat;}
.note {color:#555; font-size:.85em; line-height:normal;}
.quote {border:1px solid #666; padding:5px; background:#ccc; font-style:italic;}

.review-item {overflow:hidden; _height:1%; border:1px solid #666; padding:5px; background:#ccc; font-size:1.1em; line-height:normal;}
.review-item img {border-width:0;}
.review-item .thumbnail {float:left; width:125px; margin-right:15px;}
.review-item .thumbnail img {border-width:1px;}
.review-item ul {margin:0;}
.review-item li {margin:.3em 0; list-style:none;}

a.stbutton {padding:0 0 0 22px !important;}
a.stico_default {background-position:left center !important;}

#wpstats {display:none;}

@media screen and (max-width:400px) {
    @-ms-viewport{
        width: device-width;
    }
}
