html 
{
    font-size: 62.5%; /* set 1em = 10px */
}

body
{
    background-color: #3D3D3D;
    margin: 0;
    padding: 0;

    font-family: Arial,Helvetica,sans-serif;
}

a
{
    color: #8A8A8B;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p, ol, ul
{
    margin: 0 0 1em;
}

#header h1
{
    font-size: 28px;
}    

#header a
{
    text-decoration: none;
    color: #238B49;
}

h1, h2, h3 
{
    color: #238B49;
    margin: 0 0 0.65em;
}
h1
{
    font-size: 3.1em;
}
h2
{
    font-size: 2.4em;
}
h3
{
    font-size: 1.8em;
}

#smarterfox-logo
{
    vertical-align: middle;
    margin-right: 3px;
}
/*
#page-title
{
    background: none;
    height: auto;
}
*/

#container
{
    -moz-border-radius-bottomleft: 35px;
    -moz-border-radius-bottomright: 35px;
    -moz-border-radius-topleft: 35px;
    -moz-border-radius-topright: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    
    background-color: #FFFFFF;
    border: 5px solid #909090;
    margin: 30px auto 30px auto;
    padding: 40px 40px 40px 40px;
    width: 750px;
}

a img
{
    border: medium none;
}

ol, ul 
{
    margin-left: 40px;
    padding: 0;
}

#nav
{
    font-size: 1.2em;
}

#nav ul
{
    background-color: #F7F7F8;
    border-bottom: 1px solid #538D4D;
    border-top: 1px solid #538D4D;
    clear: both;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    margin: 0;
    padding: 5px 0;
}

#nav ul li 
{
    border-right: 1px solid #C1C2C4;
    float: left;
    line-height: 1.2;
    margin: 1px 0;
    padding: 0 15px;
    text-transform: uppercase;
    width: auto;
}

#nav ul li:last-child 
{
    border-right: medium none;
}

#nav ul li a 
{
    color: #538D4D;
    text-decoration: none;
}

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

#main 
{
    padding: 15px 0;
}

#content
{
    text-align: justify;
    margin: 0 auto 0 auto;
    width: 680px;
}

div.post
{
    margin: 0 0 30px;
}


#content .text
{
    font-size: 1.4em;
}

#footer
{
    border-top: 2px solid #D6D5D6;
    padding: 5px 0;
    font-size: 1.2em;
}

#footer div.link
{
    float: left;
    margin-left: 15px;
}

.link-right
{
    float: right;
}

.infobox
{
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: #F7F7F8;
    border: 5px solid #D6D5D6;
}

.infobox h3
{
    font-size: 17px;
    font-weight: bold;
    color: #333333;
}

.infobox p
{
    font-size: small;
    color: #444444;
    margin-bottom: 0;
}


a:active
{
    border: none !important;
}

.text
{
    line-height: 1.5;
}

.post p img
{
    vertical-align:top;
    margin-left: 30px;    
    /*clear: both;*/
}

.deemphasized
{
    font-size: 0.9em; 
    color:#333333;
}

.install-button
{
    font-size: 14.4px;
}

/*
.post p img.left
{
    margin-right: auto;
}
.post p img.right
{
    margin-left: auto;
}
*/

/* from https://addons.mozilla.org/css/style.css */
/*** =Install button ***/
.install-button { font: bold 120% "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif; }
.install-button a { text-decoration: none; }

/*** =Install button ***/
.install-button a { color: #062445; background: #7cc11c url("../images/sprite.png") 100% -730px no-repeat; }
.install-button a span { background: transparent url("../images/installbtn-edges.png") left bottom no-repeat; }
.install-button a span span { background: transparent url("../images/installbtn-edges.png") right bottom no-repeat; }
.install-button a span span span { background: transparent url("../images/installbtn-edges.png") left top no-repeat; }
.install-button a span span span strong { background: transparent url("../images/installbtn-edges.png") right top no-repeat; }

.install-button a:hover, .install-button a:focus, .install-button a:active { color: #0a3b73; background-color: #9dd34c; background-position: 100% -860px; }

/* In listings - general add-ons */
/*
.install-button a span, 
.install-button a span span, 
.install-button a span span span, 
.install-button a span span span strong { background-image: url("../images/installbtn-edges-list.png"); }
*/

/*** =Install button ***/
.install-button:after, .install-container:after {content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;} /* clear floats */
.install-button a { float: left; cursor: pointer; }
.install-button a * { display: block; float: left; position: relative; }
.install-button a span { padding: 0 0 0 6px; }
.install-button a span span { padding: 0 0 8px 0; }
.install-button a span span span { left: -6px; padding: 0 0 6px 0; }
.install-button a span span span strong { right: -6px; padding: 10px 45px 0 6px; }






.share-link
{
    text-decoration: none;
    display: inline-block;
}
.share-button
{
    -moz-border-radius: 15px 15px 15px 15px !important;
    -webkit-border-radius: 15px !important;
    border-radius: 15px 15px 15px 15px !important;
    background-color: #F0F0F0 !important;
    border: 6px solid #909090 !important;
    display: inline-block !important;
    line-height: 0 !important;
    padding: 3px !important;    
}
.share-button-icon
{
    width: 60px;
    height: 50px;
    padding-bottom: 5px;
    display: block;
}
.share-button:hover
{
    opacity: 0.6;
}

.share-button-image
{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    vertical-align: middle;
}

.share-button-image-facebook
{
    padding-top: 4px;
    padding-buttom: 4px;
}
    
.share-button-image-twitter
{
    padding-top: 6px;
    padding-bottom: 7px;
}
    
.share-label
{
    font-size: 9px;
    font-family: verdana,arial,sans-serif;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 5px;
}

.share
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 160px;
}





.enable-link
{
    text-decoration: none;
    display: inline-block;
    color: #FFFFFF;
}
.enable-button
{
    -moz-border-radius: 3px 3px 3px 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px 3px 3px 3px !important;
    background-color: #49a21c !important;
    border: 5px solid #399103 !important;
    display: inline-block !important;
    line-height: 0 !important;
    padding: 20px !important;    
}

.enable-button:hover
{
    opacity: 0.6;
}

.enable-button-image
{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    vertical-align: middle;
}

.enable-button-image-facebook
{
    padding-top: 4px;
    padding-buttom: 4px;
}
    
.enable-button-image-twitter
{
    padding-top: 6px;
    padding-bottom: 7px;
}
    
.enable-label
{
    font-size: 25px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*height: 20px;*/
}

.enable
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 245px;
}