/* Theme Name: InterChange      
Author:	John
Author URI: http://www.disassociated.com/
*/

html, body {
margin:0;
padding:0;
text-align:center;
}

body{
background:#fff;
font:76% helvetica, arial, verdana, sans-serif;
}

#page{
background-color:#fff;
margin-right:auto;
margin-left:auto;
width:780px;
}

#header{
background:#fff;
border:0 none;
margin:0;
padding:0;
}

.header-img{
margin:5px 0 0 0;
}

div#adheader{
margin:5px 0 0 0;
padding:0 0 5px 0;
border-bottom:1px solid #EBE9E9;
}

#wrapper {
float:left;
margin:0;
padding:0;
}

#content{
background-color: #fff;
margin:0 0 20px 0;
width:440px;
text-align:left;
}

div#content fieldset{
margin:0;
padding:0;
border:0 none;
}

p{
margin:0 15px 10px 0;
line-height:1.4em;
color:#333333;
}

ul{
margin:15px 0 10px 0;
padding:0;
}

li{
list-style:none;
margin:0 0 .8em 10px;
padding:0 1.5em 0 1em;
font-size:1.0em;
line-height:1.4em;
color:#666666;
}

ul.links{
margin:15px 0 15px 0;
padding:0;
}

li.links{
list-style:none;
margin:0 20px 6px 0;
padding:0;
font-size:1.0em;
line-height:1.4em;
color:#666666;
}

ul.checklist{
margin:15px 0 10px 0;
padding:0;
}

li.checklist{
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/check_16.gif) no-repeat 0px 0px;
list-style:none;
margin:0 0 .8em 0;
padding:0 2em 0 1.5em;
font-size:1.0em;
line-height:1.4em;
color:#666666;
}

#sidebar{
background: transparent;
float:left;
width:340px;
margin:0;
padding:0;
border:0;
text-align:left;
}

#midcol{
background:#F5F4F4;
float:left;
margin:0 0 20px 0;
width:160px;
text-align:left;
}

div#midcol p{
margin:8px 10px 10px 10px;
line-height:1.3em;
font-size:1.0em;
}

div#midcol ul{
margin:10px 0 10px 0;
padding:0;
}

div#midcol li{
list-style:none;
margin:0 0 .4em 0.8em;
padding:0 10px 0 0;
font-size:1.0em;
line-height:1.2em;
}

/* ads column */
#extra{ 
float:right;
margin:0 0 20px 0;
padding:0;
width:165px;
text-align:left;
}

.adbox{ /* aligns separate ads in extra column */
margin:8px 10px 10px 6px;
padding:0;
border:0 0 10px 0;
}

#footer{
border-top:1px solid #ccc;
clear:both;
padding:0 0 5px 0;
text-align:left;
}

div#footer p{
margin:2px 0 5px 0;
padding:5px 0 5px 0;
font-size:0.9em;
}

a:link, a:active{
text-decoration:none;
background-color:transparent;
color:#980000; 
}

a:visited{
text-decoration:none;
background-color:transparent;
color:#980000;
}

a:hover{
text-decoration:none; 
background-color:transparent;
color:#000000;
}

img{
border:0 none; 
}

div#midcol form{
margin:10px 0 10px 10px;
padding:0;
border:0 none;
text-align:left;
}

div#midcol input {
margin:0 0 10px 0;
padding:0;
}

div#midcol input.btn {
margin:10px 0 10px 0;
padding:0;
}

div#midcol fieldset{
margin:0;
padding:0;
border:0 none;
}

.smalltext{ /* small text style - used in nav col could be used anywhere */
margin:-5px 5px 5px 10px; /* NOTE negative top margin is required at present take care if editing */
font-size:0.8em;
line-height:1.1em;
color:#333333;
}

h2{
font-family:Georgia, serif;
font-size:1.8em;
font-weight:normal;
color:#980000;
padding:5px 0 0 0;
margin:10px 0 0 0;
}

#content h3{
font-family:Georgia, serif;
font-size:1.4em;
font-weight:normal;
color:#000000;
padding:0;
margin:15px 0 10px 0;
letter-spacing:-1px;
}


#content h4{
font-family:Georgia, serif;
font-size:1.4em; /* setting below 1.4 ems "de-bolds" the font so to speak */
font-weight:normal;
color:#000000;
padding:0;
margin:8px 0 12px 0;
}

#content h5{
font-family:Georgia, serif;
font-size:1.4em; /* setting below 1.4 ems "de-bolds" the font so to speak */
font-weight:normal;
color:#980000;
padding:0;
margin:8px 0 12px 0;
letter-spacing:-1px;
}

#content h6{
font-family:Georgia, serif;
font-size:1.4em; /* setting below 1.4 ems "de-bolds" the font so to speak */
font-weight:normal;
color:#000000;
padding:0;
margin:6px 10px 6px 0;
letter-spacing:-1px;
}

div#midcol h5{
font-family:Georgia, serif;
font-size:1.4em;
font-weight:normal;
letter-spacing:3px;
color:#980000;
padding:0;
margin:15px 0 0 10px;
}

small{
color:#777;
}

.postmetadata{
background:#f4f4f4;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
line-height:150%;
padding:.2em .5em
}

.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active{
color:#000;
text-decoration:none
}

.postmetadata a:hover{
text-decoration:underline
}

ul#article li{
list-style:none;
line-height:160%;
margin:0 0 0 1.5em;
}

ul#article li a:link,ul#article li a:visited,ul#article li a:active{
color:#444;
text-decoration:none;
}

ul#article li a:hover{
color:#222;
text-decoration:underline;
}

ol{ /* comments ordered list */
list-style:none;
margin:0;
border:0;
padding:0;
}

.commentlist li {
width:83%;
background:#F5F4F4;
margin:15px 0 3px 0;
padding:5px 10px 3px 10px;
list-style:none;
border:1px #CC6666 solid;
}

.commentlist p {
margin:10px 5px 10px 0;
}

#commentform p {
margin:5px 0;
}

.commentlist cite, .commentlist cite a {
font-weight:bold;
font-style:normal;
}

.commentlist p {
font-weight:normal;
line-height:1.5em;
text-transform:none;
}

#commentform p {
font-family:helvetica, arial verdana, sans-serif;
}

.commentpostmetadatadata {
font-weight:normal;
}

code{
background:#eee;
border-bottom:1px solid #ccc;
line-height:190%;
text-align:justify;
}

acronym{
font-family:helvetica, arial, verdana, sans-serif;
font-size:1.0em;
line-height:1.4em;
border-bottom:dotted 1px #980000;
}

abbr, span.caps{
font-size:1.0em;
}

.alignright {
float:right;
margin:0 30px 0 0;
font-size:0.9em;
}

.alignleft {
float:left;
margin:0;
font-size:0.9em;
}

#searchform {
margin: 2px 0;
padding: 5px 3px; 
}

#sidebar #searchform #s {
width:100px;
padding:2px;
}

#sidebar #searchsubmit {
padding:1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
	
input, textarea{
border:1px solid #ccc;
}

select{
width:130px;
}

#commentform input {
width:170px;
padding:2px;
margin:5px 5px 1px 0;
}

#commentform textarea {
width:90%;
padding:2px;
}

#commentform #submit {
margin:10px 0 10px 0;
float:left;
width:70px;
}

.nocomments {
background:#fff url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/comment_off.gif) top left no-repeat;
text-align:left;
font-size:0.8em;
margin:7px 0 7px 0;
padding:0 0 0 20px;
line-height:16px;
}

.commentpostmetadatadata {
margin:0;
display:block;
}

.center{
text-align:center;
}

div#content hr{ /* NOTE: border redefinition warning with CSS validator - this we must live with for now - - - - - - - - - - */
border:none 0;
border-top:1px solid #EBE9E9; 
width:95%;
height:1px;
margin:0; /* do NOT set margins above zero IE adds lots of extra space around HRs */
padding:0;
}

hr{ /* NOTE: border redefinition warning with CSS validator - this we must live with for now - - - - - - - - - - */
border:none 0;
border-top:1px solid #9A9090; 
width:100%;
height:1px;
margin:0; /* do NOT set margins above zero IE adds lots of extra space around HRs */
padding:0;
}

div#extra hr{ /* NOTE: border redefinition warning with CSS validator - this we must live with for now - - - - - - - - - - */
border:none 0;
border-top:1px dotted #666666; 
width:95%;
height:1px;
margin:0 0 0 6px; /* do NOT set margins above zero IE adds lots of extra space around HRs */
padding:0;
}

quote, blockquote{
color:#000;
font:italic 1em georgia;
line-height:140%;
margin:1em 0 1em 2em;
text-align:justify
}

.posttags{ /* tag styles for each post */
width:400px;
margin:10px 15px 0 0;
font-size:0.8em;
line-height:2.0em;
color:#333333;
border-top:1px #ccc dotted;
border-bottom:1px #ccc dotted;
}

.endpost{ /* small text at end of each post */
margin:20px 15px 10px 0;
font-size:0.8em;
line-height:1.4em;
color:#333333;
}

/* the SMALL file icon and text if desired at the foot of each post */
.postender{ 
margin:10px 0px 15px 0;
font-size:0.9em;
}

/* the text at the foot of each search result */
.searchender{ 
width:380px;
background:#fff url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/search_sml.gif) 0 3px no-repeat; 
margin:0 0px 25px 0;
font-size:0.9em;
line-height:2em;
padding:0 0 0 20px;
border-top:1px #ccc dotted;
border-bottom:1px #ccc dotted;
}

.redletter{
color:#980000;
}

/* contact page form styles */
div#contactform form{
margin:0 0 10px 10px;
padding:0;
border:0 none;
}

div#contactform input.btn {
margin:20px 0 0 0;
padding:0;
}

div#contactform textarea{
border:1px solid #cccccc;
line-height:1.2em;
}

div#contactform input{
border:1px solid #980000;
line-height:1.2em;
}

.contactleft{
text-align:left;
font-weight:bold;
}

.contactright{
text-align:left;
margin:10px 0 0 0;
}

/* this places the post icon eg book icon in the right place */
.title-img{
margin: -75px 0 45px 0;
}

/* post COMMENT input form styles */
.entercomment{
text-align:left;
}

/* ordered list styles for point summaries in articles, etc */
ul.ordered{
margin:10px 0 10px 0;
padding:0;
}

li.ordered{
margin:0 20px 2px 3px;
padding:0;
font-weight:bold;
}

div#extra h1{
font-family:Georgia, serif;
font-size:1.4em; /* setting below 1.4 ems "de-bolds" the font so to speak */
font-weight:normal;
color:#980000;
padding:0;
margin:15px 0 6px 0;
}

div#extra p{
margin:0 10px 10px 0;
font-size:1.0em;
line-height:1.3em;
}

div#extra ul{
margin:10px 0 10px 0;
padding:0;
}

div#extra li{
list-style:none;
margin:0 0 .4em 0;
padding:0 10px 0 0;
font-size:0.8em;
line-height:1.0em;
}

.booktitle{ /* this style sits in the EXTRA col */
margin:-7px 10px 6px 0;
padding:0;
font-size:0.8em;
}

/* little red star icon in reader offers paragraphs */
.star-offer{   
float:left;
margin:3px 4px 0 0;
}

/* styles for post intros and header icons */
.article-intro{
width:420px;
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/article16.gif) no-repeat 0px 0px;
margin:5px 0 2px 0;
padding:0 0 0 18px;
line-height:1.7em;
font-size:0.8em;
color:#333333;
}

.book-intro{
width:420px;
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/book16.gif) no-repeat 0px 0px;
margin:5px 0 2px 0;
padding:0 0 0 18px;
line-height:1.7em;
font-size:0.8em;
color:#333333;
letter-spacing:0;
}

.checklist-intro{
width:420px;
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/checklist16.gif) no-repeat 0px 0px;
margin:5px 0 2px 0;
padding:0 0 0 18px;
line-height:1.7em;
font-size:0.8em;
color:#333333;
letter-spacing:0;
}

.fab-intro{
width:420px;
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/fab16.gif) no-repeat 0px 0px;
margin:5px 0 2px 0;
padding:0 0 0 18px;
line-height:1.7em;
font-size:0.8em;
color:#333333;
letter-spacing:0;
}

.idea-intro{
width:420px;
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/idea16.gif) no-repeat 0px 0px;
margin:5px 0 2px 0;
padding:0 0 0 18px;
line-height:1.7em;
font-size:0.8em;
color:#333333;
letter-spacing:0;
}

.news-intro{
width:420px;
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/news16.gif) no-repeat 0px 0px;
margin:5px 0 2px 0;
padding:0 0 0 18px;
line-height:1.7em;
font-size:0.8em;
color:#333333;
letter-spacing:0;
}

.path-intro{
width:420px;
background:url(http://theinterchangedesk.com/wp-content/themes/tid/images/index/path16.gif) no-repeat 0px 1px;
margin:5px 0 2px 0;
padding:0 0 0 18px;
line-height:1.7em;
font-size:0.8em;
color:#333333;
letter-spacing:0;
}

.intro-text{
width:420px;
margin:0 0 10px 0;
padding:0;
border-top:1px dotted #999999; 
border-bottom:1px dotted #999999;
line-height:1.7em;
font-size:0.8em;
color:#888888;
}

/* indents text like a blockquote, use for letter extracts etc */
.insert{
margin:15px 50px 15px 15px;
padding:15px 10px 15px 10px;
border-top:1px dotted #999999; 
border-bottom:1px dotted #999999;
line-height:1.4em;
color:#000000;
}