/* Content Header Information */
@media screen {
	#BlogAreaTitle 
	{
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		height: 41px;
		overflow: hidden;
		background-image: url(/r/i/sites/blog/areatitlebg.gif);
		background-repeat: no-repeat;
	}
	#BlogAreaTitle ul.function 
	{
		position: absolute;
		top: 14px;
		left: 685px;
		float: right;
		width: 200px;
		text-align: right;
		text-transform: lowercase;
	} 
	#BlogAreaTitle ul.function li 
	{
		margin-left: 4px;
	}
	#BlogAreaTitle h2 
	{
		margin: 6px 0 0;
		padding: 0;
		line-height: normal;
		text-transform: lowercase;
		color: #f7f9fa;
	}
	#BlogAreaTitle a, #BlogAreaTitle a:link, #BlogAreaTitle a:visited, #BlogAreaTitle a:hover, #BlogAreaTitle a:active, #BlogAreaTitle span
	{
		color: #f7f9fa;
	}
	a.printPage, a.sharePage, a.feedback, span.feedback 
	{
		background-image: url(/r/i/tools.gif);
	}
	#BlogPageTitle h3
	{
		margin: 12px 0;
		line-height: normal;
		text-transform: lowercase;
	}
	#BlogAreaTitle h2, #RecentPages, #BlogPageTitle h3 
	{
		margin-left: 15px;
	}
}
#BlogAreaTitle h2
{
	font-family: Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	font-size: 24px;
	font-weight: normal;
}
#BlogPageTitle h3
{
	font-family: Verdana, Tahoma, Trebuchet MS, Sans-Serif;
	font-size: 24px;
	font-weight: normal;
	color: #40627c;
}
#BlogPageTitle h3 a, #BlogPageTitle h3 a:link, #BlogPageTitle h3 a:visited, #BlogPageTitle h3 a:hover, #BlogPageTitle h3 a:active
{
    color: #40627c;
}
#BlogAreaTitle h2 a, #BlogAreaTitle h2 a:link, #BlogAreaTitle h2 a:visited,  
#BlogPageTitle h3 a, #BlogPageTitle h3 a:link, #BlogPageTitle h3 a:visited {
    text-decoration: none;
}
#BlogAreaTitle h2 a:hover, #BlogAreaTitle h2 a:active,
#BlogPageTitle h3 a:hover, #BlogPageTitle h3 a:active {
    text-decoration: underline;
}

@media screen {
    #BlogHeader {
        padding-bottom: 18px;
        background-image: url(/r/i/sites/blog/coltop.gif);
        background-repeat: no-repeat;
        background-position: 100% 100%;
    }
    #BlogColumns {
        width: 900px;
        height: auto;
    }
    #BlogColumnsInner {
        background-image: url(/r/i/sites/blog/colbg.gif);
        background-repeat: repeat-y;
    }
    body.ie #BlogColumnsInner {
        height: 1%;
    }
    #BlogColumns .colMiddle {
        position: relative;
        top: -10px;
        left: 0;
        display: block;
        float: left;
        width: 690px;
        height: auto;
    }
    #BlogColumns .colRight {
        display: block;
        float: left;
        width: 210px;
        height: auto;
        overflow: hidden;
        background-color: #40627c;
        color: #f3f5f7;
    }
    
    #BlogColumns .colRight h4, #BlogColumns .colRight .header, 
    #BlogColumns .colRight h5, #BlogColumns .colRight .subHeader {
        color: #d0a825;
    }
}

/* LISTINGS STYLES GENERICIZED AND MOVED TO listings.css (NEEDS TESTING) */ 
/* Blog post list */
/*
ol.blogPosts {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ol.blogPosts li {
    margin: 20px 0;
    border-bottom: dashed 1px #40627c;
}
ol.blogPosts li p.description {
    text-align: right;
}
*/

/* Blog Tools */
/*
#BlogColumns h4.blogHeader {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 2px;
    padding-bottom: 1px;
    border-bottom: dashed 1px #999;
}
#BlogColumns ul.blogList, #BlogColumns ol.blogList,
#BlogColumns ul.tags {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
}
#BlogColumns ul.blogList ul, #BlogColumns ol.blogList ol,
#BlogColumns ul.tags ul {
    margin: 0 0 4px 22px;
    padding: 0;
    list-style-type: none;
}
#BlogColumns ul.blogList a, #BlogColumns ul.blogList a:link, #BlogColumns ul.blogList a:visited, 
#BlogColumns ol.blogList a, #BlogColumns ol.blogList a:link, #BlogColumns ol.blogList a:visited, 
#BlogColumns ul.tags a, #BlogColumns ul.tags a:link, #BlogColumns ul.tags a:visited {
    color: #f3f5f7;
    text-decoration: none;
}
#BlogColumns ul.blogList a:hover, #BlogColumns ul.blogList a:active,  
#BlogColumns ol.blogList a:hover, #BlogColumns ol.blogList a:active,  
#BlogColumns ul.tags a:hover, #BlogColumns ul.tags a:active {
    color: #dbb052;
    text-decoration: underline;
}
#BlogColumns ul.blogList li a.expanded, #BlogColumns ul.blogList li span,
#BlogColumns ol.blogList li a.expanded, #BlogColumns ol.blogList li span {
    padding-left: 16px;
    background-image: url(/r/i/arrow-gold.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    color: #dbb052;
    font-weight: bold;
}
#BlogColumns ul.tags li a.expanded, #BlogColumns ul.tags li span  {
    color: #dbb052;
    font-weight: bold;
}
#BlogColumns ul.tags li {
    display: inline;
    margin: 0 2px 0 0;
}
#BlogColumns ul.subscribe li {
    margin: 5px 0;
}
#BlogColumns ul.subscribe li a {
    background-image: url(/r/i/sites/blog/rss.gif);
    background-repeat: no-repeat;
    padding: 1px 0 4px 20px;
}
#BlogColumns ul.blogs li {
    margin: 1px 0;
}
.tagPopularity1 {
    font-size: 100%;
    line-height: 110%;
}
.tagPopularity2 {
    font-size: 120%;
    line-height: 110%;
}
.tagPopularity3 {
    font-size: 140%;
    line-height: 110%;
}
.tagPopularity4 {
    font-size: 180%;
    line-height: 110%;
}
.tagPopularity5 {
    font-size: 200%;
    line-height: 110%;
}
*/

@media print {
    #BlogAreaTitle ul.function, .colRight {
        display: none;
    }
}/* 7/30/2010 7:11:10 PM */