@charset "utf-8";
/*---------------------------------------------------------*/
/*           Style Sheet for Joe Armstrong dot biz         */
/*                                                         */
/*           copyright 2009 Keith Mountifield (2kS)        */
/*           keith at two k s dot co dot uk                */
/*---------------------------------------------------------*/

body {
	/* Default Font */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	color: rgb(100,100,102);
	
	/* Main Background */
	background-color: #eff0f1;
	background-image: url(images/mainBg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
a:focus {
	outline: none;
}

/* Layout Elements */
#mainContainer {
	/* Total Width: 1000px */
	width: 960px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -500px;
	padding: 20px 20px 0px 20px;
	
	/* debug 
	border: 1px solid red;
	height: 100%;*/
}
#header {
	position: relative;
	height: 180px;
	
	/* debug 
	border: 1px solid green;*/
}
#header #logo {
	background-image: url(images/JACD.png);
	background-repeat: no-repeat;
	background-position: left 28px;
	text-indent: -10000px;
	width: 305px;
	height: 103px;
	
	/* debug 
	border: 1px solid blue;*/
}

#header #slogan {
	position: absolute;
	right: 0px;
	top: 0px;
	
	font-size: 31px;
	color: #9cd802;
	text-align: right;
}

#header #icons {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 550px;
	height: 48px;
	
	/* debug 
	border: 1px solid blue;*/
}

/* social networking and contact icons */
#header #icons ul {
	margin: 0px;
	padding: 0px;
}
	
#header #icons ul li {
	list-style-type: none;
	float: right;
	width: 48px;
	height:48px;
	
	/* debug 
	border: 1px solid red;*/
}
#header #icons ul li a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -10000px;
	background-image: url(images/icons.jpg);
	background-repeat: no-repeat;
}

#header #icons ul li .message {
	position:absolute;
	top: 13px;
	left: 0px;
	font-size: 20px;
	color: rgb(81,97,172);
	display:none;
	width: 300px;
}

#header #icons ul li:hover .message {
	display:block;
}

#header #icons #telephone a {
	background-position: left top;
}
/*#header #icons #telephone a:hover {
	background-position: 0px -48px
}*/

#header #icons #email a {
	background-position: -48px 0px;
}
/*#header #icons #email a:hover {
	background-position: -48px -48px;
}*/

#header #icons #twitter a {
	background-position: -96px 0px;
}
/*#header #icons #twitter a:hover {
	background-position: -96px -48px;
}*/

#header #icons #linkedIn a {
	background-position: -144px 0px;
}
/*#header #icons #youTube a:hover {
	background-position: -144px -48px;
}*/

#header #icons #facebook a {
	background-position: -192px 0px;
}
/*#header #icons #facebook a:hover {
	background-position: -192px -48px;
}*/
/* End Social and contact icons */

#header #crumbs {
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	line-height: 30px;
	color: #9cd802;
}

#header #crumbs a {
	color: rgb(81,97,172);
	border-bottom: 1px dotted rgb(81,97,172);
	text-decoration: none;
}

#header #crumbs a:hover {
	color: #9cd802;
	border-bottom: 1px dotted #9cd802;
}

/* main navigation bar */
#header #menu {
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 100%;
	height: 30px;
	background-image: url(images/menuBg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: white;
	
	border: 1px solid #c0c0c0;
	z-index: 1000;
	text-align: center;
}

#header #menu ul.mc_depth_2 {
	padding: 0px;
	margin: 0px;
	z-index: 999;
	display: inline-block;
}

#header #menu ul.mc_depth_2 li {
	position: relative;
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	height: 30px;
	z-index:998;
}
/*#header #menu ul.mc_depth_2 li:last-child a{
	border-style: none;
	padding-right: 31px;
	padding-left: 32px;
}*/
#header #menu ul.mc_depth_2 #menu_item_1 a{
	border-left: 1px solid #c0c0c0;
	/*padding-right: 31px;
	padding-left: 32px;*/
}
#header #menu ul.mc_depth_2 > li a {
	display: block;
	padding: 0px 28px 0px 28px;
	border-right: 1px solid #c0c0c0;
	/*border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;*/
	line-height: 30px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: rgb(81,97,172);
	text-decoration: none;
	
	background-image: url(images/menuBg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: white;
}

#header #menu ul.mc_depth_2 > li a:hover {
	background-image: url(images/menuBg_over.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	color: rgb(81,97,172);
}

/* second level navigation */
#header #menu ul.mc_depth_2 li ul.mc_depth_1 {
	position: absolute;
	left: -1px;
	width: 150px;
	background-color: rgb(247,247,247);
	border: 1px solid #c0c0c0;
	overflow: auto;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	z-index: 10000;
	text-align: left !important;
	
	display: none;
}

#header #menu ul.mc_depth_2 li ul.mc_depth_1 li{
	float: none;
	height: auto;
	text-align: left !important;
	
	
	/*debug 
	border: 1px solid green;*/
}

#header #menu ul.mc_depth_2 li:hover ul.mc_depth_1 {
	display: block;
}

#header #menu ul.mc_depth_2 li ul.mc_depth_1 li a{
	display: block;
	position: static;
	width: 100%;
	border: none;
	border-top: 1px solid #c0c0c0;
	padding: 0px;
	line-height: 30px;
	background-image: none !important;
	text-align: left !important;
	background-color: rgb(247,247,247);
}

/* This kills the border on the first menu item */
#header #menu ul.mc_depth_2 li ul.mc_depth_1 li:first-child a{
	border: none;
}

#header #menu ul.mc_depth_2 li ul.mc_depth_1 li a:hover {
	color: #9cd802;
	text-decoration: underline;
	background-image: none !important;
}
/* End main navigation bar */

/* Content Area */

/* Right Column */

#content #rightColumn {
	float: right;
	width: 198px;
	
	/* debug 
	border: 1px solid olive;*/
}
#content #rightColumn .clickWidget {
	height: 128px;
	margin-bottom: 20px;
}
#content #rightcolumn .clickWidget a {
	diplay: block;
	line-height: 24px;
	width: 100%;
	color: rgb(81,97,172);
}

#content #featured {
	width: 737px;
	height: 275px;
	margin-bottom: 20px;
	z-index: -1000;
	
	/* debug 
	border: 1px dotted silver;*/
}

#content #featured ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content #featured ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#content #featured ul li .widgettitle {
	display: none;
}

#content #mainContent {
	width: 717px;
	position: relative;
	
	/* debug 
	border: 1px dotted red;*/
}
#content #mainContent #adBlock {
	width: 187px;
	float: left;
	margin-bottom: 40px;
	margin-top: -10px;:
	
	/* debug 
	border: 1px dotted orange;*/
}

#content #mainContent #adBlock ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content #mainContent #adBlock ul li{
	list-style-type: none;
	margin: 0px;
}

#content #mainContent #story {
	width: 510px;
	float: right;
	margin-top: 0px;
	/* debug 
	border: 1px dotted orange;*/
}


/* Sidebar Styling */
#rightColumn #sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#rightColumn #sidebar ul li.widget {
	list-style-type: none;
	margin-bottom: 20px;
}

#rightColumn #sidebar ul li.widget .linkimage {
	position: relative;
}

#rightColumn #sidebar ul li.widget .linkimage a {
	display:block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 24px;
	width: 100%;
	text-indent: 10px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: rgb(81,97,172);
	background-image: url(images/linkimage_out.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-decoration: none;
	/*border: 1px solid red;*/
	}

#rightColumn #sidebar ul li .linkimage a:hover {
	background-image: url(images/linkimage_over.png);
	/*color: white;*/
	color: rgb(81,97,172) !important;
}

/* Story Text Formatting */

#story h1 {
	margin: 0px 0px 12px 0px;
}

#story h1 a {
	color: #9cd802;
	font-size: 32px;
	font-weight: 300;
	text-decoration: none;
	
}

@charset "utf-8";
/*---------------------------------------------------------*/
/*           Style Sheet for Joe Armstrong dot biz         */
/*                                                         */
/*           copyright 2009 Keith Mountifield (2kS)        */
/*           keith at two k s dot co dot uk                */
/*---------------------------------------------------------*/

body {
	/* Default Font */
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
	color: rgb(100,100,102);
	
	/* Main Background */
	background-color: #eff0f1;
	background-image: url(images/mainBg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
a:focus {
	outline: none;
}

/* Layout Elements */
#mainContainer {
	/* Total Width: 1000px */
	width: 960px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -500px;
	padding: 20px 20px 0px 20px;
	
	/* debug 
	border: 1px solid red;
	height: 100%;*/
}

/* Content Area */

/* Right Column */

#content #rightColumn {
	float: right;
	width: 198px;
	
	/* debug 
	border: 1px solid olive;*/
}
#content #rightColumn .clickWidget {
	height: 128px;
	margin-bottom: 20px;
}
#content #rightcolumn .clickWidget a {
	diplay: block;
	line-height: 24px;
	width: 100%;
	color: rgb(81,97,172);
}

#content #featured {
	width: 737px;
	height: 275px;
	margin-bottom: 20px;
	z-index: -1000;
	
	/* debug 
	border: 1px dotted silver;*/
}

#content #featured ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content #featured ul li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#content #featured ul li .widgettitle {
	display: none;
}

#content #mainContent {
	width: 717px;
	position: relative;
	
	/* debug 
	border: 1px dotted red;*/
}
#content #mainContent #adBlock {
	width: 187px;
	float: left;
	margin-bottom: 40px;
	margin-top: -10px;:
	
	/* debug 
	border: 1px dotted orange;*/
}

#content #mainContent #adBlock ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#content #mainContent #adBlock ul li{
	list-style-type: none;
	margin: 0px;
}

#content #mainContent #story {
	width: 510px;
	float: right;
	margin-top: 0px;
	/* debug 
	border: 1px dotted orange;*/
}


/* Sidebar Styling */
#rightColumn #sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#rightColumn #sidebar ul li.widget {
	list-style-type: none;
	margin-bottom: 20px;
}

#rightColumn #sidebar ul li.widget .linkimage {
	position: relative;
}

#rightColumn #sidebar ul li.widget .linkimage a {
	display:block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 24px;
	width: 100%;
	text-indent: 10px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: rgb(81,97,172);
	background-image: url(images/linkimage_out.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

#rightColumn #sidebar ul li .linkimage a:hover {
	background-image: url(images/linkimage_over.png);
	color: white;
}

/* Story Text Formatting */

#story h2 {
	margin: 0px 0px 12px 0px;
}

#story h2 a {
	color: #9cd802;
	font-size: 20px;
	font-weight: 300;
	text-decoration: none;
	
}
#story p {
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 20px 0px;
}
#story p a {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: rgb(81,97,172);
}
#story p a:hover {
	color: #9cd802;
}
#story blockquote {
	border: 1px dotted #c0c0c0;
	font-style: italic;
	padding: 10px;
	margin: 20px;
	color: #9cd802;	
	
}
#story blockquote p {
	margin: 0px;
	font-size: 14px;
}
#story ul {
	list-style-type: square;
	color: rgb(81,97,172);
	font-size: 12px;
	line-height: 16px;
}

/* End Story Text Formatting */

#mainFooter {
	width: 1000px;
	margin-left: -21px;
	margin-top: -20px;
	height: 46px;
	background-color: rgb(81,97,172);
	text-align: center;
	position: relative;
	clear: both;
}

#mainFooter ul.mc_depth_0 {
	position: relative;
	top: 10px;
	overflow: auto;
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#mainFooter ul.mc_depth_0 li{
	list-style-type: none;
	float: left;
	border-left: 1px solid rgb(115,153,198);
	line-height: 16px;
}

#mainFooter ul.mc_depth_0 li:first-child {
	border-left: none;
}
#mainFooter ul.mc_depth_0 li a{
	color: white;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	padding: 0px 20px;
}
#mainFooter ul.mc_depth_0 li a:hover{
	text-decoration: underline;
	color: white;
}

.slideInfoZone h1 {
	color: white;
	paddin-top: 25px;
	font-size: 24px;
	font-weight: lighter;
}
.slideInfoZone p {
	margin-top: 20px;
	font-size: 11px;
}




/*- Side Bar Styles -*/

.widget_text_customCSS h2 {
  color: #5161AC;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
}
.widget_text_customCSS .textwidget {
  font-size: 10px;
}
.blue {
	background-color: #eff9fe;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}
.grey {
	background-color: #f6f6f6;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}
.purple {
	/*background-color: #ecedf2;*/
	background-color: #f1f1f5;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}
.yellow {
	/*background-color: #ecedf2;*/
	background-color: #fffde9;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}
#text_custom_class-9 h2 {
  color: #5161AC;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.post .entry img {
  border: none;
}