html, body {
        height: 100%;
    }
    
    body {
        color: #ccc;
        font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
        margin: 0 auto;
        padding: 0;
        background: #000
    }
    
    a {
        color: #ccc;
    }
    
    a:focus {
		outline:none;
	} 
	
	.action {
        cursor: pointer;
    }
    
    #title {
        margin: 0 auto;
        width: 1000px;
        padding-top: 20px;
    }
    
    #content {
        margin: 0 auto;
        text-align: center;
        width: 1250px;
    }

    #logo_left {
        position:relative;
        float: left;
        padding-left: -30px;
        /*position:absolute; left:30px; top:20px;*/
    }

    #logo_right{
        position: relative;
        text-align: right;
        padding-right: -100px;
    }
    
    .thumb {
        opacity: 0.5;
        width: 158px;
        height: 77px;
        float: left;
    }
    
    .thumb.current {
        opacity: 0.95;
    }
    
    .thumb:hover {
        opacity: 1.0;
    }
    
    .thumb img {
        position: relative;
        left: 0px;
        border: 1px solid gray;
    } 
    
    
    .weekday{
    	float: left;
        font-weight: bold;
        padding-left: 10px;
        width: 156px;
    }
    
    #commentArea {
        width: 1162px;
        margin: 0 auto;
        text-align: left;
        padding-top: 10px;
        font-size: 13px;
    }
    
    #commentArea #date {
        padding-left: 4px;
    }
    
    #commentArea #comment {
        padding-left: 10px;
        font-style: italic;
    }
    
    #commentArea #comment a {
        text-decoration: none;
        color: #888;
    }
    
    #commentArea #comment a:hover {
        color: #fff;
    }
    
    
    #footer {
        margin: 0 auto;
        text-align: center;
        font-size: 0.95em;
        font-weight: bold; 
        text-decoration: none;
    }

    #footer a {
        color: #ccc;
        font-size: 1.0em;
        background: #000;
        text-decoration: none;
    }

    #footer a:hover {
        color: #fff;
    }
    
    #footer .footerText {
        display: inline-block;
    }
    #footer .footerText.current {
        color: #555;
    }
    
    
    /* for sticky footer */
    
    #wrapper {
    	min-height: 100%;
    }
    
    #content {
    	overflow:auto;
	    padding-bottom: 24px;
    	
    }
    
    #footer {
        position: relative;
	    margin-top: -24px; /* negative value of footer height */
	    height: 24px;
	    clear:both;
    }