﻿/*
 * Default-Screen.css
 */ 

#blog
{
    clear:both;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	margin:0px;
	padding:20px;
	background-color:White;
	background-image: url(/images/blog/topbar.jpg);
	background-repeat:repeat-x;
	border-left: 1px solid #144677;
	border-right: 1px solid #144677;
	border-bottom: 1px solid #144677;
}

#blog h1, #blog h2, #blog h3, #blog h4, #blog h5, #blog h6
{
    padding:0px;
    color:#203d58;
    font-family: "Futura", "Century Gothic", "Twentieth Century", Sans-Serif;
    font-weight:normal;
}
    #blog h3 a
    {
        color:#203d58;
    }
    
#blog a img, #blog img
{
	border:none;
	margin:0px;
	padding:0px;
}

#blog a 
{
	text-decoration:none;
}

#blog a:hover
{
    color:#ff7133;
    text-decoration:underline;
}


#subscribe-link
{    
     display:block;
     padding-left:20px;
     font-size:9pt;
     font-weight:bold;
     color:#ff7133;
     background-image:url(/images/blog/silk/icons/feed.png);
     background-repeat:no-repeat;
     line-height:18px;
}
    
#blog-main-column
{
    width:500px;
    float:left;
}

#blog-side-column
{
    width:220px;
    float:right;
}
/** Post **/
#blog .post
{
    position:relative;
    margin-bottom:36px;
}

#blog .post .contents
{
    position:relative;
    padding-left:69px;
    min-height:80px;
    height:auto !important;
    height:80px;
    font-size:12pt;
    width:400px;
}

/** Post Date **/
#blog .post .post-date
{
    display:block;
    height:69px;
    width:52px;
    position:absolute;
    top:0px;
    left:0px;
}
    .post .post-date .day    { display:block; height:33px; width:52px; }
        .post .post-date .day.d1 { background-image:url(/images/blog/postdate/day_01.png); }
        .post .post-date .day.d2 { background-image:url(/images/blog/postdate/day_02.png); }
        .post .post-date .day.d3 { background-image:url(/images/blog/postdate/day_03.png); }
        .post .post-date .day.d4 { background-image:url(/images/blog/postdate/day_04.png); }
        .post .post-date .day.d5 { background-image:url(/images/blog/postdate/day_05.png); }
        .post .post-date .day.d6 { background-image:url(/images/blog/postdate/day_06.png); }
        .post .post-date .day.d7 { background-image:url(/images/blog/postdate/day_07.png); }
        .post .post-date .day.d8 { background-image:url(/images/blog/postdate/day_08.png); }
        .post .post-date .day.d9 { background-image:url(/images/blog/postdate/day_09.png); }
        .post .post-date .day.d10 { background-image:url(/images/blog/postdate/day_10.png); }
        .post .post-date .day.d11 { background-image:url(/images/blog/postdate/day_11.png); }
        .post .post-date .day.d12 { background-image:url(/images/blog/postdate/day_12.png); }
        .post .post-date .day.d13 { background-image:url(/images/blog/postdate/day_13.png); }
        .post .post-date .day.d14 { background-image:url(/images/blog/postdate/day_14.png); }
        .post .post-date .day.d15 { background-image:url(/images/blog/postdate/day_15.png); }
        .post .post-date .day.d16 { background-image:url(/images/blog/postdate/day_16.png); }
        .post .post-date .day.d17 { background-image:url(/images/blog/postdate/day_17.png); }
        .post .post-date .day.d18 { background-image:url(/images/blog/postdate/day_18.png); }
        .post .post-date .day.d19 { background-image:url(/images/blog/postdate/day_19.png); }
        .post .post-date .day.d20 { background-image:url(/images/blog/postdate/day_20.png); }
        .post .post-date .day.d21 { background-image:url(/images/blog/postdate/day_21.png); }
        .post .post-date .day.d22 { background-image:url(/images/blog/postdate/day_22.png); }
        .post .post-date .day.d23 { background-image:url(/images/blog/postdate/day_23.png); }
        .post .post-date .day.d24 { background-image:url(/images/blog/postdate/day_24.png); }
        .post .post-date .day.d25 { background-image:url(/images/blog/postdate/day_25.png); }
        .post .post-date .day.d26 { background-image:url(/images/blog/postdate/day_26.png); }
        .post .post-date .day.d27 { background-image:url(/images/blog/postdate/day_27.png); }
        .post .post-date .day.d28 { background-image:url(/images/blog/postdate/day_28.png); }
        .post .post-date .day.d29 { background-image:url(/images/blog/postdate/day_29.png); }
        .post .post-date .day.d30 { background-image:url(/images/blog/postdate/day_30.png); }
        .post .post-date .day.d31 { background-image:url(/images/blog/postdate/day_31.png); }
        
    .post .post-date .month  { display:block; height:16px; width:52px; }
        .post .post-date .month.m1 { background-image:url(/images/blog/postdate/month_01.png); }
        .post .post-date .month.m2 { background-image:url(/images/blog/postdate/month_02.png); }
        .post .post-date .month.m3 { background-image:url(/images/blog/postdate/month_03.png); }
        .post .post-date .month.m4 { background-image:url(/images/blog/postdate/month_04.png); }
        .post .post-date .month.m5 { background-image:url(/images/blog/postdate/month_05.png); }
        .post .post-date .month.m6 { background-image:url(/images/blog/postdate/month_06.png); }
        .post .post-date .month.m7 { background-image:url(/images/blog/postdate/month_07.png); }
        .post .post-date .month.m8 { background-image:url(/images/blog/postdate/month_08.png); }
        .post .post-date .month.m9 { background-image:url(/images/blog/postdate/month_09.png); }
        .post .post-date .month.m10 { background-image:url(/images/blog/postdate/month_10.png); }
        .post .post-date .month.m11 { background-image:url(/images/blog/postdate/month_11.png); }
        .post .post-date .month.m12 { background-image:url(/images/blog/postdate/month_12.png); }
        
    .post .post-date .year   { display:block; height:20px; width:52px; }
        .post .post-date .year.y2007 { background-image:url(/images/blog/postdate/year_2007.png); }
        .post .post-date .year.y2008 { background-image:url(/images/blog/postdate/year_2008.png); }
        .post .post-date .year.y2009 { background-image:url(/images/blog/postdate/year_2009.png); }
        .post .post-date .year.y2010 { background-image:url(/images/blog/postdate/year_2010.png); }
        .post .post-date .year.y2011 { background-image:url(/images/blog/postdate/year_2011.png); }
        .post .post-date .year.y2012 { background-image:url(/images/blog/postdate/year_2012.png); }
        
/** Post Forms **/
#blog .post form
{
    padding:0px;
    margin:5px 0px 8px 69px;
    width:300px;
}
    #blog .post form.email-form 
    {
        border-top: 1px solid #ddd;
        padding-top:15px;
    }
    
#blog .post form h3
{
    padding:0px 0px 0px 20px;
    margin:0px;
    font-size:10pt;
    font-weight:bold;
    color: #31598a;
}
#blog .post form h3:hover
{
    color:#ff7133;
    text-decoration:underline;
}
#blog .post form h3.noclick:hover
{
    color: #31598a;
    text-decoration:none;
    cursor:default;
}
    #blog .comment-form h3
    {
        background-image:url(/images/blog/silk/icons/comment.png);
        background-repeat:no-repeat;
    }
    #blog .email-form h3
    {
        background-image:url(/images/blog/silk/icons/email.png);
        background-repeat:no-repeat;
    }
    
#blog .post form .form-fields
{
    display:none;
    margin:5px 0px 20px 20px;
}
#blog .post form .disclaimer
{
    margin-top:10px;
    display:block;
    color:#666;
    padding-left:20px;
    background-image:url(/images/blog/silk/icons/lock.png);
    background-repeat:no-repeat;
    line-height:18px;
}

.post form .success
{
    display:none;
    position:relative;
    left:105px;
    top:-18px;
    padding-left:20px;
    font-weight:bold;
    color:Green;
    background-image:url(/images/blog/silk/icons/tick.png);
    background-repeat:no-repeat;
    line-height:18px;
}

.post form button
{
    display:block;
    height:24px;
    width:90px;
    background-position:top left;
    border:0;
    cursor:pointer;
}
    .post form button:hover
    {
        background-position:bottom left;
    }
    
    .email-form button
    {
        background-image:url(/images/blog/buttons/send_button.png);
    }
    .comment-form button
    {
        background-image:url(/images/blog/buttons/comment_button.png);
    }
    .post form button.working
    {
        background-image:url(/images/blog/buttons/working_button.gif);
    }
    .post form button.error
    {
        background-image:url(/images/blog/buttons/error_button.png);
        cursor:default;
    }

.post fieldset
{
    position:relative;
    padding:0px 0px 0px 0px;
    margin:0px 0px 12px 0px;
    border:none;
}
.post fieldset label
{
    color:#666;
    font-size:9pt;
    position:absolute;
    top:0px;
    left:0px;
}
.post fieldset input,
.post fieldset textarea
{
    margin-top:15px;
}

.post fieldset .error-message
{
    padding-left:20px;
    font-weight:bold;
    color:Red;
    background-image:url(/images/blog/silk/icons/exclamation.png);
    background-repeat:no-repeat;
    line-height:18px;
}

/** Lists **/
#blog ul.post-list,
#blog ul.history-list
{
    padding:0px;
    margin:0px;
}

#blog ul.post-list li,
#blog ul.history-list li
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#blog ul.post-list li
{
    padding-left:20px;
    background-image:url(/images/blog/silk/icons/page_green.png);
    background-repeat:no-repeat;
    line-height:18px;
    margin-bottom:4px;
}
#blog ul.post-list.search li
{
    background-image:url(/images/blog/silk/icons/zoom.png);
}
#blog ul.post-list.history li
{
    background-image:url(/images/blog/silk/icons/date.png);
}
    #blog ul.post-list li .title
    {
        font-size:11pt;
    }
    
    #blog ul.post-list li .date
    {
        display:block;
        color:#666;
        font-size:8pt;
    }
    
#blog ul.history-list li
{
    padding-left:20px;
    background-image:url(/images/blog/silk/icons/folder.png);
    background-repeat:no-repeat;
    line-height:18px;
    margin-bottom:4px;
}

.vizu-poll
{
   padding-top:25px;
}

a.more
{
    padding-left:18px;
    background-repeat:no-repeat;
    background-image:url(/images/blog/silk/icons/link.png);
}