body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #d9ddcb;
	background-color: #333;
	background-attachment: scroll;
	background-image: url(../_img/_blog/main_bkg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
/*-  Header
----------------------------------------------------------------------*/
.header {
	width: 960px;
	height: 170px;
	margin: 0 auto;
}
.header .logo {
	width: 287px;
	float: left;
}
.header .logo a {
	width: 250px;
	height: 145px;
	float: left;
	background-attachment: scroll;
	background-image: url(../images/bluebeetle-logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.header .logo a img {
	border: none;
}
.header .blogolog {
	width: 250px;
	float: left;
	margin: 0 0 0 -75px;
}
.header .blogolog a {
	width: 250px;
	height: 100px;
	float: left;
	background-attachment: scroll;
	background-image: url(../_img/_blog/blogolog.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.header .blogolog a img {
	border: none;
}
/*-  Main Menu
----------------------------------------------------------------------*/
.main_menu {
	width: 660px;
	float: right;
	padding: 0;
	background-attachment: scroll;
	background-image: url(../_img/buttons/main_menu.gif);
	background-repeat: no-repeat;
	background-position: 19px top;
}
.main_menu ul {
	padding: 5px 0 0 25px;
	margin: 0;
	list-style: none;
	display: block;
	width: 635px;
	height: 45px;
}
.main_menu ul li {
	padding: 0 5px 0 0;
	height: 40px;
	line-height: 40px;
	margin: 0;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	float: left;
}
.main_menu ul li a {
	font-size: 12px;
	padding: 3px 30px 0 15px;
	margin: 0;
	height: 37px;
	line-height: 37px;
	text-decoration: none;
	color: #fff;
	display: block;
	float: left;
	background-attachment: scroll;
	background-image: url(../_img/buttons/mainmenu_hover.png);
	background-repeat: no-repeat;
	background-position: right -400px;
}
.main_menu ul li a:hover {
	background-position: right top;
}
.main_menu ul li a.login {
	font-size: 12px;
	padding: 3px 30px 0 15px;
	margin: 0;
	height: 37px;
	line-height: 37px;
	text-decoration: none;
	color: #fff;
	display: block;
	float: left;
	background-attachment: scroll;
	background-image: url(../_img/buttons/mainmenu_hover.png);
	background-repeat: no-repeat;
	background-position: right -400px;
}
.main_menu ul li a.login_hover {
	background-position: right top;
}
.main_menu ul li a.active {
	font-size: 12px;
	padding: 3px 30px 0 15px;
	margin: 0;
	height: 37px;
	line-height: 37px;
	text-decoration: none;
	color: #444;
	display: block;
	float: left;
	background-attachment: scroll;
	background-image: url(../_img/buttons/mainmenu_hover.png);
	background-repeat: no-repeat;
	background-position: right -40px;
}
.main_menu ul li a.active:hover {
	color: #fff;
	background-image: url(../_img/buttons/mainmenu_hover.png);
}
.main_menu ul li a.activated {
	font-size: 12px;
	padding: 3px 30px 0 15px;
	margin: 0;
	height: 37px;
	line-height: 37px;
	text-decoration: none;
	color: #fff;
	display: block;
	float: left;
	background-attachment: scroll;
	background-image: url(../_img/buttons/mainmenu_hover.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.main_menu ul ul {
	margin:0;
	position:relative;
	z-index: 1;
	width: 220px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/* a hack for IE5.x and IE6 */

.main_menu ul li:hover {
	position: relative;
	z-index:300;
}
.main_menu ul a:hover {
	position: relative;
	z-index: 300;
	color: #fff;
	text-decoration: none;
}
.main_menu ul :hover ul {
	left: 0;
	top: 40px;
}
/* another hack for IE5.5 and IE6 */
.main_menu ul li a:hover ul {
	left: 0;
	top: 40px;
}
.main_menu ul li ul {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
/* show path followed */
.main_menu ul li:hover > a {
	color: #fff;
	background-position: right top;
}
.main_menu ul li:hover > a.active {
	color: #fff;
	background-position: right top;
	background-image: url(../_img/buttons/mainmenu_hover.png);
}
/* ######### Header - Submenues ######### */

.main_menu li ul {
	width: 160px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.main_menu li ul li.item {
	width: 130px;
	height: 37px;
	line-height: 37px;
	padding: 0;
	margin: 0;
}
.main_menu li ul li.bottom {
	width: 160px;
	height: 5px;
	line-height: 1px;
	padding: 0;
	margin: 0;
	background-attachment: scroll;
	background-image: url(../_img/buttons/submenu_bkg.png);
	background-repeat: no-repeat;
	background-position: left bottom;	 
}
.main_menu li ul li a {
	padding: 0 15px;
	display: block;
	height: 37px;
	line-height: 37px;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 130px;
	background-color: #3399ff;
	background-position: -1000px -1000px;
}
.main_menu li ul a:hover {
	text-decoration: underline;
	background-color: #3399ff;
	background-position: -1000px -1000px;
}
.main_menu li ul a.active,
.main_menu li ul a:hover.active {
	padding: 0 15px;
	display: block;
	height: 37px;
	line-height: 37px;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #99ccff;
	text-decoration: none;
	display: block;
	width: 130px;
	background-color: #3399ff;
	background-position: -1000px -1000px;
}
.main_menu li ul a:hover.active {
	text-decoration: underline;
}
/* ######### Header - Login ######### */
.main_menu li  {
	position: relative;
}
.main_menu li ul.login_drop {
	width: 150px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
	left: 0;
	top: 40px;
	display: none;
}
.main_menu li ul.login_drop li {
	width: 150px;
	padding: 0;
	margin: 0;
}
.main_menu li ul.login_drop li form {
	padding: 0;
	margin: 0;
}
.main_menu li ul.login_drop li .login_container {
	padding: 5px 15px 15px 15px;
	margin: 0;
	display: block;
	width: 120px;
	float: left;
	clear: both;
	background-image: url(../_img/assets/login_bkg.png);
	color: #fff;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.main_menu li ul.login_drop li .log_item1 {
	padding: 5px 0 0 0;
	margin: 0;
	height: 20px;
	line-height: 20px;
	display: block;
}
.main_menu li ul.login_drop li .log_item2 {
	padding: 0;
	margin: 0;
	height: 30px;
	line-height: 30px;
	display: block;
}
.main_menu li ul.login_drop li .log_item3 {
	padding: 10px 0 0 0;
	margin: 0;
	display: block;
}
.main_menu li ul.login_drop li .log_item2 .txtfield {
	width: 108px;
	height: 18px;
	line-height: 18px;
	background-image: url(../_img/assets/login_txtfield.gif);
	border: 0px none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #444;
	display: block;
	font-size: 11px;
	background-color: transparent;
	padding: 6px;
	margin: 0;
}
.main_menu li ul.login_drop li .log_item3 .blue_button {
	width: 92px;
	height: 25px;
	line-height: 25px;
	background-image: url(../_img/buttons/blue_button.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	float: left;
	border: 0 none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.main_menu li ul.login_drop li .log_item3 .blue_button:hover {
	text-decoration: underline;
}

/*-  Main Content
----------------------------------------------------------------------*/
.maincontent_area {
	width: 960px;
	padding: 0;
	margin: 0 auto;
	clear: both;
}
/* ######### Drop Down Menu - BLUE ######### */
.dropmenu_blue {
	padding: 0;
	float: left;
	clear: both;
}
.dropmenu_blue ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 1000000;
}
.dropmenu_blue ul li {
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 0;
}
.dropmenu_blue ul li.main a {
	padding: 0 0 0 20px;
	background-image: url(../_img/buttons/blue_submenu.gif);
	width: 196px;
	height: 25px;
	line-height: 25px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 12px;
	text-decoration: none;
	border-bottom: 0px none;
}
.dropmenu_blue ul li.main a:hover {
	border-bottom: 0px none;
}
.dropmenu_blue ul li:last-child a {
	border-right: none;
} 
/* Doesn't work in IE */
.dropmenu_blue ul li.hover, .dropmenu_blue ul li:hover {
	position: relative;
}
.dropmenu_blue ul li.hover a {
	text-decoration: none;
}
/* 
	LEVEL TWO
*/
.dropmenu_blue ul ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	visibility: hidden;
	position: absolute;
	left: 0;
}
.dropmenu_blue ul ul li {
	padding: 0;
	margin: 0;
	height: 26px;
	line-height: 26px;
}
/* IE 6 & 7 Needs Inline Block */
.dropmenu_blue ul ul li a {
	border-right: none;
	width: 100%;
	display: inline-block;
}
.dropmenu_blue ul li.main ul li a{
	padding: 0 0 0 20px;
	background-image: url(../_img/buttons/blue_subsubmenu.gif);
	width: 196px;
	height: 25px;
	line-height: 25px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 12px;
	border-top: 1px solid #3f444a;
}
.dropmenu_blue ul li.main ul li a:hover{
	background-position: left -25px;
	color: #444;
}

/* -------------------------------------------------------- FOOTER.CSS -------------------------------------------------------- */
/*-  Footer
----------------------------------------------------------------------*/
.blog_footer {
	width: 100%;
	float: left;
	clear: both;
	background-color: #3f444a;
	background-attachment: scroll;
	background-image: url(../blog/graphics/elements/category-splitter.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.footer {
	width: 960px;
	padding: 30px 0 0 0;
	margin: 0;
	color: #fff;
	float: left;
	clear: both;
	background-attachment: scroll;
	background-image: url(../_img/assets/supergraphic.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 11px;
	line-height: 18px;
}
.footer a:link,
.footer a:visited {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #0066ff;
	margin: 0;
	padding: 0;
	font-size: 11px;
}
.footer a:hover {
	border-bottom: 1px dotted #FFF;
}
.footer p {
	font-size: 11px;
}
.blog_footer .footer {
	margin: 0 auto;
	float: none;
}
.footer_abs {
	width: 960px;
	clear: both;
	position: absolute;
	top: 550px;
	left: 0;
}
.footer .top_footer {
	background-attachment: scroll;
	background-image: url(../_img/assets/br.gif);
	background-repeat: repeat-x;
	background-position: left 27px;
	float: left;
	clear: both;
	padding: 0 0 20px 0;
	width: 960px;
	display: block;
}
.footer .top_footer .col1 {
	width: 280px;
	float: left;
	padding: 0 20px;
}
.footer .top_footer .col1 p {
	padding: 0;
	margin: 0 0 10px 0;
}
.footer .top_footer .col1 p.cbn {
	margin-bottom: 0;
}
.footer .top_footer .col1 h3, 
.footer .top_footer .col2 h3, 
.footer .top_footer .col3 h3 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 22px;
}
.footer .top_footer .col1, 
.footer .top_footer .col2, 
.footer .top_footer .col3 {
	background-attachment: scroll;
	background-image: url(../_img/assets/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 230px 11px;
}
.footer .top_footer .col2 {
	width: 280px;
	float: left;
	padding: 0 20px;
}
.footer .top_footer .col2 p {
	padding: 0;
	margin: 0;
}
.footer .top_footer .col2 .leftcol {
	width: 100px;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
}
.footer .top_footer .col2 .rightcol {
	width: 150px;
	float: left;
	padding: 0;
	margin: 0;
}
.footer .top_footer .col3 {
	width: 280px;
	float: left;
	padding: 0 0 0 20px;
}
.footer .top_footer .col3 p {
	margin: 0 0 13px 0;
	padding: 0;
}
.sitemap_container {
	background-attachment: scroll;
	background-image: url(../_img/assets/br.png);
	background-repeat: repeat-x;
	background-position: left 27px;
	display: block;
	clear: both;
	width: 960px;
	float: left;
}
.sitemap_container .sitemap {
	background-attachment: scroll;
	padding: 0 0 0 20px;
	width: 620px;
	margin: 0;
	float: left;
	background-attachment: scroll;
	background-image: url(../_img/assets/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 550px 11px;
}
.sitemap_container .sitemap h3, 
.sitemap_container .col4 h3 {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 22px;
}
.sitemap_container .sitemap ul {
	display: block;
	line-height: 24px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	clear: both;
}
.sitemap_container .sitemap ul li {
	float: left;
	padding: 0 10px 0 0;
	line-height: 24px;
	margin: 0;
}
.sitemap_container .sitemap ul li.main {
	width: 90px;
}
.sitemap_container .sitemap ul li a {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	border: none;
}
.sitemap_container .sitemap ul li a:hover {
	text-decoration: underline;
}
.sitemap_container .sitemap ul li a.active {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 10px;
}
.sitemap_container .col4 {
	width: 280px;
	float: left;
	padding: 0 0 0 20px;
	background-attachment: scroll;
	background-image: url(../_img/assets/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 230px 11px;
}
.sitemap_container .col4 p {
	margin: 0;
	padding: 0;
}

/*-  Newsletter
----------------------------------------------------------------------*/
.col4 form {
	padding: 0;
	margin: 0;
}
#subscr {
	display: block;
	float: left;
}
#unsubscr {
	display: none;
	float: left;
}
.col4 .newsletter_shift {
	padding: 4px 0 0 10px;
	float: left;
}
a.closefooter1,
a.closefooter2 {
	color: #888;
	text-decoration: none;
	border-bottom: 1px dotted #888;
	margin: 0;
	padding: 0;
}
a.closefooter1:hover,
a.closefooter2:hover {
	border-bottom: 1px dotted #fff;
}
.col4 .newsletter_item {
	padding: 0 0 9px 0;
	float: left;
}
.col4 .newsletter_item .newsletter_txtfield {
	width: 190px;
	height: 18px;
	line-height: 18px;
	background-image: url(../_img/assets/newsletter_txtfield.gif);
	border: 0px none;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #444;
	display: block;
	font-size: 11px;
	background-color: transparent;
	padding: 6px;
	margin: 0;
}
.col4 .newsletter_item .blue_button {
	width: 92px;
	height: 25px;
	line-height: 25px;
	background-image: url(../_img/buttons/blue_button.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	float: left;
	border: 0 none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.col4 .newsletter_item .blue_button:hover {
	text-decoration: underline;
}
.col4 .newsletter_item a.unsubscribe {
	height: 25px;
	line-height: 25px;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #9fa2a5;
	display: block;
	font-size: 9px;
	text-decoration: none;
	float: left;
	padding: 0 10px;
}
.col4 .newsletter_item a.unsubscribe:hover {
	text-decoration: underline;
}



/*-  Copyright 
----------------------------------------------------------------------*/
.base {
	padding: 25px 0 0 0;
	font-size: 9px;
	display: block;
	clear: both;
	height: 35px;
	width: 960px;
	line-height: 18px;
}
.base .copyright {
	padding: 0 0 0 20px;
	margin: 0;
	font-size: 9px;
	height: 25px;
	width: 300px;
	float: left;
}
.copyright a:link,
.copyright a:visited {
	font-size: 9px;
}


/*-  Bookmark 
----------------------------------------------------------------------*/
.social {
	float: left;
	width: 280px;
	padding: 0 20px;
	font-size: 9px;
}
a:link.share,
a:visited.share {
	line-height: 18px;
	border: none;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../_img/bookmark_icons/sm-plus.png);
	padding: 3px 0 3px 20px;
	font-size: 9px;
}
.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}
.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}




.bookmarks {
	background: url('/blog/graphics/elements/category-splitter.png') repeat-x top;
	padding-top: 10px;
	display: block;
	clear: both;
}
ul.bookmark {
	padding: 0;
	margin: 0;
}
ul.bookmark li {
	padding: 0 10px 0 19px;
	margin: 0;
	float: left;
	line-height: 18px;
	list-style-type: none;	
	background-repeat: no-repeat;
	background-position: left top;
}
ul.bookmark li.delicious {
	background-image: url(../_img/bookmark_icons/delicious_16x16-bw.png);
}
ul.bookmark li.digg {
	background-image: url(../_img/bookmark_icons/digg_16x16-bw.png);
}
ul.bookmark li.reddit {
	background-image: url(../_img/bookmark_icons/Reddit_16x16-bw.png);
}
ul.bookmark li.facebook {
	background-image: url(../_img/bookmark_icons/FaceBook_16x16-bw.png);
}
ul.bookmark li.stumbleupon {
	background-image: url(../_img/bookmark_icons/Stumbleupon_16x16-bw.png);
}
ul.bookmark li.google {
	background-image: url(../_img/bookmark_icons/Google_16x16-bw.png);
}
ul.bookmark li.twitter {
	background-image: url(../_img/bookmark_icons/Twitter_16x16-bw.png);
}
ul.bookmark li img{
	line-height: 14px;
	height: 14px;
	padding: 0 3px 0 0;
}
ul.bookmark li a:link,
ul.bookmark li a:visited,
a:link.share,
a:visited.share {
	line-height: 18px;
	border: none;
	color: #FFF;
}
ul.bookmark li a:hover {
	border-bottom: 1px dotted #FFF;
	text-decoration: none;
}


/*-  Carbon 
----------------------------------------------------------------------*/
.carbon {
	float: left;
	width: 280px;
	padding: 0 20px;
	font-size: 9px;
}
.carbon a:link,
.carbon a:visited {
	font-size: 9px;
}


/* -------------------------------------------------------- BLOG/MASTER.CSS -------------------------------------------------------- */
/* MASTER TEMPLATE STYLE SHEET */

/* GENERAL REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
em {font-style: italic;}
form {display: inline;}
img {border: 0; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
strong {font-weight: bold;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* MAIN CONTAINER */
#container {margin: 0 auto 0 auto; width: 960px;}
a.blogologo {
	width: 250px;
	height: 100px;
	background-attachment: scroll;
	background-image: url(../../../_img/_blog/blogolog.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	position: absolute;
	top: 65px;
	padding: 0;
	margin: 0;
	z-index: 500px;
}

/* LEFT SIDE */
#leftside {color: #D9DDCB; float: left; margin: 0; padding: 10px 0 0 0; width: 640px;}

/* LEFT SIDE : BLOG */
.blogitem, .blogitemdetail {background: url('../blog/graphics/elements/category-splitter.png') repeat-x bottom; float: left; line-height: 18px; margin: 0 0 30px 0; padding: 0 0 10px 0; width: 640px;}
.blogitem a, .blogitemdetail a { color: #3399FF; }
.blogitemdetail {margin-bottom: 0;}
.dates {color: #A4C729; float: left; margin: 0; padding: 0; width: 100%;}
.dates .number {font-size: 18px;}
.dates a {color: #3399FF; font-size: 18px; text-decoration: none;}
.dates a:hover {text-decoration: underline;}

.tags {color: #A4C729; float: left; margin-top: 15px; padding: 0; width: 100%;}
.tags .number {font-size: 14px;}
.tags a {color: #3399FF; font-size: 14px; text-decoration: none;}
.tags a:hover {text-decoration: underline;}

.blogtitle {float: left; font-size: 31px; line-height: 31px; margin: 0; padding: 11px 0 16px 0; width: 460px; letter-spacing: -0.5px;}
.blogtitle a {color: #D9DDCB; font-size: 31px;}
.posted {float: right; margin: 0; padding: 0 0 20px 0; text-align: right; width: 180px;}
.posted a {color: #D9DDCB; font-size: 18px;}
.posted a:hover {text-decoration: none;}
.blogitem .posted img, .blogitemdetail .posted img {border: none; display: inline; float: none; margin: 0 0 -20px 0;}
.comment {color: #B1B4A7; float: left; margin: 0; padding: 30px 0 0 0; width: 100%; line-height: 18px; height: 18px;}
.comment a {color: #3399FF; display: inline; margin: 0; padding: 10px 0 0 0; font-size: 11px; }
.comment a .number {font-size: 18px; line-height: 18px; height: 18px;}
.comment a.comments {
	padding-bottom: 2px;
	padding-left: 15px;
	padding-right: 10px;
	background-image: url(../blog/graphics/icons/comments.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	line-height: 18px; 
	height: 18px;
}
.comment a.share {background-image: url('../blog/graphics/icons/share-to-a-friend.png'); background-repeat: no-repeat; background-position: left 2px; margin-left: 10px; padding-left: 15px; line-height: 18px; height: 18px;}
.blogitem img, .blogitemdetail img {border: 10px solid #292929; float: left; margin: 0 0 15px 0; clear: both}
.blogitemdetail p, .blogitem p { float: left; clear: both; display: block; width: 640px; margin: 0; padding: 10px 0;}
.blogitemdetail ul, .blogitem ul {clear: both; display: block; width: 640px; margin: 0;}

/* LEFT SIDE : BLOG DETAIL */
.commentpost1, .commentpost2, .commentpost3 {background: url('../blog/graphics/elements/category-splitter.png') bottom repeat-x; float: left; font-size: 12px; margin: 0; padding: 20px 10px; width: 620px;}
.commentpost1 {background: url('../blog/graphics/elements/category-splitter.png') bottom repeat-x #4C4C4B;}
.commentpost3 {background: none;}
.commentpost1 .person, .commentpost2 .person {color: #D9DDCB; float: left; font-size: 16px; margin: 0; padding: 0 0 3px 0; width: 100%;}
.commentpost1 .person a, .commentpost2 .person a {color: #D9DDCB; font-size: 16px;}
.commentpost1 .dateposted, .commentpost2 .dateposted {color: #95AF3B; float: left; font-size: 10px; padding: 0 0 10px 0; width: 100%;}
.commentpost3 .addcomment {color: #A4C729; font-size: 16px; padding-bottom: 10px;}
.commentpost3 .label {float: left; font-size: 12px; margin: 0; padding: 15px 20px 2px 2px; width: 178px;}
.commentpost3 .commentbox {float: left; margin: 0; padding: 0 20px 0 0; width: 180px;}
.commentpost3 .commentbox input {background: #FEFEFE; border: 2px solid #000000; font-size: 12px; height: 22px; padding: 6px 0 0 5px; width: 173px;}
.commentpost3 textarea {background: #FEFEFE; border: 2px solid #000000; height: 148px; margin-bottom: 20px; padding: 6px; width: 468px;}
input.postcomment {float: left; margin: 0; width: auto;}
img.postcomment {float: left; margin: 0; width: auto;}

/* RIGHT SIDE */
#rightside {color: #FFFFFF; float: right; margin: 0; padding: 0; width: 280px;}

/* RIGHT SIDE : CALENDER */
#rightside .title {float: left; margin: 0; padding: 20px 0 5px 24px; width: 222px;}
#rightside .title .current_month {float: left; margin: 0; padding: 0; width: 160px; line-height: 20px; height: 20px; font-size: 18px; color: #D9DDCB;}
#rightside .title .change {float: right; margin: 0; padding: 0; text-align: right; width: 60px; line-height: 20px; height: 20px;}
#rightside .title .change a {color: #fff; font-size: 18px; padding: 0 10px; text-decoration: none; line-height: 20px; height: 20px;}
.calender {background:  url('../blog/graphics/fillers/bg-calender.png'); color: #D9DDCB; float: left; height: 210px; margin: 0; padding: 0; position: relative; width: 280px; z-index: 1;}
.calender li {color: #D9DDCB; float: left; font-size: 11px; height: 19px; line-height: 17px; margin: 0 0 5px 14px; padding-top: 1px; text-align: center; width: 20px;}
.calender li a {background: url('../blog/graphics/elements/calender-event-day.png') no-repeat; color: #D9DDCB; float: left; font-size: 11px; height: 19px; margin-top: -1px; padding-top: 1px; width: 20px;}
.calender li.day {font-weight: bold; padding: 0;}
.calender li.current {background:  url('../blog/graphics/elements/calender-present-day.png') no-repeat; color: #fff;}
.calender li.date_has_event {background: url('../blog/graphics/elements/calender-event-day.png') no-repeat; color: #D9DDCB; float: left; font-size: 11px; height: 17px; margin-top: -3px; padding-top: 3px; width: 20px; cursor: pointer;}
.calender ul {float: left; list-style: none; margin: 0; padding: 20px 0 0 3px; width: 250px;}

.calender-small {background: url('../blog/graphics/fillers/bg-calender-small.png'); background-repeat: no-repeat; color: #D9DDCB; float: left; height: 186px; margin: 0; padding: 0; position: relative; width: 280px; z-index: 1;}
.calender-small li {color: #D9DDCB; float: left; font-size: 11px; height: 19px; margin: 0 0 5px 14px; padding-top: 1px; text-align: center; width: 20px;}
.calender-small li a {background: url('../blog/graphics/elements/calender-event-day.png') no-repeat; color: #D9DDCB; float: left; font-size: 11px; height: 19px; margin-top: -1px; padding-top: 1px; width: 20px;}
.calender-small li.day {font-weight: bold; padding: 0;}
.calender-small li.current {background:  url('../blog/graphics/elements/calender-present-day.png') no-repeat; color: #FFFFFF;}
.calender-small li.date_has_event {background: url('../blog/graphics/elements/calender-event-day.png') no-repeat; color: #D9DDCB; float: left; font-size: 11px; height: 17px; margin-top: -3px; padding-top: 3px; width: 20px; cursor: pointer;}
.calender-small ul {float: left; list-style: none; margin: 0; padding: 20px 0 0 3px; width: 250px;}

/* RIGHT SIDE : DROP DOWN */
.category {float: left; height: 25px; margin: 0; padding: 10px 0 20px 0; width: 190px;}
.category select {background: none; border: none; height: 25px;}

/* RIGHT SIDE : CATEGORIES */
.categories {float: left; margin: 0; padding: 20px 0 20px 0; width:260px;}
#rightside .categories .title {background: url('../blog/graphics/elements/category-splitter.png') repeat-x bottom; color: #D9DDCB; float: left; font-size: 18px; margin: 0; padding: 20px 0 10px 20px; width: 240px;}
.categories li {background: url('../blog/graphics/elements/category-splitter.png') repeat-x bottom; float: left; list-style: none; margin: 0; padding: 0 0 2px 0; width: 260px;}
.categories li a {color: #FFFFFF; float: left; padding: 4px 0 4px 20px; text-decoration: none; width: 240px;}
.categories li a:hover {background: #555; color: #D9DDCB; text-decoration: none;}
.categories li a .blue {color: #3399FF;}
.categories ul {float: left; list-style: none; margin: 0; padding: 0; width: 100%;}

/* RIGHT SIDE : UPCOMING EVENTS */
.upcoming {float: left; margin: 0 0 20px 0; padding: 20px 0 0 0; width:280px;}
#rightside .upcoming .title {color: #D9DDCB; float: left; font-size: 18px; margin: 0; padding: 20px 0 10px 20px; width: 240px;}
.upcoming .event {background: url('../blog/graphics/fillers/bg-upcoming-events.png') bottom; float: left; min-height: 155px; line-height: 18px; padding: 20px 40px 0 20px; width: 220px;}
.upcoming .event a:link, .upcoming .event a:visited { color: #FFF; text-decoration: underline; }
.upcoming .event a:hover { color: #FFF; text-decoration: none; }
.upcoming .event .date {color: #FFFFFF; font-size: 10px; margin: 0; padding: 0 0 3px 0; width: 100%;}
#rightside .upcoming .event .title {color: #A4C729; font-size: 14px; margin: 0; padding: 0 0 15px 0; width: 100%;}
#rightside .upcoming .event .title a {color: #A4C729; font-size: 14px;}


/* RIGHT SIDE : PAST NEWSLETTER */
.pastnewsletters {float: left; margin: 0 0 20px 0; padding: 20px 0 0 0; width:280px;}
#rightside .pastnewsletters .title {color: #D9DDCB; float: left; font-size: 18px; margin: 0; padding: 20px 0 10px 20px; width: 240px;}
.pastnewsletters .event {background: url('../blog/graphics/fillers/bg-upcoming-events.png') bottom; float: left; min-height: 155px; line-height: 18px; padding: 20px 40px 20px 20px; width: 220px;}
.pastnewsletters .event a:link, .pastnewsletters .event a:visited { color: #FFF; text-decoration: underline; }
.pastnewsletters .event a:hover { color: #FFF; text-decoration: none; }
.pastnewsletters .event .date {color: #FFFFFF; font-size: 10px; margin: 0; padding: 0 0 3px 0; width: 100%;}
#rightside .pastnewsletters .event .title {color: #A4C729; font-size: 14px; margin: 0; padding: 0 0 15px 0; width: 100%;}
#rightside .pastnewsletters .event .title a {color: #A4C729; font-size: 14px;}

.foreignObject { margin: 20px 0; display:block; clear: both;}


.postcomment {
	padding: 0 0 9px 0;
	float: left;
}
.postcomment .blue_button {
	width: 150px;
	height: 25px;
	line-height: 25px;
	background-image: url(../blog/graphics/buttons/post-a-comment.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	float: left;
	border: 0 none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.postcomment .blue_button:hover {
	text-decoration: underline;
}

.feedbackmessage {	margin: 0 0 20px 0; color: #A4C729; font-style: italic; }


/* -------------------------------------------------------- BLOG/FONTSIZE.CSS -------------------------------------------------------- */
/* FONT SIZE CONTROL */
* {font-size: 12px;}


/* -------------------------------------------------------- BLOG/CMS.CSS -------------------------------------------------------- */
/* CMS STYLE SHEET THAT WILL APPEAR IN THE EDITORS DROP DOWN LISTBOX (IF ANY) */

/* FONT CONTROLS */
.bold, b {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}

/* ELEMENT CONTROLS */
.clear {clear: both; font-size: 1px; height: 1px;}

/* DOTTED LINE */
.dottedline {background: url('../blog/graphics/elements/dottedline.png') repeat-x; float: left; height: 1px; margin: 20px 0 20px 0; width: 640px;}

/* IMAGE CONTROLS */
.image_left {float: left; margin: 0 15px 15px 0;}
.image_left_with_border {border: 1px solid #010051; float: left; margin: 0 15px 15px 0; padding: 1px;}
.image_right {float: right; margin: 0 0 15px 15px;}
.image_right_with_border {border: 1px solid #010051; float: right; margin: 0 0 15px 15px; padding: 1px;}
.image_wrap {vertical-align: middle;}

/* SYSTEM COLORS */
.red {color: #8B090F;}

/* LINKS */
a.black {color: #000000; font-weight: bold; text-decoration: underline;}

/* -------------------------------------------------------- TOOLTIP.CSS -------------------------------------------------------- */
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #beea21;
	padding: 5px 7px;
	opacity: 0.85;
	color: #232323;
	box-shadow: 1px 1px 6px #000;
	-moz-box-shadow: 1px 1px 6px #000;
	-webkit-box-shadow: 1px 1px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width: 200px;
}
#tooltip div { 
	margin: 0;
}
#tooltip div.body {
	font-size: 11px;
}
#tooltip div.url {
	font-size: 10px;
}
#tooltip h3 {
	font-size: 12px;
	padding: 0;
	margin:0;
	font-weight: normal;
}

/* -------------------------------------------------------- VALIDATION.CSS -------------------------------------------------------- */
.formError {
position:absolute;
top:300px; left:300px;
width:150px;
padding-bottom:15px;
display:block;
z-index:5000;
}

.formError .formErrorContent {
width:100%; 
background:#beea21;
color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
box-shadow: 1px 1px 6px #000;
-moz-box-shadow: 1px 1px 6px #000;
-webkit-box-shadow: 1px 1px 6px #000;
padding:4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.formError .formErrorArrow{
position:absolute;
bottom:0;left:20px;
width:15px; height:15px;
}

.formError .formErrorArrow div{
box-shadow: 1px 4px 5px #000;
-moz-box-shadow: 1px 4px 5px #000;
-webkit-box-shadow: 1px 1px 5px #000;
font-size:0px; 
}

.formError .formErrorArrow .line10{width:15px;height:1px; background:#beea21;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#beea21;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#beea21;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#beea21;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#beea21;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#beea21;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#beea21;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#beea21;margin:0 auto;display:block;} 


/* -------------------------------------------------------- BLOG/CALENDAR.CSS -------------------------------------------------------- */
.events {
	position: relative;
}
.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(../img/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
	padding-bottom: 5px;
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: justify;
	color: #555;
}
.events li span.title {
	font-weight: bold;
	color: #222;
}

.social_icons {
	float: right;
}

a.tweeter {
	padding: 0 0 0 21px;
	background-attachment: scroll;
	background-image: url('/blog/graphics/elements/tweeter.png');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 16px;
	height: 16px;
	float: left;
}

a.facebook {
	padding: 0 0 0 15px;
	background-attachment: scroll;
	background-image: url('/blog/graphics/elements/facebook.png');
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 16px;
	height: 16px;
	float: left;
}