/*
        Theme Name: helvetica-riff
        Theme URI: http://www.thenitenote.com/
        Description: New clean design for thenitenote
        Author: Val and Kate Cohen
        Author URI: http://www.katecohen.com/
        Version: 1
        For internal use only
*/
/* general styles */
    .float-right	{ 
        float: right;
    }
    .float-left,	
    .alignleft  {       /* .alignleft is generated by WP's image manager */
        float: left;
        margin-right: 10px;
    }
    .clear	{
        clear: both;
    }
    body	{
        width: 1000px;
        font-size: 13px;
        font-family: helvetica, arial, sans-serif;
        background-color: black;
    }
    input, textarea {
        border: 1px solid gray;
    }
/* page section styles */
    #mainbar	{
        width: 780px;
        float: left;
        background-color: white;
    }
        #flag	{
            height: 95px;
            background-color: #BD3E1E;
            padding: 15px 40px 30px 30px;
        }
            #flag a:link, 
            #flag a:visited	{
                color: black;
            }
            #flag a:hover	{
                color: white;
            }
            #flag .nav	{
                float: left;
                font-size: 13px;
                font-weight: bold;
            }
            #flag li	{
                display: inline;
                padding-right: 10px;
            }
            #flag h1	{
                font-size: 48px;
                float: right;
                line-height: 130px;
            }
            #flag .reverse	{
                color: white;
            }
        #content	{
            width: 750px;
            margin-left: 30px;
            margin-top: 70px;
            padding-bottom: 30px;
            position: relative;
        }
            .post	{
                text-align: justify;
                margin-bottom: 50px;
            }
                .post a:link, 
                .post a:visited	{
                    color: #BD3E1E;
                }
                .post a:hover	{
                    color: #BD3E1E;
                }
                .post h1	{
                    font-size: 24px;
                    letter-spacing: -1px;
                }
                .post .byline	{
                    padding-top: 6px;	/* align with body copy */
                    line-height: 14px;
                    font-weight: bold;
                    color: #7A795D;
                }
                .post p,
                .post div,
                .post table {
                    width: 475px;
                    line-height: 20px;
                    margin-bottom: 10px;
                }
                .post li    {
                    margin-bottom: 8px;
                }
                .post blockquote    {
                    width: 395px;
                    padding: 0 40px;
                    line-height: 20px;
                    margin-bottom: 6px;
                    font-style: italic;
                }
                .post blockquote *    {
                    width: 100%;
                }
                
                .post .indent-column    {
                    width:  325px;
                    margin-left: 137px;
                }


                .post img	{
                    padding-top: 6px;	/* align with body copy */
                    margin-right: 12px; /* default push away text*/
                    margin-bottom: 12px;
                }
                .post .float-right,
                .post .alignright { /* .alignright is generated by WP's image manager */
                    float: right;
                    text-align: right;
                    margin-right: 0;
                    width: auto;
                    margin-left: 25px;
                }
                
                .post .float-right img,
                .post .alignright img   {
                    margin-right: 0;    /* override default */
                }
                .post .wp-caption-text  {   /* .wp-caption-text is generated by WP's image manager */
                    font-style: italic;
                    text-align: left;
                    padding-left: 10px; /* WP image manager seems to pad the wp-caption div 10 px larger than the image size. This padding makes the caption text align. Dunno how durable this is. */
                    width: 100%;
                }

                .post .meta	{
                    width: 475px;
                    padding-top: 24px;
                    line-height: 14px; 
                    text-align: right;
                    font-weight: bold;
                    color: #7A795D;
                    margin-bottom: 12px;
                    clear: both;
                }
                .post .meta a:link, 
                .post .meta a:visited   {
                    color: #7A795D;
                }
                .post .meta a:hover   {
                    color: #BD3E1E;
                }
                .post .channel  {
                    width: 275px;
                    text-align: right;
                }
            #comments   {
                width: 475px;
                margin-bottom: 0;
            }
                #comments h3    {
                    margin-bottom: .5em;
                }
                #comments .commentlist li   {   /* individual comment & meta */
                    border-top: 1px solid gray;
                    padding-top: 12px;
                    padding-bottom: 12px;
                }
                #comments .avatar   {
                    display: block;
                    float: left;
                }
                #comments .comment-meta {
                    padding-top: .25em;
                    line-height: 1.5em;
                    margin-bottom: 12px;
                    font-style: italic;
                }
                #comments cite  {
                    font-style: italic;
                    font-weight: bold;
                }
                #comments .the-comment * {
                }
                #comments .alt  {
                    background-color: white;
                }
            #comment-reply   {
                width: 475px;
                border-top: 1px solid gray;
                padding-top: 12px;
                margin-bottom: 12px;
            }
                #comment-reply textarea   {
                    width: 100%;
                }
                #comment-reply #recaptcha_widget_div    {
                    margin-left: -3px;
                }
                #comment-reply #recaptcha_widget_div * {
                    margin-bottom: 0;
                }
            #nav {
                color: #7A795D;
                width: 100%;
            }
                #nav a:link, 
                #nav a:visited   {
                    color: #7A795D;
                }
                #nav a:hover   {
                    color: #BD3E1E;
                }
                #nav .prev  {
                    margin-right: 2em;
                }
                #nav div    {
                    float: left;
                }
                #nav h2 {
                    float: right;
                    padding-right: 40px;
                }
                #nav.index  {   /* goes at the bottom of the content column */
                    margin-bottom: 30px;
                }
                    #nav.index div  {
                        float: none;
                    }
                #nav.archive,
                #nav.single { /* goes in the whitespace above the content column */ 
                    position: absolute;
                    top: -38px;
                }
        #footer	{
        }
        
    .wide #mainbar	{
        width: 1000px;
        float: left;
        background-color: white;
    }
        .wide #mainbar #content	{
            width: 970px;
            margin-left: 30px;
            margin-top: 70px;
            position: relative;
        }

        
/* -- archive page styles */
            .archive-index  {
            }
                #month-list {
                    float: left;
                    width: 225px;
                    margin-right: 25px;
                    margin-bottom: 50px;
                }
                #category-list  {
                    float: left;
                    width: 225px;
                    padding-left: 25px;
                    margin-bottom: 50px;
                }
                #archive-list   {
                    margin-bottom: 50px;
                }
                #content .archive  {
                    margin-bottom: 20px;
                }
                .archive h1, 
                .archive h2 {
                    font-size: 18px;
                    letter-spacing: -0.75px;
                    margin-bottom: 6px;
                }
                .archive .meta  {
                    text-align: left;
                    padding-top: 0;
                }



#sidebar	{
        width: 220px;
        float: right;
        background-color: black;
        color: white;
        padding-top: 30px;
        padding-bottom: 30px;
    }
        #sidebar #sidebar-top    {  /* implement full-width heavy border between top & bottom sidebar sections */
            width: 220px;
            margin-left: 0;
            margin-bottom: 50px;
        }

        #sidebar a:link, 
        #sidebar a:visited  {
            color: white;
        }
        #sidebar a:hover    {
            color: #BD3E1E;
        }

        #sidebar h2	{
            font-size: 15px;
            padding-bottom: 12px;
        }
        #sidebar .widget /* , 
        #sidebar div,
        #sidebar p,
        #sidebar ul	*/{
            width: 170px;
            margin-left: 30px;
            margin-bottom: 50px;
        }
        
        #sidebar div.widget_adsense    {
            margin-bottom: 44px;    /* google adds 6px to the bottom of its div; this compensates */
        }
        
        #sidebar li	{
            margin-bottom: 10px;
            line-height: 16px;
        }
        #sidebar ul ul,
        #sidebar div div,
        #sidebar div ul {
            margin-left: 0px;
            margin-bottom: 6px;
        }
        
/* admin styles	*/
    .edit   {
        width: 3em;
        letter-spacing: 0;
        text-align: center;
        vertical-align: middle;
        font-size: 10px;
        font-weight: bold;
        color: rgb(140, 29, 2);
        border: 1px solid gray;
        background-color: #EEE;
        margin-left: 1em;
        padding: 2px;
    }
	.edit a	{
		outline: 1px solid #3A627B;
		background-color: #FFE7A9;
		padding: 0 4px;	/* tb lr */
	}
	.edit a:hover	{
		background-color: #DCEFFF
	}
	.debug	{
		font-family: "Courier New", monospace;
		font-size: small;
		color: gray;
		border: 1px solid #999 !important;
		background-color: #FEFF9D;
		padding: 0 3px;
		margin-bottom: 3px;
	}
	.debug .lbl	{
		font-weight: bold;
		color: blue;
	}
/* */