/****************************************************************************
 * style.css -- Contains style for the FuzzMeasure Pro 2 launch site.  Feel
 * free to steal or borrow design elements and ideas -- I sure as hell stole 
 * from other sites, myself.  :P
 ***************************************************************************/
 
/****************************************************************************
 * Page style foundation
 ***************************************************************************/

/* Contains the main body's style -- most importantly setting the background 
 * and main text colours */
body {
    font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    background: #555B65;
    color: #000;
}

/* Remove all the blasted link outlines that show up in Firefox */
img { 
    border: 0px; 
}

a {
    text-decoration: none;
}

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

/* This sets the main container box that holds all the content. */
#container {
    width: 720px;
    margin: 20px auto;
    line-height: 150%;
    background: #fff;
}

#container .top {
    padding-top:2px;
    background: #fff url(img/rback720t.gif) no-repeat top left;
}
#container .bot {
    padding-top:2px;
    background: #fff url(img/rback720b.gif) no-repeat bottom left;
}

/****************************************************************************
 * Main header on all pages
 ***************************************************************************/
 
/* Ensure a white border around the header. */
#headercontainer {
    /* This padding is necessary to ensure the header defined below's top 
     * padding is set.  Don't ask why -- I'll consider this a hack. */
    padding-top:1px;
}
#header {
    background-color: #D9D2C3;
    background-repeat: no-repeat;
    margin: 20px;
    margin-top: 17px;
}

#header .top {
    width: 680px;
    background: url(img/rback680t.gif) no-repeat top left;
    padding-top: 2px;
}
#header .bot {
    width: 680px;
    background: url(img/rback680b.gif) no-repeat bottom left;
    padding-bottom: 2px;
}
#header .left {
    display:table;
    float:left;
    text-align:right;
    width:250px;
}
#header .right {
    display:table;
    float:left;
    text-align:left;
    padding-top:65px;
    width:350px;
}
#header .center {
    display:table;
    float:left;
    text-align:center;
    padding-top:16px;
    width:680px;
}
#header img.imgleft {
    border:0px;    
    vertical-align: middle;
}
#header img.imgright {
    border:0px;    
    vertical-align: middle;
}
/* Anchor the header that contains all the floaty elements.  This ensures that
 * the content below the header doesn't infringe on the floating elements 
 * above it. */
#header .anchor {
    clear:both;
}

/****************************************************************************
 * Actual written content on the page
 ***************************************************************************/
 
#bodycontainer {
    margin: 0px;
    padding: 0px;
    background:#fff;
}

#contentcontainer {
    margin: 0px;
    padding: 0px;
    width: 490px;
}

#content {
    margin: 0px 20px 0px 20px;
}

#content blockquote {
    border-left: 2px #aaa solid;
    padding-left: 8px;
    margin-left: 12px;
    color: #555;
}

/* Set up a bolded, intro paragraph style */
#content p.intro {
    font-weight:bold;
    color: #000;
}

#content p.tight {
    color: #000;
    padding: 0px;
    margin: 0px;
}

#content h3 {
    font: 15px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    font-weight:bold;
    color: #000;
}

#content div.postfooter {
    text-align: right;
    border-bottom: 1px solid #CCC;
    font-size: 12px;
}

#content div.posttitle {
    font-size: 18px;
    font-weight: bold;
    color: #036;
}

#content div.postdate {
    padding-top: 4px;
    font-size: 12px;
    color: #333;
}

#content div.postmeta {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 11px;
    font-style: italic;
    color: #333;
}

#content div.blogbody {
    font-size: 12px;
    padding-bottom: 12px;
}

/****************************************************************************
 * The stylings of the blosxom comments sections
 ***************************************************************************/

#blosxomCommentForm {
}
#blosxomCommentForm h3 {
    border-top: 1px solid #000;
}
    
#blosxomComments {
}
#blosxomComments h3 {
    padding:0px;
    margin:0px;
    margin-bottom:8px;
}
#blosxomComments div.commentHeader {
    margin-top: 12px;
    border-top: 1px solid #000;
}
#blosxomComments div.commentBody {
}
#blosxomComments div.commentFooter {
    margin-top:8px;
    font-style: italic;
}

/****************************************************************************
 * The sidebar shown at the right of every page
 ***************************************************************************/

#sidebarcontainer {
    float:right;
    margin: 0px;
    padding: 0px;
}

#sidebar {
    width: 200px;
    padding: 0px;
    margin: 0px 20px 0px 0px;
}

#sidebarent {
    font: 11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
    background: #D9D2C3;
    margin-bottom: 10px;
}
#sidebarent h3 {
    margin: 0px;
    padding-top: 2px;
    padding-left: 10px;
    color: #fff;
    background: #989388;
    border-bottom: 1px solid #fff;
    padding-bottom: 3px;
    font-size: 12px;
}
#sidebarent p {
    margin: 3px 0px 3px 0px;
    padding: 0px 10px;
    color: #000;
}
#sidebarent .top {
    padding-top: 2px;
    background: #989388 url(img/rback200t.gif) no-repeat top left;
}
#sidebarent .bot {
    padding-bottom: 2px;
    background: url(img/rback200b.gif) no-repeat bottom left;
}

/****************************************************************************
 * Style up the flash box shown if an error occurs
 ***************************************************************************/

#flash {
    border: 1px solid #933;
    background: #fcc;
    margin: 10px;
    color: #000;
    text-align: center;
}

/****************************************************************************
 * Feature list shown on the index page
 ***************************************************************************/

/* Feature descriptions */
#feature {

}
#feature h3 {
    margin-top: 20px;
    padding-top: 3px;
    border-top: 1px solid #555B65;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#feature p.date {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 9px;
}

/****************************************************************************
 * Show a footer on the bottom of each page.  This serves as both a place to
 * put any fine print, and also to anchor both the sidebar and main content 
 * together.  Without it, if the sidebar ever exceeded the main content in 
 * length, then it would go outside the main white box.
 ***************************************************************************/

#footer {
    margin-top: 20px;
    border-top: 1px solid #555B65;
    clear: both;
    text-align: center;
}
#footer p.fineprint {
    font-size: 9px;
    color: #666;
}