/* ================================= *
 *  - CSS/XHTML: Jase | 5Q Communications
 *  - Feb/March 2008
 * --------------------------------- */
@import "/assets/templates/fiveq/css/import-position.css";
@import "/assets/templates/fiveq/css/import-links.css";
@import "/assets/templates/fiveq/css/import-navigation.css";
@import "/assets/templates/fiveq/css/import-content.css";
@import "/assets/templates/fiveq/css/import-lists.css";
@import "/assets/templates/fiveq/css/import-siderail.css";
@import "/assets/templates/fiveq/css/import-forms.css";
@import "/assets/templates/fiveq/css/import-images.css";

* {
    padding:0;
    margin:0;
    background-repeat:no-repeat;
    background-position:0 0;
    }

/* ================================= *
 *  - Initial Controls
 * --------------------------------- */
body {
    font: 10px Arial, Helvetica, sans-serif;
    color:#4d4331;
    text-align:center;
    }
#wrapper,
#subwrapper {
    position:relative;
    text-align:left;
    width:932px;
    margin:0 auto;
    }

/* ================================= *
 *  - 5Q Sticker
 * --------------------------------- */
a#fiveq_sticker {
    position:relative;
    display:block;
    width:100px;
    height:15px;
    overflow:hidden;
    background-image: url(/assets/templates/fiveq/gui/5Q_sticker.gif);
    }
a#fiveq_sticker:hover {
    background-position: 0 100%;
    }
a#fiveq_sticker span {
    position:absolute;
    left:-500px;
    }

/* ================================= *
 *  - UTILITY STYLES
 * --------------------------------- */
*.none {display:none;}
*.fix {clear:both;height:1px;}
*.clearleft {clear:left;}
*.clearright {clear:right;}
*.red {color:#ca1e34;}
*.green {color:#34ca1e;}
*.orange {color:#f60;}
*.grey {color:#999;}
*.left {float:left;}
*.right {float:right;}
*.aright {text-align:right;}
*.acenter {text-align:center;}
*.aleft {text-align:left;}
img.right {margin:0 0 18px 18px;}
img.left {margin:0 18px 18px 0;}
div.left.columns {padding-right:2em;}
acronym {cursor:help;}

/* ============================================= *
 *        Blog pagination styles                 *
 * --------------------------------------------- */
#ditto_pages {
    margin: 0 0 10px; 0;
    }
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
    }
#ditto_pages .ditto_currentpage,
#googlePagination .currentPage,
#flickrPagination .currentPage {
    border: 1px solid #000;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #374e55;
    color: #fff;
    font-weight: bold;
    }
#ditto_pages .ditto_off,
#googlePagination .off,
#flickrPagination .off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
    }
#ditto_pages a, 
#ditto_pages a:link, 
#ditto_pages a:visited,
#googlePagination a,
#flickrPagination a {
    border: 1px solid #000;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #000;
    }
#ditto_pages a:hover,
#googlePagination a:hover,
#flickrPagination a:hover {
    background-color: #ccc;
    color: #fff;
    }
p.ditto_pages {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 10px;
    }

/* ============================================= *
 *     Added Google Custom Search Engine         *
 * --------------------------------------------- */
#googleSearch {
    margin-top: 20px;
    }
#googleResults {
    margin: 10px 0;
    padding: 5px 0;
    border-top: 1px solid #ccc;
    text-align: right;
    }
#googleRefine {
    margin-bottom: 30px;
    }
dl#googleResultsList {
    margin: 10px 0;
    }
#googleResultsList dd {
    margin: 0 0 10px 20px;
    }
#googleResultsList a.url {
    font-size: 10px;
    }
#googleResultsList a.url:hover {
    text-decoration: none;
    }
#googlePagination,
#flickrPagination {
    margin: 25px 0 15px 0;
    text-align: center;
    }
    /* for further googlePagination styles
     * see above in the ditto pagination
     * area. I wanted both styles to be the
     * same so I set them there
    */

h2.flickr {
    padding-bottom: 20px;
}