/*  
Theme Name: IMB New
Theme URI: http://www.individualsovereigntist.com/
Description: Design integrated from John Scott's blog.
Version: 1.0
Author: Colleen Chard
Author URI: http://www.mystical-twilight.com/
*/

* {
 margin:0;
 padding:0;
}
html, body {
 height: 100%;
}
body {
 margin:0;
 padding:0;
 background: #E8DECF url(images/bg.gif);
 font: 12px/1.2 Verdana, Arial, Sans-Serif;
 color: #000;
 text-align: center;
}
#page {
 width: 770px;
 background: url(images/body_bg.gif) repeat-y; 
 text-align: left;
 margin: 0 auto;
 padding: 0;
}
#content {
width:770px;
height:100%;
}
#headerbg {
 background: url(images/header.gif) no-repeat;
 height: 59px;
 width: 770px;
 margin: 0px; 
 padding: 0px;
}
input, textarea {
 background: #fff;
 border: 1px solid #002F57;
 padding:0;
 font-size:11px;
}
submit {
 padding:0;
 font-size:10px;
}
#headerimg {
     height: 59px;
     float:left;
     padding: 0;
     margin: 0;
}
.slogan { width:240px; clear:left; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; padding: 0 0 0 183px; margin:-20px 0 0 0;}
.slogan2 { width:746px; position:relative; text-align:right; margin: -28px 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #857B66; }

/* Begin Typography & Colors */
p {
margin: 0 0 0.8em 0;
}

.narrowcolumn .postmetadata {
	text-align: left;
        padding: 5px 0 0 0;
}

small {font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 1.5em;}

h1, h2, h3 {font-family: Verdana, Arial, Sans-Serif;font-weight: bold;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: #117041;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #117041;
	text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, cite {
        color: #117041;
	text-decoration: none;
}

small, .nocomments, .postmetadata, blockquote, strike {
	color: #000;
	}
	
code {
	font: 12px 'Courier New', Courier, Fixed;
        padding: 4px 0 8px 0;
	}

acronym, abbr, span.caps
{
	font-size: 9px;
	letter-spacing: .07em;
	}

h2 a:hover, h3 a:hover {
	color: #117041;
	text-decoration: underline;
	}
a {color: #002F57; background-color: transparent; text-decoration: underline;}
a:hover {color: #002F57; text-decoration: none;
	}
/* End Typography & Colors */

/* Begin Structure */

.narrowcolumn {
        position:relative;
        top:0; left: -58px;
        float:right;
	padding: 0;
	margin: 0 0 20px 0;
	width: 494px;
        height: 100%;
	}
.post {
	margin: 10px 0 40px 0;
	text-align: justify;
	}
.post h2 {
font: bold 18px/1.2 Verdana, Arial, Helvetica, sans-serif;
color: #117041;
display: inline;
margin: 0 0 2px 0;
}
h2.pagetitle {
font: bold 16px/1.2 Verdana, Arial, Helvetica, sans-serif;
color: #117041;
text-align:center;
margin: 2px auto;
}
.postmetadata {
	margin: 15px 0 20px 0;
	clear: left;
}

#footer {
     clear:both;
     position:relative;
     left:0; bottom:0;
     background: url(images/footer.gif) center bottom no-repeat;
     padding: 0;
     margin: 0;
     width: 770px;
     height: 52px;
}

#footer p {
	margin: 0;
	padding: 13px 10px 0 0;
	text-align: right;
        vertical-align: middle;
        font-size: 9px;
        color: #117041
}

#footer a:link {
color: #000;
background: transparent;
text-decoration: none
}

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

#footer a:active {
color: #000;
background: transparent;
text-decoration: none
}

#footer a:hover {
color: #000;
background: transparent;
text-decoration: underline
}

/* End Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */
#sidebar {
 padding: 0;
 margin: 0 0 0 15px;
 width: 198px;
}
#sidebar form {
    margin: 0;
    padding: 0;
    display: inline;
}

/* End Entry Lists */
.mainmenu {background: url(images/menu_main.gif) repeat-y; width:188px;}
.menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
.menu h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #000; display:inline;}
.menu ul {padding-left:0; margin-left:0;}
.menu a:link, .menu a:visited, .menu a:active {
color: #000;
padding-left: 10px;
background: url(images/arrow.gif) 0 .4em no-repeat;
text-decoration: none
}
.menu a:hover {
color: #000;
background: url(images/arrow.gif) 0 .4em no-repeat;
text-decoration: underline
}
.menu li 
{
list-style: none;
margin: 0 0 .2em 0;
}
.tile_body ul {padding-left:0; margin-left:0;}
.tile_body a:link, .tile_body a:visited, .tile_body a:active {
padding:0;
list-style: none;
margin: 0 0 .2em 0;
background: none;
}

/* Begin Form Elements */
#searchform {
	margin: 0;
	padding: 0; 
}

#sidebar #searchform #s, #sidebar #searchsubmit {
	padding: 0;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
/* End Form Elements */

/* Begin Comments*/
.alt {
	background-color: #eee6d9;
	border: 1px solid #663366;
        margin: 0 0 12px 0;
}
h2#comments, h2#respond { 
font: bold 13px/1.2 Verdana, Arial, Helvetica, sans-serif;
color: #117041;
margin: 3px 0;
}
.commentlist {
        width: 494px;
        overflow: hidden;
	padding: 0;
	text-align: justify;
	}
.commentlist ul {padding: 0 0 12px 0;}
.commentlist a {color: #663366; text-decoration: none;}

.commentlist li {
	border: 1px solid #663366;
	margin: 12px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
.commentlist li cite, .commentlist li cite a {color: #993333; font-weight: bold; text-decoration: none;}
.commentlist li cite a:hover, .commentlist li a:hover {text-decoration: underline}
.commentlist li p {
	margin: 10px 5px 10px 0;
        padding: 0 2px 0 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
        color:#117041;
        font-size: 10px;
	}
.commentmetadata a { color:#117041 }

.commentlist li, #commentform input, #commentform textarea {
	font: 11px Verdana, Arial, Sans-Serif;
}

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

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

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

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

#commentform #submit {
	padding: 0 2px 0 0;
	float: right;
}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #B7B2A3;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
  color: #B7B2A3;
  background-color: #B7B2A3;
  height: 1px;
  border: 0;
  width: 100%;
  margin: 4px 0;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin: 10px 0 34px 0;
	}
.navigation a {color: #C17E37;}
/* End Various Tags & Classes*/

.thisentry {
background: #F4E9DA;
border: 1px solid #C17E37;
}
.thisentry a { color: #993333; text-decoration: underline;}

.entry ul { position:relative; padding: 4px 0 8px 20px;}
.entry ol { position:relative; padding: 4px 0 8px 40px} 
.entry ul li {
padding-left: 10px;
background: url(images/arrow.gif) 0 .4em no-repeat;
list-style: none;
margin: 0 0 .2em 0;
}
.entry ol li {
margin: 0 0 .2em 0;
}