/*  
Theme Name: Critical Thinking
Theme URI: http://www.criticalthinking.org.uk/
Description: Custom Theme for Critical Thinking .org.uk
Author: Tim Holt
Author URI: http://www.timholt.info/
Version: 1.0
*/

/* General */
* { margin: 0; padding: 0; }
body { position: relative; margin: 10px auto; width: 90%; max-width: 65em; font-family: verdana, sans-serif; font-size: 100%; /* Reins in IE text resizing */ background: #EEE; }
h1, h2, h3, h4, h5, h6, p { padding: 10px; }
h1 { font-size: 1.2em; }
h2 { font-size: 1em; }
h3, h4, h5, h6 { font-size: 1em; }
p { padding: 5px 10px; }
a img { border: none; }
.alignleft { float: left; margin: 0 15px 15px 0; }
.alignright { float: right; margin: 0 0 15px 15px; }
.aligncenter { margin: 15px auto; }
.clearfix { clear: both; }

.adsensesq { width: 250px; height: 250px; }
.adsenselr { width: 336px; height: 280px; }

/* Layout */
#wrapper { background: #FFF; }

/* Header */
#headerwrapper { padding-top: 25px; width: 100%; background: #113D59; }
#header { margin: 0 10px; padding: 10px 10px 0 10px; border-left: 1px solid #EEE; border-top: 1px solid #EEE; border-right: 1px solid #EEE; }
#title { background: #2073AB; }
#header h1 { float: left; position: relative; padding: 0; width: 600px; height: 100px; border: 1px solid #113D59; color: #FFF; }
#header h1 span { position: absolute; display: block; width: 600px; height: 100px; background: url(images/logo.gif) left top no-repeat; }
#jumplink { position: absolute; top: 0; right: 10px; }
#jumplink a { color: #FFF; font-size: 0.8em; height: 15px; line-height: 15px; text-decoration: none; }
#jumplink a:hover { text-decoration: underline; }
p#utilities { position: absolute; padding: 5px 10px; top: 0; left: 10px; height: 15px; line-height: 15px; font-size: 0.8em; color: #FFF; }
#utilities a { color: #FFF; text-decoration: none; }
#utilities a:hover { text-decoration: underline; }
#headernav ul { clear: both; list-style: none; padding-top: 5px; height: 30px; }
#headernav li { margin-right: 15px; float: left; display: inline; width: 100px; }
#headernav li a { display: block; padding-top: 4px; height: 26px; line-height: 26px; background: #FFF; color: #113D59; text-decoration: none; text-align: center; }
#headernav li a:hover { background: #2073AB; color: #FFF; text-decoration: underline; }
#subhead { clear: both; width: 100%; background: url(images/bgsubhead.gif) 10px top repeat-y; }
#sloganwrapper { float: left; margin-top: 15px; width: 49%; background: #F0E6C8; }
#slogan { margin-left: 10px; margin-right: 15px; border-left: 1px solid #EEE; padding: 15px; font-family: 'myriad pro'; }
#slogan p { color: #AB5820; font-size: 2em; text-align: center; }
	/* Search */
	#searchbox { position: absolute; top: 40px; right: 25px; padding: 10px; width: 210px; background: #2073AB; }
	#s { float: left; padding: 2px; border: none; height: 16px; line-height: 16px; background: #FFF; }
	#searchsubmit { float: right; border: none; background: #FFF; color: #113D59; }
	#searchsubmit:hover { cursor: pointer; }
#mainnavwrapper { float: right; width: 50%; background: #2073AB; }
#mainnav { margin-right: 10px; border-right: 1px solid #EEE; padding: 15px; }
#mainnav h2 { color: #FFF; }
#mainnav ul { list-style: none; }
#mainnav li { margin: 2px 10px; }
#mainnav ul a { display: block; padding: 5px 10px; color: #FFF; text-decoration: none; }
#mainnav ul a:hover { text-decoration: underline; }

/* Main */
#mainwrapper { clear: both; padding: 0 10px; background: url(images/bgsubhead.gif) 10px top repeat-y; }
#main { padding: 15px; border-left: 1px solid #EEE; border-right: 1px solid #EEE; }
#crumbs { padding-bottom: 5px; font-size: 0.9em; }
#crumbs_intro_text { font-weight: bold; }
#crumbs a { color: #113D59; }
#crumbs a:hover { color: #AB5820; text-decoration: none; }

/* Sidebar */
#sidebar { float: left; width: 254px; color: #FFF; background: #AB5820; }
#sidebar h2 { color: #FFF; font-size: 1em; }
#sidebar ul { padding: 3px 5px; list-style: none; padding-left: 10px; }
#sidebar h2 { border-bottom: 1px solid #FFF; }
#sidebar li li { display: inline; }
#sidebar a { display: block; padding: 3px 5px; color: #FFF; text-decoration: none; font-size: 0.9em; }
#sidebar a:hover { text-decoration: underline; }
#sidebar .adsense { margin: 10px auto; width: 234px; height: 60px; }

/* Content */
#content { margin-left: 255px; }
.adsensebanner { margin: 10px auto; width: 468px; }
.post, .commentlist, .comment { margin: 0 25px 25px 25px; }
.post img { float: right; margin: 10px; }
#content h1, #content h2, #content h3 { margin: 10px 0; padding: 2px 0; color: #113D59; border-bottom: 1px dotted #113D59; }
#content h1 { text-align: center; }
h1.postTitle a { display: block; color: #113D59; text-decoration: none; }
h1.postTitle a:hover { text-decoration: underline; }
.postMeta { font-size: 0.9em; }
.post p { margin: 5px 0; line-height: 1.3em; }
#content a { color: #113D59; }
#content a:hover { color: #AB5820; text-decoration: none; }
#content ul, #content ol { margin: 10px 50px; }
#content blockquote { margin: 25px; padding-left: 25px; font-size: 0.9em; }
.commentlist { list-style: none; }
.commentlist img { margin: 5px; float: left; }
.commenttext { font-size: 0.8em; }
#leaveacomment p { font-size: 0.8em; }
#leaveacomment textarea { width: 95%; }
.navigation { margin: 10px 0; padding: 10px 0; border-top: 1px dotted #113D59; font-size: 0.9em; }
p.previous { float: left; }
p.next { float: right; }

/* Footer */
#footerwrapper { clear: both; padding-bottom: 10px; background: #113D59; }
#footer { margin: 0 10px; padding: 10px;	border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-bottom: 1px solid #EEE; }
#footer p { color: #FFF; text-align: center; font-size: 0.8em; }
#footer a { color: #FFF; }
#footer a:hover { text-decoration: none; }
.clearfix { clear: both; }

.warning { border: 1px solid red; padding: 10px; }
.post .warning p { font-size: 0.8em; }