body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,ul,ol,li {margin:0;padding:0}
fieldset,img {border:0}
img,input,select {vertical-align:middle}
h1,h2,h3,h4,h5,h6 {text-transform:none;padding:.2em 0 .5em;font:bold 115%/normal Georgia,"Times New Roman",Times,serif}
input,textarea,select {font:inherit inherit inherit}
body {color:#222;font:normal 14px/1.2em Arial,Verdana,Tahoma,Helvetica,sans-serif;background:#1786c6}
a:active,a:link,a:hover,a:visited {font:normal 1em/1.25em Arial,Verdana,Tahoma,Helvetica,sans-serif;text-decoration:none}
a:hover {text-decoration:underline}
ul,ol {list-style:none;padding-bottom:1.2em}
.right {float:right}
#wrapper {position:relative;z-index:1;width:1008px;margin:0 auto;background:#fff}
#header {padding:0;background:#1786c6;height:96px}
h1,h2,h3,h4,h5,h6 {color: #333333;font-weight:normal}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0}
hr {color:#ECECEC;border:0 none;height:1px;margin:10px;clear:both;background:#ECECEC}
p {margin:0 10px 10px 0; font-size: 12px;}
a {color:#3ac;text-decoration:none;font-weight:bold}
a:hover,focus {color:#01789a}
.title {margin-bottom:1px;font:12px "Helvetica Neue",helvetica,arial,sans-serif}
.category {margin-bottom:1px;color:#999;text-transform:capitalize;font:11px "Helvetica Neue",helvetica,arial,sans-serif}
#header .logo {position:absolute;z-index:2;width:250px;height:99px;top:0;margin-left:10px}
#header .logo a {height:99px;display:block;background:url(i/logo_onblue.png) no-repeat left top;margin-top: 3px;}
#header .logo span {display:none}
#header .banner {width:468px;height:80px;padding:3px;float:right;margin-top:6px;margin-right:2px}
#header ul,#main .actions ul,#main .menu ul,#main .submenu ul,#main .navigation ul {padding:0}
.submenu ul {overflow:hidden}
#header li {display:inline;padding:0 2px}
#main {margin:0;border-top:2px solid #e3f1f9;border-left:2px solid #fff;border-right:2px solid #fff}
#main .menu {border-bottom:1px solid #1a416d;background:url(i/menu.bg.jpg) repeat-x left top}
#main .menu,#main .menu ul,#main .menu li,#main .menu a {height:31px;line-height:30px;color:#fff}
#main .menu ul {overflow:hidden}
#main .menu li,#main .menu a {display:block;float:left;font-family:Georgia,"Times New Roman",Times,serif;text-transform:uppercase}
#main .menu li {padding:0 28px 0 26px;background:url(i/menu.sep.gif) no-repeat left;margin-left:-2px}
#main .submenu {background:#062538}
#main .submenu,#main .submenu ul,#main .submenu li,#main .submenu a {height:33px;line-height:31px;color:#fff}
#main .submenu ul {margin-left:12px}
#main .submenu li {display:inline;padding:0 11px 0 12px;font-size:.80em;text-transform:uppercase}
#main .submenu li,#main .submenu li a {font-family:Georgia,"Times New Roman",Times,serif}
#main .submenu form {padding:0 6px}
#main .submenu input.text {border-width:1px;border-style:solid;border-color:#8e8e8e #adafb0 #8f8f8f #a9abab;color:#000;padding:1px 4px;margin-right:7px;background:#fff}
#main .submenu select {font-size:.8em;margin-right:5px;width:180px}
#main .actions input.text {border-width:1px;border-style:solid;border-color:#8e8e8e #adafb0 #8f8f8f #a9abab;color:#000;padding:1px 4px;margin-right:7px;background:#fff}
#main .actions {padding:5px 7px;background:#093450}
#main .actions select {font-size:.8em;margin-right:5px;width:180px}
#main .actions .links {overflow:hidden;font-size:.8em}
#main .actions .links li {display:inline;padding:0 17px;background:url(i/links.sep.gif) no-repeat left;margin-left:-3px}
#main .actions .links a {color:#fff;padding-left:25px}

label {font-weight:bold;font-size:12px}
input[type="text"],input[type="password"],textarea {border:solid 2px #ECECEC;padding:5px;width:180px;color:#999;-moz-border-radius:5px;-webkit-border-radius:5px;background:#FFF;font:11px "Helvetica Neue",helvetica,arial,sans-serif}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {border:solid 2px #CCC;padding:5px;color:#333;-moz-border-radius:5px;-webkit-border-radius:5px;background:#FFF;font:11px "Helvetica Neue",helvetica,arial,sans-serif}
input[type="text"],input[type="password"] {height:15px}
input[type="checkbox"],input[type="radio"],input.checkbox,input.radio {position:relative;top:0.25em}

#footer {width:1008px;margin:0 auto;min-height:50px;margin-bottom:20px;font-size:11px}
#footer #info ul {margin:0;padding:0}
#footer #info ul li {margin:0;padding:0 5px 0 0;display:inline;position:relative;list-style-image:none;list-style:none outside none}
#footer #info ul {margin:10px}
#footer #info ul a {color:#FFF;font-weight:bold}
#footer #info ul a:hover {color:#3ac;font-weight:bold}
#footer #info p {color:#fff;margin-left:10px}

#content {min-height:600px;width:1000px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;background:#FFF}
#content p {font-size:12px;color:#5c5c5c}
#content span {font-size:12px;}

.help-search {
	float: right;
	border: none;
	padding: 5px 0 0;
}
.help-search input {
	float: left;
}
.help-search-input {
	display: block;
	height: 18px;
	margin: 1px 3px 0 0;
	padding: 3px 5px 1px;
	font-size: 12px;
	width: 150px;
	border: 1px solid #E2E4E5;
	color: #999;
}




.layout-blog div#posts {
	width: 610px;
}
div#posts {
	padding: 37px 40px;
	float: left;
}
h2.post-title {
    font-size: 28px;
    font-weight: normal;
    color: #1D2127;
} 
h2.post-title a:hover {
    text-decoration: none;
} 
h2.archive-title {
    border-bottom: 2px solid #E8EDEE;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 28px;
    font-weight: normal;
    color: #1D2127;
} 


/* ##### SIDEBAR ##### */

div#sidebar {
	float: left;
	width:310px;
	background: url(blog/sidebar-bg.png) repeat-y left top;
}
div#sidebar .inner {
	float: left;
	width:241px;
	background: url(blog/sidebar-top.png) no-repeat left top !important;
    padding: 10px 20px 30px;
}
div#sidebar .inner h4, div#sidebar .inner h2.widgettitle {
    text-indent: -10000px;
    display: block;
    height: 30px;
    width: 240px;
    border-bottom: 1px solid #E7EDED;
    margin: 25px 0 10px;
}
h4#browse-articles {
    background: url(blog/browse-articles.png) no-repeat left 50%; 
}
h4#search-all-articles {
    background: url(blog/search-all-articles.png) no-repeat left 50%;
}
h4#latest-favourite-tweets {
    background: url(blog/latest-favourite-tweets-top.png) no-repeat left bottom;
    border-bottom: 0px !important;
    height: 35px !important;
    margin: 20px 0 0 !important;
}
h4#recently-commented-on {
    background: url(blog/recently-commented-on.png) no-repeat left 50%;
}
h4#rss-feeds {
    background: url(blog/rss-feeds.png) no-repeat left 50%;
}

ul.category-menu li {
    line-height: 2;
}
ul.latest-favourite-tweets {
    background: url(blog/latest-favourite-tweets-bg.png) repeat-y top left;
    padding: 2px 12px 5px;
}
ul.latest-favourite-tweets li {
    padding: 4px 0;
    line-height:  1.5;
    font-size: 12px;
}
ul.latest-favourite-tweets a {
    color: #7B8187;
}
ul.latest-favourite-tweets a:hover {
    text-decoration: none;
}
ul.latest-favourite-tweets a.view-all-favourites {
    color: #00A3D3;
    font-weight: bold;
    background: url(blog/view-all-favourites.png) no-repeat left 3px;
    padding: 0 0 0 15px;
}

a.follow-us-on-twitter {
    font-weight: bold;
    background: url(blog/latest-favourite-tweets-bottom.png) no-repeat top left;
    display: block;
    height: 60px;
    width: 180px;
    line-height: 60px;
    padding-left: 60px;
}
a.follow-us-on-twitter:hover {
    text-decoration: none;
}
a.recent_commentcount {
    background: url(blog/recent-comment-icon.png) no-repeat 0 2px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 8px;
    font-size: 12px;
}
ul.recent-comment li {
    padding: 3px 0 10px;
    color: #7B8187;
    line-height: 1.5;
    font-size: 12px;
}
ul.recent-comment li a {font-size: 12px; }
a.sidebar-rss-feed {
    background: url(blog/feed-icon.png) no-repeat 0px 3px;
    padding-left: 18px;
    display:  block;
    width: 100px;
    float: left;
    margin-bottom: 3px;
    margin-top: 2px;
}
div#posts .post {
	padding: 0 0 30px;
}
div.single .post {
	padding: 0 0 10px !important;
}
div#posts .post p {
	/* padding: 0 0 10px; */
}
div#posts .post img {
	padding: 9px;
    border: 1px solid #E8EDEE;
}
div#posts .post object {
    display: block;
	padding: 9px;
    border: 1px solid #E8EDEE;
}
div#posts h1.entry-title  {
	margin-bottom: 7px;
}

.sidebar-widget {
	padding: 20px 20px 0;
}
#category-dropdown a {
	display: block;
}
select#cat {
	border:1px solid #E2E4E5;
	width: 240px;
	margin-bottom: 13px;
}
.by-line {
	margin: 5px 0 17px;
    color: #7B8187;
}
.comments-link, address {
	display: inline;
	font-style: normal;
}
.comments-link a, .comments-link span {
	background: url(blog/comment-icon.png) no-repeat 0 4px;
	display:inline-block;
	margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
    padding-left: 15px;
}
.comments-link span {
    font-weight: normal;
}
.replace {
	text-indent: -100000px;
}
h4.sidebar {
	display: block;
	height: 12px;
	width:  240px;
	padding: 0 0 10px;
	margin: 20px 0 16px;
	border-bottom: 1px solid #E7EDED;	
}
h4.browse-articles {
	background: url(blog/sidebar-browse-articles.png) no-repeat 2px 1px;
	margin: 20px 0 16px;
}
h4.latest-tweet {
	background: url(blog/sidebar-latest-tweet.png) no-repeat 0 1px;
	margin: 20px 0 0;
	padding: 0;
	height: 25px;
	width:  242px;
	border-bottom: none;
}
h4.recent-comments {
	background: url(blog/sidebar-recent-comments.png) no-repeat 2px 1px;
	margin: 20px 0 11px;
}
h4.search-all-posts {
	background: url(blog/sidebar-search-all-posts.png) no-repeat 2px 1px;
	margin: 20px 0 11px;
}
h4.keep-up-to-date {
	background: url(blog/sidebar-keep-up-to-date.png) no-repeat 2px 1px;
	margin: 20px 0 11px;
}
.sidebar-search-field {
	background: #fff;
	border: 1px solid #C0C9C9;
	height: 18px;
	padding:2px 5px;
	width:145px;
}
.sidebar-search-button {
	margin-top: 5px;
	background: url(blog/sidebar-search-button.png) no-repeat 0 2px;
	height: 30px;
	width: 61px;
	cursor:  pointer;
}
a.twitterFollow {
	display: block;
	height: 50px;
	width: 242px;
	background: url(blog/sidebar-follow-us-on-twitter.png) no-repeat top left;
}
ul.twitter {
	list-style: none;
	background: url(blog/latest-tweet-background.png) repeat-y top left;
	margin: 0;
}
ul.twitter li {
	padding: 10px;
	line-height: 1.5;
}
ul.twitter li a {
	text-decoration: underline;
}
ul.recentComments {
	list-style: none;
	margin: 10px 0 0 0;
}
ul.recentComments li {
	margin: 0 0 10px 0;
	line-height: 1.5;
	color: #7B8187;
}
ul.recentComments li a.recentCommentAttribution {
	display: block;
	line-height: 16px;
	background: url(blog/recent-comment-icon.png) no-repeat 0px 9px;
	padding: 6px 0 7px 15px;
}
a.feed {
	display: block;
	line-height: 16px;
	background: url(blog/feed-icon.png) no-repeat 0px 3px;
	padding: 0 0 7px 17px;
}
.more-link {
	font-weight: bold;
}

/* ##### ARCHIVE PAGE ##### */
ul.archive-tags-topic, ul.archive-tags-country {
    width: 170px;
    float: left;
    margin: 0 !important;
}
ul.archive-tags-topic li strong, ul.archive-tags-country li strong {
    color: #393F45;
    font-weight: normal;
    font-size: 14px;
}
ul#smart-archives-block {
    width: 260px;
    float: left;
    margin: 0 !important;
}
ul#smart-archives-block li {
    padding: 5px 0 !important;
}
ul#smart-archives-block li a, span.emptymonth {
    display: inline-block;
    padding-right: 4px;
}
span.emptymonth {
    color: #999DA3;  
}
ul#smart-archives-block li strong a {
    display: block;
    color: #393F45;
    font-weight: normal;
    padding-bottom: 5px;
    font-size: 14px;
}

/* GENERIC POST FORMATTING STYLES */

.post ol, .post ul {
	margin:  0 50px 10px;
}
.post ol li, .post ul li {
	padding:  3px 0;
}
.alignleft {
	float: left;
	margin: 0 20px 15px 0;
}
.alignright {
	float: right;
	margin: 0 0 15px 20px;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
blockquote {
	margin:  0 50px 10px; 
}
.tabs li + li {
	margin-left: 0 !important;
}
.post ul, .post ol {
    margin:0 0px 10px;
}
.post ul li {
    margin:0 30px 10px;
    list-style: disc !important;
}
.post ol li {
    margin:0 30px 10px;
    list-style: decimal !important;
}
p.post-border-bottom {
    display: block;
    padding: 0 !important;
    border-bottom: 2px solid #E9EEEF;
    margin: 15px 0 0;
}
#content p {
    line-height:1.5em;
    margin:0.5em 0 1em;
}
h3.comments-heading {
    background:transparent url(blog/comment-icon.png) no-repeat scroll 0 3px;
    display:block;
    font-size:14px;
    font-weight:bold;
    margin-right:5px;
    margin-bottom:10px;
    padding-left:15px;
    padding-bottom:15px;
    border-bottom: 1px solid #E9EEEF;
    color: #393F45;
}
.reader .title {
    height:44px;
    margin-bottom: 4px;
    padding: 5px 0 0 0;
    color: #7B8187;
    line-height:  1.5;
}
.reader .title img {
    margin-top: -5px;
}
.user .title {
    background:transparent url(blog/logo.png) no-repeat scroll 0 0;
    height:44px;
    margin-bottom: 4px;
    padding: 5px 0 0 58px;
    color: #7B8187;
    line-height:  1.5;;
}
.avatar {
    float: left;
    margin: 0 10px 0 0;
}
.comment {
    border-bottom: 1px solid #E9EEEF;
    margin-bottom: 13px;
}
.comment .comment {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.comment p {
    margin:0.5em 0 8px !important;
}
h3#comment-form-title {
    padding: 15px 0;
    font-size: 14px
}
#respond {
    border: 1px solid #E8EDEE;
    padding: 5px 10px 10px;
    background: #FDFDFD;
}
.comment-label {
    font-weight: bold;
}
span.comment-label-note {
    color: #7B8187;
    font-weight:  normal;
}
.comment-field, .comment-field-long {
    border:  1px solid #E8EDEE;
    color: #4F555D;
    padding: 3px;
    width: 274px;
    margin-top: 3px;
}
.comment-field-long {
    width: 554px;
    font-family:Arial,Verdana,sans-serif;
    font-size:14px;
}
.comment-button {
    width: 144px;
    height: 39px;
    background:transparent url(blog/comment-button.png) no-repeat scroll 0 0;
    text-indent: -10000px;
    cursor: pointer;
    border: none;
}
.layout-guides h2 img {
    border: 0 !important;
    padding: 9px 0 !important;
}
#content .post ul, #content .post ol {
    clear:both;
    color:#333333;
    line-height:1.5em;
    margin:0 0 1em 2.5em;
}
div.helpLinks {
    border-bottom:1px solid orange;
    border-top:1px solid orange;
    margin-bottom:30px;
}
div.helpLinks h4 {
    color:orange !important;
    font-size:12px !important;
    margin-left:40px !important;
    margin-top:10px !important;
}
div.helpLinks ul li {
    float:none;
    line-height:1;
    list-style-image:url(blog/arrowbullet.png) !important;
    margin:10px 0 10px 26px;
    padding:0;
}
div#posts .archive {
    padding:0 0 10px !important;
    border-bottom: 1px solid #E8EDEE;
    margin-bottom: 15px;
}
.archive .by-line {
    margin:5px 0 5px;
}
#content .post blockquote {
	background: #f3f3f3;
	border-left: 4px solid #eee;
	border-right: 4px solid #eee;
	color: #444;
	line-height: 1.6em;
	margin: 0 0 2em;
	padding: 1em 2em;
}




/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */