/* 
    Document   : blog
    Created on : 18-Aug-2008
    Author     : robl
    Description:
        PARTICULAR/ PAGE-SPECIFIC styles for blog page

        ORGANISATION OF STYLES IN THIS STYLESHEET:
        Each category of styles should be delimited with its own heading in the format:
        /********************************** HEADER **********************************/
/* 
        Use multiple lines of ***s to indicate a major division, with decreasing numbers of lines for minor divisions.

        GENERAL GUIDELINES FOR STYLES:
        1. Don't put browser hacks in this stylesheet. Assuming we're talking about IE, these should be contained in a seperate stylesheet that is included conditionally.
        2. Try to avoid using !important declarations: these may work in the short term, but lead to problems later on.
        3. Try to write styles with an appropriate level of specificity from the start, so that they only apply to the specific element that you're writing them for: i.e. don't rely on multiple layers of inheritance with overwriting when it becomes necessary.
*/
table {margin:10px;width:96%;}
tr {border:none;}
th, td {border:1px #DFDFDF solid;}
th {font-weight:bold;}
.major_panel h2 img {vertical-align:text-bottom;padding-right:4px;}
.posts {border:1px solid #DFDFDF;margin:7px;width:720px;float:left;}
.major_panel h3 {color:#8fb60c;font-size:1.5em;border-bottom:1px solid #DFDFDF;margin:7px;padding-bottom:7px;}
.major_panel h4 {margin:0 10px;font-size:1.2em;color:#00ACC8;}
.major_panel h4 a {color:#00ACC8;text-decoration:none;}
.major_panel h4 a:hover {color:#0079A2;}
div.major_panel p.post_details {color:#003648;font-weight:bold;padding:2px 10px 8px;}
.blog_post .text {font-size:0.8em;margin:0 10px;}
div.major_panel .blog_post p {font-size:12px;}
.blog_post iframe {border:1px solid #DFDFDF;margin-left:10px}
ul.social_bookmarking {margin:10px 10px 60px;padding:10px 0;border-bottom:1px solid #DFDFDF;}
.social_bookmarking a {color:#003648;text-decoration:none;}
.social_bookmarking a:hover {color:#002B5F;text-decoration:underline;}
.social_bookmarking li {display:inline;padding-left:5px;}
.social_bookmarking li img {vertical-align:text-bottom;}
div.major_panel .minor_panel {float:right;clear:right;background:transparent url(/images/minor_panel_bg.gif) repeat-y scroll 0 0;margin:1px 10px 0 0;width:182px;}
div.minor_panel h2 {background:transparent url(/images/minor_panel_h2_grey.gif) no-repeat scroll left center;padding:10px 0 10px 10px;position:relative;width:182px;font-weight:bold;}
div.major_panel .minor_panel h2 a {color:#00ACC8;font-size:1em;font-weight:normal;text-decoration:none;}
div.major_panel .minor_panel h2 span {color:gray;font-size:9px;position:absolute;right:11px;top:3px;}
div.major_panel .minor_panel li {color:#00ACC8;font-size:10px;margin:0 1em 0 10px;padding-left:16px;background:url(/images/blog/sidebar_arrow.gif) no-repeat 0 2px;}
div.major_panel .minor_panel li a {color:#5F5F5F;text-decoration:none;}
div.major_panel .minor_panel li a:hover {text-decoration:underline;}
div.major_panel .minor_panel .footer {background:transparent url(/images/minor_panel_footer.gif) no-repeat scroll 0 0;clear:both;height:11px;}
.admin_nav {font-size:0.8em;margin:10px;}
div.major_panel span, #main_content div.major_panel a.blog_nav {margin:10px;}
.pagination {border:1px solid #DFDFDF;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center;width:70%;padding:5px;}
div.major_panel .pagination span {margin:0;}
div.major_panel .minor_panel h2 {border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px;}