TV Reddit

/* TV Reddit */

div.content {
    margin-top:40px;
    }

/*hack to enable positioning of child elements*/

.titlebox form {
    position: static
    }

/*turns top quote in sidebar into menu container*/

.titlebox blockquote:first-child {
    border-left: none;
    position: absolute;
    z-index: 100;
    top: 163px;
    left: -10px
    }

/*turns first paragraph into menu title*/

.titlebox blockquote:first-child p:first-child {
    margin-top: 0px;
    padding: 5px;
    float: left;
    font-size: 12pt;
    background: #606060;
    border: 1px solid #cee3f8;
    font-weight:bold;
    color: white;
    cursor:default;
    }

/*turns the lists into menus*/

.titlebox blockquote ul {
    float: right;
    padding: 1px;
    background: #000000;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    margin:0px;
    }

/*hide and styles lists*/

.titlebox blockquote ul li {
    display: none;
    padding:2px;
    text-align:center;
    }

/*makes whole list item selectable*/

.titlebox blockquote li a {
    color: #ffffff;
    display:block;
    font-size: 12px;
    }

/*shows menu on hover*/

.titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li {
    display: block
    }

/*turns top list item into section header*/

.titlebox blockquote li:first-child {
    font-size: 12pt;
    padding: 4px;
    cursor:default;
    }

/*styling menu items*/

.titlebox blockquote:first-child ul li:hover {
    background: #006e89;
    }
.titlebox blockquote li a:hover {
    color: black;

    }

/*custom size for menu sections*/

.titlebox blockquote ul:nth-of-type(1) {width:130px;}
.titlebox blockquote ul:nth-of-type(2) {width:130px;}
.titlebox blockquote ul:nth-of-type(3) {width:130px;}
.titlebox blockquote ul:nth-of-type(4) {width:130px;}
.titlebox blockquote ul:nth-of-type(5) {width:130px;}
.titlebox blockquote ul:nth-of-type(6) {width:130px;}
.titlebox blockquote ul:nth-of-type(7) {width:130px;}
.titlebox blockquote ul:nth-of-type(8) {width:130px;}
.titlebox blockquote ul:nth-of-type(9) {width:130px;}
.titlebox blockquote ul:nth-of-type(10) {width:130px;}
.titlebox blockquote ul:nth-of-type(11) {width:130px;}

/* TV Reddit End */