/*   
Theme Name: Chips 2.3 - A Thematic Child theme made fresh for the COE for ICT 
Theme URI: 
Description: As in micro chips dude. 
Author: Juan Ulloa & Ryan Collier via Ian Stewart
Author URI: http://coeforict.org/
Template: thematic
Version: 2.3.3
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */ 
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');




/* =Global Elements
-------------------------------------------------------------- */

body {	

	background-color: #00CCCC;
	background-image: url(images/bg.jpg);
} 

body, input, textarea {
    font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif;
    line-height:22px;
	
}
p, ul, ol, dd, pre {
    margin-bottom:22px;
}
pre, code {
	font:14px Monaco, monospace;
	line-height:22px;
}
blockquote {
    color:#666;
    font-style:italic;
}
table {
    border:1px solid #ccc;
    border-width:1px 1px 0 1px;
    font-size:13px;
    line-height:18px;
    margin:0 0 22px 0;
    text-align:left;
}
caption {
    text-align:left;
}
tr {
    border-bottom:1px solid #ccc;
}
th, td {
    padding: .7em 1.25em;
}
hr {
    background-color:#ccc;
    border:0;
    color:#ccc;
    height:1px;
    margin-bottom:22px;
}

a {color: #0066CC}

a:link {
    color:#004B91;
}
a:visited {
    color:#743399;
}
a:active,
a:hover {
    color: #CC3300;
}


.left {float: left;}
.right {float: right;}

/* =Main Wrapper
-------------------------------------------------------------- */
#wrapper {
	
	width: 960px;
	margin: 0px auto;

}



/* =Typography Overrides
-------------------------------------------------------------- */


h1 { font-size: 20px; font-weight: bold;}
h2 { font-size: 18px; line-height: 20px;}


/* =Header
-------------------------------------------------------------- */

#header {
    z-index:2;
}
#branding {
	width: 950px;
	margin-top: 30px;
	padding: 5px 0 5px 10px; 
	background: #fff url(images/circuit-background.gif) top right no-repeat;
	position: relative;
	
}
#blog-title {
    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:bold;
    line-height:40px;
}
#blog-title a {
    color:#000;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FF4B33;
}
#blog-description {
	color:#666666;
	font-size:12px;
	font-style: normal;
	font-weight: bold;
	position:absolute;
	right:20px;
	top:63px;
	 
}
#tagline {}

/* =Menu
-------------------------------------------------------------- */

.skip-link {
    display:none;
}
.hidelabel { position: absolute; left: -99999px; top: -99999px;}
#access {
    border-bottom: none;
    xheight:32px;
    font-size:13px;
    overflow:visible;
    z-index:100;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


.menu {
		width:960px;
		background: #6C6C6C url(images/navleft.gif) no-repeat; 
		height: 25px; 
		xmargin-bottom: 30px;  
}

/*** THEMATIC SKIN -- Mofied for Chips Theme ***/ 


.sf-menu {
    border-right:1px solid #ccc;
	float:left;
	background:url("images/navright.gif") no-repeat scroll right top #6C6C6C;
	color:white;
	font-size:14px;
	height:25px;
	margin-bottom:0;
	margin-left:4px;
	width: 956px;

	
}
.sf-menu a {
	padding: 0 42px;
	min-width: 35px;
	line-height: 23px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}

.sf-menu .menu-item a { background: url(images/navline.gif) left 50% no-repeat}
.sf-menu .first_item a { background: none;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:		none;
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #FECF42;
}
.sf-menu ul {
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 32px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#fafafa;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}

/* = Home Page Especial  
-------------------------------------------------------------- */

/*centers of excellence info*/
#coeinfo { text-align:center; font-size:14px; color: #333; padding-top: 22px;}
#coetagline { margin: 14px 0 14px; }
#coelink a { color: #20488A}



/*search*/
#coe-search { 
	position: absolute; right: 20px; top: 28px; }
#searchfield { display: block; float: left;}
#s {  font-size: 13px;
border: 1px solid #A3C8EF; border-right: none; height: 21px; background: white; padding: 0 10px; vertical-align:baseline; width: 224px;
color: #333;
background: white;
background: rgba(255,255,255,.6);

}
#searchbuttonspan {display: block; float: left;
	cursor: pointer; height: 21px; width: 50px; text-align: center;
	border: 1px solid #1C5DAE;
	background: #258ef8; /* Old browsers */
	background: -moz-linear-gradient(top, #258ef8 0%, #224888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#258ef8), color-stop(100%,#224888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #258ef8 0%,#224888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #258ef8 0%,#224888 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #258ef8 0%,#224888 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258ef8', endColorstr='#224888',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #258ef8 0%,#224888 100%); /* W3C */
} 
#searchbutton { 
	border: 0; 
	background: none; 
	padding: 2px 0 0 0;  
	margin: 0;
	cursor: pointer; 
	color: white; 
	font-size: 11px; 
	line-height: 14px;}



/* =Content
-------------------------------------------------------------- */
.single #container, .blog #container, .archive #container {
	border-right:1px solid #EEEEEE;
}

#main {
    clear:both;
    padding: 0px 0 22px 0;
    margin-top: 40px; 
    background: #fff;
    overflow: inherit;
}
#main:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}


#content {
 margin: 25px 0 0 40px;

}
.page-title {
    font-size:13px;
    line-height:18px;
    padding: 5px 10px 8px 10px;
    margin-top: 18px;
    background-color: #1D5BAC;
    color: #fff;
}
.attachment .page-title {
    font-style:italic;
}
.page-title a {
    color:#666;
    text-decoration:none;
   
}
.page-title a:active,
.page-title a:hover {
    color: #FF4B33;
}
.page-title span {
    font-style:italic;
}
.page-title .meta-nav {
    font-style:normal;
}

.hentry {
    padding:0 0 22px 0;
}
.single .hentry {
    padding:0;
}
.home #content .sticky {
    border:1px solid #ccc;
    margin:0 0 66px 0;
    padding:22px 20px 0 20px;
}
.entry-title, .section-title {
    font-family: Verdana, Arial,sans-serif;
    font-size:26px;
    font-weight:bold;
    line-height:26px;
    padding:0 0 7px 0;
}

.entry-title {
	margin-top: 22px;
}

.home .entry-title { margin-top: 0px; }

.section-title { 

	padding: 0; 
	background: url(images/titlebg.png) repeat-x; 
	color: white; 
	height: 74px; 
	line-height:74px; 
	font-size: 24px; 
	font-weight: normal
}
 
.section-title span{display: block; background: url(images/titleleft.png) left no-repeat;}
.section-title span span{ display:block; background: url(images/titleright.png) right no-repeat; padding-left: 40px; font-size: 34px; text-shadow: rgba(0,0,0,0.6)  0px 0px 5px;
    
}
.entry-title a {
    color:#000;
    text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
    color: #FF4B33;
}
.entry-meta {
    color:#666;
    font-size:13px;
    font-style:italic;
    line-height:18px;
}
.entry-meta .author {
}
.entry-meta .n {
    font-size:11px;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}
.entry-meta a {
    color:#666;
    text-decoration:none;
}
.entry-meta a:active,
.entry-meta a:hover {
    color: #FF4B33;
}
.entry-meta abbr {
    border:none;
    cursor:text;
    font-size:11px;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}
.entry-content {
    padding:22px 0 0 0;
}
.entry-content h1,
.entry-content h2 {
    font-family:Arial,sans-serif;
    font-size:19px;
    font-weight:bold;
    padding:28px 0 14px 0;
}
.entry-content h3 {
    font-size:17px;
    font-style:italic;
    padding:28px 0 14px 0;
}
.entry-content h4 {
    font-size:11px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.entry-content table {
    margin-left:1px;
}
.entry-content embed {
    margin:0 0 22px 0;
}
.entry-utility {
	clear: both;
	color: #666;
    background-color:#F3F6F8;
	border-bottom:1px solid #CCCCCC;
	font-size:11px;
	line-height:18px;
	margin:0 0 44px;
	padding:6px 9px 12px;
	font-weight: bold;
}
.entry-utility a {
    color:#666;
    font-style:italic;
    text-decoration:underline;
    font-weight: normal;
}
.entry-utility a:active,
.entry-utility a:hover {
    color: #FF4B33;
}
.page-link {
    font-size:13px;
    font-weight:bold;
    line-height:18px;
    margin:0 0 22px 0;
    padding:22px 0 0 0;
    word-spacing:0.5em;
}
.page-link a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.page-link a:active,
.page-link a:hover {
    color: #FF4B33;
}
ul#links-page,
ul#archives-page {
    list-style:none;
    margin-left:0;
    overflow:hidden;
}
li.content-column {
    float:left;
    margin-right:20px;
    width:45%;
}
.gallery {
    padding:0 0 22px 0;
}
.wp-caption-text,
.gallery-caption {
    color:#666;
    font-size:13px;
    line-height:18px;
}
#author-info {
    margin:0 0 44px 0;
    overflow:hidden;
}
#author-info .avatar {
    float:left;
    margin:.3em 1em 0 0;
}


/* =Attachments
-------------------------------------------------------------- */

.attachment-jpeg #container,
.attachment-png #container {
    width:100%;
}
.attachment-jpeg #content,
.attachment-png #content {
    width:930px;
}
.attachment-jpeg #comments,
.attachment-png #comments {
    width:540px;
    overflow:hidden;
}
.attachment-jpeg .main-aside,
.attachment-png .main-aside {
    display:none;    
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
    color:#666;
    font-size:13px;
    line-height:18px;
    margin:0px 0 22px 0;
    overflow:hidden;
}
.navigation a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.navigation a:active,
.navigation a:hover {
    color: #FF4B33;
}
.navigation .meta-nav {
    font-style:normal;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 100%;
}
#nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
    padding:0 0 44px 0;
}
.paged #nav-above {
    padding: 0 0 15px;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    padding:22px 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    line-height:18px;
}
#comments code {
    font-size:12px;
    line-height:18px;
}
#comments h3 {
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
    line-height:22px;
    padding:0 0 18px 0;
}
#comments-list {
    padding:0 0 18px 0;
}
#comments-list ol,
#comments-list ul {
    list-style:none;
    margin:0;
}
#comments-list ol {
    border:1px solid #ccc;
    border-bottom:none;
    margin:0 0 18px 0;
}
#comments-list li {
    background:#fafafa;
    border-bottom:1px solid #ccc;
    padding:18px 1.5em 0 1.5em;
    position:relative;
}
#comments-list li.alt {
    background:#fff;
}
#comments-list li.bypostauthor {
    background:#FFFFCC;
}
#comments-list ul li {
    border:1px solid #ccc;
    margin:0 0 18px 0;
}
#comments-list li .avatar {
    position:absolute;
    top:22px;
    left:1.5em;
    width:36px;
    height:36px;
}
#comments-list .comment-author {
    font-weight:bold;
    padding:9px 0 0 46px;
}
#comments-list .comment-meta {
    color:#666;
    font-size:11px;
    padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
    color: #FF4B33;
}
.comment-reply-link {
    font-size:11px;
    padding:0 0 18px 0;
    text-align:right;
}
.comment-reply-link a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.comment-reply-link a:active,
.comment-reply-link a:hover {
    color: #FF4B33;
}
.comment-navigation {
    font-weight:bold;
    padding:0 0 18px 0;
    margin-right:0.5em;
}
.comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
    color: #FF4B33;
}
.comment-navigation a,
.comment-navigation span {
    margin-right:0.5em;
}
#trackbacks-list .comment-content {
    position:absolute;
    left:-9000px;
}
#respond {
    background:#fff;
    margin-bottom:22px;
    overflow:hidden;
    padding:18px 0 0 0;
    position:relative;
}
#comments-list #respond {
    border-bottom:1px solid #ccc;
    margin:0 0 18px 0;
    padding:18px 1.5em;
}
#comments-list ul #respond {
    border:1px solid #ccc;
    margin:0;
}
#cancel-comment-reply {
    font-size:11px;
    position:absolute;
    top:18px;
    right:1.5em;
}
#cancel-comment-reply a {
    color:#666;
}
#respond .required {
    color:#FF4B33;
    font-weight:bold;
}
.form-section label {
    font-size:11px;
}
.form-section input {
    margin:0 0 18px 0;
    width:98%;
}
.form-section textarea {
    width:99%;
}
#form-allowed-tags p {
    color:#666;
    font-size:11px;
    margin:0;    
}
#form-allowed-tags span {
    font-style:italic;
}
#form-allowed-tags code {
    font-size:11px;
    line-height:normal;
}
.form-submit {
    padding:18px 0 0 0;
    text-align:right;
}
.subscribe-to-comments {
    color:#666;
    float:left;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
    color:#666;
    font-size:11px;
    padding:18px 0 0 0;
}
.comment_license {
    color:#666;
    clear:both;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}


/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */

.aside,
.aside input {
    font-size:13px;
    line-height:18px;
    margin-bottom:6px;
}
.aside p,
.aside ul,
.aside ol,
.aside dd,
.aside pre {
    margin-bottom:18px;
}
.aside pre,
.aside code {
    font-size:12px;
    line-height:18px;
}
.aside .current_page_item a {
    /* color: #FF4B33; */
}
.aside .current_page_item .page_item a {
    color:#666;
}
.aside .current_page_item .page_item a:hover,
.aside .current_page_item .page_item a:active {
    color: #FF4B33;
}
.aside {
    color:#666;
}
.aside a {
    color:#666;
}
.aside a:active,
.aside a:hover {
    color: #CC3300;
}
.aside h3 {
    font-size:15px;
    font-style:italic;
    line-height:22px;
}
.aside h3 a {
    text-decoration:none;
}
.aside caption {
    font-size:11px;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.aside ul {
    list-style:none;
    margin-left:0;
}
.aside ul ul {
    list-style:none;
    margin:0 0 22px 0px;
}
.aside ul ul li {
   /* padding:1px 0;*/
}
.aside ul ul ul {
    margin-bottom:0;
}
.aside form,
.aside table {
    margin-bottom:12px;
}
.aside table {
    border:none;
}
.aside thead {
    border:1px solid #ccc;
}
.aside tbody {
    border:1px solid #ccc;
}
.aside th, .aside td {
    border-right:1px solid #ccc;
    padding:.25em .8em;
}
.aside tfoot tr {
    border:none;
}
.aside tfoot td {
    border-color:transparent;
}
.widget_tag_cloud {
    margin:0 0 22px 0;
}
.aside #searchsubmit {
	display: none;	
}
/*
    Main Asides
*/
.main-aside {
	right: 40px

}

.main-aside ul {
    padding:0 0px;
}
.main-aside h3 {
}
.main-aside ul ul {
    padding:0;
}

.page #primary {  /* This hides the primary aside on pages, otherwise an empty div messes up the side bar layout */
	display: none;

	}

#primary {
    /*border:1px solid #ccc;*/
    padding:42px 0 0 0;
    margin-bottom:22px;
}

#pages-menu {
	padding: 40px 0 0 0;
    margin-bottom:22px;

}


/* Chips Page Nav */
.pagenav > ul {
    padding: 0px 0px;
    border-left: 1px solid #FFF3D2;
    border-right: 1px solid #FFF3D2;
}

li.pagenav {
	list-style: none;
}

li.pagenav h3, li.widget_text h3 {
	background: #CC3300;
	color: #fff;
	padding: 4px 8px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;

}

.pagenav > li { 

	border-bottom: 1px solid #FFF3D2;
	
}

.pagenav li a {
	background: #FFF9E9 url('images/nav-arrow-bullet.png') no-repeat scroll 10px 11px; 
	display: block; 
	padding: 3px 24px 6px;
	color: #CC3300;
	

}


.pagenav ul ul {
    list-style:none;
    margin:0;
    
}
.aside ul ul li {
    /*padding:1px 0;*/
}

.aside ul ul ul.children li a {
	padding-left: 40px;
	background: #FFF9E9 url('images/nav-arrow-bullet-sub.png') no-repeat scroll 26px 11px; 
	
}

.pagenav ul ul li a {
	background-image: none;
	color: #666;
	padding-left: 24px;
}

.pagenav ul.children li a {
	background: #FFF9E9
}

.pagenav .current_page_item a, .pagenav ul.children li.current_page_item > a {
	background-color: #FFF3D2;
	
}



/* Widget Default Skin*/

.widgetcontainer h3 {
	color: #CC3300;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;

}

.widgetcontainer {
	
	margin-bottom: 40px;

}


/* Text widget */

li.widget_text h3 {
	background-color: #1D5BAC;
}

.widget_text .textwidget {
	background-color: #EAEAEA; 
	padding: 4px 8px;
	font-size: 11px;
	line-height: 22px;
	}
	
	
/* Search widget */

.widget_search {
	background: #FFF9E9;
	padding: 4px 8px;
	border: 1px solid #FFF3D2;
}
	

.widget_search #searchform input {
	width: 240px;
	border: 1px solid #F4D6CC;
	color: #E08466;
	padding: 2px 3px;
	font-size: 12px;
	font-style: italic;

}

/*
    Content Asides
*/
#content .aside {
    border:1px solid #ccc;
    margin:0 0 22px 0;
    padding:18px 0 0 0;
}
#content .aside ul {
    padding:0 20px;
}
#content .aside h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
}
#content .aside ul ul {
    padding:0;
}
/*
    Footer Asides
*/
#subsidiary {
    padding:33px 0 0 0;    
}


/* =Footer
-------------------------------------------------------------- */

#footer {
    background: #fff;
    margin-top:22px;
    width: 960px;
    margin: 40px auto 10px auto;
    
}
#siteinfo {
    color:#666;
    font-size:11px;
    line-height:18px;
    padding:22px 0 44px 0;
}
#siteinfo a {
    color:#666;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #FF4B33;
}


/* =PageNavi
-------------------------------------------------------------- */

/* Using !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0 0 0 -.5em;
    padding:0.5em 0;    
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span {
    border:1px solid #ccc !important;
    color:#666!important;
    font-style:normal;
    margin:0 .375em !important;
    padding:0.5em 0.25em !important;
}
.wp-pagenavi a:visited {
    border:1px solid #ccc !important;
    color:#666 !important;
}
.wp-pagenavi a:hover {
    border:1px solid #ccc !important;
    color:#FF4B33 !important;
}
.wp-pagenavi a:active {
    border:1px solid #ccc !important;
    color:#FF4B33 !important;
}
.wp-pagenavi span.pages {
    border:none !important;
    color:#666 !important;
    margin:0 !important;
    padding:0 !important;
}
.wp-pagenavi span.current {
    border:none !important;
    color:#666 !important;
    font-weight:normal !important;
    margin:0 !important;
    padding:0 !important;
}
.wp-pagenavi span.extend {
    background-color:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
    margin:2px;
    padding:2px 4px;
}


/* Originating from 1.0  Should be revised at some point in the future... sorry future web dev! ;) */





.container { position: relative; margin: 0 auto; padding: 30px 0 }
/*.hfeed { width: 520px;}*/
.aside { width: 270px; }


.header {background-color: white;}
.header p#tagline {margin-bottom: 0;}

#social-links{position: absolute; 
	left:5px;
	top:-28px;}
#social-links p { float: left; font-size: 12px; color: #004182; padding-right: 4px}
#social-links ul{list-style-type: none; display: inline;}
#social-links li{ display: inline;}
#social-links a{ display: block; float: left; padding: 0 4px; }
ul#topbar { 
	position: absolute; 
	right:5px;
	top:-28px;
	list-style-type: none;	
}

ul#topbar li { display: inline;}
ul#topbar a {  color: #004182; text-decoration: underline; padding-left: 15px; font-size: 12px}

/*#content { font-size: 14px; color: #333333; background-color: white; clear: left; padding: 0 40px 20px 40px; overflow: hidden;}
#content a { text-decoration: underline;} */


#content p#sitesection a {text-decoration: none; color: white;}

.blog .blogDescription  {font-size: .76em; font-style: italic; color: #6C6C6C;}



#related { background:url(images/related-bg.gif) white; border-top: 1px solid #999; color: #666; padding: 8px 40px 20px 40px; clear: both; margin: 20px -40px -20px -40px}
#related h2 { font-weight: bold; font-size: 14px; margin: 0; padding: 0}
#related ul { list-style-type:square; margin-bottom: 0 }
#related ul a { color: #666; text-decoration: underline}
#related ul a:hover, #related ul a:focus { font-weight:bold}



.bread { background: #F1F7FF url(images/breadright.gif) top right no-repeat; border-bottom: 1px solid #DFEFFE; color: #666; font-size: 11px; margin: 0; }
.bread .wrap {background:  url(images/breadleft.gif) no-repeat; padding-left: 40px; }
.bread a{ color: #666; font-weight:bold;}
.bread a:hover {text-decoration: none;}
.bread ul { margin: 0; list-style-type:none; display: inline; margin-left: 10px;}
.bread li { margin: 0; display: inline; }
.breadcrumb {}
/*delete maybe*/ #bread li a {padding-right: 30px; color: #666; font-weight:bold; background: url(images/breadarrow.gif) right 50% no-repeat;}


#sitemap { background: url(images/footourcommunity.gif) right top repeat-y;  overflow: hidden; padding-left: 40px;}
.section { float: left; width: 135px; font-size: 11px; margin: 10px 15px 0 0; color: #666}
.sectioncommunity { width: 280px; padding: 0 0 20px 20px; margin-top: 0px;  }
.section h3 { font-size: 11px; font-weight: bold; padding: 0; margin-bottom: 5px; text-transform:uppercase; text-decoration: underline;}
.section h3 a { color: #666; text-decoration: none}
.section h3 a:hover { text-decoration: underline;}
.section ul { list-style-type: none; margin-left: 0}
.section li { margin-bottom: 8px; line-height: 15px;}
.section ul a {color: #666; text-decoration: none;}
.section ul a:hover { text-decoration: underline; }

.sectioncommunity h3 { margin-bottom: 0; margin-top: 13px; height: 13px; line-height:13px; font-size: 13px; text-decoration: none;}
.sectioncommunity h3 a{ color: #CC3300; text-transform:none; text-decoration: none;} 
.sectioncommunity p { margin: 0; padding: 0; line-height: 100%; color: #CC3300}
.sectioncommunity h4 { font-size: 11px; line-height:11px; border-top: 1px solid #FFF3D2; margin-top: 10px; font-style:italic; padding: 9px 0 5px 0; }
.sectioncommunity li { margin-top: 7px; margin-bottom: 0;}
.sectioncommunity li a {color: #CC3300; display: block; overflow:hidden;}
.sectioncommunity .postdate { background-color:#CC3300; display: block; width: 40px; height: 35px; color:white; text-align: center; float: left; font-weight:bold; padding-top: 5px; clear: left; xmargin-bottom: 7px;   }
.sectioncommunity .postdate .day { font-size: 18px}
.sectioncommunity .postdate .month { font-size: 12px; text-transform: uppercase}
.sectioncommunity .postdate abbr { border-bottom: none;}
.sectioncommunity .posttitle { float: left; display: block; width: 230px; padding-left: 10px; border-top: 1px solid #FFF3D2; padding-top: 3px; }
.sectioncommunity ul a:hover,
.sectioncommunity ul a:focus { text-decoration:none;}
.sectioncommunity a:hover .postdate, 
.sectioncommunity a:focus .postdate { background-color: #21498A}
.sectioncommunity a:hover .posttitle, 
.sectioncommunity a:focus .posttitle  { color: #21498A; border-color: #F4F0E4}

.generallinks { clear: left; margin: 0; list-style-type: none; padding: 0; }
.generallinks ul { height: 22px; padding: 0 22px; margin: 0; background-color: #21498A  } 
.generallinks li { display: inline; }
.generallinks a { float: left; text-decoration: underline; color: #666; padding: 0 18px 2px; color: white; background-color: #21498A; font-weight:bold; border-right: 1px solid #999; font-size: 12px; line-height:20px; }
.generallinks a:hover { background-color: #2b5fb3}
.generallinks .right a { font-weight:normal; border-right: none;}
.generallinks .right a:hover { background-color: #2b521498Afb3}
#coeforictfoot  {  line-height: 22px; font-weight: bold; color: #E1F0FE; text-align: center }

/* Menu */

.nav { background: #6C6C6C url(images/navright.gif)  top right no-repeat; color: white; margin-bottom: 0; margin-left: 4px;height: 25px; width: 956px; font-size: 14px}
.nav a { display: block; position: relative; padding: 0 45px; line-height:25px; min-width: 50px; text-align: center;  }

/* Default Skin */
.nav { border: none }
.nav ul { border: none; }
.nav ul li a { border-bottom: none; }
.nav li:hover ul,
.nav li.nav-hover ul { background:#6C6C6C; color: white; }
.nav a { color: white; border-right: none}
.nav a:hover { text-decoration: none; background-color: #6C6C6C; color: #fecf42; }
.nav li.page_item a:hover { background: #6C6C6C url(images/navline.gif) left 50% no-repeat; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus { background: #6C6C6C; color: #FDFFAA }


/*Blog*/

h2.entry-title { padding-bottom: 2px; font-weight: bold}
.entry-title, .entry-title a { color: #0066CC; font-size: 18px; line-height: 20px; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }
.entry-meta { margin-bottom: 10px; color: #888; font-size: 12px; }
.entry-meta a { color: #888}
.entry-footer { border-bottom: 1px dashed #dcdcdc; padding-bottom: 20px; margin-bottom: -20px;}


/* Homebox */

.home #content { margin: 0px; width: 100%;}
.home #container {width: 100%;}


#homebox span {display: block; }

#homebox div.hentry:hover { cursor: pointer;}

.float-left { float: left; }
.float-right {float: right; }

.home .hentry {
	padding:20px 60px 20px 60px;
	overflow: hidden;
}

.home .entry-title {
	color: #fff;
	font-weight: normal;

}

.featured-post {
	text-shadow: rgba(0,0,0,0.6)  0px 0px 5px;
	width: 440px;
	margin-right: 40px;
	font-size: 14px;
	padding-top: 8px;
	
}

.featured-post p {
	margin-bottom: 3px;
	font-size: 13px;
}

.featured-post .entry-content {
	
	padding-top: 16px;

}

.homepage-thumbnail {
	background: #99C5F4;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    border: 1px solid #FFFFFF;
    height: 188px;
    padding: 19px;
    text-align: center;
    width: 318px;
}


.more-link a {
	color: #FCC512
	
}

.more-link a:hover {
	color: #fff;

}


/*======== OLD but active ======== */
div#homebox { padding: 0; background:url(images/homeboxbg.png) repeat-x; color: white; height: 268px; position: relative}

/*
#homebox div.left{ background:url(images/homeboxleft.png) left no-repeat; }
#homebox div.right{ background:url(images/homeboxright.png) right no-repeat; text-shadow: rgba(0,0,0,0.6)  0px 0px 5px; height: 268px; padding: 0px 485px 0px 40px; }
*/


#homebox div.right h1.entry-title { padding-top: 30px; }
#homebox div.right h1.entry-title a { color: #fff; text-decoration: none; font-weight: normal; }
#homebox div.right h1.entry-title a:hover { color: #fecf42; }

#homebox div.right span.readmore a { color: #ffe298; text-decoration: none;}
#homebox div.right span.readmore a:hover { color: #fecf42;text-decoration: underline; }

#homebox div#homefeat { border: 1px solid #F5F5F5; width: 354px; height: 226px;   background:url(images/homefeat.jpg); position: absolute; top: 20px; right: 20px; }
#homefeat #homefeatspace { background-color: white; height: 188px; margin: 19px}


div#coe { height: 120px; width: 880px; padding: 0px; padding-top: 38px;}
div#coe .floatLeft {float: left;}


div#coe p.coetext { float: left; width: 480px; margin-top: 0px; margin-left: 50px; font-size: 1.3em; color: #666; }

div.showcase2 {margin-left: 120px;}

div.showcase3 { 
	/*margin: 30px -20px 0 -20px; */
	background-color:#F5F5F5; 
	clear: left;
	margin:60px 0 0 20px;
	overflow:hidden;
	padding:20px 20px 20px 0;
	width:900px;
	
	}

.showcase3 .box { float: left; height: 170px; width: 280px; margin-left: 20px; background-color: white; }
#homefeat #homefeatspace img.clearMargin { margin: 0px !important; }

/*featured articles and news*/
#articles { font-size: 13px; float: left; width: 600px; min-height: 210px;}
#articles.archives { float: none; width: auto;} 
#articles p { padding-left: 40px; font-weight:bold; color: #333; margin: 0}
#articles ul{ margin: 0; list-style-type:  none;}
#articles li{}
#articles a{ display: block; color: #20488A; text-decoration: none; line-height:15px; padding: 5px 20px; background: url(images/arrow-articles.png) 7px 10px no-repeat transparent; margin-left: 20px; }
#articles.archives a{  line-height:20px; background: url(images/arrow-articles.png) 0px 13px no-repeat transparent; margin-left: 0; padding-left: 13px;}
#articles .source{ color: #666; font-style:italic}
#articles .separator {}
#articles a:hover, 
#articles a:focus { color: #2B5FB3; background-position: 12px 10px}
#articles.archives a:hover,
#articles.archives a:focus { background-position: 5px 13px}


/*pathway pages*/
.pathways { margin: 20px -20px 0 0; overflow:hidden;  }
.pathways .box{ float: left; margin: 0 20px 30px 0px;  line-height: 15px; width: 280px;}
.pathways h2 a .wrap{  
	background-color: #f0f0f0;
    display: block;
    font-size: 12px;
    height: 3em;
    line-height: 19px;
    padding: 3px 10px 9px;
	color: #1D5BAC;
	font-weight: bold}
.pathways h2 a { text-decoration: none; color: #666; }  
.pathways .box img{   border: 1px solid #1D5BAC; width: 278px; height: 170px;}
.pathways .box a:hover .wrap, .pathways .box a:focus .wrap {background-color: #1D5BAC; color: white;}
.pathways .box :hover img, .pathways .box :focus img { border-color: #039}
.pathways :hover .txt, .pathways :focus .txt { color: #1D5BAC}

.page-template-pathwaypage-php #container { width: auto; } /*reset to one column width*/
.page-template-pathwaypage-php #content { width: auto; padding-right: 40px;} /*reset to one column width*/
/*end pathway*/

.twitterfeed { width: 340px; height: 200px; background: url(images/twitterbg.jpg); float: right;  margin-bottom: 10px; position:relative; } 
.twitterfeed .followtwitterlink { position: absolute; right: 70px; bottom: 8px; margin: 0; font-size: 11px; }
.followtwitterlink a { color: #999; text-decoration: none;}
.followtwitterlink a:hover, .followtwitterlink a:focus { text-decoration: underline;}
#twitter_update_list {color: #214685;
    font-size: 12px;
    line-height: 14px;
    list-style: none outside none;
    margin: 10px 45px 0 15px; }
#twitter_update_list li { padding: 15px 0 0 10px; background: transparent url(images/twitter-quote.png) no-repeat 0px 14px; }
a.twitime { color: #666;}
#twitter_update_list small { color: #999;}