/* Begin Structure
---------------------------------------------------- */
body {
   margin: 0;
   padding: 0; 
   background:#D1CEC6;
   background: url(images/background_strip.gif);
}
h1{margin:0;}
#page {
   width:1000px;
}

img {
   border:none;
}
/* Header and nav
-----------------------------------------------------*/
#header {
   height:138px;
   width:100%;
}

#header #navigation{
   list-style:none;
   text-transform:lowercase;
   font-size:1.2em;
}

#header #navigation li{
  padding:0;
}

#header #navigation a{
   text-decoration:none;
}

#home {
   position:absolute;
   top:50px;
   left:0px;
}

#topicsAndArchives {
   position:absolute;
   top:0;
   left:510px;
}

#about {
   position:absolute;
   top:0;
   left:680px;
}

#home a{
   display:block;
   width:440px;
   height:50px;
}

#home a img[src]{
   display:block;
   position:absolute;
   top:0px;
   left:0px;
   border:none;
   margin:0;
}

#topicsAndArchives a, #about a {
   color:black;
   display:block;
   width:150px;
   height:23px;
   text-align:center;
   padding-top:7px;
   background-image: url(images/green_tab.gif);
}

#about a {
   background-image: url(images/red_tab.gif);
}


/*future columns
--------------------------------------------------*/
#stealthy,#furtive {
  width:140px;
  height:600px;
  float:left;
}
#furtive {
   width:0;
}
  

/* Content
---------------------------------------------------*/


#content {
   float:left;
   width:720px;
   padding-bottom:100px;
   background:none;
}

.cb {
   float:left;
   width:720px;
   display:inline;
   margin-bottom:50px;
   overflow:hidden;
}

.cbb{
   float:left;
   display:inline;
   width:660px;
   padding:19px;
   margin-left:10px;
   margin-bottom:50px;
   background:white;
   border:1px solid #ccc;
}

.titlebox{
	float:left;
	width:700px;
	height:50px;
	margin-left:10px;
	margin-bottom:50px;
	background-image: url(images/green_tab.gif);
}

.titlebox h1 {
	line-height:1.5em;
	font-family: 'Century Gothic', 'avante garde', Futura, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 1.5em;
	margin-top:10px;
	text-align : center;
	color : #3E3D3C;
}

.paginationbox {
	display: inline;
	float:left;
	width:700px;
	height:50px;
	margin-left:10px;
	background-image: url(images/red_tab.gif);
    line-height:1.5em;
    font-size:10px;
    text-transform:uppercase;
}

.paginationbox .previousPostsButton {
   margin-top:18px;
   margin-left:20px;
   text-align:left;
   float:left;
   display:inline;
   text-decoration : none;
}

.paginationbox a {
   text-decoration : none;
}

.paginationbox .nextPostsButton {
   margin-top:18px;
   margin-right:20px;
   text-align:right;
   float:right;
   text-decoration : none;
}

.paginationbox .previousPostsText {
   margin-top:20px;
   margin-left:10px;
   text-align:left;
   float:left;
   vertical-align: bottom;
}

.paginationbox .nextPostsText{
   margin-top:20px;
   margin-right:10px;
   text-align:right;
   float:right;
   vertical-align: top;
}

.post {
	line-height:1.5em;
}

.post h1 {
   font-family: 'Century Gothic', 'avante garde', Futura, Helvetica, Arial, Sans-Serif;
   font-weight: normal;
   font-size: 1.6em;
   margin-top:0;
}

.post .date {
   font-size:.95em;
}

.post p {
	margin:12px 165px 12px 0;
}

.post .options {
   width:150px;
   margin:0;
   padding:10px 0;
   float:left;
   list-style:none;
   left:30px;
}

.post .options li{
   float:left;
   font-size:10px;
   text-transform:uppercase;
   padding:0;
   margin-left:-30px;
   position:relative;
}

.post .options li a{
   display:block;
   vertical-align:top;
   padding-left:30px;
   height:20px
}

.continueReading a{
   background:url(images/continue.gif) no-repeat 0 0;
}

.postComment a{
   background:url(images/comment.gif) no-repeat 0 0;
}

.postmetadata {
	display:none;
}



/* Post Lists
----------------------------------------------------*/
.post ul {
   list-style:none;
   width: 480px;
   margin:0;
   padding:0;
   position:relative;
   left:10px;
}
.post ul li{
	background: url(images/bullet.gif) no-repeat 8px 7px;
	padding-left:20px;
}
.post ol {
   width: 460px;
   margin-left:0; padding-left:0;
   position:relative;
   left:30px;
}

.post blockquote {
	color:#444;
	border-left:20px solid #444;
	padding:0 0 0 10px;
	margin:0;
    width: auto;
}





/*post images
----------------------------------------------------*/
.imageOnly h1,
.imageOnly .date,
.imageOnly .options {
	display: none;
}

.imageOnly img {
	margin:-32px 0 -22px -20px;
	z-index : 100;
}
* html .imageOnly img{
	margin-right:-22px;
}
*+html .imageOnly img{
	margin:-20px -22px -25px -20px;
}
.post .picture {
   float:right;
   display:inline;
   margin:0 0 15px 20px;
   overflow:hidden;
}
* html .post .picture{
	margin-bottom:3px;
}
.post .picture img {
   margin: 0px 0px 4px;
}

.post .caption {
	width:auto;
	font-family:Verdana,'sans-serif';
	font-size:.95em;
	color:#333333;
	padding: 0 0 5px 0;
	margin: 15px 0 0;
	border-bottom:1px solid #ccc;
	clear:none;
}

.post .picture.small {
   width:150px;
}

.post .picture.medium {
   width:320px;
}

.post .picture.large {
   width:410px;
}

.post .picture.fullsize {
   margin-left:0;
   width:660px;
}

.post .picture.bleed {
   margin-left: 20px;
   width:700px;
}

.post .picture.long {
   float:right;
}

.post .picture.long img {
   float:left;
   display:inline;
   margin-right:20px;
}

.post .picture.long .caption {
   float:left;
   width:150px;
   margin-top:0;
}

/* Comments
----------------------------------------------------*/

#comments {
	width:660px;
	background:#FFF;
	margin: 40px 0 10px 0px;
	padding-top:00px;
	padding-bottom:10px;
	background: url(images/tile_10x10_blue.gif);
	background-color: #fff;
	font-size:.95em;
	position:relative;
}

#comments  h1 {
   background:url(images/yellow_tab.png);
   font-family: Verdana, Arial, sans-serif;
   font-size:1em;
   line-height:1.4em;
   font-weight:normal;
   width:270px;
   height:20px;
   margin-top:00;
   margin-bottom:20px;
   margin-left:-20px;
   padding-left:20px;

}
.commentlist{
  padding:40px 0 0  0;
}

.comment {
   margin-left:80px;
   margin-bottom:30px;
   padding: 20px;
   width:370px;
   border:1px solid red;
   background:#fff;
   list-style: none;
}

.comment p{
   margin-top:0;
   text-align:left;
   line-height:1.7em;
}

.comment ul, .comment ol {
  padding-left:3em;
  margin-bottom:1.4em;

}

.comment li {
       line-height:1.7em; 
}

.comment blockquote {
	color: #29385F;
	border-left: 20px solid #BBC3E4;
	padding: 0;
	padding-left: 10px;
	margin-left: 0;
	width: 340px;
	text-align: left;
	line-height: 1.2em;
}

.comment .date {
   display:block;
   margin-bottom:5px;
   text-align:right;
}

.comment .byline {
   display:block;
   text-align:right;
}


#commentform {
   margin-left:80px;
   margin-bottom:20px;
   padding: 20px;
   width:370px;
   border:1px solid red;
   background:#fff;
}

#commentform fieldset{
   padding:0;
   margin:0;
   border:0;
}

#commentform  h1{
   display:block;
   width:370px;
   height:15px;
   margin-top:-20px;
   margin-left:-20px;
   margin-bottom:15px;
   padding:5px 20px;
   color:white;
   background:red;
   font-weight:bold;
   font-size:1.1em;
   font-family: Verdana, Arial, sans-serif;
}

#commentform label{
   width:130px;
   float:left;
   clear:right;
   margin-top:10px;
}

#commentform input {
   width: 210px;
   padding: 2px;
   margin: 5px 5px 10px 0;
   float:left;
}

#commentform input[type="text"] {
   border:1px solid black;
}


#commentform textarea {
   width: 364px;
   padding: 2px;
   border:1px solid black;
   margin-bottom: 10px;

}

#commentform #submit {
   width:140px;
   margin: 0;
   float: right;

}

/* Footer
----------------------------------------------------*/
#footer {
   width:860px;
   margin-left:0px;
   padding: 20px 20px 20px 70px;
	float:left;
   background:url(images/footer_strip.gif) repeat-y 0 5px;
}
* html #footer{
	background-position:0 -2px;
}
*+html #footer{
	background-position:0 2px;
}
#footer div {
   margin:0 20px 0 0;
   padding-bottom:20px;
   width: 250px;
   float:left;
   clear:none;
}

#footer ul {
	padding-left:15px;
}

#footer h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 62.5%;
}

#searchform:after {
    content: "."; 
    display:block ; 
    height: 0px; 
    clear: both;
    visibility:hidden; 
}




/* Begin Typography & Colors 
----------------------------------------------------*/
body {
	font-size: 62.5%;	/* Resets 1em to 10px */
	font-family: Arial, Helvetica, Sans-Serif;
}

code {
   font: 1.1em 'Courier New', Courier, Fixed;
}

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

a { 
   color: #0A4387;
   text-decoration: underline;
}


a:visited {
   color: #3D3B33;
}

a:hover {
   color: #660000;
}


.cb,.cbb, .titlebox {
   font-size: 1.2em
}

h2 {
	font-family: 'Century Gothic', 'avant garde', Futura, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 1.3em;
	margin-top:0;
	margin-bottom:0;
}

h3 {
   font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
   text-decoration: none;
   color:black;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
   color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
   text-decoration: none;
}

h2 a:hover, h3 a:hover {
   text-decoration: none;
}

.post p a:visited {
   color: #b85b5a;
}

.comment, #commentform input, #commentform textarea {
   font: 1em  Verdana, Arial, Sans-Serif;
}

.comment li {
line-height:1.4em;
}

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

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

#footer h2{
   font-size:1.2em;
}

#footer p{
   font-size:1.2em;
   line-height:1.4em;
   margin:0;
   padding:12px 0 0;
}

/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */
/* Rules for the top corners and border */
/*.bt {
   background:url(images/bottom_shadow.png) no-repeat 100% 0;
   margin:0 0 0 24px;
   height:21px;
   }*/
/*.bt div {
   height:15px;
   width:24px;
   position:relative;
   left:-24px;
   background:url(images/bottom_shadow.png) no-repeat 0 0;
   }*/

/* Rules for the bottom corners and border */
.bb {
   position:relative;
   clear:both;   
   background:url(images/bottom_shadow.png) no-repeat 100% 100%;
   height:10px;
   width:695px;
   margin-left:24px;

   }
   
.bb div {
   height:10px;
   width:24px;
   position:absolute;
   left:-24px;
   padding:0;
   background:url(images/bottom_shadow.png) no-repeat 0 100%;
   }

/* Insert the left border */
.i1 {   
   position:relative;
   float:left;
   padding:0 0 0 10px;
   background:url(images/side_shadow.png) repeat-y 0 0;
   }

/* Insert the right border */
.i2 {
   padding:0 10px 0 0;
   background:url(images/side_shadow.png) repeat-y 100% 0;
   }

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
   width:660px;
   overflow:hidden;
   border-width:1px 0;
   padding:0 0;
   padding:20px;
   padding-bottom:10px;
   background:#fff;
}
/*IE WIN
--------------------------------------------------------*/

/*fixes form width*/
* html #commentform h1{
 margin-right:-20px; 
}