/*==================================================
*
* Filename: default.css
* Website: www.secrettweet.com
* Author: Eric Roberts (www.cryode.com)
* Date Created: 5/2/2009
* Media: Screen
*
* Description
* -----------
* Default screen CSS file for Secret Tweet. Partial
* structure done with 960 system.
*
* ==================================================*/


/*=========== CSS RESET ============================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/*=========== Body & Container ============================*/

body {
    font-family: Trebuchet MS, Arial, Verdana, sans-serif;
    background-color: #222;
    color: #fff;
}

a, a:visited { color: #547F99; text-decoration: none; }
a:hover { color: #BDDFF1; text-decoration: underline; }

#blue {
    position: relative;
    background: #04151E url(../images/bluebg.gif) repeat-x;
    min-height: 515px; /* not necessary... */
}

.logo {
    height: 110px;
    background: url(../images/logo.png) no-repeat;
}

    .logo h1 a {
        display: block;
        width: 450px;
        height: 110px;
        text-indent: -9999px;
    }

.top_menu {
    height: 30px;
    margin-top: 50px;
    background: url(../images/topmenubg.png) no-repeat;
    text-align: center;
    line-height: 29px;
    font-size: 0.8em;
    color: #fff;
}

    .top_menu ul li {
        display: inline;
        border-left: 1px solid #598193;
        padding: 0 2px 0 5px;
    }

    .top_menu ul li.first { border: none; }

    .top_menu a, .top_menu a:visited { color: #fff; text-decoration: none; }
    .top_menu a:hover { text-decoration: underline; }

.msg_notice {
    height: 30px;
    background: url(../images/msgbg.gif) repeat-x;
    text-align: center;
    line-height: 28px;
    font-family: Georgia, Times New Roman, serif;
    font-size: 0.9em;
    color: #444;
}

/* Global top margin */
.fuad, .submit_container, .tweets, .sidebar { margin-top: 20px; }

.fuad {
    height: 170px;
    background: url(../images/topadbg.png) no-repeat;
    position: relative;
    z-index: 100;
padding: 10px;
}

.submit_container {
    position: relative;
    z-index: 3;
    background: url(../images/submitbg.png) no-repeat;
    height: 170px;
}

    .submit_expand {
        position: absolute;
        top: 0; left: 0;
        width: 380px;
        background: url(../images/submitbottom.png) no-repeat bottom left;
        padding: 11px 0 5px 0;
        min-height: 154px;
        height: auto !important;
        height: 154px; /* for IE6 */
    }

        .submit_expand h2 {
            width: 203px;
            height: 34px;
            margin: 0 0 12px 10px;
            background: url(../images/shareyoursecret.png) no-repeat;
            text-indent: -9999px;
        }

        .submit_text {
            text-align: center;
        }

        .submit_text label { display: none; }

        .submit_text textarea {
            width: 328px;
            height: 70px;
            background-color: #04151E;
            border: none;
            padding: 6px;
            color: #fff;
            overflow: hidden; /* removes scroll bar */
        }

        .submit_hidden {
            /*display: none;*/
            margin-top: 15px;
            padding: 0 20px 10px;
            background-color: #294857;
        }

.tweets {}

    .tweets p.plain {
        font-size: 0.9em;
        color: #59798A;
        margin: 20px 0;
        padding-left: 14px;
        border-left: 4px solid #212E36;
        line-height: 1.3em;
    }

    .secret_container {
        height: 90px;
        background: url(../images/secretbg.gif) no-repeat;
        margin-bottom: 10px;
    }

        .secret_container .info {
            float: right;
            width: 130px;
            text-align: center;
            color: #7a7a7a;
            padding-top: 5px;
            font-size: 0.9em;
            line-height: 1.1em;
        }

            .secret_container .info strong {
                font: 1.1em/1.3em Georgia,serif;
            }

        .secret_container .secret {
            width: 535px;
            height: 46px;
            padding: 12px 15px;
            font: 1.05em/1.3em Georgia,serif;
            color: #BDDFF1;
        }

        .secret_container .links {
            width: 260px;
            height: 20px;
            background: url(../images/secretlinksbg.gif) no-repeat;
            margin-left: 60px;
            text-align: center;
            font-size: 0.75em;
            line-height: 18px;
            color: #555;
        }

            .secret_container .links a, .secret_container .links a:visited {
                color: #555;
                text-decoration: none;
            }

            .secret_container .links a:hover { color: #888; text-decoration: underline; }

    .ads {
        text-align: center;
        margin: 20px 0;
    }

    .secret_comment {}

        .secret_comment .av_left, .secret_comment .av_right { text-align: center; overflow: visible; }

        .secret_comment .av_left img { margin: 12px -20px 0 0 !important; margin: 12px 0 0; }
        .secret_comment .av_right img { margin: 12px 0 0 -20px !important; margin: 12px 0 0; }

        .secret_comment .comment {
            background: url(../images/commenttop.png) no-repeat;
            padding-top: 10px;
        }

        .secret_comment .alpha {
            background-position: top right;
        }

        .secret_comment .comment p {
            background-color: #071015;
            color: #666;
            padding: 9px 15px 12px;
        }

        .secret_comment .comment p.info {
            background: url(../images/commentbottom.png) no-repeat;
            padding-top: 6px;
            text-align: right;
            font-size: 0.85em;
            color: #212E36;
        }

.sidebar {
    background: url(../images/sidebarbottom.gif) no-repeat bottom left;
    padding-bottom: 20px;
    font: 0.85em Georgia,serif;
}

    .sidebar ul {
        background: url(../images/sidebartop.gif) no-repeat;
        padding-top: 12px;
    }

    .sidebar ul li {
        background-color: #031118;
        margin-bottom: 2px;
        padding: 1px;
    }

    .sidebar ul li a, .sidebar ul li a:visited {
        display: block;
        width: 208px;
        height: 26px;
        line-height: 25px;
        padding-left: 10px;
        color: #59798A;
        text-decoration: none;
    }

    .sidebar ul li a:hover {
        color: #BDDFF1;
        background-color: #294857;
    }

    .sidebar .skyscraper {
        text-align: center;
        background-color: #031118;
        padding-top: 20px;
    }

    .sidebar .skyscraper p { margin-bottom: 20px; }

.ad_728 {
    text-align: center;
    margin-top: 20px;
}


#gray {
    position: relative;
    z-index: 2;
    height: 200px;
    background: url(../images/graybg.gif) repeat-x;
    padding-top: 50px;
}

.blog_title {
font-size: 25px;
vertical-align: middle;
}

.footer {
    font-size: 0.85em;
    color: #888;
    line-height: 1.2em;
}

    .footer a, .footer a:visited { color: #799FB3; }

    .footer h3 {
        height: 26px !important;
        height: 25px; /* For IE6 */
        background: url(../images/footerh3.png) no-repeat;
        text-indent: -9999px;
        margin-bottom: 5px;
    }

    .footer p {
        margin: 15px 0;
    }

    .about { background: url(../images/bird.png) no-repeat 5px 20px; }

    .about h3, .about p { margin-left: 160px; }

    .about h3 { background-position: 0 0; }

    .commenting h3 { background-position: 0 -26px; }
    .commenting span { color: #799FB3; }

    .search h3 { background-position: 0 -52px; }

    .search ul {
        list-style-type: circle;
        margin: 15px 0 20px 20px;
    }

    .diehard h3 { background-position: 0 -78px; }

.copyright {
    position: relative;
    margin-top: 20px;
    height: 40px;
    padding-bottom: 30px;
    background: url(../images/copyrightbg.gif) no-repeat;
    font: 0.85em/40px Georgia,serif;
    color: #696969;
}

    .copyright a, .copyright a:visited { color: #696969; text-decoration: none; }
    .copyright a:hover { color: #000; text-decoration: underline; }

    .copyright .left { float: left; padding-left: 15px; }
    .copyright .right { float: right; padding: 6px 15px 0 0; }

.blurb {
    margin: 1em;
    padding: 10px;
    background-color: #212E36;
    border-color: 2px solid #031118;
    text-indent: 30px;
}

.view_hover:hover {
    background-color: #ff0000;
}


.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color:#031118 !important; //reCaptcha widget background color
	padding: 0px !important;
}

#recaptcha_table {
	border-color: #212E36 !important; //reCaptcha widget border color
	padding: 0px !important;
}

#recaptcha_response_field {
	border-color: #BCDFF1 !important; //Text input field border color
	background-color:#BDDFF1 !important; //Text input field background color
	padding: 0px !important;
}

#expand2 {
	background-color: #294857;
	display: none;
	padding: 0px;
}

#expand2 div {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
		
.expandInfo {
}