/** Stylesheet for Operation Family Blueprint **/
body { 
     background: #456496 url(/images/ofb/ofb_bg.jpg) top center no-repeat; 
     color: #eee; 
     font-family: "Trebuchet MS" sans-serif; 
}	
img {
     border: none;
}
a { 
     color: #ffffff;
     text-decoration: underline;
}
a:hover {
     text-decoration: none;
}
#header { 
     height: 150px; 
}
#header #go_home { 
     height: 150px; 
     width: 350px; 
     float: right; 
     cursor: pointer;
     text-indent: -9999px; 
}
#nav { 
     float: left; 
}
#nav img { 
     border: none; 
}
#content { 
     margin-top: 4px; 
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     border: 2px solid #eeeeee;
     padding: 10px; 
     float: right; 
}
#footer { 
      height: 50px;
}
#footer p {
      font-size: 11px; 
      width: 320px; 
      margin: 0px auto;
}

/** try to anchor the footer to the bottom of the page **/
html, body { height: 100%;  }
body { margin: 0; padding: 0; }
#maincolumn {
    min-height: 100%;
    margin-bottom: -60px;
}
* html #maincolumn {
	height: 100%;
}
div#content { padding-bottom: 50px; }
#footer-spacer {
    height: 60px;
}
/** end anchor footer stuff **/

#post-story {float:right;}
#title {float:left;}
.clearer { text-indent: -9999px; line-height: 1px; clear: both; }

.ofb_story {
    border-bottom: thin solid #eeeeee; 
    padding-bottom: 15px;
    margin-bottom: 10px
}

.ofb_meta {
    clear:both;
    width: 100%;
    margin-bottom: 5px;
}

.ofb_story h2 {
    margin-bottom: 2px; 
}

.ofb_story .ofb_thumb { float: left; margin-right: 5px; margin-bottom: 5px; }


.ofb_byline {
    font-size: 11px;
}

ul#ofn_items {
    list-style-type: none;
    padding-left: 10px;
}

ul#ofn_items li {
    font-size: 16px;
    margin-bottom: 10px;
}

ul#ofn_items li span.ofn_links {
    font-size: 11px;
}
/**** IMage loader ***/
div#loader {
  border: 1px solid #ccc;
  width: 500px;
  height: 500px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
div#loader.loading {
  background: url(/images/spinner.gif) no-repeat center center;
}

div#image_full {
  display:none; color: #000; background-color: #efefef; padding: 10px; width: 800px; height: 700px;
  position: absolute: left: 50px; top: 50px;
}