#outer_container {
        width: 100%;
        margin: 0 auto;
}

#container {
        width: 99%;
        margin: 0 auto;
        padding-bottom: 15px;
        position: relative;
        overflow: auto;
        float: middle;
        overflow: hidden;
}
        
#article_sidebar {
        width: 20%;
        float: left;
}

        /*#category_list {
                background: #2b333d;
                padding: 10px;
        }*/
        
        #category_list h2, #recent_articles h3, #recent_comments h3, #article_search h3,
        #video_info h2 {
                background: #104560;
                color: #fff;
                font-size: 13px;
                padding: 6px 10px;
                font-weight: bold;
                margin-bottom: 3px;
        }
                
                #category_list h2 a {
                        font-size: 10px;
                        float: right;
                        color: #8297ac;
                        font-weight: normal;
                        text-decoration: none;
                }
                
        #category_list ul a {
                color: #30587f;
                text-decoration: none;
                display: block;
                padding: 8px 12px;
                background: #e6f1f7;
                border-right: 10px solid #c9e2ef;
        }
        
                #category_list ul a:hover {
                        background: #c9e2ef;
                        color: #2b333d;
                        border-right: 10px solid #a9d3e9;
                }
        
        #category_list ul ul {
                margin-top: 3px;
        }
        
                #category_list ul ul li a {
                        font-size: 11px;
                        padding: 6px 12px 6px 25px;
                }
                
        #category_list li {
                font-size: 12px;
                margin: 0 0 3px 0;
        }
        
                #category_list li.active a {
                        background: #995f8a;
                        color: #fff;
                        border-right: 10px solid #732d60;
                        font-weight: bold;
                }
                
        #article_search form {
                background: #e6f1f7;
                padding: 5px;
        }

#forum_info {
        background: #d5e3eb;
        border-bottom: 1px solid #222;
        color: #ccdfe9;
        padding: 20px 10px;
        margin: -15px -15px 15px;
        display: none;
}

.left {
        float: left;
}

.right {
        float: right;
}

.clear {
        clear: both;
}

.hide {
        display: none;
}

.section_title, .post_form h2 {
        font-size: 22px !important;
        font-weight: bold;
        border-bottom: 1px solid #111;
        padding-bottom: 3px;
        margin-bottom: 10px;
}

.no_messages {
        clear: both;
        padding: 10px 30px 10px 0px;
}

.desc {
        font-size: 11px;
} 

/* Media section */

#videos h2 {
        background: #104560;
        color: #fff;
        font-size: 13px;
        padding: 6px 10px;
        font-weight: bold;
        margin-bottom: 3px;
}

        #videos h2 .rating {
                float: right;
        }

#videos_menu {
        width: 20%;
        margin-right: 10px;
}

#videos_latest {
        margin-bottom: 25px;
}

#videos_latest, #videos_recent, #video_view, #video_category {
        background: #f0f6f9;
        width: 75%;
}

        #videos_hot {
                background: #f0f6f9;
                overflow: hidden;
                margin-top: 15px;
        }

        #videos_latest h3 {
                font-size: 18px;
                margin-top: 10px;
        }
        
#videos_recent, #video_category {
        overflow: hidden;
}

        .video_thumb {
                padding: 10px;
                width: 140px;
                height: 140px;
                overflow: hidden;
                margin: 5px;
                background: #fff;
                float: left;
        }
                
                .video_thumb img {
                        margin-bottom: 5px;
                }
                
                .video_thumb a,
                .video_mini_thumb a {
                        color: #30587f;
                        font-size: 11px;
                        font-weight: bold;
                        text-decoration: none;
                }
                
                .video_thumb .time {
                        color: #979797;
                        font-size: 11px;
                }
                
                .video_thumb .rating {
                        margin-top: 8px;
                        display: inline-block;
                }
                
        .video_mini_thumb {
                background: #fff;
                padding: 10px;
                overflow: hidden;
                margin: 3px 0;
        }
        
                .video_mini_thumb .info {
                        margin-left: 48px;
                        margin-top: -3px;
                }

/* Article styles relevant to the demo site */  
.articles, .post_form {
        float: left;
        width: 75%;
        margin: 0 15px;
        font-size: 13px;
}
                
                .articles a:hover {
                        text-decoration: underline;
                }
                
        .articles .posted_info a,
        .comment_wrap .posted_date a {
                text-decoration: none;
        }
        
        .articles .block-1,
        .articles.type-1x2x2 .article_row {
                border-bottom: 1px solid #222;
        }
        
        .articles .links {
                margin-top: 8px;
                display: inline-block;
        }
        
        .articles .links a {
                font-size: 11px;
        }
        
        .articles .links a.read_more {  
                font-weight: bold;
        }
        
        .articles .article_body {
                margin-top: 8px;
                padding-top: 20px;
                border-top: 1px solid #222222;
        }
        
.articles.archives .subcats .subcat:first-child {
        border-top-width: 4px;
}

.articles.categories .subcats .subcat:first-child {
        border-top-width: 0px;
}

.articles .subcat h2 {
        float: left;
        width: 180px;
        font-weight: normal;
}

        .articles .subcat h2 .desc {
                display: block;
        }
        
                .articles .subcat h2 img {
                        vertical-align: middle;
                        margin-right: 5px;
                }

        .articles .last_article {
                margin-left: 200px;
        }
        
        .articles.archives .block,
        .articles.categories .block {
                padding: 10px 0;
        }
        
        .articles.archives .block .excerpt, .articles.archives .links,
        .articles.categories .block .excerpt, .articles.categories .links {
                margin-top: 5px;
        }
        
        .articles .children {
                font-size: 11px;
                margin-top: 8px;
                float: left;
                clear: left;
                max-width: 180px;
                margin-left: 20px;
                line-height: 130%;
        }

.sort_bar {
        font-size: 11px;
        padding: 6px 6px;
        text-align: right;
        margin: -10px 0 10px;
        border-bottom: 2px solid #222;
        color: #a3a3a3;
}

        .sort_bar ul, .sort_bar li {
                display: inline;
        }
        
        .sort_bar li {
                margin: 0 0 0 10px;
        }
        
        .sort_bar li.active a {
                background: #1b7cae;
                color: #fff;
                padding: 3px 10px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
        }

#recent_articles {
        margin-top: 30px;
}

#recent_articles a {
        font-size: 12px;
}

#recent_articles li {
        padding: 4px 10px 4px 0px;
        list-style-image: url( http://mformethod.com/comm/ccs_files/demo_images/bullet.png );
        margin-left: 25px;
}

#recent_comments li {
        padding: 5px 10px;
        line-height: 120%;
}

#recent_comments .photo {
        float: left;
        margin-right: 10px;
}

#recent_comments .desc {
        font-size: 11px;
}

#previous_bar {
        background: #e8edf2;
        border-top: 1px solid #c6d3e0;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        padding: 7px;
}

.utilities {
        font-size: 11px;
        position: relative;
        bottom: -6px;
}

        .utilties a:hover {
                text-decoration: none;
        }
        
        .utilities img {
                vertical-align: middle;
                margin-top: -2px;
        }

.topic_buttons {
        overflow: hidden;
        margin-top: 6px;
        padding: 4px 0;
        margin-bottom: -10px;
}
        
.topic_buttons li {
        float: right;
}

        .topic_buttons li a,
        .subscribe,
        .add_link {
                display: inline-block;
                background: #111;
                border: 1px solid #222;
                margin-left: 5px;
                /*background: url( http://mformethod.com/comm/ccs_files/demo_images/button_bg.png ) repeat-x;*/
                padding: 4px 7px 4px;
                color: #ddd;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                font-size: 11px;
        }
        
                .topic_buttons li a:hover,
                .subscribe:hover,
                .add_link:hover {
                        background: #000;
                        border: 1px solid #333;
                        text-decoration: none !important;
                        color: #fff;
                }

        .topic_buttons li img {
                display: none;
        }
        
        .add_link {
                position: relative;
                top: -4px;
        }

.post_form h4 {
        font-weight: bold;
        font-size: 15px;
        margin: 5px 0;
}

.post_form fieldset > ul {
        margin: 0 15px 15px;
}

/************************************************************************/
/* COMMENTS (& RELATED) STYLES */

#comment_list {
        margin-top: 10px;
}

#comment_innerwrap .no-form {
        margin-top: 4px;
}

.comment_wrap .comment {
        line-height: 150%;
        padding: 5px;
        margin: 8px;
        border-bottom: 1px solid #111;
        overflow: hidden;
}
        .comment_wrap {
                position: relative;
        }

        .comment_wrap .comment .photo {
                float: left;
                margin: 0 10px 10px 0;
        }

        .comment_wrap .comment h4,
        .comment_wrap .posted_date,
        .comment_wrap .comment .comment_content {
                margin-left: 65px;
        }

        .comment_wrap .posted_date {
                display: block;
        }

        .comment_wrap .comment h4 {
                font-size: 1.1em;
                margin-bottom: -3px;
                clear: none !important;
        }

                .comment_wrap .comment h4 a {
                        text-decoration: none;
                }

        .comment_wrap .comment .comment_content {
                padding: 10px 5px;
        }

.comment_options {
        float: right;
}

        .comment_options li {
                font-size: 0.8em;
                font-weight: bold;
                margin: 0 5px;
                float: left;
        }

.comment_wrap .rep_bar {
        margin: -30px 0px 10px 0;
        background: #e4ebf2;
        font-size: 0.8em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 0 10px;
}

        .rep_bar ul {
                margin-top: 8px;
                float: left;
        }

                .rep_bar ul li {
                        float: left;
                }
                
.comments_title {
        background: #d5dde5;
        padding: 5px 10px;
        color: #2b333d;
        font-size: 14px !important;
        border: 0;
        margin-top: 15px;
        font-weight: bold;
}

#leave_comment textarea {
        width: 100%;
        height: 70px;
}

.reputation {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
}

.rte_emoticons { width: 100% }

/************************************************************************/
/* PAGINATION STYLES */

span.pagination.no_pages {
        color: #acacac;
        font-size: 0.9em;
        padding: 10px;  
        height: 15px;
        display: none;
}

        ul.pagination.top {
                padding: 0 0 5px 0;
                margin-bottom: 15px;
                height: 18px;
        }

        ul.pagination.bottom {
                padding: 5px 0 0 0;
                margin-top: 15px;
                height: 18px;
        }

ul.pagination a,
ul.pagination li.active, 
ul.pagination li.pagejump,
ul.pagination li.total {
        text-decoration: none;
        padding: 1px 4px;
        display: block;
}

ul.pagination li {
        background: #fff;
        font-size: 0.9em;
        border: 1px solid #cfcfcf;      
        margin: 0 2px 0 2px;
        float: left;
}

        ul.pagination li.total,
        ul.pagination li.active {
                background: none;
                border: 0;
                margin-left: 0px;
        }

        ul.pagination li.active {
                color: #528f6c;
                font-size: 1em;
                font-weight: bold;
        }

/* BBCODE */
strong.bbc                              {       font-weight: bold !important; }
em.bbc                                  {       font-style: italic !important; }
span.bbc_underline              {       text-decoration: underline !important; }
acronym.bbc                     {       border-bottom: 1px dotted #000; }
div.bbc_center                  {       text-align: center; }
div.bbc_left                    {       text-align: left; }
div.bbc_right                   {       text-align: right; }
div.bbc_indent                  {       margin-left: 50px; }
del.bbc                                 {       text-decoration: line-through !important; }
ul.bbc                                  {       list-style: disc outside; margin-left: 30px; }
        ul.bbc ul.bbc                   {       list-style-type: circle; }
                ul.bbc ul.bbc ul.bbc    {       list-style-type: square; }
ul.bbcol.decimal                                { margin-left: 30px; list-style-type: decimal; }
        ul.bbcol.lower-alpha            { margin-left: 30px; list-style-type: lower-alpha; }
        ul.bbcol.upper-alpha            { margin-left: 30px; list-style-type: upper-alpha; }
        ul.bbcol.lower-roman            { margin-left: 30px; list-style-type: lower-roman; }
        ul.bbcol.upper-roman            { margin-left: 30px; list-style-type: upper-roman; }
hr.bbc                                  {       display: block; border-top: 2px solid #777; }
div.bbc_spoiler                 {        }
div.bbc_spoiler span    {       font-weight: bold; }
div.bbc_spoiler_wrapper {       border: 1px inset #777; padding: 4px; }
div.bbc_spoiler_content {        }
input.bbc_spoiler_show  {       width: 45px; font-size: .7em; margin: 0px; padding: 0px; }
pre.prettyprint                 { padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 140%; }

/* Quote boxes */
p.citation {
        background: #d3e9dc url(http://mformethod.com/comm/public/style_css/css_4/../../style_images/master/citation_bg.png) no-repeat right;
        color: #2b3730;
        font-size: 0.9em;
        font-weight: bold;
        border-width: 1px 1px 0 3px;
        border-style: solid;
        border-color: #6fa987;
        padding: 5px 8px;
}

        div.blockquote {
                background: #f3f9f6;
                font-size: 0.9em;
                border-width: 1px 1px 1px 3px;
                border-style: solid;
                border-color: #6fa987;
                margin: 0px;
                margin-top: 0px;
        }

                div.blockquote p.citation {
                        background-color: #e5d2e9;
                        color: #413544;
                        border-color: #ae7eb9;
                }
                
                div.blockquote div.blockquote {
                        background: #f9f5fa;
                        font-size: 1em;
                        border-color: #ae7eb9;
                        margin: -0px 15px 0px 15px;
                }

                        div.blockquote div.blockquote p.citation {
                                background-color: #e9e7d1;
                                color: #474534;
                                border-color: #b2ab72;
                        }

                        div.blockquote div.blockquote div.blockquote {
                                background: #f9f8f3;
                                border-color: #b2ab72;
                        }
                        
                        div.blockquote p.citation {
                                margin: 6px 15px 0 15px;
                                font-size: 1em;
                        }

div.quote {
        padding: 12px;
} 

div.quote p.blockquote {
        margin-left: -12px;
}

cite {
        display: block;
        font-weight: bold;
}

        blockquote cite {
                font-size: 1em;
        }

/* Delete form */
#confirm-delete {
        display: block;
        margin-left: 12px;
        float: left;
}
h2.maintitle {
        font-size: 20px;
        font-weight: bold;
}

.post_form p, .post_form fieldset {
        padding: 12px 12px 4px 0px;
        line-height: 170%;
}


/* Rounded corners */
.popupWrapper, .rounded {
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
}

.popupWrapper {
        background: url(http://mformethod.com/comm/public/style_css/css_4/../../style_images/master/trans_bg.png);
        color: #fff;
}

        .popupInner {
                background: #fff;
                color: #000;
                border: 3px solid #d5dde5;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                margin: 6px;
                width: 500px;
                overflow: auto;
        }
        
                .popupInner h3 {
                        background-color: #dae4ed;
                        font-size: 1em;
                        border: 0;
                        padding: 5px 8px 3px 24px;
                        font-weight: bold;
                        font-size: 100%;
                }

.popupClose {
        position: absolute;
        left: 12px;
        top: 12px;
}

.popup_footer {
        padding: 15px;
        position: absolute;
        bottom: 0px;
        right: 0px;
}

.popup_body {
        padding: 10px;
}

.stem {
        width: 31px;
        height: 16px;
        position: absolute;
}

        .stem.topleft {
                background-image: url(http://mformethod.com/comm/public/style_css/css_4/../../style_images/master/stems/topleft.png);
        }
        .stem.topright {
                background-image: url(http://mformethod.com/comm/public/style_css/css_4/../../style_images/master/stems/topright.png);
        }
        .stem.bottomleft {
                background-image: url(http://mformethod.com/comm/public/style_css/css_4/../../style_images/master/stems/bottomleft.png);
        }
        .stem.bottomright {
                background-image: url(http://mformethod.com/comm/public/style_css/css_4/../../style_images/master/stems/bottomright.png);
        }
        
.modal {
        background-color: #3e3e3e;
}

.userpopup {
        padding-bottom: 25px;
        overflow: hidden;
        position: relative;
        font-size: 0.9em;
}

        .userpopup .info {
                position: relative;
        }
        
        .userpopup h3 {
                font-size: 1.2em;
        }
        
        .userpopup > div {
                padding: 8px;
        }

                .userpopup dl {
                        padding-bottom: 10px;
                        margin-bottom: 4px;
                }
                
        .userpopup .photo {
                top: 0px;
                right: 0px;
                position: absolute;
        }
        
        .userpopup .user_controls {
                left: 10px;
                position: absolute;
        }
        
        .userpopup .reputation {
                right: 4px;
                position: absolute;
        }
        
.info dt {
        float: left;
        font-weight: bold;
        padding: 3px 6px;
        clear: both;
        width: 30%;
}

.info dd {
        padding: 3px 6px;
        width: 60%;
        margin-left: 35%;
}

        .message.user_status {
                background: #f9f7e0;
                color: #6c6141;
                font-size: 1em;
                border: 1px solid #eadca0;
                padding: 5px 5px 5px 15px;
                margin-bottom: 10px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
        }

.user_controls {
        text-align: center;
        margin: 6px 0;
}

        .user_controls li {
                margin: 0 2px;
                display: inline;
        }
                
                .user_controls li a {
                        display: inline-block;
                        background-color: #d5dee5;
                        border-radius: 4px;
                        -moz-border-radius: 4px;
                        -webkit-border-radius: 4px;
                        padding: 3px;
                        color: #1d3652;
                }

a {
        text-decoration: none;
}