/*
Theme Name: Mark Russinovich
Theme URI: markrussinovich.com
Description: Created by Kate McMillan for outboxonline.com
Version: 1.0
Author: Kate McMillan
Author URI: http://www.outboxonline.com
*/

 /* RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border:0;
	outline:0;
	font-size:100%;
	line-height:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ol, ul {
	list-style:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	font-size:100%;
}
.alignright {
	float:right;
	margin:0 0 20px 15px;
}
.alignleft {
	float:left;
	margin:0 20px 15px 0;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.hide {
	display:none;
}
.indent {
	margin:0 0 0 10px;
}
.imgpad {
	padding:15px;
}

/*  MAIN STAGE  */

body {
	font-size:100%;
	color:#1f1f1f;
	font-family:Helvetica, Arial, sans-serif;
	height:101%;
	background:url(Images/body_bg.jpg) repeat-x #e6e6e6;
}
a:link {
	color:#00667b;
	outline:none;
	text-decoration:none;
}
a:visited {
	color:#00667b;
	outline:none;
	text-decoration:none;
}
a:hover, a:active {
	color:#008fad;
	outline:none;
	text-decoration:underline;
}
h1, h2, h3, h4, h5 {
	line-height:110%;
	color:#00667b;
}
h1 {
	font-size:2.2em;
	margin:5px 0 12px 0;
	font-weight:bold;
}
h2 {
	font-size:1.9em;
	margin:5px 0 7px 0;
	font-weight:bold;
}
h3 {
	font-size:1.5em;
	margin:5px 0 7px 0;
	font-weight:bold;
}
h4 {
	font-size:1.2em;
	margin:5px 0 7px 0;
	font-weight:bold;
}
h5 {
	font-size:1em;
	margin:5px 0 12px 0;
	font-weight:bold;
	word-spacing:.5px;
	letter-spacing:.3px;
}
p {
	padding:0 0 8px 0;
	line-height:140%;
}
li {
	line-height:140%;
}
.small {
	font-size:80%;
}
a.noline {
	text-decoration:none;
}
hr {
	height:1px;
	background:#b0b1b1;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #b0b1b1;
	margin:5px auto;
	padding:0;
}
.wrapper {
	width:940px;
	margin:0 auto;
	padding:0;
}

/* BUTTONS */

.buttonBlue {
	background-color:#00617e;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	color:#ffffff;
	font-family:helvetica, arial, sans-serif;
	font-size:15px;
	text-align:center;
	padding:10px;
	margin:7px auto;
	text-decoration:none;
	text-shadow:1px 1px 1px #00556f;
}
.buttonBlue a {
	color:#fff;
}
.buttonBlue a:hover {
	text-decoration:none;
}
.buttonBlue:hover {
	background-color:#004054;
}
.buttonBlue:active {
	position:relative;
	top:1px;
}

/*  HEADER  */

#header {
	background:url(Images/header_bg.jpg) repeat; width:100%; height:158px;
}
#logo {
	float:right;
	width:669px;
	height:58px;
	margin:26px 10px 0 0;
}
#sharing {
	float:right;
	width:160px;
	height:50px;
	margin:10px 0 0 10px;
	background:#edf3f5;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#sharing p {
	font-size:14px;
	color:#62696b;
	margin:3px auto 0 auto;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed','Arial Narrow', sans-serif;
}
#sharing .addbox {
	margin:-4px 0 0 10px;
}

/*  NAVIGATION  */

#nav {
	float:left;
	width:500px;
        height:35px;
	margin:25px 0 0 35px;
	font-family: 'Open Sans Condensed', 'Arial Narrow', 'Helvetica CY', sans-serif;
        overflow:hidden;
}
#nav ul {
	list-style:none;
	word-spacing:.5px;
	letter-spacing:.4px;
	white-space:none;
	text-align:center;
	float:left;
}
#nav ul li {
	float:left;
	display:inline;
	text-align:center;
	font-size:21px;
        height:35px;
        vertical-align:middle;
	margin:0 10px 0 9px;
}
#nav ul li a:hover {
	color:#005977;
	text-decoration:underline;
}
#nav ul li.page_item {
	color:#1d1e20;
}
#nav ul li.page-item-19 {
	margin-right:0;
}
#nav ul li.page_item a {
	color:#1d1e20;
	text-decoration:none;
}
#nav ul li.current_page_item {
	font-weight:bold;
	text-transform:uppercase;
}
#nav ul li.current_page_item a {
	text-decoration:none;
	color:#005977;
	font-weight:bold;
}
#nav ul li.current_page_item a:hover {
	text-decoration:none;
	color:#005977;
}



/*  Page Content  */

#feature {
	width:100%;
	height:370px;
	background:url(Images/feature_bg.jpg);
	clear:both;
	overflow:hidden;
}
#featureLeft {
	float:left;
	width:600px;
	padding:20px 0 0 25px;
}
#featureLeft h1 {
	font-family: 'Open Sans Condensed', 'Arial Narrow', 'Helvetica CY', sans-serif;
	text-transform:uppercase;
	font-size:2em;
}
#featureLeft h1 span {
	text-transform:capitalize;
}
#featureLeft h1 a:hover {
	text-decoration:none;
}
#featureLeft img {
	text-align:center;
	margin:15px 0 20px 35px;
}
#featureLeft p {
	font-size:1em;
	text-align:left;
	padding:0;
	margin:0 0 10px 0;
}
#featureLeft hr {
	margin:12px auto;
}
#featureRight {
	float:right;
	width:300px;
}
#featureRight img {
	float:right;
	margin:7px 0 0 0;
	width:270px;
}

#buyBox {
	background:url(Images/buy_bg.png) no-repeat;
	width:920px;
	height:42px;
}
#buyBox p {
	float:left;
	color:#FFF;
	font-size:15px;
	margin:10px 10px 0 135px;
}
#buyBox img {
	float:left;
	margin:7px 7px 0 0;
}

#pageContent {
	width:900px;
	padding:20px;
	overflow:hidden;
	line-height:130%;
	background:#fff;
	clear:both;
}

#pageContent h1 {
	font-size:25px;
	font-weight:bold;
	color:#00667b;
	margin:12px 0 12px 0;
	font-family:'Open Sans Condensed','Arial Narrow', sans-serif;
}
#pageContent h2 {
	font-size:22px;
	font-weight:bold;
	color:#00667b;
	margin:15px 0 12px 0;
	font-family:'Open Sans Condensed','Arial Narrow', sans-serif;
}
#pageContent h3 {
	font-size:18px;
	font-weight:bold;
	color:#00667b;
	margin:12px 0 7px 0;
	font-family:'Open Sans Condensed','Arial Narrow', sans-serif;
}
#pageContent p {
	margin:0 0 7px 0;
	font-size:85%;
}

#pageContent ol {
	list-style:decimal outside;
	margin:7px 0 10px 35px;
}
#pageContent ul {
	list-style:disc outside;
	margin:7px 0 10px 35px;
}
#pageContent li {
	padding:0 0 10px 0;
	line-height:130%;
	font-size:85%;
}
#pageContent ul ul {
	list-style:circle outside;
	margin:7px 0 10px 35px;
}

#pageContent hr {
	height:1px;
	background:#b0b1b1;
	border-left:none;
	border-top:none;
	border-right:none;
	border-bottom:1px solid #b0b1b1;
	margin:12px auto;
	padding:0;
}

#pageContent #fiction {
	width:470px;
	float:left;
	margin:-20px 0 20px 0;
	overflow:visible;
}
#pageContent #fiction .fictionBox {
	background:#e2e7ea;
	padding:15px 15px 25px 15px;
	width:100%;
}
#pageContent #fiction .fictionBox h3 {
	font-size:125%;
	padding:0;
	margin:0 0 5px 0;
	color:#333;
}
#pageContent #fiction .fictionBox p {
	margin:0 0 3px 0;
	padding:0;
}
#pageContent #fiction .fictionBox .book {
	float:right;
	margin:-25px 10px 0 0;
}
#pageContent #fiction .fictionBox .quoteImg {
	float:left;
	margin:5px 20px 15px 0;
}
#pageContent #fiction .fictionBox .quote {
	font-size:85%;
	font-style:italics;
}
#pageContent #nonfiction {
	width:360px;
	float:right;
	margin:-20px 0 0 0;
}
#pageContent #nonfiction img {
	float:left;
	margin:0 15px 15px 0;
}
#pageContent #nonfiction p {
	clear:left;
	margin:0 25px 0 0;
	line-height:125%;
}

.bottomBox {
	float:left;
	width:270px;
	min-height:230px;
	margin:0 25px 0 0;
}
.lastBox {
	float:right;
	margin:0;
}
.dig-in a {font-size:15px; color:#00667b;}
.when {margin:0 0 0 -35px;}
.event {margin:5px 0 10px -20px;}
.tribe_events {list-style:none;}
.twitter {margin:-50px 0 15px 15px; padding:0 0 0 15px; float:right; width: 270px; font-size:120%; border-left:1px dotted #ccc;}

/* BLOG */

#blogWrap {
	width:940px;
	min-height:350px;
	margin:0 auto;
	padding:0;
	background:#fff;
	overflow:hidden;
}
#blogContent {
	float:left;
	width:600px;
	padding:20px 0 20px 20px;
	overflow:hidden;
}

.post {clear:left; padding:0 0 10px 0;}
.post h2 {color:#00667b; font-size:150%; margin:10px 0 10px 0; padding:0; font-family: 'Open Sans Condensed','Arial Narrow', sans-serif; font-weight:bold;}
.post h2 a {color:#00667b; text-decoration:none;}
.post h2 a:hover {color:#008fad; text-decoration:none;}
.post h3 {font-size:85%; font-weight:bold; color:#333; margin:20px 0 0 0; padding:0;}
.post h3 a {color:#333; text-decoration:none;}
.post h3 a:hover {color:#2262d8; text-decoration:underline;}
.post h4 {font-size:80%; color:#333; margin:0 0 15px 0; padding:0;}
.post h4 a {color:#333; text-decoration:none;}
.post h4 a:hover {color:#2262d8; text-decoration:underline;}
.post p {padding:0 0 7px 0; font-size:85%;}
.post a {}
.post a:hover {text-decoration:underline;}
.post hr {margin:15px 0 10px 0; padding:0; height:1px; color:#CCC; border-left:none;}
.post img {max-width:600px;}
.post ol {margin:7px 0 7px 25px;}
.post ol li {margin:0 0 4px 0; list-style-position:outside; list-style-type:decimal; font-size:100%;}
.post ul {margin:7px 0 7px 25px;}
.post ul li {margin:0 0 4px 0; list-style-position:outside; list-style-type:disc; font-size:100%;}
.post blockquote {margin: 1em; padding: .5em 1em; border-left: 5px solid #c6c6c6; background-color: #e0e0e0;}
.post blockquote p {margin: 0;}

.navigation {padding:10px; margin:10px 0 10px 0;}
.navigation a {color:#00406b; text-decoration:none;}

.entry {padding:0 0 20px 0; border-bottom:1px dotted #777;}

/* blog images*/
.entry img.alignnone {border:1px solid #ccc; padding:5px; background-color:#fff; margin:0 20px 5px 0px;}
.entry .alignleft img {float:left; border:1px solid #ccc; margin:0 20px 5px 0px; padding:5px; background-color:#fff;}
.entry img.alignright {float:right; border:1px solid #ccc; margin:0 0 10px 20px; padding:5px; background-color:#fff;}
.entry .wp-caption .alignright img {float:right; border:1px solid #ccc; margin:0 0 10px 20px; padding:5px; background-color:#fff;}
.entry .wp-caption .alignleft img {float:left; border:1px solid #ccc; margin:0 20px 5px 0px; padding:5px; background-color:#fff;}
.wp-caption.alignleft  {float:left; margin:0 20px 5px 0px}
.wp-caption.alignright {float:right; margin:0 0px 5px 20px}
.wp-caption.alignright img {float:right; border:1px solid #ccc; margin:0 0 5px 20px; padding:5px; background-color:#fff;}
.wp-caption-text {font-size:11px !important; text-align:center; color:#666666 !important;}

/* comments*/
#comments {margin:20px 0 20px 0; clear:both;}
#comments h3 {font-size:120%; color:#00667b; margin:0; padding:0;}
#comments a {color:#00667b;}
#comments a:hover {color:#2262d8; text-decoration:underline;}
.commentlist {padding:7px;}
.commentlist li {border-bottom:1px dashed #999; padding:7px;}
.commentlist li p {padding:7px;}
.commentlist a {color:#00667b;}
.commentlist a:hover {color:#2262d8; text-decoration:none;}

#commentform {margin:0 0 10px 0;}
#commentform label {font-size:85%; display:block; margin-bottom:5px;}
#commentform input {width:250px;margin-bottom:10px;padding:5px;}
#commentform textarea {width:500px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:10px;}
#commentform p {font-size:85%;}
#commentform a {color:#00667b}
#commentform a:hover {color:#2262d8;}

    /*  SIDEBAR  */
 
#sidebar {float:right; width:270px; min-height:300px; padding:20px 0 20px 20px; border-left:1px solid #ddd;}
.sidepanel {padding:0 0 15px 0; font-size:85%; overflow:hidden;}
.sidepanel h4 {font-size:18px; color:#333; padding:5px 0 0 0; font-weight:bold;}
.sidepanel ul {margin:0 12px 0 0;}
.sidepanel ul li {padding:0 0 5px 0; color:#333; border-bottom: 1px dashed #bac7ca; margin-bottom:5px;}
.sidepanel ul li a {color:#00667b;}
.sidepanel ol {padding:10px 5px 10px 0; margin:5px 0 5px 2px;}
.sidepanel ol li {padding:0 0 5px 0; color:#333; border-bottom: 1px dashed #bac7ca; margin-bottom:5px;}
.sidepanel ol li a {color:#00667b;}
.sidepanel p {padding:3px 0 3px 0; color:#333;}
.sidepanel a {color:#00667b; text-decoration:none;}
.sidepanel a:hover {color:#2262d8;}
.sidepanel img {border:none;}

.widgets_on_page li {list-style:none; margin:0 0 0 -35px; padding:0;}
.widgets_on_page .textwidget {font-size:110%;}

/*  FOOTER  */

#footer {
	background:#111214;
	width:100%;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}
#footer .footerLeft {
	float:left;
	width:400px;
	margin:20px 0 0 20px;
}
#footer .footerRight {
	float:right;
	width:480px;
	text-align:right;
	margin:20px 20px 0 0;
}
#footer ul {
	text-align:right;
}
#footer ul li {
	display:inline;
	border-right:1px solid #CCC;
	font-size:70%;
	color:#fff;
	margin:0 4px 0 0;
	padding:0 4px 0 0;
}
#footer ul li a {
	color:#ddd;
	margin:0;
}
#footer ul li a:hover, #footer a:hover {
	color:#ddd;
	text-decoration:underline;
}
#footer p {
	font-size:70%;
	color:#ddd;
}
#footer a {
	color:#ddd;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#fff;
}
#footer .last_page_item {
	border-right:none;
}