/*
Title:        Style sheet for redshirtriot.com
Author:       William Wade
Updated:      June 16, 2010
*/

/* Page Elements */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
        margin: 0;
        padding: 0;
        font-size: 100%;
}

td {
        color: #ffffff;
}

a:link {
        text-decoration: underline;
        color: #ffffff;
}

a:visited {
        text-decoration: none
        color: #ffffff;
}

a:active {
        text-decoration: none
        background: #000000;
        color: #ffffff;
}

a:hover {
        text-decoration: underline;
        background: #f00000;
        color: #ffffff;
}

body {
        font-size: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-color: #000000;
        color: #ffffff;
        text-align: center;
}

#layout {
        width: 960px;
        margin: auto;
        position: relative;
        top: 0px;
        z-index: 10;
        background-color: #000000;
        text-align: left;
}


#content { 
        width: 960px;
        margin: 0 auto;
        background: #000000;
        overflow:auto;
        text-align: left;
} 

.column { 
        width: 50%; 
        position: absolute; 
        text-align: left;
} 

.left { 
        left: 0;
        text-align: left;
} 

.right {
        right: 0;
        text-align: left;
} 

#lefttop {
        top: 0;
        margin-right: 479px; 
        background: #000000 url("../images/topbarLogo_left.jpg") top repeat-x;
        height: 165px;
        text-align: left;
} 

#centertop {
        top: 0;
        margin: auto;
        background: #000000 url("../images/topbarLogo_center.jpg") top;
        height: 165px;
        width: 960px;
        text-align: left;
}

#righttop {
        top: 0;
        margin-left: 479px;
        background: #000000 url("../images/topbarLogo_right.jpg") top repeat-x;
        height: 165px;
        text-align: left;
}

#leftmargin {
        top: 166px;
        margin-right: 480px;
        background: #870f08 url("../images/redGradient.jpg") top repeat-x;
        height: 500px;
        text-align: left;
}

#centermargin {
        top: 166px;
        width: 960px;
        margin-left: auto;
        margin-right: auto;
        background: #870f08 url("../images/redGradient.jpg") top repeat-x;
        height: 500px;
        z-index: 1;
        text-align: left;
}

#vidplayer {
        position: relative;
        top: 24px;
        left: 30px;
        width: 430px;
        height: 314px;
        background: #000000;
        z-index: 3;
        text-align: left;
}

#vidframe {
        position: absolute;
        top: 166px;
        margin-left: 230px;
        width: 500px;
        height: 355px;
        background: url("../images/videoFrame2.gif") top;
        z-index: 2;
        text-align: left;
}

#rightmargin {
        top: 166px;
        margin-left: 479px;
        background: #870f08 url("../images/redGradient.jpg") top repeat-x;
        height: 500px;
        text-align: left;
}

#leftstuff {
        position: absolute;
        top: 170px;
        margin-left: 0px;
        width: 230px;
        height: 300px;
        text-align: left;
}

#rightstuff {
        border-color: #000000;
        position: absolute;
        top: 170px;
        margin-left: 735px;
        width: 225px;
        height: 300px;
        text-align: left;
}

#picturerow {
        border-color: #000000;
        position: absolute;
        top: 540px;
        width: 960px;
        height: 100px;
        text-align: left;
}

.redborder {
        border-color:#ff0000; 
}

.blackborder {
        border-color:#000000;
}