/* 
    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 .rss {width:21px; height:21px; vertical-align:text-bottom;margin-right:4px;}
.posts {border:1px solid #DFDFDF;margin:7px;width:520px;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;}
#main_content 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;}
#main_content div.major_panel .blog_post p {font-size:1em;}
.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;}
#main_content 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;}
#main_content div.major_panel .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;}
#main_content div.major_panel .minor_panel h2 a {color:#00ACC8;font-size:1em;font-weight:normal;text-decoration:none;}
#main_content div.major_panel .minor_panel h2 span.hide_show {cursor:pointer;color:gray;font-size:0.5em;position:absolute;right:11px;top:2px;}
#main_content div.major_panel .minor_panel li {color:#00ACC8;font-size:1em;margin:0px 1px 8px 5px;padding-left:16px;background:url(/images/particulars/blog/sidebar_arrow.gif) no-repeat 0 2px;}
#main_content div.major_panel .minor_panel li a {color:#5F5F5F;text-decoration:none;}
#main_content div.major_panel .minor_panel li a:hover {text-decoration:underline;}
#main_content 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;}
#main_content div.major_panel span, #main_content div.major_panel a.blog_nav {margin:10px;}
#main_content div.major_panel .pagination span {margin:0;}
#main_content div.major_panel div.posts div.blog_post div.text ul li {list-style-type:disc; margin: 0px 8px 3px 45px; font-size: 1.1em;}
#main_content div.major_panel div.posts div.blog_post h4 {font-weight: bold; padding: 10px 0px 10px 0px;}
#main_content div.major_panel div.posts div.blog_post div.text .smallprint {font-size: 0.7em; color: #666666;}

a#listen_audio {cursor:pointer;}
a#radio_campaign {cursor:pointer;}
a#watch_video {cursor:pointer;}