@charset "utf-8";
/* CSS Document */
/* Blog stylesheet for default Cosmos skin */


/*********************************************************************/
/* MAIN LAYOUT ELEMENTS
/*********************************************************************/

#Blog {font:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:12px; margin-top:20px;}
#BlogMainContent {float:left; width:550px; margin-right:20px;}
#BlogSideBar {float:left; width:160px; padding:10px; background-color:#ccc;}


/*********************************************************************/
/* GENERIC ELEMENTS
/*********************************************************************/

a, a:link {font-weight:bold; color:#631e55;}
a:hover {color:#631e55;}
a:visited {color:#631e55;}


/* FONT STYLES */
.BlogHeading1, .BlogHeading2, .BlogHeading3 {color:#666666;}
.BlogHeading1 {font-size:22px; font-weight:normal!important;}
.BlogHeading2 {font-size:18px;}
.BlogHeading3 {font-size:18px; font-weight:normal!important;}


.BlogDate {}
.BlogSummary {}
.BlogTag {}
.BlogCategory {}


/* ROUNDED BUTTON */
#Blog a.RoundedButton {float:left; display:inline; cursor:hand!important; width:auto; height:20px; text-decoration:none!important;}
	#Blog a.RoundedButton .btnLabel1, #Blog #RoundedButton .btnLabel2 {float:left; padding-left:5px; color:#631e55; line-height:20px; font-size:10px!important; text-decoration:none!important;}
	#Blog #RoundedButtonLeft {float:left; width:auto; height:20px; background: no-repeat left top; background-image:url(../Images/Layout/Default/RoundedButton-Grey.gif);}
	#Blog #RoundedButtonRight {float:left; width:5px; height:20px; background: no-repeat right top; background-image:url(../Images/Layout/Default/RoundedButton-Grey.gif);}
	
	/* Hover states */
	#Blog a.RoundedButton:hover #RoundedButtonLeft, #Blog a.RoundedButton:hover #RoundedButtonRight{background-image:url(../Images/Layout/EMotiveSkin1/RoundedButtonGreen.gif);}
	#Blog a.RoundedButton:hover .btnLabel1, #Blog a.RoundedButton:hover .btnLabel2 {color:#5b5b5b!important;}


/* BACKGROUND COLOURS */
#BackgroundColour1, .BackgroundColour1 {background-color:#eeeeee;}

.BlogCommentHeaderApproved {}
.BlogCommentHeaderAwaitingApproval {background-color:#a4d177;}

#BlogPreviewMessage {background-color:#a4d177;}


/*********************************************************************/
/* SPECIFIC PAGE ELEMENTS
/*********************************************************************/

.BlogArticle {border-bottom:1px solid white;}