/*
Theme Name: Framework
Theme URI: http://www.dijitul.co.uk/products/wordpress-themes/framework/
Description: Framework is a HTML and CSS Valid, Accessible, Search Engine Friendly Wordpress Theme, Designed for Small Websites and or Product Websites, It's used on our own products, which are in the top5 on the first page of google.
Version: 1.0.2
Author: dijitul
Author URI: http://www.dijitul.co.uk
*/


/* CORE STYLE */
a {
	color: #20759a;
	text-decoration: none;
}

a:hover {
	color: #093d53;
	text-decoration: none;
}

em {
}

strong {
}

img {
	border: 0px;
	padding: 0px;
	background: transparent;
}

img a {
	border: 0px;
}

h1 {
}

h2 {
}

h2.pagetitle {
	padding: 0;
	margin: 18px 0 4px 0;
	text-shadow: #fff 1px 1px 1px;
	color: #646465;
}

.single-post h1{
	margin: 0 0 0 0;
	color: #21759a;
	padding: 0 0 0 0;
}

.single-post h2{
	margin: 0 0 0 0;
	color: #21759a;
	padding: 0 0 0 0;
}

.single-post h3{
	margin: 0 0 0 0;
	color: #21759a;
	padding: 0 0 0 0;
}

#full-width h1{
	margin: 0 0 0 0;
	color: #21759a;
	padding: 0 0 0 0;
}

#full-width h2{
	margin: 0 0 0 0;
	color: #21759a;
	padding: 0 0 0 0;
}

#full-width h3{
	margin: 0 0 0 0;
	color: #21759a;
	padding: 0 0 0 0;
}


h3 {
}

.alignleft {
	float: left;
}

img.alignleft {
	padding: 6px;
}

.alignright {
	float: right;
}

img.alignright {
	padding: 6px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.aligncenter {
	padding: 6px;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

ul {
	margin: 0 0 0 24px;
}

ol {
	margin: 0 0 0 0;
}

li {
}

blockquote {
	clear: both;
	margin: 12px 0 8px 0;
	background: #f1f1f1 url('images/blockquote.png') top left no-repeat;
	padding: 2px 18px 2px 100px;
	border-top: 1px #cacaca solid;
	border-right: 1px #f5f5f5 solid;
	border-bottom: 1px #f5f5f5 solid;
	border-left: 1px #cacaca solid;
}

cite {
	margin: -28px 0 12px 0;
	clear: both;
	float: right;
	padding: 4px;
	background: #f6f6f6;
	border: 1px solid #dadada;
}
/* /CORE STYLE */






/* STRUCTURE */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	background: #e1e2e0 url('images/bg.jpg');
}

#header-love {
	margin: 0 0 0 -5000px;
	float: left;
	height: 0px;
	overflow: hidden;
}

#header-wrapper {
	background: url('images/header-wrapper-bg.jpg') top center repeat-x;
	width: 100%;
	margin: 0 auto 0 auto;
}

#header {
	background: transparent;
	width: 960px;
	height: 237px;
	overflow: hidden;
	margin: 0px auto 0 auto;
	padding: 6px 0 0 0;
}

#page {
	width: 960px;
	margin: 0 auto 0 auto;
}

#header-logo {
	float: left;
	width: 500px;
	height: 90px;
	overflow: hidden;
	margin: 8px 0 0 0;
	padding: 0;
}

#header-image {
	width: 450px;
	height: 230px;
	float: right;
}

#header-text {
	color: #646465;
	font-size: 18px;
	float: left;
	width: 492px;
	height: 148px;
	margin: 0 0 0 0;
	padding: 0 4px 0 4px;
	text-shadow: #fff 1px 1px 1px;
	overflow: hiddenl
}

#header-text p {
	margin: 0;
	padding: 0;
}

#header-text h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

#content {
	width: 960px;
	margin: 0 auto 0 auto;
}

/* POST RELATED */
.single-post {
	border-top: 1px #cacaca solid;
	border-right: 1px #f5f5f5 solid;
	border-bottom: 1px #f5f5f5 solid;
	border-left: 1px #cacaca solid;
	background: #fff;
	float:left;
	font-size:15px;
	width:658px;
	margin:18px 20px 0 0;
	padding: 20px;
}

.single-post p {
	text-align: justify;
}

.single-post ul {
	margin: 0 0 0 24px;
}

.single-post ol {
	margin: 0 0 0 0;
}

.post {
	background: #fff;
	border-top: 1px #cacaca solid;
	border-right: 1px #f5f5f5 solid;
	border-bottom: 1px #f5f5f5 solid;
	border-left: 1px #cacaca solid;
	vertical-align: top;
	display:inline-block;
	font-size:15px;
	width:316px;
	padding: 10px;
	margin:18px 18px 0 0;
	text-align: left;
	text-shadow: #fff 0px 1px 1px;
}

.post h2 {
	width: 318px;
	background: #20759a;
	margin: 0px 0 0 -10px;
	padding: 3px 8px 4px 10px;
}

.post h2 a{
	color: #fff;
	text-shadow: #0d445b -1px -1px 1px;
	margin: 0px 0 0 0px;
}

.post h2 a:hover{
	color: #0a4762;
	margin: 0px 0 0 0px;
	text-shadow: #3089b0 1px 1px 1px;
}

.space {
	height: 8px;
	width: 640px;
	margin: 0 auto 0 auto;
}

.post-date {
	margin: 8px 0 0px 0;
	float: left;
	color: #646465;
	font-size: 10px;
}

.postmetadata {
	margin: 0 0 0 0;
	padding: 2px;
	font-size: 12px;
	color: #333;
}

.comment-count {
	background: #20759a;
	color: #fff;
	padding: 4px 0px 4px 0px;
	float: right;
	margin: -10px -20px -24px 0;
	border-top: 2px solid #2e84a9;
	border-right: 2px solid #105979;
	border-bottom: 2px solid #105979;
	border-left: 2px solid #2e84a9;
}

.comment-count a {
	color: #fff;
	padding: 2px 12px 2px 12px;
	text-shadow:none;
}

.comment-count a:hover {
	color: #fff;
	text-shadow:none;
}
/* /POST RELATED */

#full-width {
	margin: 10px 0 0 0;
	width: 920px;
	background: #fff;
	padding: 20px;
	border-top: 1px #cacaca solid;
	border-right: 1px #f5f5f5 solid;
	border-bottom: 1px #f5f5f5 solid;
	border-left: 1px #cacaca solid;
}

#footer-wrap {
	background: #21759a url('images/footer-wrapper-bg.jpg') top center repeat-x;
	width: 100%;
	margin: 18px auto 0 auto;
	border-top: 1px solid #21759a;
	position: relative;
	bottom: 0px;
}

#footer {
	width: 960px;
	height: 190px;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer-about {
	float: left;
	margin: 18px 0 18px 0;
	width: 500px;
	height: 100px;
	overflow: hidden;
}

#footer-about h4{
	font-size: 16px;
	text-shadow: #0b3b4f -1px -1px 1px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footer-about p {
	text-shadow: #0b3b4f -1px -1px 1px;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}

#footer-about img {
	float: left;
	margin: 0 12px 4px 0;
	border-top: 1px #0b3b4f solid;
	border-right: 1px #4396bb solid;
	border-bottom: 1px #4396bb solid;
	border-left: 1px #0b3b4f solid;
}

.my-company {
	text-align: right;
}

.break-right {
	width: 8px;
	height: 100px;
	background: transparent url('images/break-right.png') top center no-repeat;
	margin: 18px 0 0 0;
	float: left;
}

.break-footer {
	width: 960px;
	height: 8px;
	background: transparent url('images/break.png') top center no-repeat;
	border-top: 1px solid #1d6688;
	margin: 0 auto 0 auto;
}

#footer-text {
	width: 960px;
	font-size: 10px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}

#footer-text p {
	margin: 0;
	padding: 0;
}

.footer-widget {
	height: 100px;
	overflow: hidden;
	margin: 18px 0 0 0;
	float: left;
	background: transparent;
	width: 200px;
	padding: 0 10px 0 10px;
}

.footer-widget h4 {
	text-shadow: #0b3b4f -1px -1px 1px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

.footer-widget ul {
	list-style-type:none;
}

.footer-widget li {
	font-size: 12px;
}

.footer-widget p {
	text-shadow: #0b3b4f -1px -1px 1px;
	margin: 0;
	padding: 0;
}

.backtothetop {
	padding: 0 0 0 172px;
}

/* Pagination // Comments */
#navigation {
	margin: 12px 0 8px 0;
	padding: 2px;
	float: left;
	clear: both;
	background: #ff0000;
	text-shadow: #fff 1px 1px 1px;
	
}

.nav-left {
	margin: 12px 0 0 0;
}

.nav-right {
	margin: 12px 0 0 0;
}
/* /STRUCTURE */






/* SIDEBAR */
#sidebar {
	background: #fff;
	float:right;
	text-align: left;
	font-size:14px;
	width:218px;
	margin: 18px 0 0 0;
	padding: 0px 10px 10px 10px;
	border-top: 1px #cacaca solid;
	border-right: 1px #f5f5f5 solid;
	border-bottom: 1px #f5f5f5 solid;
	border-left: 1px #cacaca solid;
}

#sidebar ul {
	margin: 0 0 0 4px;
}

#sidebar li {
	list-style-type: none;
	padding: 0;
}

#sidebar ul li, ul {
	margin: 0 0 0 0px;
	padding: 0;
}

#sidebar ul li, li {
	margin: 0;
	padding: 2px;
}

.sidebar-header {
	background: transparent url('images/sidebar-ribbon.png') top left no-repeat;
	float: left;
	width: 251px;
	height: 46px;
	margin: 10px 0 0 -25px;
	padding: 0 0 0 0;
}

#sidebar h3 {
	margin: 0;
	padding: 5px 0 0 6px;
	color: #fff;
	text-shadow: #0d445b -1px -1px 1px;
}

#sidebar h3  a{
	color: #fff;
}
/* /SIDEBAR */






/* NAVIGATION */
#topnav {
	height:31px;
	width:100%;
	background: #20759a url('images/topnav.jpg') top center repeat-x;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	padding: 0px;
	margin:0 auto 0 auto;
}

#topnav ul {
	width: 960px;
	height:31px;
	text-align:left;
	margin:0px auto 0 auto;
	padding:8px 10px 8px 10px;
}

#topnav li {
	height:31px;
	text-transform: uppercase;
	display:inline;
	list-style-type:none;
	color:#fff;
	margin: 0 2px 0 2px;
}

#topnav li a {
	height: 31px;
	color:#fff;
	text-decoration:none;
	text-shadow: #0d445b -1px -1px 1px;
	margin: 2px 0 0 0;
		padding: 8px 10px 7px 10px;
}

#topnav li a:hover {
	margin: 0 -1px 0 -1px; /* fixes the "moving" of the nav when you use a border on hover/active */
	color:#20759a;
	text-shadow: #fff 1px 1px 1px;
	text-decoration:none;
	background:#000 url('images/hover.jpg') top center repeat-x;
	border-left: #1a5f7e 1px solid;
	border-right: #1a5f7e 1px solid;
}

#topnav .current_page_item a:link,#topnav .current_page_item a:visited {
	margin: 0 -1px 0 -1px; /* fixes the "moving" of the nav when you use a border on hover/active */
	color:#aaaaaa;
	text-shadow: #fff 1px 1px 1px;
	text-decoration:none;
	background:#000 url('images/hover.jpg') top center repeat-x;
	border-left: #1a5f7e 1px solid;
	border-right: #1a5f7e 1px solid;
}
/* END TOPNAV */



/* BREADCRUMB NAV */
#breadbasket {
    background: #ccc url('images/bcbg.png'); 
	border-bottom: 1px solid #a8aaab;
	width: 100%;
	height: 30px;
	margin: 0 auto 0 auto;
}

#breadcrumbs {
    font-size: 11px;
    background: transparent; 
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    width:960px;
    margin:0 auto 0 auto;
    padding:0px;
	text-shadow: #fff 1px 1px 1px;
}

#breadcrumbs ul {
	background: transparent; 
	height: 30px;
}

#breadcrumbs li {
	background: transparent; 
	float: left;
	height: 30px;
	display: inline;
	padding: 0 4px 0 4px;
}

#breadcrumbs a {
    height:30px;
    background: transparent url('images/bcsep.png') right no-repeat; 
    padding-right: 14px;
    text-decoration: none;
    color:#21759b;
}

.home {
	float: left;
    border:none;
    margin: 6px 0px 0px 4px;
}

#breadcrumbs a:hover {
	color:#21759b;
}
/* /BREADCRUMB NAV */



/* COMMENTS */
ol.commentlist cite {
	background: transparent;
	float:none;
	margin: 0;
	padding: 0;
	border: 0px;
}

ol.commentlist {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	text-indent:0;
}

ol.commentlist li {
}

ol.commentlist li.alt {
}

ol.commentlist li.bypostauthor {
}

ol.commentlist li.byuser {
}

ol.commentlist li.comment-author-admin {
}

ol.commentlist li.comment {
border-bottom:1px solid #e7e7e7;
padding:1em;
}

ol.commentlist li div.comment-author {
}

ol.commentlist li div.vcard {
font-size:16px;
}

ol.commentlist li div.vcard cite.fn {
font-style:normal;
}

ol.commentlist li div.vcard cite.fn a.url {
}

ol.commentlist li div.vcard img.avatar {
	float:right;
	width: 65px;
	height: 65px;
	margin: -8px -8px 10px 10px;
	border-top: 1px #cacaca solid;
	border-right: 1px #f5f5f5 solid;
	border-bottom: 1px #f5f5f5 solid;
	border-left: 1px #cacaca solid;
}

ol.commentlist li div.vcard img.avatar-32 {
}

ol.commentlist li div.vcard img.photo {
}

ol.commentlist li div.vcard span.says {
}

ol.commentlist li div.commentmetadata {
}

ol.commentlist li div.comment-meta {
font-size:9px;
}

ol.commentlist li div.comment-meta a {
color:#21759a;
}

ol.commentlist li p {
font-size:11px;
margin:0 0 1em;
}

ol.commentlist li ul {
font-size:11px;
list-style:square;
margin:0 0 1em 2em;
}

ol.commentlist li div.reply {
font-size:11px;
}

ol.commentlist li div.reply a {
font-weight:bold;
}

ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}

ol.commentlist li ul.children li {
}

ol.commentlist li ul.children li.alt {
}

ol.commentlist li ul.children li.bypostauthor {
}

ol.commentlist li ul.children li.byuser {
}

ol.commentlist li ul.children li.comment {
}

ol.commentlist li ul.children li.comment-author-admin {
}

ol.commentlist li ul.children li.depth-2 {
border-left:5px solid #555;
margin:0 0 .25em .25em;
}

ol.commentlist li ul.children li.depth-3 {
border-left:5px solid #999;
margin:0 0 .25em .25em;
}

ol.commentlist li ul.children li.depth-4 {
border-left:5px solid #bbb;
margin:0 0 .25em .25em;
}

ol.commentlist li ul.children li.depth-5 {
}

ol.commentlist li ul.children li.odd {
}

ol.commentlist li.even {
background:#fff;
}

ol.commentlist li.odd {
background:#f6f6f6;
}

ol.commentlist li.parent {
border-left:5px solid #111;
}

ol.commentlist li.pingback {
border-bottom:1px solid #666;
padding:1em;
}

ol.commentlist li.thread-alt {
}

ol.commentlist li.thread-even {
}

ol.commentlist li.thread-odd {
}

#respond {
	padding: 0 4px 0 0;
}

#respond textarea {
	width: 100%;
}
/* /COMMENTS */