@charset "utf-8";
/* CSS Document */

/*
   _____                   __            __       _____ _                  __          ____  __
  / ___/____ _ _  ______  / /____  _____/ /_     / ___/(_)____ ___  ____  / /__  __   / __ )/ /____  ____ ______
  \__ \/ __ `/| |/_/ __ \/ __/ _ \/ ___/ __ \    \__ \/ // __ `__ \/ __ \/ // / / /  / __  / // __ \/ __ `/ ___/
 ___/ / /_/ /_>  </ /_/ / /_/  __/ /__/ / / /   ___/ / // / / / / / /_/ / // /_/ /  / /_/ / // /_/ / /_/ (__  )
/____/\__,_//_/|_|\____/\__/\___/\___/_/ /_/   /____/_//_/ /_/ /_/ .___/_/ \__, /  /_____/_/ \____/\__, /____/
                                                                /_/       /____/                  /____/

    ____       ____             ____                       ________
   / __ \___  / __/____ ___  __/ / /_   _______________   /_  __/ /_  ___  ____ ___  ___
  / / / / _ \/ /_ / __ `/ / / / / __/  / ___/ ___/ ___/    / / / __ \/ _ \/ __ `__ \/ _ \
 / /_/ /  __/ __// /_/ / /_/ / / /_   / /__(__  |__  )    / / / / / /  __/ / / / / /  __/
/_____/\___/_/   \__,_/\__,_/_/\__/   \___/____/____/    /_/ /_/ /_/\___/_/ /_/ /_/\___/


	Saxotech Simply Blogs
	 CSS Theme:  default.css
	Written by:  Marvin Neice, Online Systems Specialist
	    E-mail:  mneice@saxotech.com
		   Web:  http://www.Saxotech.com

*/

/* CSS DIRECTORY
	1.0 HTML5 Reset Styles Defaults
	2.0 Generic Base Styles
	3.0 Wire Frames
		3.1 Standard Items
		3.2 Individual Section Front Content and Rails
		3.3 Overview Section Front Content and Rails
		3.4 Article Page Content and Rails
	4.0 Overview BLOGS Section Front
	5.0 Individual Blog Section Front
	6.0 Blog Article Page
   xx.0 Display development colors for divs
*/

/* ---------------------------------------------- */
/* 1.0 HTML5 Reset Styles Defaults                */
/* ---------------------------------------------- */

/* An HTML reset is REQUIRED and is a good practice */

/* html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	}

body {
    line-height:1;
	}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
	}

ul {
    list-style:none;
	}

blockquote, q {
    quotes:none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
	}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
	}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
	}

del {
    text-decoration: line-through;
	}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
	}

table {
    border-collapse:collapse;
    border-spacing:0;
	}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
	}

input, select {
    vertical-align:middle;
	} */

/* ---------------------------------------------- */
/* 2.0 Generic Base Styles                        */
/* ---------------------------------------------- */

/* REMOVE THIS BODY STYLE - FOR WEBINAR PRESENTATION PURPOSES ONLY */
/* body {
	text-align: center;
	background: #818285 url("/images/blogs/saxotech/background.gif") repeat-x;
	} */



div.blogContainer, div.content {
	line-height: 1;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif; /* default blogs font */
	font-variant: normal;
	font-size-adjust: 0;
	font-size: 10px;
	background: #ffffff;
	}

/* these headings and links will only affect your blog content areas */

div.blogContainer h1, div.content h1,
div.blogContainer h2, div.content h2,
div.blogContainer h3, div.content h3,
div.blogContainer h4, div.content h4,
div.blogContainer h5, div.content h5,
div.blogContainer h6, div.content h6 {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:0px;
	border-bottom:none;
	}

div.blogContainer div.content-blog-article div.recent_posts h3 {
	font-family: Verdana,Geneva,sans-serif;
	font-weight: bold;
	font-size: 180%;
    height: 20px;
    left: 0;
    line-height: 24px;
    margin: 0 0 10px;
    position: relative;
    top: 0;
    background:none;
    padding:0;
}

/*div.blogContainer div.content-blog-article div.blog-title {
	font-size: 36px;
    line-height: 36px;
    font-family: Verdana,sans-serif;
    font-weight:bold;
    left:0;
    outline:medium none;
    text-decoration:none;
    padding-bottom:20px;
}*/

/*div.blogContainer a:link, div.content a:link,
div.blogContainer a:visited, div.content a:visited,
div.blogContainer a:active, div.content a:active {
	color: #000000;
    font-family: Verdana,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    left:0px;
   	outline: none;
	text-decoration: none;
	}*/

div.blogContainer div.content-blog-article div.recent_posts ul.recent_blog_posts li {
	list-style: decimal outside none;
	margin: 0 0 7px 20px;
	color: #000000;
    font-family: Verdana,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
}
div.blogContainer div.content-blog-article div.recent_posts ul.recent_blog_posts a:link,
div.blogContainer div.content-blog-article div.recent_posts ul.recent_blog_posts a:visited,
div.blogContainer div.content-blog-article div.recent_posts ul.recent_blog_posts a:active {
	color: #000000;
    font-family: Verdana,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    left:0px;
   	outline: none;
	text-decoration: none;
	}

div.blogContainer div.content-blog-article div.return_to_blogger_sf,
div.blogContainer div.content-blog-article div.return_to_blogger_sf a:link,
div.blogContainer div.content-blog-article div.return_to_blogger_sf a:visited,
div.blogContainer div.content-blog-article div.return_to_blogger_sf a:active {
	color: #990000;
    font-family: Verdana,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    left:0px;
   	outline: none;
   	text-align:center;
   	padding: 30px 0 0 0;
	}
div.blogContainer div.blog_post div.continue_reading a:link,
div.blogContainer div.blog_post div.continue_reading a:visited,
div.blogContainer div.blog_post div.continue_reading a:active {
	color: #990000;
    font-family: Verdana,sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    left:0px;
   	outline: none;
	text-decoration: none;
	}

div.blogContainer a:hover,
div.content a:hover {
	color: #990000;
	outline: none;
	text-decoration:underline;
	}


.clearfloat { /* utilize as <br class="clearfloat" /> or <div class="clearfloat"></div> after a floated element */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}

.clearleft { /* utilize as <br class="clearleft" /> after a left floated element to clear only the left side */
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}

.clearright { /* utilize as <br class="clearright" /> after a right floated element to clear only the right side */
	clear:right;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}

/* ---------------------------------------------- */
/* 3.0 Wire Frames                                */
/* ---------------------------------------------- */

/* Create the wire frame skeleton for header, menu
   columns, footer, etc.
*/

/* ---------------------------------------------- */
/* 3.1 Standard Items                             */
/* ---------------------------------------------- */

div.pageWrapper {
	width:980px;
	min-height:10px;
	margin:15px auto;
	border:1px solid #d4d4d4;
	background:#fff;
	}

/* use these containers to style section fronts and articles uniquely */
div.sectionfront,
div.articlepage {
	width:960px;
	min-height:10px;
	margin:10px auto;
	text-align:left;
	}

/* substitute your layout containers for these 4 generic placeholders */
/* div.masthead {margin: 0 0 10px 0;}
div.menu {margin: 0 0 10px 0;}
div.footer {margin: 1px0 0 0 0;}
div.rail_right {} */


/* ---------------------------------------------- */
/* 3.2 Individual Section Front Content and Rails */
/* ---------------------------------------------- */

/* Note: blogContainer isolates individual blogger section fronts for css themes
         and provides a clean method of ensuring the right rail doesn't push
		 down below the blog logo.

	     blogger_information 150px
      margin right  15px
           content 480px			 blog_logo 645px
     unused gutter  15px		 unused gutter  15px
        rail_right 300px  +			rail_right 300px  +
		-------------------			-------------------
		           960px					   960px
*/

div.sectionfront div.blogContainer {
	width:645px;
	min-height:10px;
	margin:0;
	padding:0;
	float:left;
	}

div.blogContainer div.blog_logo {
	width:645px;
	min-height:10px;
	margin:0 0 15px 0;
	padding:0;
	}

div.section_wrapper div.blogContainer div.blogger_information {
	width:150px;
	margin:0;
	padding:0;
	border:none;
	float:left;
	}

div.section_wrapper div.blogContainer div.content {
	width:480px;
	margin:0;
	border:none;
	float:right;
	}

div.section_wrapper div.blogContainer div.content-blog-article {
	margin:0;
	border:none;
	}

div.sectionfront div.rail_right {
	width:300px;
	margin:0;
	padding:0;
	border:none;
	float:right;
	}

/* ---------------------------------------------- */
/* 3.3 Overview Section Front Content and Rails   */
/* ---------------------------------------------- */

/* Note:   content 645px
     unused gutter  15px
        rail_right 300px  +
		-------------------
		           960px
*/

div.section_wrapper div.BLOGSWrapper div.content {
	width:645px;
	margin:0;
	border:none;
	float:left;
	}

div.section_wrapper div.BLOGSWrapper div.rail_right {
	width:300px;
	margin:0;
	padding:0;
	border:none;
	float:right;
	}


/* ---------------------------------------------- */
/* 3.4 Article Page Content and Rails             */
/* ---------------------------------------------- */

/* Note:   content 645px
     unused gutter  15px
        rail_right 300px  +
		-------------------
		           960px
*/


/* Note: blogContainer isolates individual blogger section fronts for css themes
         and provides a clean method of ensuring the right rail doesn't push
		 down below the blog logo.

	     blogger_information 150px
      margin right  15px
           content 480px			 blog_logo 645px
     unused gutter  15px		 unused gutter  15px
        rail_right 300px  +			rail_right 300px  +
		-------------------			-------------------
		           960px					   960px
*/

div.articlepage div.blogContainer {
	width:645px;
	min-height:10px;
	margin:0;
	padding:0;
	float:left;
	}

div.articlepage div.blogContainer div.blog_logo {
	width:645px;
	min-height:10px;
	margin:0 0 15px 0;
	padding:0;
	}

div.articlepage div.blogContainer div.blogger_information {
	width:150px;
	margin:0;
	padding:0;
	border:none;
	float:left;
	}

div.articlepage div.blogContainer div.content {
	width:480px;
	margin:0;
	border:none;
	float:right;
	}

div.articlepage div.rail_right {
	width:300px;
	margin:0;
	padding:0;
	border:none;
	float:right;
	}

/* ---------------------------------------------- */
/* 4.0 Overview BLOGS Section Front               */
/* ---------------------------------------------- */

div.BLOGSWrapper div.content ul.blogger > li {
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	border-bottom:none /* set to 1px dotted #aaa; if you want separation lines */
	}

div.BLOGSWrapper div.content ul.blogger > li:last-child {border-bottom:none;}

div.BLOGSWrapper div.content ul.blogger li a {
	color:#990000;
	position:relative;
}

div.BLOGSWrapper div.content ul.blogger li div.blogger_photo_frame {
/* creates a frame border around the image */
	width:110px;
	overflow:hidden;
	border:none;/* 1px solid #d4d4d4; */
	float:left;
	}


div.BLOGSWrapper div.content ul.blogger li div.blogger_photo_frame img {
/*	This image should fit in the photo frame.  Use formula below.
	image width 98px + (2 x margin 5px) + (2 x border 1px) = blogger_photo_frame 110px */
	width:98px; /* this width is set to 98px in object cce_BlogsItem1101 */
	margin:5px;
	border:1px solid #e4e4e4;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing {
/*	lists the blog title, a brief description, social networking, and any blog entries (aritcles) */
	width:510px;
	overflow:hidden;
	float:right;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing h2 {
/*	title of the blog from the CCE module */
	font-size:24px;
	margin:0 0 0px 0;
	color:#000;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing p {
/*	brief description of the blog */
	margin:0 0 15px 0;
	font-size:14px;
	line-height:18px;
/*	letter-spacing:1px;  remove this to apply spacing between letters in the paragraph */
	color:#333;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social {
/*	container to house social networking links */
	margin:0 0 10px 0;
	display:none;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a {
/*	PLEASE NOTE that the standard height of the social networking images is defined here while
	individual social networking images widths are defined within their unique classes below */
	display:inline-block;
	height:32px;
	overflow:hidden;
	margin:0 10px 0 0;
	text-decoration:none;
	border:none;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a:hover {text-decoration:none;}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a img {
	border:none;
	}


div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.rss {
	background:url(/images/blogs/themes/herald/social_rss_01.png) no-repeat;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.rss img {width:32px;}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.facebook {
	background:url(/images/blogs/themes/herald/social_facebook_01.png) no-repeat;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.facebook img {width:32px;}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.twitter {
	background:url(/images/blogs/themes/herald/social_twitter_01.png) no-repeat;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.twitter img {width:32px;}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.youtube {
	background:url(/images/blogs/themes/herald/social_youtube_01.png) no-repeat;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.youtube img {width:32px;}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.flickr {
	background:url(/images/blogs/themes/herald/social_flickr_01.png) no-repeat;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing div.social a.flickr img {width:32px;}


div.BLOGSWrapper div.content ul.blogger li div.blogger_listing ul.blog_posts li {
	margin:0 0 7px 0;
	font-size:14px;
	line-height:16px;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing ul.blog_posts li span {
	font-size:10px;
	color:#990000;
	}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing ul.blog_posts li a:link,
div.BLOGSWrapper div.content ul.blogger li div.blogger_listing ul.blog_posts li a:visited,
div.BLOGSWrapper div.content ul.blogger li div.blogger_listing ul.blog_posts li a:active {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color: black;
}

div.BLOGSWrapper div.content ul.blogger li div.blogger_listing ul.blog_posts li a:hover {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	color: black;
}

/* ---------------------------------------------- */
/* 5.0 Individual Blog Section Front              */
/* ---------------------------------------------- */

div.section_wrapper div.blogContainer div.blog_logo img {
/*	this is the blog log image which is injected from the CCE module */
	max-width:645px;
	}

div.section_wrapper div.blogContainer div.blog_logo h1 {
/*	if a blog logo image isn't available, then the title
	of the Blog will be used from the CCE module as an h1 heading */
	font-size:36px;
	margin:0 0 20px 0;
	color:#000;
	}


div.section_wrapper div.blogContainer div.blogger_information {
	font-size:12px;
	color:#333;
	word-wrap: break-word;
	}

div.section_wrapper div.blogContainer div.blogger_information div.blogger_photo_frame {
/* creates a frame border around the image */
	width:148px;
	overflow:hidden;
	margin:0 0 5px 0;
	border:none;
	}


div.section_wrapper div.blogContainer div.blogger_information div.blogger_photo_frame img {
/*	This image should fit in the photo frame.  Use formula below.
	image width 136px + (2 x margin 5px) + (2 x border 1px) = blogger_photo_frame 148px */
	width:136px; /* this width is set to 136px in object cce_BlogsItem1103 */
	margin:5px;
	border:1px solid #e4e4e4;
	}

div.section_wrapper div.blogContainer div.blogger_information div.blogger {
	margin:0 0 15px 0;
	font-size:15px;
	text-align:left;
	font-weight:bold;
	line-height:18px;
	}

div.section_wrapper div.blogContainer div.blogger_information div.contact_info {margin:0 0 20px 0;}

div.section_wrapper div.blogContainer div.blogger_information div.contact_info div {margin:0 0 10px 0;}

div.section_wrapper div.blogContainer div.blogger_information div.contact_info div span {font-weight:bold;}


div.section_wrapper div.blogContainer div.blogger_information div.social {
/*	container to house social networking links */
	margin:0 0 15px 0;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social h3 {
/*	name of the blogger from the CCE module */
	font-size:18px;
	margin:0 0 0px 0;
	font-weight:bold;
	background:none;
	border-bottom:none;
	padding:0;
	}


div.section_wrapper div.blogContainer div.blogger_information div.social a {
/*	PLEASE NOTE that the standard height of the social networking images is defined here while
	individual social networking images widths are defined within their unique classes below */
	display:inline-block;
	height:32px;
	overflow:hidden;
	margin:0 2px 5px 0;
	text-decoration:none;
	border:none;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social a:hover {text-decoration:none;}

div.section_wrapper div.blogContainer div.blogger_information div.social a img {
	border:none;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social a.rss {
	background:url(/images/blogs/themes/herald/social_rss_01.png) no-repeat;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social a.rss img {width:32px;}

div.section_wrapper div.blogContainer div.blogger_information div.social a.facebook {
	background:url(/images/blogs/themes/herald/social_facebook_01.png) no-repeat;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social a.facebook img {width:32px;}

div.section_wrapper div.blogContainer div.blogger_information div.social a.twitter {
	background:url(/images/blogs/themes/herald/social_twitter_01.png) no-repeat;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social a.twitter img {width:32px;}

div.section_wrapper div.blogContainer div.blogger_information div.social a.youtube {
	background:url(/images/blogs/themes/herald/social_youtube_01.png) no-repeat;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social a.youtube img {width:32px;}

div.section_wrapper div.blogContainer div.blogger_information div.social a.flickr {
	background:url(/images/blogs/themes/herald/social_flickr_01.png) no-repeat;
	}

div.section_wrapper div.blogContainer div.blogger_information div.social a.flickr img {width:32px;}


div.section_wrapper div.blogContainer div.blogger_information div.blog_links {
	margin:25px 0 0 0;
}

div.section_wrapper div.blogContainer div.blogger_information div.blog_links a {
	font-size:13px;
}

div.section_wrapper div.blogContainer div.blogger_information div.blog_links h3 {
	font-size:18px;
	margin:0 0 10px 0;
	font-weight:bold;
	}

div.section_wrapper div.blogContainer div.blogger_information div.blog_links ul {
	margin:0 0 0 5px;
	list-style-type:none;
}

div.section_wrapper div.blogContainer div.blogger_information div.blog_links ul li {
	margin:0 0 10px 0;
}


div.section_wrapper div.blogContainer div.content ul.blog_posts li {
	/* margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #aaa; */
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li:last-child {
	border-bottom:none;
	}


div.section_wrapper div.blogContainer div.content ul.blog_posts li  div.blog_post {
	border:1px solid #c4c4c4; /* uncomment if you would like a border around the blog post*/
	padding:15px;
	border-radius: 10px 10px 10px 10px;
	margin: 0 0 15px 0;
	padding: 10px;
	}

div.section_wrapper div.blogContainer div.content-blog-article div.blog_post {
	border:1px solid #c4c4c4; /* uncomment if you would like a border around the blog post*/
	padding:15px;
	border-radius: 10px 10px 10px 10px;
	margin: 0 0 15px 0;
	padding: 10px;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post h2 {
/*	title of the blog article */
	font-size:36px;
	font-weight:normal;
	line-height: 40px;
	margin:0 0 15px 0;
	padding: 0;
	color:#000;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post h3 {
/*	subtitle of the blog article if available */
	font-size:16px;
	margin:5px 0 10px 0;
	color:#333;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.byline {
	margin:0 0 15px 0;
	font-size:16px;
	font-weight:bold;
	color:#000;
	}

div.section_wrapper div.blogContainer div.content-blog-article div.blog_post div.byline-postdate {
	margin:0 0 0px 0;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#000;
	}

div.section_wrapper div.blogContainer div.content-blog-article div.blog_post div.byline-postdate {
	margin:0 0 15px 0;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#000;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.byline span {
	/* text-transform:uppercase; */
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.blog_title a:link,
div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.blog_title a:visited,
div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.blog_title a:hover {
	font-size:36px;
	line-height:36px;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.blog_title {
	padding: 0 0 15px 0;
}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.text_area {
/*	shortened version of the blog post */
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 15px 0;
/*	letter-spacing:1px;  remove this to apply spacing between letters in the paragraph */
	color:#333;
	}

div.section_wrapper div.blogContainer div.content-blog-article div.blog_post div.text_area {
/*	shortened version of the blog post */
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 15px 0;
/*	letter-spacing:1px;  remove this to apply spacing between letters in the paragraph */
	color:#333;
	}

div.section_wrapper div.blogContainer div.content-blog-article div.blog_post div.text_area br {
	margin:10px;
    display:block;

	}
div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.text_area div.main_picture {
	width:160px;
	overflow:hidden;

	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li.odd div div.text_area div.main_picture {
	margin:0 0 10px 10px;
	float:right;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li.even div div.text_area div.main_picture {
	margin:0 10px 10px 0;
	float:right;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.text_area div.main_picture div.photo_frame {
	width:158px;
	border:1px solid #d4d4d4;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.text_area div.main_picture div.photo_frame img {
	/* image MaxW=200 set for image in /objects/blogs/newsItem1102.pbo */
	width:146px;
	margin:5px;
	border:1px solid #e4e4e4;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.text_area div.main_picture div.caption_byline {
	margin:3px 0 0 0;
	font-size:10px;
	color:#777;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.text_area div.main_picture div.caption_byline span {
	text-transform:uppercase;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.text_area span.continued {
	font-size:10px;
	color:#777;
	}

div.section_wrapper div.blogContainer div.content ul.blog_posts li div.blog_post div.continue_reading {
/*	shortened version of the blog post */
	margin:20px 0 0 0;
	font-size:14px;
	line-height:18px;
/*	letter-spacing:1px;  remove this to apply spacing between letters in the paragraph */
	color:#900;
	}


/* 6.0 Blog Article Page                    */

div.articlepage div.blogContainer div.blog_logo img {
/*	this is the blog log image which is injected from the CCE module */
	max-width:645px;
	}

div.articlepage div.blogContainer div.blog_logo h1 {
/*	if a blog logo image isn't available, then the title
	of the Blog will be used from the CCE module as an h1 heading */
	font-size:36px;
	margin:0 0 20px 0;
	color:#000;
	}


div.articlepage div.blogContainer div.blogger_information {
	font-size:12px;
	color:#333;
	}

div.articlepage div.blogContainer div.blogger_information div.blogger_photo_frame {
/* creates a frame border around the image */
	width:148px;
	overflow:hidden;
	margin:0 0 5px 0;
	border:1px solid #d4d4d4;
	}


div.articlepage div.blogContainer div.blogger_information div.blogger_photo_frame img {
/*	This image should fit in the photo frame.  Use formula below.
	image width 136px + (2 x margin 5px) + (2 x border 1px) = blogger_photo_frame 148px */
	width:136px; /* this width is set to 136px in object cce_BlogsItem1103 */
	margin:5px;
	border:1px solid #e4e4e4;
	}

div.articlepage div.blogContainer div.blogger_information div.blogger {
	margin:0 0 15px 0;
	font-size:15px;
	text-align:center;
	}

div.articlepage div.blogContainer div.blogger_information div.contact_info {margin:0 0 20px 0;}

div.articlepage div.blogContainer div.blogger_information div.contact_info div {margin:0 0 10px 0;}

div.articlepage div.blogContainer div.blogger_information div.contact_info div span {font-weight:bold;}


div.articlepage div.blogContainer div.blogger_information div.social {
/*	container to house social networking links */
	margin:0 0 15px 0;
	}

div.articlepage div.blogContainer div.blogger_information div.social h3 {
/*	name of the blogger from the CCE module */
	font-size:18px;
	margin:0 0 10px 0;
	font-weight:bold;
	}

div.articlepage div.blogContainer div.blogger_information div.social a {
/*	PLEASE NOTE that the standard height of the social networking images is defined here while
	individual social networking images widths are defined within their unique classes below */
	display:inline-block;
	height:32px;
	overflow:hidden;
	margin:0 0 5px 0;
	text-decoration:none;
	border:none;
	}

div.articlepage div.blogContainer div.blogger_information div.social a:hover {text-decoration:none;}

div.articlepage div.blogContainer div.blogger_information div.social a img {
	border:none;
	}

div.articlepage div.blogContainer div.blogger_information div.social a.rss {
	background:url(/images/blogs/themes/herald/social_rss_01.png) no-repeat;
	}

div.articlepage div.blogContainer div.blogger_information div.social a.rss img {width:32px;}

div.articlepage div.blogContainer div.blogger_information div.social a.facebook {
	background:url(/images/blogs/themes/herald/social_facebook_01.png) no-repeat;
	}

div.articlepage div.blogContainer div.blogger_information div.social a.facebook img {width:32px;}

div.articlepage div.blogContainer div.blogger_information div.social a.twitter {
	background:url(/images/blogs/themes/herald/social_twitter_01.png) no-repeat;
	}

div.articlepage div.blogContainer div.blogger_information div.social a.twitter img {width:32px;}

div.articlepage div.blogContainer div.blogger_information div.social a.youtube {
	background:url(/images/blogs/themes/herald/social_youtube_01.png) no-repeat;
	}

div.articlepage div.blogContainer div.blogger_information div.social a.youtube img {width:32px;}

div.articlepage div.blogContainer div.blogger_information div.social a.flickr {
	background:url(/images/blogs/themes/herald/social_flickr_01.png) no-repeat;
	}

div.articlepage div.blogContainer div.blogger_information div.social a.flickr img {width:32px;}

div.articlepage div.blogContainer div.content {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:none;
	}

div.articlepage div.blogContainer div.blogger_information div.blog_links {
	margin:25px 0 0 0;
}

div.articlepage div.blogContainer div.blogger_information div.blog_links h3 {
	font-size:18px;
	margin:0 0 10px 0;
	font-weight:bold;
	}

div.articlepage div.blogContainer div.blogger_information div.blog_links ul {
	margin:0 0 0 5px;
	list-style-type:none;
}

div.articlepage div.blogContainer div.blogger_information div.blog_links ul li {
	margin:0 0 10px 0;
}

div.articlepage div.blogContainer div.content  div.blog_post {
/*	border:1px solid #c4c4c4; uncomment if you would like a border around the blog post */
	padding:15px;
	}


div.articlepage div.blogContainer div.content div.blog_post h2 {
/*	title of the blog article */
	font-size:24px;
	margin:0 0 10px 0;
	color:#000;
	}

div.articlepage div.blogContainer div.content div.blog_post div.byline {
	margin:0 0 15px 0;
	font-size:10px;
	color:#777;
	}

div.articlepage div.blogContainer div.content div.blog_post div.byline span {
	text-transform:uppercase;
	}

div.articlepage div.blogContainer div.content div.blog_post div.text_area {
/*	shortened version of the blog post */
	font-size:14px;
	line-height:18px;
/*	letter-spacing:1px;  remove this to apply spacing between letters in the paragraph */
	color:#333;
	}

div.articlepage div.blogContainer div.content div.blog_post div.text_area p,
div.articlepage div.blogContainer div.content div.blog_post div.text_area br.hardreturn {
/*	if your article includes paragraph tags or the "hardreturn" break tag class
	generated in the WYSIWYG editor, create some space between paragraphs */
	padding-bottom:15px;
}

div.articlepage div.blogContainer div.content div.blog_post div.text_area div.main_picture {
	width:160px;
	overflow:hidden;
	}

div.articlepage div.blogContainer div.content div.blog_post  div.text_area div.main_picture {
	margin:0 0 10px 10px;
	float:right;
	}

div.articlepage div.blogContainer div.content div.blog_post div.text_area div.main_picture div.photo_frame {
	width:158px;
	border:1px solid #d4d4d4;
	}

div.articlepage div.blogContainer div.content div.blog_post div.text_area div.main_picture div.photo_frame img {
	/* image MaxW=200 set for image in /objects/blogs/newsItem1102.pbo */
	width:146px;
	margin:5px;
	border:1px solid #e4e4e4;
	}

div.articlepage div.blogContainer div.content div.blog_post div.text_area div.main_picture div.caption_byline {
	margin:3px 0 0 0;
	font-size:10px;
	color:#777;
	}

div.articlepage div.blogContainer div.content div.blog_post div.text_area div.main_picture div.caption_byline span {
	text-transform:uppercase;
	}

div.articlepage div.blogContainer div.content div.recent_posts {
	padding:0 15px;
	}

div.articlepage div.blogContainer div.content div.recent_posts h3 {
	font-size:18px;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#333;
	}

div.articlepage div.blogContainer div.content div.recent_posts h3 span {
	font-style:italic;
	}

div.articlepage div.blogContainer div.content div.recent_posts ul.recent_blog_posts {
	margin:0 0 0 30px;
	list-style:decimal;
	}

div.articlepage div.blogContainer div.content div.recent_posts ul.recent_blog_posts li {
	font-size:14px;
	color:#333;
	}

div.articlepage div.blogContainer div.content div.recent_posts ul.recent_blog_posts li span {
	font-size:10px;
	color:#777;
	}

div.articlepage div.blogContainer div.content div.return_to_blogger_sf {
	padding:15px;
	text-align:center;
	font-size:16px;
	margin:5px 0 10px 0;
	color:#333;
	}

/* ---------------------------------------------- */
/* xx.0 Display development colors for divs       */
/* ---------------------------------------------- */
/*
div.masthead {background:#ff9;}
div.menu {background:#900;}
div.blog_logo {background:#f90;}
div.blogger_information {background:#fcf;}
div.content {background:#9ff;}
div.rail_right {background:#6f9;}
div.footer {background:#ccc;}
*/

div.section_wrapper div.blogContainer div.blogger_information div.contact_info div.phone {
	margin: 0 0 10px;
	color: #333333;
	font-size: 12px;
}

div.section_wrapper div.blogContainer div.blogger_information div.contact_info div.email a {
	color: #333333;
	font-family: "Segoe UI",Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-size-adjust: 0;
	font-variant: normal;
	font-weight:normal;
	line-height: 1;
	margin: 0 0 10px;
	padding: 0;
}

div.blog_post div.main_picture {
	float:right;
	font-size:12px;
	margin:10px;
}