body {
    min-width: 970px;
}

h1 {
    font-size: 2.2em;
    line-height: 1.8em;
}

h2 {
    font-size: 1.6em;
    line-height: 1.4em;
}

h3 {
    font-size: 1.4em;
    line-height: 1.4em;
}

h4 {
    font-size: 1em;
    line-height: 1.3em;
}

h5 {
    font-size: .9em;
}

h6 {
    font-size: .8em;
    line-height: 1.3em;
}

p {
    font-size: 1em;
    line-height: 1.6em;
}

a:hover, span.link-dustmore:hover {
    text-decoration:underline !important;
}

span {
    font-size: 1em;
}

:focus {}

.hide {
    display:none;
    }
.show {
    display:block;
}

/* Font Families */

h1, h2, p, span {
    font-family: Lucida Sans Unicode, Lucida Grande, Tahoma, Helvetica, sans-serif;
}

html, body.home {
    background: url(images/body-bg.jpg) top left repeat-y #464749;
}

.container {
    background: url(images/body-content-bg.jpg) top left repeat-x transparent;
}

.dust-container {
    padding: 10px 20px;
    border-bottom: 1px dashed #fff;
    background-color: #54050A;
}

.dust-container h2, .dust-container p {
    color: #fff;   
}

.dust-container a {
    color: #ffffcc;
}

.hd-container {
    border-bottom: 3px solid #E9E9E9;
    padding: 10px 15px;
    background-color: #fff;
}

.login-form {
    float:right;
    width: 70%;
    text-align:right;
}

    .login-form div {
        display:inline;
    }
    
    .login-pw input, .login-user input {
        background-color: #F6F6F6;
        border: 2px solid #ccc;
        font-size: 1.6em;
        width: 190px;
    }
    
    .login-form div.login-auto {
        display:inline;
        width: 40px;
        font-size: .8em;
        color: #666;
        font-style:italic;
    }
    
    .login-form div.login-user p, .login-form div.login-pw p {
        display:none;
    }

.usernav-container {
    float:right;
    }
    
    .usernav-container h4 {
        text-align:right;
    }
    
    .usernav-container a {
        color: #333;
        text-decoration:none;
        padding: 0 3px;
    }


.logo {
    background: url(images/logo-theoryland.jpg) top left no-repeat transparent; 
    width: 228px;
    height: 28px;
}
    .logo span {
        visibility: hidden;
    }
    
.body-container {
    background: url(images/body-content-bg1.jpg) top center no-repeat transparent; 
}    

    .home .nav-content {
        background: url(images/nav-bg.png) top left repeat transparent; 
        padding: 8px 15px;
        border-bottom: 1px dotted #8d8d8d;
        color: #fff;
        text-align:left;
    }
    
    .nav-content ul {
        float:right;
        width: 66%;
        text-align:right;
        padding-top: 4px;
    }
        .nav-content ul li {
            display:inline;
        }
            .nav-content ul li a {
                font-size: 1.2em;
                padding: 0 6px;
                color: #fff;
                text-decoration:none;
            }
            
                .nav-content ul li a:hover, .usernav-container a:hover {
                    color: #72AFFF;
                }

h3.tagline {
    font-size: 1.1em;
    padding-top: 2px;
    width: 31%;
}

.image-copyright {
    margin-top:49px;
    position:absolute;
    right:15px;
    color: #fff;
    font-size: .8em;
    font-style:italic;
    text-decoration:none;
}

    .body-content {
        border-top: 1px dotted #8d8d8d;
    }
    
        .body-content a {
            text-decoration:none;
            color: #DD6900;
        }
        
    .home .body-content {
        margin-top: 70px;
    }
    
    
        
        .body-column-main {
            text-align:left;
            background: url(images/column-main-bg.png) top left repeat-x transparent;
            margin-left: 241px;
            
        }
        
        .body-column-left {
            width: 241px;
            text-align:left;
            background: url(images/column-left-bg.png) top left repeat-x transparent;
            float:left;
            margin-right: 15px;
        }
        
        .body-column-left p {
            color: #ddd;
        }
        
        .col-content span.date-news {
            color: #fff;
            font-size: .9em;
            font-weight: bold;
        }
        
            .col-content span.date-news a {
                font-weight: normal;
            }
        
        .col-content {
            color: #fff;
            padding: 10px 15px;
            min-height: 125px;
        }
        
            .col-content h1 {
                margin-top: 5px;
            }
            
            .col-content h3 {
                margin-top: 5px;
                line-height: 1.3em;
            }
        
            .col-content h4 {
                text-transform: uppercase;
            }
            
                .col-content h4 span {
                    font-style:italic;
                    font-size: .9em;
                    text-transform: none;
                }
            
            .col-content h6 {
                margin-bottom: 15px;
            }
            
                .body-column-left .col-content h6 {
                    margin-bottom: 10px;
                }
            
            .col-content h6 {
                color: #ddd;
                text-transform: uppercase;
            }

            
                .col-content h6 a, .link-news a {
                    text-decoration:none;
                    font-size: 1em;
                }
                    
                span.link-dustmore {
                    font-size: .7em;
                    color: #DD6900;
                    cursor:pointer;
                }

            
            .beg-letter {
                height: 38px;
                display:block;
                float:left;
            }
            
            .theory-O, .theory-o {
                background: url(images/letter-o.png) top left no-repeat transparent;
                width: 30px;
            }
            
            .theory-T, .theory-t {
                background: url(images/letter-t.png) top left no-repeat transparent;
                width: 35px;
            }
        
        
        .body-column-main .col-content p {
            font-size: 1.1em;
            line-height: 1.4em;
        }
        
            .col-content p br {
                line-height: .7em;
            }
        
        .body-column-left .col-content p {
            font-size: .9em;
        }
        

.reply-container {
    padding: 15px;
    background-color: #fff;
    border:2px dashed #46474B;
    color: #333333;
    margin-top: 15px;
}

    .reply-container h4 {
        font-weight: bold;
    }
    .reply-container h4 span {
        font-weight: normal;
    }
    
/*--CLEARFIX SHOULD STAY AT THE BOTTOM OF THE FILE--*/
    .clearfix:after {
            clear:both;
            content:".";
            display:block;
            height:0;
            line-height:0;
            visibility:hidden;
    }

    .clearfix {
    clear: both;
}

    html[xmlns] .clearfix {
            display:block;
    }

    * html .clearfix {
            height:1%;
    }