/* ---------------------------------
Markup: Dimox
--------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	min-width: 964px;
}
body {
	font: 16px/18px Arial, Tahoma, Verdana, sans-serif;
	background: #F0F9FA;
  line-height: 20px;
}
a {
	color: #0d6a80;
	outline: none;
}
a:hover {
	color: #0092d4;
}
p {margin: 0 0 15px}
img {border: none; }
.post img { margin:10px; border: 1px solid #EEE; padding: 2px; }
input {vertical-align: middle}
input:focus,
select:focus,
textarea:focus {outline: none}
blockquote {
	margin: 0 0 18px 20px;
	padding: 1px 12px;
	background: #FCFCFC;
	border-left: 3px solid #E2EAEB;
}
blockquote p {
	padding: 8px 0;
	margin: 0;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {float: left}
.image.alignleft {margin: 4px 23px 5px 0}
.alignright {float: right}
.image.alignright {margin: 4px 0 5px 23px}
ul li {list-style:none;}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 155px;
	background: #2A6777 url(i/top_bg.gif) 50% 0 repeat-x;
}
#head {
	width: 964px;
	margin: 0 auto;
	position: relative;
}

#qoute {
	position: absolute;
	top: -10px;
	left: 258px;
	width: 585px;
  font: italic 25px/27px Georgia, "Times New Roman", Times;
	color: #FFF;
  padding-left: 37px;
	text-shadow: 1px 1px rgba(0,0,0,0.24);
}
#lq {
  font-size: 75px;
  line-height: 1;
	color: #76A7B1;
	position: relative;
	top: 28px;
	margin: 0 3px 0 -37px;
	text-shadow: none;
}
#rq {
  font-size: 40px;
  line-height: 1;
	vertical-align: text-top;
	color: #76A7B1;
	position: relative;
	top: -6px;
  margin: 0 6px 0 3px;
	text-shadow: none;
}
#qoute .prev,
#qoute .next {
	display: inline-block;
	vertical-align: middle;
	width: 21px;
	height: 19px;
	overflow: hidden;
  background: #16778F url(i/arrows.gif) no-repeat;
  text-indent: -9999px;
	position: relative;
	top: 3px;
}
#qoute .next {
	background-position: 100% 0;
}
#qoute .prev:hover {
	background-position: 0 -19px;
}
#qoute .next:hover {
	background-position: 100% -19px;
}

#nav {
	position: absolute;
	top: 118px;
	left: 0;
	width: 692px;
	height: 30px;
	padding: 7px 0 0 272px;
	background: url(i/top_bg.gif) 0 -118px repeat-x;
	list-style: none;
  font: 12px/28px Georgia, "Times New Roman", Times;
}
#nav li {
	float: left;
	height: 30px;
	overflow: hidden;
	display: inline;
  margin-right: 5px;
}
#nav a {
	float: left;
	height: 30px;
	color: #ff9023;
	padding: 0 0 0 12px;
	cursor: pointer;
}
#nav a span {
	float: left;
	height: 30px;
	padding: 0 12px 0 0;
  text-decoration: underline;
}
#nav a:hover {
  background: #64482D url(i/nav.gif) 0 -30px no-repeat;
}
#nav a:hover span {
  background: url(i/nav.gif) 100% -30px no-repeat;
}
#nav .current-menu-item a {
  background: #F0F9FA url(i/nav.gif) no-repeat;
	color: #333;
}
#nav .current-menu-item a span {
  background: url(i/nav.gif) 100% 0 no-repeat;
  text-decoration: none;
}   

#rss {
	position: absolute;
	top: 113px;
	right: 0;
	height: 38px;
	color: #ff9023;
  font: 12px/28px Georgia, "Times New Roman", Times;
  background: url(i/rss.gif) 100% 0 no-repeat;
	padding: 10px 59px 0 0;
}

#author {
	position: absolute;
	top: 25px;
	left: 0;
	width: 202px;
	height: 364px;
	padding: 0 15px;
  background: #2E7B8F url(i/author_bg.jpg) no-repeat;
	color: #FFF;
  font: 16px/1 Georgia, "Times New Roman", Times;
	overflow: hidden;
}

#logo {
  font: 32px/1 Georgia, "Times New Roman", Times;
	text-decoration: none;
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,0.24);
}
#author h1 {
	margin: 15px 0 10px;
}
.authorImg {
	margin: 0 0 28px;
}
#social {
	width: 232px;
	height: 60px;
	overflow: hidden;
	margin: 0 -15px 0 -11px;
}
#social li {
	float: left;
	list-style: none;
  background: url(i/social_sep.gif) 0 17px no-repeat;
  padding-left: 1px;
  margin-left: -1px;
}
#social a {
	float: left;
	width: 56px;
	height: 44px;
	padding: 16px 0 0;
  text-align: center;
}
#social a:hover {
  background: url(i/social_hover.jpg) no-repeat;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 964px;
	margin: 0 auto;
	padding: 18px 0 30px;
}
#mid {
	width: 100%;
	height: 1%;
}
#mid:after {
	content: '';
	clear: both;
	display: table;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 0 0 272px;
}
.post {
	margin: 0 0 22px;
  background: #FFF url(i/post_bg.gif) 50% 0 repeat-y;
	height: 1%;
}
.pt {
  background: url(i/post_bg.gif) no-repeat;
}
.pp { background: url(i/text-bg-pattern.png) repeat; }
.pb {
  background: url(i/post_bg.gif) 100% 100% no-repeat;
	padding: 25px 27px 15px;
}
.published { font-size: 14px; color: #888; margin-bottom:10px; }
#content h2 {
  font: 22px/1 Georgia, "Times New Roman", Times;
	zmargin: 0 0 20px;          
  font-weight:bold;
}
#content h2 a { color:#000; text-decoration: none; line-height: 26px; }
.entry {
	width: 100%;
	zoverflow: hidden;
	text-align: justify;
}
#content .entry h2,
#content .entry h3,
#content .entry h4,
#content .entry h5,
#content .entry h6 {
  font: 22px/1 Georgia, "Times New Roman", Times;
	zmargin: 25px 0 20px;
}
#content .entry h3 {font-size: 20px}
#content .entry h4 {font-size: 16px; font-weight: bold;margin-top: 30px;line-height: 20px;}
#content .entry h5 {font-size: 14px}
#content .entry h6 {font-size: 13px}
.entry ul,
.entry ol {
	margin: 0 0 18px 10px;
}
.entry ol {
  margin-left: 35px;
}
.image {
	background: #BDBDBD;
}
.image img {
	margin: -1px 1px 1px -1px;
}
.more {
	height: 21px;
}
.more a {
	float: right;
	width: 72px;
	height: 21px;
	padding: 0 0 0 8px;
	line-height: 20px;
  background: #FF8900 url(i/more.gif) no-repeat;
	color: #FFF !important;
  font-size: 11px;
  text-decoration: none;
}
.more a:hover {
  background: #FFA200 url(i/more.gif) 0 -21px no-repeat;
}

.navigation {
	height: 25px;
	overflow: hidden;
	font-size: 11px;
	margin: 30px 0 0;
}
.navigation a {
	height: 25px;
	color: #FFF !important;
  padding-left: 21px;
  text-decoration: none;
  font: 12px/25px Georgia, "Times New Roman", Times;
  background: #176C80 url(i/navigation.gif) no-repeat;
	cursor: pointer;
}
.navigation a span {
	float: left;
	height: 25px;
	padding-right: 10px;
  background: url(i/navigation.gif) 100% 0 no-repeat;
}
.navigation a.prev {
	float: left;
}
.navigation a.next {
	float: right;
	background-position: 0 -25px;
  padding-left: 10px;
}
.navigation a.next span {
	background-position: 100% -25px;
	padding-right: 21px;
}
.navigation a.prev:hover {
	background-position: 0 -50px;
	background-color: #1E93AA;
}
.navigation a.prev:hover span {
	background-position: 100% -50px;
}
.navigation a.next:hover {
	background-position: 0 -75px;
	background-  : #1E93AA;
}
.navigation a.next:hover span {
	background-position: 100% -75px;
}


/* Sidebar
-----------------------------------------------------------------------------*/
#sidebar {
	float: left;
	width: 232px;
	margin-left: -100%;
	padding: 237px 0 0;
}

.section {
  background: #E6F2F5 url(i/section.gif) repeat-y;
	margin: 0 0 20px;
}
.section .sb {
  background: url(i/section.gif) -232px 100% no-repeat;
	padding: 0 15px 20px 30px;
  font: 12px/21px Georgia, "Times New Roman", Times;
}
.section h3 {
	width: 202px;
	height: 43px;
	overflow: hidden;
  background: #428EA2 url(i/section.gif) 100% 0 no-repeat;
	color: #FFF;
	padding: 0 0 0 30px;
	margin: 0 -15px 15px -30px;
  font: 16px/44px Georgia, "Times New Roman", Times;
}
.section li {
	list-style: none;
	padding: 0 0 2px;
	height: 21px;
}
.section li a {
	display: block;
	height: 21px;
	cursor: pointer;
}
.section li a span {
	float: left;
	height: 21px;
  padding-right: 6px;
  text-decoration: underline;
	position: relative;
}
.section li.current a {
	display: inline-block;
  background: url(i/section_current.png) no-repeat;
	color: #333;
  padding-left: 3px;
  text-decoration: none;
}
.section li.current a span {
  background: url(i/section_current.png) 100% 0 no-repeat;
  text-decoration: none;
	right: -3px;
}

.wp-smiley {
  margin: 0 !important;
}

.search-page-title {
  margin: 5px 0 15px;
  font-size: 18px;
}

#recent_tweets_list li {
  height:auto;
  margin-bottom: 15px;
}

#recent_tweets_list li a {
  height:auto;
}
#follow-on-twitter img {
  vertical-align: middle;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	background: #5F8993;
}
#foot {
	width: 964px;
	margin: 0 auto;
	padding: 15px 0;
  text-align: right;
	color: #FFF;
  font: 12px/22px Georgia, "Times New Roman", Times;
}

#exchange { display:none; }

ul#post-contents {
  margin-left: -20px;
  padding-left: 40px;
  padding-top: 50px;
  background: url(i/find-in-this-post.png) no-repeat;
}
ul#post-contents li {
  list-style:none;
  margin-bottom: 10px;
  padding-left: 40px;
  line-height:30px;
  font-weight: bold;
  font-style: italic;
}
ul#post-contents li.visualize {
  background: url(i/icon-visualize.png) no-repeat;
}
ul#post-contents li.checklist {
  background: url(i/icon-checklist.png) no-repeat;
}
ul#post-contents li.role {
  background: url(i/icon-role.png) no-repeat;
}ul#post-contents li.learn {
  background: url(i/icon-learn.png) no-repeat;
}
#questions-send-email {
  height:43px;
}
#questions-send-email a {
  float:right;
  width:279px;
  height:43px;
  text-decoration:none;
  background: url(i/questions-send-email.png) no-repeat;
}

.connect-cta {
  width: 100%;
  height: 82px;
  margin-left: -20px;
  margin-top: -20px;
  padding-top: 12px;
  background: url(i/connect-cta-arrow.png) top left no-repeat;
}
.connect-cta-rss {
  display:inline-block;
  width:214px;
  height:68px;
  margin-left: 120px;
  background: url(i/connect-cta-rss.png) no-repeat;
}
.connect-cta-twitter {
  display:inline-block;
  width:229px;
  height:68px;
  margin-left: 20px;
  background: url(i/connect-cta-twitter.png) no-repeat;
}

.practice {
  width: 100%;
  margin-left: -28px;
  padding-top: 35px;
  padding-left: 28px;
  background: url(i/practice.png) top left no-repeat;
}

.time-to-read {
  float:right;
  width: 122px;
  height: 28px;
  padding-top: 15px;
  padding-right:40px;
  text-align: right;
  color: #C00;
  font-weight: bold;
  font-size: 14px;
  cursor: default;
  background: url(i/time-to-read.png) top right no-repeat;
}