/*
	Theme Name: Cquestrate
	Theme URI: http://www.cquestrate.com/
	Description: The original launch theme
	Version: 1.0
	Author: Juno Media
	Author URI: http://www.junomedia.co.uk/
*/

/***** Global *****/
	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		:focus {outline: 0}
		
		ol, ul {list-style: none}
		
		/* Tables need 'cellspacing="0"' on markup */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }

/* Body */
	body {
    line-height: 1;
    font-size: 81.25%; /* 100% = 16px */
    color: #161616;
    background: #eeeddf;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	text-align: left
	}

/* Headers */
	h2 {
		font-size: 184.61%;
		font-family: arial, sans-serif;
		color: #161616;
		border-bottom: 1px solid #dbdbdb;
		font-weight: bold;
		padding-bottom: .2em;
		margin-bottom: .4em
	}
	h3 {font-size: 138.46%}
	h4 {font-size: 123.07%}
	h5 {font-size: 107.69%}
	h6 {font-size: 100%}
	
	h3, h4, h5, h6 {font-family: 'trebuchet ms', tahoma, arial, sans-serif; font-weight: bold; margin-bottom: .4em}
	
	.big-header, .nav {
		width: 627px;
		height: 44px;
		line-height: 44px;
		background: #0f7ed2 url('images/blue-header-bg.gif') no-repeat center center;
		color: #fff;
		border: 0;
		font-size: 130.76%;
		font-family: arial, verdana, sans-serif;
		padding: 0 20px;
		margin-bottom: 9px
	}
	
	.big-header a:link, .big-header a:visited, .nav a:link, .nav a:visited {color: #fff; text-decoration: none}
	.big-header a:hover, .big-header a:active, .nav a:hover, .nav a:active {text-decoration: underline}
	
	.nav .older {float: left}
	.nav .newer {float: right}
	
/* Links */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #0074bf; text-decoration: underline; font-family: 'trebuchet ms', tahoma, arial, sans-serif}
	a:hover, a:active {text-decoration: none}
	
	a.rss:link, a.rss:visited {
		color: #000;
		font-size: 13px;
		padding-left: 20px;
		background: url('images/icons/rss.gif') no-repeat center left;
		padding: .2em 0 .2em 20px
	}
	
/* Paragraphs */
	p {
	    margin-bottom: 1.5em;
	    line-height: 1.4;
	    text-align: left
	}
	
	strong, b {font-weight: bold}
	em, i {font-style: italic}

/* Blockquote */
blockquote {
	margin: .5em 1.5em 1.5em 1.5em;
	font-size: .9em;
	font-style: italic;
	color: #444;
	padding: 1.4em;
	background: #e1f1fd
}

/* Lists */
ul {
  margin: 1em 0 1.5em 2.5em;
  line-height: 1.5;
  list-style: outside disc
}

ol {
  margin: 1em 0 1.5em 3em;
  line-height: 1.5;
  list-style: outside decimal
}

/* Forms */
.text, textarea {
	font-family: arial, verdana, sans-serif;
	font-size: 100%;
	color: #666
}

.button {
	font-family: 'trebuchet ms', tahoma, verdana, sans-serif;
	font-size: 92.3%;
	cursor: pointer
}

/***** Layout *****/
.limit {width: 928px; margin: 0 auto; overflow: hidden}

/* Header */
#header {background: url('images/header-bg.png') repeat-x; height: 66px}
#header .shadow {background: url('images/header-shadow.png') no-repeat center center; height: 66px}

#logo {float: left; margin: 20px 0 0 0}
#slogan {float: right; margin: 0 10px 0 0}

/* Menu */
#menu {
	background: #fff url('images/menu-bg.png') repeat-x top left;
	height: 34px;
	line-height: 34px;
	padding-top: 9px;
	font-size: 115.38%;
	font-weight: bold;
	margin-bottom: 21px
}
#menu .limit {width: 958px}

#menu li {line-height: 30px; float: left; margin: 0 0 0 0; height: 34px; list-style: none}
#menu a span {
	display: block;
	height: 34px;
	float: left;
	cursor: pointer;
	padding-right: 15px;
	background: url('images/menu-tab-right.png') no-repeat bottom right
}

#menu li.last a span {background: none}

#menu li a:link, #menu li a:visited {
	display: block;
	float: left;
	height: 34px;
	padding: 0 0 0 15px;
	color: #555;
	text-decoration: none
}
#menu li a:hover, #menu li a:active {text-decoration: underline}

#menu .current {position: relative; left: -3px; margin-right: -3px}

#menu .current a:link, #menu .current a:visited {
	background: url('images/menu-tab-left.png') no-repeat top left;
	color: #0074bf;
	text-decoration: underline
}
#menu .current a span, #menu .current.last a span {background: url('images/menu-tab-right.png') no-repeat top right}

/* Body */
#body {margin-bottom: 29px}

	/* Columns */
	.col, #content #post-list li, #comments-form, #content .more-list li {background-color: #fff; padding: 13px 15px 0 15px; background-position: top left; margin-bottom: 9px}
	.end-col {clear: both; height: 15px; margin: 0 -15px 0 -15px; position: relative; background-position: bottom left}
	.col, .end-col, #content #post-list li, #comments-form, #content .more-list li {overflow: hidden; background-repeat: no-repeat}
	
	.col.full {background-image: url('images/1col-top.gif')}
	.col.full .end-col {background-image: url('images/1col-bot.gif')}
	
	#content .two-cols, .home-col {width: 674px; float: left}
	#content .two-cols .col {width: 299px; float: left; margin: 0 8px 0 0; background-image: url('images/2cols-top.gif'); display: inline}
	#content .two-cols .col .end-col {background-image: url('images/2cols-bot.gif')}
	#content .clear-col { margin-top:10px; }
	
	#content {width: 666px; float: left; margin-right: 8px; overflow: hidden}
	#content .col, #content #post-list li, #comments-form, #content .more-list li {width: 637px; background-image: url('images/content-top.gif')}
	#content .end-col {background-image: url('images/content-bot.gif')}
	
	/* Sidebar */
	#sidebar {
		width: 253px;
		float: left;
		font-size: 92.3% /* 12px */
	}
	
	#sidebar .col {background-image: url('images/side-top.gif'); padding: 13px 11px 0 11px}
	#sidebar .col .end-col {background-image: url('images/side-bot.gif'); margin: 0 -11px 0 -11px}
	
	#sidebar h2 {
		font-family: arial, sans-serif;
		font-size: 141.66%;
		color: #fff;
		margin: -13px -11px .5em -11px;
		background: #0f7ed2 url('images/blue-side-top.gif') no-repeat top left;
		padding: 6px 13px
	}
	
		/* Search Box */
		#search-box .text {width: 170px}
		#search-box .button {
			width: 48px;
			border: 0;
			font-weight: bold;
			background: none
		}
		
		/* Tag Cloud */
		.wp-tag-cloud {margin: 0 0 .5em 0; padding: 0; list-style: none}
		.wp-tag-cloud li {display: inline}
		
		.wp-tag-cloud a:link, .wp-tag-cloud a:visited {color: #000; text-decoration: none}
		.wp-tag-cloud a:hover, .wp-tag-cloud a:active {text-decoration: underline}
		
		/* Recent Blog Posts */
		#recent-blog-posts, #recent-twitters {margin: 0; padding: 0; list-style: none}
		#recent-blog-posts li, #recent-twitters li {overflow: hidden; width: 232px; margin-bottom: 1em}
		#recent-blog-posts a img, #recent-twitters a img {border: 3px solid #e3e3e3}
		#recent-blog-posts a:hover img, #recent-twitters a:hover img {border: 3px solid #0074bf}
		
		#recent-blog-posts h3, #recent-twitters h3 {font-size: 138.46%; margin-bottom: 0; line-height: 1.2}
		
		#recent-blog-posts .meta, #recent-twitters meta {
			display: block;
			font-family: 'trebuchet ms', tahoma, verdana, sans-serif;
			color: #636363;
			font-weight: bold;
			margin-bottom: .2em
		}
		
		#recent-blog-posts p, #recent-twitters p {margin-bottom: .5em}

/* Footer */
#footer {
	border-top: 1px solid #d4d3c1;
	background: url('images/footer-bg.png') repeat-x top left;
	padding: 20px 0 20px 0;
	min-height: 122px;
	height: auto !important;
	height: 122px;
	font-size: 107.69%
}
#footer span {padding-bottom: .2em; display: block}

#footer ul {list-style: none; margin: 0 0 .8em 0; overflow: hidden; width: 100%}
#footer li {
	float: left;
	padding: 0 15px .2em 0;
	margin: 0 15px 0 0;
	line-height: 1em;
	height: 1em;
	border-right: 1px solid #a2a072
}
#footer li:last-child, #footer li.last {border: 0}

#footer a:link, #footer a:visited {color: #2c2c2c; text-decoration: underline}
#footer a:hover, #footer a:active {color: #04609b}
	
/***** Sections *****/
/* home */
.welcome-box {font-size: 153.84%; overflow: hidden; height: 1%}
.welcome-box .video {float: right; width: 380px; margin-left: 20px; font-size: 60%; letter-spacing: -.02em}
.welcome-box .info {float: left; width: 488px}
.welcome-box a {font-weight: bold}

.welcome-box p {margin-bottom: 1.4em; line-height: 1.4}
.welcome-box p:last-child {margin-bottom: 0}

	/* Find Out More */
	#find-more {margin: 0; padding: 0; list-style: none}
	#find-more li {overflow: hidden; width: 288px; margin-bottom: 1em}
	#find-more a img, #collaborate a img {border: 3px solid #e3e3e3}
	#find-more a:hover img, #collaborate a:hover img {border: 3px solid #0074bf}
	
	#find-more h3 {font-size: 138.46%; margin-bottom: 0; line-height: 1.2}
	
	#find-more p {margin-bottom: .5em}
	
/* Post List */
#post-list, .more-list {margin: 0; padding: 0; list-style: none; font-size: 107.69%}
#post {font-size: 107.69%}
#post-list li, .more-list li {background: #fff}

.post-img {display: block; margin-bottom: 1.5em; border: 3px solid #e3e3e3}

#post-list h3, #post h3 {
	font-size: 171.42%;
	font-family: arial, sans-serif;
	color: #0f7ed2;
	border-bottom: 1px solid #dbdbdb;
	font-weight: bold;
	padding-bottom: .1em;
	margin-bottom: .2em;
	line-height: 1.2
}

#post-list h3 a:link, #post-list h3 a:visited, #post h3 a:link, #post h3 a:visited {text-decoration: none}
#post-list h3 a:hover, #post-list h3 a:active, #post h3 a:hover, #post h3 a:active {text-decoration: none}
#post-list h3:hover, #post h3:hover {border-bottom: 1px solid #0f7ed2}

#post-list .meta, #post .meta {
	display: block;
	color: #636363;
	font-size: 92.85%;
	font-weight: bold;
	font-family: 'trebuchet ms', tahoma, arial, verdna, sans-serif;
	margin-bottom: 1em
}

#post-list p, .more-list p {margin-bottom: .5em}

#content #post-list li ul, #content .more-list li ul {
	margin: .5em 0 1.5em 2.5em;
	line-height: 1.5;
	list-style: outside disc
}
#content #post-list li ol, #content .more-list li ol {
	margin: .5em 0 1.5em 3em;
	line-height: 1.5;
	list-style: outside decimal
}
#content #post-list li ul li, #content #post-list li ol li, #content .more-list li ul li, #content .more-list li ol li{
	margin: 0;
	padding: 0;
	background: none;
	overflow: visible
}

/* Comments List */
#comments-list dt {
	background: #fff url('images/content-top.gif') no-repeat top left;
	padding: 10px 15px 0 15px;
	margin: 0;
	font-size: 130.76%;
	overflow: hidden;
	height: 1%
}

#comments-list .author {float: left; font-style: normal; color: #535353}
#comments-list .date {float: right; color: #474747; font-size: 82.35%}
#comments-list .date a:link, #comments-list .date a:visited {color: #474747; text-decoration: none}
#comments-list .date a:hover, #comments-list .date a:active {text-decoration: underline}

#comments-list dd {
	background: #fff url('images/content-bot.gif') no-repeat bottom left;
	padding: 5px 15px 10px 15px;
	border-top: 1px solid #fff;
	margin-bottom: 9px
}

#comments-list blockquote {
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-style: normal;
	background: none
}

#comments-list blockquote p {margin-bottom: 1em}

/* Comments Form */
#comments-form {padding-top: 20px}
#comments-form .text {
	width: 190px;
	float: left;
	clear: left;
	margin: 0 0 1em 5px;
	font-size: 107.69%;
	padding: .2em;
	margin-right: .5em
}

#comments-form label {
	float: left;
	margin-bottom: 1em;
	font-size: 130.76%;
	font-weight: bold
}
#comments-form label em {font-weight: normal; color: #bfbfbf; font-style: normal}
#comments-form textarea {clear: both; width: 615px; padding: .2em 5px; height: 160px; margin: 0 0 9px 5px}

#comments-form .button, #comments-form .buttonleft {
	float: right;
	background: #0f7ed2;
	color: #fff;
	border: 0;
	padding: 0 .5em;
	height: 35px;
	line-height: 35px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 17px;
	margin: 0 2px 5px 0
}

#comments-form .buttonleft {
	float: left;
}

/* Read More List */
.more-list {font-size: 100%}
.more-list img {float: left; border: 3px solid #e3e3e3; margin: 0 15px 5px 0}
.more-list h3 {font-size: 107.69%}