@charset "utf-8";
/*####################################################################
	Qodo.co.uk - Created By Stewart Orr (www.qodo.co.uk) v3.01
	(c) Copyright Stewart Orr 2010+. All rights reserved.
	You are welcome to learn from my source code, but please do not steal my work
######################################################################
	Thanks for looking at my CSS code, nosey person! :)
####################################################################*/

/* Typefaces */
@font-face {
	font-family: 'GraublauWebRegular';
	src: url('http://www.qodo.co.uk/css/type/graublauweb.eot');
	src: local('☺'), url('http://www.qodo.co.uk/css/type/graublauweb.woff') format('woff'), url('http://www.qodo.co.uk/css/type/graublauweb.otf') format('opentype'), url('http://www.qodo.co.uk/css/type/graublauweb.svg#webfont') format('svg');
}

@font-face {
	font-family: 'GraublauWebBold';
	src: url('http://www.qodo.co.uk/css/type/graublauwebbold.eot');
	src: local('☺'), url('http://www.qodo.co.uk/css/type/graublauwebbold.woff') format('woff'), url('http://www.qodo.co.uk/css/type/graublauwebbold.otf') format('opentype'), url('http://www.qodo.co.uk/css/type/graublauwebbold.svg#webfont') format('svg');
}


::selection {
	background: #ffcc33; 
	color:#d13b00;
}
::-moz-selection {
	background:#ffcc33; 
	color:#d13b00;
}

/* General
===============================================*/
html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #d13b00 url(http://images.qodo.co.uk/imgs/background_3200px.jpg) top left fixed repeat-x;
	color: #fff;
	font: 100% "GraublauWebRegular", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
#jumpto {
	background: url("http://images.qodo.co.uk/imgs/content.png") repeat scroll left top transparent;
	border-bottom: 1px solid #f7b72c;
	font-size: 72%;
}
#jumpto p {
	margin: 0 auto;
	padding: 5px 0;
	text-align: left;
}
#jumpto p span {
	float: right;	
}

/* width settings */
#jumpto p,
#page_container,
#footer {
	min-width: 960px;
	max-width: 1260px;
}
#page_container {
	margin: 0 auto 120px auto;
	padding: 0 35px 35px 35px;
	text-align: left;
	overflow: hidden;
	min-width: 890px;
	max-width: 1290px;
}
hr {
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
abbr,
acronym {
	cursor: help;
}
#main_content fieldset {
	background: url(http://images.qodo.co.uk/imgs/comment_bg.png) 0 -1400px;
	border: none;
	padding: 30px 0;
	margin: 0 30px 0 140px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#main_content fieldset p {
	height: auto !important;
	height: 32px;
	min-height: 32px;
}
#main_content fieldset p label {
	color: #fc3;
	float: left;
	font:  110% "GraublauWebBold", Helvetica, Arial, sans-serif;
	line-height: 1em;
	padding: 0 60px 0 30px;
	width: 70px;
}
#main_content fieldset p label span {
	color: #fff;
	display: block;
	font: 64% "GraublauWebRegular", Helvetica, Arial, sans-serif;
}
p.button_container {
	margin: 0;
	padding: 0 0 0 160px;
}
select,
textarea,
input,
button {
	font: 100% "GraublauWebRegular", Helvetica, Arial, sans-serif;
}
a {
	color: #fc3;
	font-family: "GraublauWebBold", Helvetica, Arial, sans-serif;
}
a:hover {
	color: #fff;	
}
a.button,
button {
	background: #222324 url(http://images.qodo.co.uk/imgs/button_bg.png) top center;
	border: 3px solid #fc3;
	color: #fc3;
	cursor: pointer;
	font-family: "GraublauWebBold", Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0 #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 12px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
}
a.button:hover,
button:hover {
	background-position: 0 -50px;
	border: 3px solid #fff;
	color: #fff;
}
a.button:focus,
a.button:active,
a.button:focus,
button:active {
	background: #222324;
}

strong {
	color: #ffcc33;
	font-family: "GraublauWebBold", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "GraublauWebBold", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 #000;
}
h1 {
	color: #ffcc33;
	font-size: 150%;
}
h1 span,
h1 strong {
	color: #fff;
}
blockquote {
	margin: 16px 0;
	padding: 9px 0;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}
blockquote p {
	margin: 0;
}
pre {
	background: url(http://images.qodo.co.uk/imgs/left_bg.png);
	border: 5px solid #fec737;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 25px #111;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 25px #111;
	margin: 30px 0;
	padding: 20px;
	overflow: auto;
}
pre,
code {
	font: 100% Consolas, Monaco, monospace;
	text-shadow: 0 1px 0 #000;
}

 

#header {
	height: 220px;
	position: relative;
}
#header h3 {
	margin: 0;
	position:absolute;
	top: 43px;
}
#header h3 a {
	background: url(http://images.qodo.co.uk/imgs/logo_bg.png) 30px 30px no-repeat;
	display: block;
	width: 163px;
	height: 75px;
	padding: 30px;
	text-decoration: none;
}
#header h3 a img {
	border: none;
	visibility: hidden;
}
#content_container {
	background: url(http://images.qodo.co.uk/imgs/content.png) left top;
	border: 5px solid #f7b72c;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 50px #361100;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 50px #361100;
	box-shadow:  0 0 50px #361100;
	border-radius: 5px;
}
#homepage_content {
	background: #0c0c0c;
	border-bottom: 5px solid #f7b72c;
	height: 370px;
	margin: -37px 0 30px 0;
	position: relative;
}
#homepage_content_slider {
	overflow: hidden;
	position: absolute;
	height: 370px;
	width: 100%;
	z-index: 1;
	top: 0;
	right: 0;
}
#homepage_content_slider ul {
	background: #0C0C0C url(http://images.qodo.co.uk/imgs/homepage_content_bg.jpg) repeat scroll 0 0;
	margin: 0;
	padding: 0;
	height: 370px;
	width: 3000px;
	list-style: none;
	overflow: hidden;
}
#homepage_content_slider ul li {
	display: inline;
	float: left;
	height: 250px;
	margin: 0;
	padding: 60px 0;
	position: relative;
	width: 100%;
}
#homepage_content_slider ul li img {
	background: url(http://images.qodo.co.uk/imgs/slider_bottom_glow.png) 100% 75% no-repeat;
	border: none;
	padding: 0 10%;
	position: absolute;
	right: 0;
	top: 30px;
}
#slider_prev,
#slider_next {
	border-width: 5px;
	padding: 5px 12px;
	position: absolute;
	top: 40%;
	z-index: 3;
	-moz-box-shadow: 0 0 25px #000;
	-webkit-box-shadow: 0 0 25px #000;
	box-shadow: 0 0 25px #000;
}
#slider_prev {
	left: -23px;	
}
#slider_next {
	right: -23px;	
}

#homepage_content_main {
	height: 250px;
	left: 0;
	padding: 60px;
	position: absolute;
	top: 0;
	z-index: 2;
}
#homepage_content h1,
#homepage_content h2 {
	font-size: 300%;
	margin: 0 60px;
	max-width: 472px;
}
#homepage_content p.intro {
	font-family: "GraublauWebBold",Helvetica,Arial,sans-serif;
	font-size: 130%;
	margin: 0 60px;
	max-width: 472px;
}
#homepage_content p.button_container {
	margin: 50px;
	padding: 0;
}
#homepage_content p.button_container a {
	margin: 0 5px;
}

#page_header {
	background: url(http://images.qodo.co.uk/imgs/header_bg.png) 100% 100% repeat-x;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.page_summary {
	bottom:0;
	float:right;
	left:270px;
	margin-left:-270px;
	position:absolute;
	vertical-align:bottom;
	width:100%;
}
.page_summary h1 {
	margin: 30px 30px 10px 300px;
}
.page_summary p {
	margin: 0 30px 30px 300px;
}
.page_meta {
	float: left;
	font-size: 90%;
	width: 210px;
	margin: 0;
	padding: 30px;
	position: relative;
	text-align: right;	
	z-index: 10;
}
img.blog,
.ditto_summaryPost img,
.page_cat_image img {
	border: 5px solid #fc3;
	-moz-border-radius: 5px;
	-moz-box-shadow:0 0 10px #000;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow:  0 0 10px #000;
	border-radius: 5px;	
}
.ditto_summaryPost {
	border-bottom: 1px dashed #fc3;	
	clear: both;
}
img.blog,
.ditto_summaryPost img {
	float:left;
	margin:0 30px 30px 0;
	width: 100px;
	height: 100px;
}


.ditto_pages {
	overflow: hidden;
	width: 100%;
}
.ditto_pages a,
.ditto_pages span {
	float: left;
	padding: 4px 14px;
	margin: 0 1px 0 0;
}
span.ditto_currentpage,
a.ditto_page,
a.ditto_next_link,
a.ditto_previous_link,
.ditto_previous_off,
.ditto_next_off {
	color: #fff;
	font: 76% "GraublauWebBold", Helvetica, Arial, sans-serif;
	text-decoration: none;
}
a.ditto_page,
a.ditto_next_link,
a.ditto_previous_link {
	background: #D13B00 url(http://images.qodo.co.uk/imgs/tag_bg.png) center;
}
a.ditto_page:hover,
a.ditto_next_link:hover,
a.ditto_previous_link:hover {
	background: #fc3;
	color: #D13B00;
}
a.ditto_next_link,
.ditto_next_off {
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-radius-topright: 6px;
	-webkit-border-radius-bottomright: 6px;
}
a.ditto_previous_link,
.ditto_previous_off {
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-radius-topleft: 6px;
	-webkit-border-radius-bottomleft: 6px;
}



span.ditto_currentpage,
.ditto_previous_off,
.ditto_next_off {
	background: #444;
	color: #000;
	cursor: default;
}

.tagLinks a {
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	border-radius: 99px;
	background: #D13B00 url(http://images.qodo.co.uk/imgs/tag_bg.png) center;
	font-family: "GraublauWebRegular", Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 76%;
	padding: 1px 9px;
	text-decoration: none;
}
.tagLinks a:hover {
	background: #fc3;
	color: #D13B00;
}

.page_meta p {
	margin: 0 0 10px 0;
}
.page_meta dl {
	margin: 0 0 2px 0;
}
.page_meta dt,
.page_meta dd {
	display: inline;
	margin: 0;
	padding: 0;
}
.page_meta dt {
	color: #ffcc33;
	font-weight: bold;
	font-family: "GraublauWebBold", Helvetica, Arial, sans-serif;
}

#page_content_left {
	float: left;
	padding: 30px;
	position: relative;
	width: 210px;
	z-index: 2;
}
#page_content {
	float: right;
	margin-left: -270px;
	width: 100%;
}
#page_content_main {
	margin-left: 270px;
	padding: 30px;
}
#main_content {
	background: url(http://images.qodo.co.uk/imgs/comment_bg.png) repeat-y -532px 0;
	margin-top: -37px;
	overflow: hidden;
	width: 100%;
}
#main_content.homepage {
	background: none;
}
#main_content.homepage #page_content_left,
#main_content.homepage #page_content_main,
#main_content.homepage #page_content_right {
	float: left;
	width: 34%;
	margin: 7px 0 -110px 0;
	padding: 0 0 71px 0;
}
#main_content.homepage #page_content_left {
background: url(http://images.qodo.co.uk/imgs/comment_bg.png) repeat-y scroll -377px 0;
	width: 33%;
}
#main_content.homepage #page_content_right {
	float: right;
	width: 67%;
}
#main_content.homepage #page_content_left .inner,
#main_content.homepage #page_content_main .inner,
#main_content.homepage #page_content_right .inner {
	padding: 10px 30px 30px 30px;
}
#main_content.homepage #page_content_main .inner {
	padding-right: 10px 10px 30px 30px;
}
#main_content.homepage #page_content_right .inner {
	padding-right: 40px;
}
#main_content.homepage #page_content_right .ditto_summaryPost h3 {
	margin: 0 0 10px 0;
}
#main_content.homepage #page_content_right .ditto_summaryPost {
	border:none;
	font-size: 90%;
	padding: 0 20px 20px 20px;
}
#main_content.homepage #page_content_right .ditto_info {
	margin: 0;
}
#main_content.homepage #page_content_right .readmore {
	padding: 10px 0 0 0;
}
#main_content.homepage #page_content_left h2,
#main_content.homepage #page_content_main h2,
#main_content.homepage #page_content_right h2 {
	background: url(http://images.qodo.co.uk/imgs/comment_bg.png);
	margin: 30px 0;
	padding: 10px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:0 1px 0 #444444;
	-webkit-box-shadow:0 1px 0 #444444;
	box-shadow:0 1px 0 #444444;
}
#main_content.homepage h2 a {
	display: block;
	text-decoration: none;
}
.contactform {
	margin: 30px 0 30px -300px;	
}
.contactform div {
	margin: 0 0 25px 300px;
}
#comment_content {
	border-top: 1px dashed #fc3;
}
p.commentcaptcha {
	padding-left: 160px;
}
p.commentcaptcha img {
	border: 1px solid #fc3;
}

#comment_content div {
	margin: 0 30px 25px 300px;
}
#comment_content h2 {
	color: #fc3;
	margin: 30px 30px 0 300px;
}
#comment_content h2 span {
	color: #fff;
	font-family: "GraublauWebRegular", Helvetica, Arial, sans-serif;	
}
#comment_content h3 {
	font: 92% "GraublauWebRegular", Helvetica, Arial, sans-serif;	
	margin: 0 30px 30px 300px;
}
#comment_content ul {
	list-style: none;
	margin: 0 30px 0 140px;
	padding: 0;
}
#comment_content ul li {
	background: url(http://images.qodo.co.uk/imgs/comment_bg.png);
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 30px 0;
	width: 100%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
}
/* Post by admin */
#comment_content ul li.jot-row-author img {
	border-color: #d13b00;
}
#comment_content ul li.jot-row-author h4 span,
#comment_content ul li.jot-row-author a {
	color: #d13b00;
}
#comment_content ul li img.avatar {
	float: left;
	margin: 0 60px 0 30px;
}
#comment_content ul li div.comment_text {
	float: right;
	margin-left: -170px;
	width: 100%;
}
#comment_content ul li h4,
#comment_content ul li p {
	margin: 0 0 0 170px;
}
#comment_content ul li p {
	font-size: 84%;
	line-height: 1.5em;
}
#comment_content ul li p.moderation {
	background: #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #111;
	opacity: 0.5;
	padding: 3px 5px;
	position: absolute;
	right: 30px;
	top: 30px;
}
#comment_content ul li p.moderation:hover {
	opacity: 1;	
}
#comment_content ul li p.moderation img {
	vertical-align: middle;
}
#comment_content ul li pre {
	margin: 30px 30px 30px 170px;
}
#comment_content ul li h4 span {
	color: #fc3;
}


#search {
	background: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
#search legend {
	display: none;
}
#search p {
	background: url(http://images.qodo.co.uk/imgs/search_bg.png) no-repeat scroll 8px 8px transparent;
	margin: 0;
	min-height: auto;
	padding: 8px;
}
#search p input.text,
#search p #searchButton {
	border: none;
	border-radius: 0;
	font-size: 92%;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	margin: 0;
	padding: 0;
	height: 28px;
	vertical-align: top;
}

#search p input.text {
	background: transparent;
	color: #333;
	padding: 2px 6px;
	width: 182px;
}
#search p #searchButton {
	background: url(http://images.qodo.co.uk/imgs/search_btn.png) 100% 0;
	color: #fff;
	cursor: pointer;
	padding: 5px 5px 30px 5px;
	text-shadow: 0 -1px 0 #000;
	width: 62px;
}
#search p #searchButton:hover {
	background-position: 100% -39px;
}

#navigation {
	background: url(http://images.qodo.co.uk/imgs/navigation_bg_l.png) left top repeat-x;
}
#navigation ul {
	background: url(http://images.qodo.co.uk/imgs/navigation_bg_r.png) right top no-repeat;
	height: 55px;
	margin: 0;
	padding: 0 0 0 270px;
	overflow: hidden;
	height: 87px;
}
#navigation li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li a {
	background: url(http://images.qodo.co.uk/imgs/navigation.png) right top no-repeat;
	color: #fff;
	float: left;
	font-family: "GraublauWebBold", Helvetica, Arial, sans-serif;
	margin: 0 -1px 0 -2px;
	position: relative;
	text-shadow: 0 1px 0 #000;
	text-transform: uppercase;
	text-decoration: none;
}
#navigation li a span {
	cursor: pointer;
	display: block;
	height: 73px;
	width: 62px;
	padding: 14px 20px 0 20px;
	text-align: center;
	z-index: 5;
	position: relative;
}

#navigation li a span.bg {
	background: url(http://images.qodo.co.uk/imgs/navigation_over.png) left top repeat-x;
	padding: 0;
	width: 102px;
	height:87px;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: -9999px;
}

#navigation li a:hover {
	color: #ffcc33;
	z-index: 123123;
	position: relative;
}
#navigation li a:active {
	color: #ffcc33;
}

#breadcrumb {
	font-size: 76%;	
}

	
/*.intro {
	font-size: 180%;
}
.intro strong {
	color: #ffcc33;	
}*/


.deck {
	color: #2b333b;
	}
.char-compare {
	margin-bottom: 17px;
	font-size: 72px;
	line-height: 72px;
	color: #999;
	}
.char-compare .g {
	color: #666;
	}

/* Marginal notes
-----------------------------------------------*/
p#disclaimer {
	margin: 0 0 36px;
	padding: 9px 0;
	border-bottom: 1px #ddd solid;
	text-align: center;
	color: #666;
	}
.aside h5 {
	margin: 0;
	border-bottom: 1px #ddd solid;
	}
.aside p,
.aside ul {
	margin: 0;
	}


#backtotop {
	background: url(http://images.qodo.co.uk/imgs/backtotop_bg.png) 0 -142px no-repeat;
	font-size: 76%;
	height: 71px;
	margin: 0;
	overflow: hidden;
	width: 100%
}
#backtotop a {
	background: url(http://images.qodo.co.uk/imgs/backtotop_bg.png) top right no-repeat;
	color: #fc3;
	cursor: pointer;
	float: right;
	font-weight: normal;
	text-decoration: none;
}
#backtotop a:hover {
	background-position: 100% -71px;
	color: #fc3;
}
#backtotop a strong {
	color: #fc3 !important;
	display: block;
}
#backtotop a span {
	display: block;
	height: 19px;
	width: 156px;
	visibility: hidden;
	padding: 26px 0;
}
#backtotop a:hover span {
	visibility: visible;
}

/* Footer */
#footer_container {
	background: #222324;
	border-top: 5px solid #F7B72C;
	font-size: 72%;
	margin: 0;
	text-align: center;
}
#footer {
	margin: 0 auto;
	text-align: left;
	padding: 35px 0 90px 0;
	position: relative;
}
#footer h3 {
	background: url(http://images.qodo.co.uk/imgs/footer_sprite.png) -207px 30px no-repeat;
	height: 100px;
	text-indent: -9999em;
	width: 250px;
	margin: 0;
	position: absolute;
	left: 30px;
	top: 0;
}
#footer a {
	text-decoration: none;	
}
#footer a:hover {
	text-decoration: underline;	
}
#footer dl {
	left: 118px;
	line-height: 1.3em;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top: 36px;
	width: 130px;
}
#footer dl dt {
	color: #d13b00;
	clear: left;
	font-family: "GraublauWebBold", Helvetica, Arial, sans-serif;
	float: left;
	width: 16px;
	margin: 0;
	padding: 0;
}
#footer dl dt abbr {
	border: none;
}
#footer dl dd {
	float: right;
	margin: 0;
	padding: 0;
	width: 110px;
}
#footer dl dd a {
	color: #fff;
	font-family: "GraublauWebRegular", Helvetica, Arial, sans-serif;
}
#footer p {
	line-height: 1.3em;
	margin: 0 0 0 505px;
	padding: 0 20px;
}
#footer p a {
	color: #d13b00;	
}
#footer #contact_methods {
	margin: 0;
	padding: 30px 30px 0 0;
	overflow: hidden;
	position: absolute;
	left: 270px;
	top: 0;
	width: 206px;
}
#footer #contact_methods li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: 0;
}
#footer #contact_methods li a {
	float: left;
	background: url(http://images.qodo.co.uk/imgs/footer_sprite.png) 0 0 no-repeat;
	width: 38px;
	height: 70px;
}
#footer #contact_methods li a span {
	background: url(http://images.qodo.co.uk/imgs/footer_sprite.png) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	width: 38px;
	height: 70px;
	text-indent: -99em;
}


#footer #contact_methods li.twitter a { background-position: 0 0; width: 45px; }
#footer #contact_methods li.twitter a span { background-position: 0 -72px; width: 45px; }

#footer #contact_methods li.facebook a { background-position: -45px 0; width: 36px;}
#footer #contact_methods li.facebook a span { background-position: -45px -72px; width: 36px; }

#footer #contact_methods li.delicious a { background-position: -81px 0; width: 40px; }
#footer #contact_methods li.delicious a span { background-position: -81px -72px; width: 40px; }

#footer #contact_methods li.linkedin a { background-position: -121px 0; width: 39px; }
#footer #contact_methods li.linkedin a span { background-position: -121px -72px; width: 39px; }

#footer #contact_methods li.rss a { background-position: -160px 0; width: 46px; }
#footer #contact_methods li.rss a span { background-position: -160px -72px; width: 46px; }



.avatar {
	border: 5px solid #fc3;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 25px #111111;
	-webkit-box-shadow: 0 0 10px #333;
}
.hidden {
	display: none;
}
html body .hiddentext {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
	text-indent: -9999em;
}



#main_content input.text,
#main_content textarea,
#main_content select {
	border: 1px solid #fc3;
	color: #fc3;
	background: url(http://images.qodo.co.uk/imgs/comment_bg.png) -2800px;
	padding: 3px 5px;
	-moz-border-radius: 2px;
}
#main_content input.text:focus,
#main_content textarea:focus,
#main_content select:focus {
	background: #7a2f12;
}
#name,
#email,
#wpcf_your_name,
#wpcf_email,
#cfName,
#cfEmail {
	width: 300px;	
}
#url,
#wpcf_website,
#cfWebsite {
	width: 400px;
}
textarea.comment,
#wpcf_msg,
#cfMessage {
	height: 100px;
	min-height: 100px;
	width: 60%;
	max-height: 300px;
}

#post_nav {
	font-size: 92%;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#post_nav li.alignleft {
	float: left;
	width: 49.5%;
}
#post_nav li.alignright{
	float: right;
	width: 49.5%;
	text-align: right;
}

div.error,
div.download {
	background: url(http://images.qodo.co.uk/imgs/error_bg.png);
	border: 1px solid #fc3;
	color: #fc3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0
}
div.error p,
div.download p {
	margin: 0;
	padding: 10px 10px 10px 50px;
}
div.download {
	margin: 0 0 30px 0;
}
div.error p {
	background: url(http://images.qodo.co.uk/imgs/icons/alert.png) 10px 6px no-repeat;
}
div.download p {
	background: url(http://images.qodo.co.uk/imgs/icons/download.png) 10px 6px no-repeat;
}


.indented {
	margin:0;
	padding:0 0 0 160px;	
}

.twitter_icon,
.blog_icon,
.about_icon,
.work_icon,
.html_icon {
	padding-left: 42px;
}
.twitter_icon {
	background: url(http://images.qodo.co.uk/imgs/icons/32x32/comment.png) no-repeat;
}
.blog_icon {
	background: url(http://images.qodo.co.uk/imgs/icons/32x32/comment.png) no-repeat;
}
.about_icon {
	background: url(http://images.qodo.co.uk/imgs/icons/32x32/user.png) no-repeat;
}
.work_icon {
	background: url(http://images.qodo.co.uk/imgs/icons/32x32/attachment.png) no-repeat;
}



.twitter_feed {
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 0;
}
.twitter_feed li {
	margin: 0;
	padding: 0 20px 20px 20px;
}
.twitter_feed p {
	margin: 0;
	padding: 0;
}
.twitter_feed li span {
	display: block;
	font-size: 80%;
	font-weight: bold;
	color: #d13b00;
}
.services_list {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 20px 0 0 0;
	width: 100%;
}
.services_list li {
	float: left;
	margin: 0 2% 2% 0;
	width: 45.5%;
}
.services_list li h2 {
	margin: 0 0 10px 0;
}
.services_list li p {
	margin: 0;
}


/* Plugin related styles */
.tipsy { padding: 5px; font-size: 11px; background-repeat: no-repeat; margin-top: -5px;}
.tipsy-inner { padding: 6px 10px; background-color: #222324; color: white; max-width: 250px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: 0 -2px 2px #8d3200; -webkit-box-shadow: 0 -2px 2px #8d3200; }
.tipsy-north { background-image: url(http://images.qodo.co.uk/imgs/tipsy/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(http://images.qodo.co.uk/imgs/tipsy/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(http://images.qodo.co.uk/imgs/tipsy/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(http://images.qodo.co.uk/imgs/tipsy/tipsy-west.gif); background-position: left center; }


#tinymce {
	background: #222324 !important;
	text-align: left !important;
	padding: 20px !important;
}


ul.pics {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
ul.pics li {
	float: left;
	list-style: none;
	margin: 0  10px 10px 0; 
}
ul.pics li img {
	border: none;	
}
