* { margin: 0; padding: 0; outline: 0 }

body {
  font: 13px/165%  'Helvetica', Geneva, Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0;  padding: 0;
  text-align: center;
  width=100%;
}


#bgwrap {
  width: 100%;
  background: url(http://campfowler.org/files/images/newfooter2.gif) repeat-y bottom center;
 }

#bgwraptwo {
  width: 100%;  
  background: url(http://campfowler.org/files/images/newbg8.gif) no-repeat top center;
 
  }

img {border: none; margin:5px; }

/* Links */
a, a:visited {
  text-decoration: none;
  color:#438043;
}
a:hover {
  text-decoration:none;
  color:#6598b8;
}

/* headers */
h1, h2, h3 {
  font-family:   'Helvetica', Helvetica, Tahoma, Arial, Sans-serif;
  color:#3d417c;
}
h1 {
  font-size: 3.1em;
  letter-spacing: -2px;
  padding: 25px 10px 5px 10px;
}
h2 {
  font-size: 2em;
  padding: 20px 10px 5px 0px;
}
h3 {
  font-size: 1.7em;
  font-weight: normal;
  padding: 20px 10px 5px 10px;
}

p, dl { margin: 0; }

ul, ol {
  margin: 10px 20px;
  padding: 0 5px;
}
ul { list-style: circle; }

dt {
  font-weight: bold;
  color: #3d417c;
}
dd {
  padding-left: 25px;
}

blockquote {
  margin: 15px 10px;
padding: 10px 10px 10px 35px;
background: transparent 10px 10px;
  border: 1px solid #111;
  font-weight: normal;
  font-size: 17px;
  line-height: 1.6em;
  font-style: italic;
  font-family: Helvetica, 'Helvetica', Times, serif;
  color: #000000;
}

/* start - table */
table {
  margin: 15px 10px;
  border-collapse: collapse;
}
th {
  background: transparent;
  color: #000000;
  height: 38px;
  padding-left: 12px;
  padding-right: 12px;
  text-align: left;
}
tr {
  color: #000000;
  height: 34px;
}
td {
  padding-left: 12px;
  padding-right: 12px;
  background: transparent;
}
/* end - table */


/* form elements */

form p {
  border-bottom: 0px solid #000000;
  padding: 12px 0 5px 0;  margin: 5px;
  background: transparent;
}
label {
  font-weight: bold;
  color: #438043;
  background: transparent;
}
/**Form boxes**/
input, select, textarea {
  margin: 5px 0;
  padding: 5px;
  font: normal 1em Helvetica, Tahoma, sans-serif;
  color: #3d417c;
  border: 1px solid #3D723C;
  background: #FFFFFF;
}
option { padding-right: 0.5em; }
option { padding-left: 0.5em; }

input.button {
  font: bold 12px Arial, Verdana, Sans-serif;
  height: 30px;
  padding: 2px 3px;
  margin-top: 8px;
  color: #48780E;
  background: #e8efe7;
  border-width: 0px;
border-style: solid;
border-color: #1B1B1B;
}

#flickrbox ul, #flickrbox ul li {display:inline;}

/* ------------------------------------------
   LAYOUT
------------------------------------------- */
#wrap {
  width: 930px;
  margin: 0 auto;
  text-align: left;
}
#content-wrap {
  clear: both;
  width: 100%;
  float: left;
    padding:5px;
  padding-top: 1px;
  
}
#header {
  position: relative;
  width: 990px;
  height: 230px;
  margin: 0; padding: 0;
}
#header h1#site_heading a {
  margin: 0; padding: 0;
  font: normal 35px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
  letter-spacing: -1.5px;
  color: #3d417c;
  text-decoration: none;
  /* change the values of top and left to adjust the position of the logo*/
  top: 15px; left: 5px;
}
#header h1#site_heading a:hover {
  background: #3d417c;
}
#header h2#site_subheading {
  margin-top:0;
  padding-top:0;
  margin: 0; padding: 0;
  font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  font-weight:normal;
  text-transform: none;
  color:#3d417c ;
  width: 400px;

  /* change the values of top and left to adjust the position */
  top: 55px; left: 50px;
}


/*  primary_navigation  */
#primary_navigation {
    position: center top;
    padding: 1px;
    height: 31px;
    padding-top: 180px;
}
#primary_navigation ul {
    float: left;
    height: 40px;
    margin: 0 0 0 2px; padding: 2px;
    display: inline;
}
#primary_navigation ul li {
    display: inline;
    margin: 0; padding: 2px;
}
#primary_navigation ul li a {
    float: center;
    margin: 1px;   padding: 0 2px;
    display: inline;
    font: normal 16px/16px 'Helvetica', Helvetica, Arial, Geneva, sans-serif;
    font-weight: normal;
    color: #fff;
}
#primary_navigation ul li a:hover {
   color: #6598b8;
   text-decoration: none;
   background: none;
   border: none;
}
#primary_navigation  .active a {
    color: #aeb3fc;
    font-family: comic sans ms,sans-serif;
    font-weight: normal;
    font-size: 18px;

}
/* location_0 Column Main Content Text*/
#location_0 {
min-height:500px;
  float: left;
  width: 675px;
  padding: 0px;
color:#000000;
}
/**Main Text Header**/
#location_0 h2 {
  padding:0;
  margin: 0;
  font: 1.7em 'Helvetica', helvetica, Arial, sans-serif;
  font-weight: normal;     
  color:#FFFFFF;
  font-spacing: -2px;
  background: url(http://campfowler.org/files/images/bluebuttongreen.png) no-repeat;
}
#location_0 h2 span {
  display:block;
  padding: 5px 10px;
  margin: 0;
}

#location_0 h2 a {
  color:#303d5b;
  text-decoration: none;
  border: none;
  background:url();
}
#location_0 p {font-size:1.0em;}

/* location_1 Sidebar Text*/
#location_1 {
  color: #262626;
  float: right;
  width: 235px;
  margin-left:8px;
  font-weight= bold;
  font: 1.1em 'Helvetica';
}

#location_1 h2 {
  font: 1.3em 'Helvetica', Helvetica, Arial, sans-serif;
  color: #3d416a;
  margin: 0;
  padding: 0;
}
#location_1 h2 span {
  display: block;
        padding: 5px 3px 5px 13px;
}
#location_1 a  {color:#438044;}

#location_1 ul {padding:0;}

#location_1 a:hover {
  text-decoration:none;
  color:#224122;}

/* footer */
#footer {
  clear: left;  float: center;
  width: 100%;
  height: 175px;
  background: transparent;

}
#footer a {
  color: #438043;
  border: none;
}
#footer a:hover {
  color: #6598b8;

}

#footer-left {
  float: left;
  background: transparent;
}
#footer-right {
  float: right;
}


/* metadata */

.blog_post h3 {
  padding: 5px 5px;
  padding-left: -10px;
  margin:0;
  font: 1.6em 'Helvetica', Helvetica, Helvetica, Arial, sans-serif;
  display:block;
  font-weight:500;
  background: none; 
  img {border: none; margin:6px;}

  }
.blog_post h3 a {color:#000000;}
.blog_post h3 a:hover { text-decoration:underline; color:#9DB3FC;}


#comments,#comment_form_area { padding:15px;}

.comment.owner { background: transparent; border: 1px dashed; }

.metadata {
  padding: 7px 5px; margin: 20px 10px 30px 10px;
  font-size: 1em;
  color: #545454;
  border:dotted #438043 0px;
background:transparent;
min-height:2.0em;
}

.post_wrapper .date { font-size:.95em; padding:0px; margin-left: 11px;}

.metadata .category {  margin: 0 10px 0 5px;  }
.metadata .category a { color:#7bbd07; }
.metadata .comments { float:right;  margin: 0 10px 0 5px;  }
.metadata .tags {  margin: 0 10px 0 5px;}
.metadata .tags a {color: #7bbd07;}


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

#ysearch { position: absolute;  left:730px; top:102px;}
#ysearch input {
border:none;
background:#FFFFFF;
font-size:13px;
height:16px;}

#location_1 .cropped_images {
  padding-left: 8px;
}
#location_1 .cropped_images.medium_images {
    padding-left: 18px;
    padding-right: 18px;
}
#location_1 .normal_images.medium_images {
    padding-left: 27px;
}
#location_1 .normal_images.small_images {
    padding-left: 0;
}
#location_1 .search_wrapper #blog_search {
  width:100px;
}
#location_1 ul {
  list-style-type: circle;
}
ul.tweets {
  list-style-image: url('pixeled/ico-twitter.gif');
  list-style-type: circle;
}
ul.events {
  list-style-image: url('pixeled/shout.png');
  list-style-type: circle;
}
.feed ul {
        list-style-image: url('pixeled/feedicon.gif');
        list-style-type: circle;
}

#location_1 .submit_wrapper input {
  padding: 4px;
}
#location_0 .submit_wrapper input {
  padding: 4px;
}
.custom_component .component_content, .blog_post .content {
  padding: 12px;
}

#location_0 h2 span {
    margin-bottom: 10px;
}

#location_1 .component {
  padding-left: 18px;
  padding-right: 18px;
}