/****************************/
/* LOCAL CSS           
/* Custom CSS for Fusion template mod - "PLUM" */
/****************************/

/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */

body {
	
	margin:auto;
	font-size: 75%;   /* also set in fusion_starter.info: settings[base-font-size] = font-size-12 */
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
	color:#4F0229;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
a:active {
	color:#4F0229;
	font-weight: bold;
}


/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  font-size: 300%;
  font-weight: normal;
  line-height: 150%;
  margin: 0;
  color:#603;
}

.footer-message {
  font-size: 90%;
}



/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
.header-site-info span {
  display: block;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-size:125%;
}

/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo {
	
	height:80px;
	padding-top:8px;
}

/* Link and hover styles for site name */
#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active { display: block;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-style:italic;
  font-size:14px;
    color:#603;

}

/* Typography for site slogan */
#slogan {
	  color:#603;

}


/* Regions
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.page {
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}


/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */
.header-group-wrapper {
	
}

.header-group {
}

/* Header Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.header-top-wrapper {	
}

.header-top {
}


/* Main Menu
/-------------------------------------------------------------- */
/* Add general styles for main menu here, such as typography, borders, floats,
  or spacing above/below */
.main-menu { font-size:18px;	color:#FF0;



	
}

/*  Preface Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */
.preface-top-wrapper {
	
}

.preface-top {
}

.preface-top-inner {
	float:left;
	clear:none;
	background-color:#fff;
	
}

.preface-bottom {
}

.preface-bottom-inner {
}


/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.main-wrapper {
}


/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
.sidebar-first {
}

.sidebar-second {
}


/* Content Regions
-------------------------------------------------------------- */
.content {
}

.content-inner {
	
	border-left: thin solid #195D70;
	padding-left:10px;
	
	}

/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */
.node-bottom {
}

/*  Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-top {
}

.postscript-top-inner {
}

.postscript-bottom-wrapper {
}

.postscript-bottom {
}

.postscript-bottom-inner {padding-left:30px;
}

.footer-wrapper {
	
}

.footer {
}

.footer-inner {
}


/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {
  font-size:175%;
  /*color:330033;*/
}


/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #fff4f4;
}
.preview .node {
  background-color: #ffffea;
}

/* Typography for node titles */
h2.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-size:18px;
	color:#066;
	text-align:right;
	padding-right:8px;
	font-weight: normal;
	border-bottom:solid thin #330033;
	text-align:left;
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}

/* Separators and padding for node teasers */
.node-teaser {
}

/* Author/date info */
.meta {
}

.submitted {
}

/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li {
}
.node ul.links a {
}

/* Only more/read more links */
div.node .read-more a,
div.node .more-link a {
}

/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages,
div.content-help div.help {
}

/* Status messages: green */
div.content-messages-inner div.status {
}

/* Warning messages: yellow */
div.content-messages-inner div.warning {
}

/* Error messages: red */
div.content-messages-inner div.error {
}

/* Help messages: blue */
div.content-help-inner div.help {
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}


/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title {
}


/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
}


/* Tab Menus
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: left; /* LTR */
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left; /* LTR */
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left; /* LTR */
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #000;
  float: left; /* LTR */
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #000;
  color: #555;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager a,
ul.pager li.pager-current {
  border-color: #333;
}

ul.pager li.pager-current {
  background-color: #777;
  color: #fff;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #777;
  border-color: #333;
  color: #fff;
  
}

/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit {
  margin: 6px;
  padding: 3px 5px;
  float:right;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
	
	width:90%;	

}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Tables
-------------------------------------------------------------- */
table {
}

/* Body of tables */
tbody {
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

tr.odd,
tr.odd td {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment {
  padding: 0px;
}

/* Subject (title) of each comment */
div.comment h3.title {
}

/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
}

/* Alternating styles for even/odd comments */
.comments .comment.odd {
  background-color: #fff;
}

.comments .comment.even {
  background-color: #eee;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background-color: #ddd;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */
.comment-wrapper .picture img {
}


/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: none;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}

/*---views block LATEST NEWS plum middle 
----------------------------------------*/

.latest-news-bar{
	margin-top:-14px;
	/*background-color:#330033;*/
	background-color:#4F0229;
	color:#fff;

}

.latest-news-bar a{
	color:#fff;
	font-size:11px;
	display:inline;
	width:100%;

}

 .latest-news-bar h2.title {
	color:#fff;
	font-style:italic;
	font-size:16px;
	width:110px;
	clear:none;
	margin-top:5px;
	border-right: solid thin #fff;
}

/* Skinr
/-------------------------------------------------------------- */

/* This is a sample Skinr style to get you started. See fusion_starter.info */
.fusion-example-stylename .inner {
  /* When setting the background color, also set foreground colors for text and
    links, even if it's similar to the default body style. Remember, this block
    style may be used in regions with other foreground colors, thus making text
    invisible if left unspecified */
  background-color: #ccc;
  color: #000;
  /* All padding and borders should go on the .inner div, so as not to break
    the widths of the grid */
  border: 3px solid #000;
  padding: 10px;
}

.front #block-system-main {
  display:none;
}
.front #content-inner {
  display: none;
}

/*Views Slideshow settings ---- */


.views-slideshow-controls-bottom  {
	margin-top: 10px;
	margin-bottom: 4px;
	clear:none;
	margin-left:240px;
	margin-right:20px;
	

}


.views-slideshow-controls-bottom div.active {
		background-color:#000;

	

}

.views-slideshow-controls-bottom div.active a{
	background-color:#000;
	

}


.views-slideshow-controls-bottom a{
	margin-top: 10px;
	margin-bottom: 4px;
	margin-right:20px;
	/*color:transparent;*/
	background-image: url(../images/slider_inactive.png);
	background-repeat: no-repeat;
	
	} 

.views-slideshow-controls-bottom a:hover, .active .views-slideshow-controls-bottom {
	margin-top: 10px;
	margin-bottom: 4px;
	background-image: url(../images/slider_active.png);
	background-repeat: no-repeat;
	text-decoration: none;
	white-space: normal;
	display: inline;	
	
} 


 .views-slideshow-pager-field-item {
	margin-top: 10px;
	margin-bottom: 10px;

} 


 .views-field-node a:active {
	 background-image: url(../images/slider_active.png);
	 
 }

 .views-field-title {
	z-index:0;
	padding:5px;
	background-color:#000;
	position:absolute;
	bottom:0px;
	left:0px;
	width:590px;
	height:60px;	
	/*filter:alpha(opacity=65);
	opacity:0.65;
	-moz-opacity:0.65;*/

} 

 .views-field-title a{
	
	font-size:24px;
	line-height:24px;
	z-index:1;
	color:#0CC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;

} 

 .views-field-title a:hover{
	
	font-weight:normal;
	
} 

.active .views-content-view-node{
	
	background-image: url(../images/slider_active.png);
	
}


.views-field-view-node a:active {
	background-image: url(../images/slider_active.png);
	
}

.views_slideshow_previous,
.views_slideshow_pause,
.views_slideshow_play,
.views_slideshow_next,
.views_slideshow_pager .pager-item a {
  text-indent: -9999px;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  margin-right: 5px;
  width: 18px;
  height: 18px;
}

.views_slideshow_previous:active,
.views_slideshow_pause:active,
.views_slideshow_play:active,
.views_slideshow_next:active {
  background-image: url(../images/slider_active.png);
}
.views_slideshow_previous {
  background-image: url(../images/button_sprite.png);
  background-position: 0 0;
}

.views_slideshow_previous:hover {
  background-position: 0 -18px;
}

.views_slideshow_previous:active {
  background-position: 0 -36px;
  	background-image: url(../images/slider_active.png);

}

.views_slideshow_next {
  background-image: url(../images/button_sprite.png);
  background-position: -18px 0;
}

.views_slideshow_next:hover {
  background-position: -18px -18px;
  
}

.views_slideshow_next:active {
  	background-image: url(../images/slider_active.png);

}

.views_slideshow_pager .pager-item a {
  
}

.active_pager_field_item {
background-image: url(../images/slider_active.png);


}

.active views-slideshow-pager-fields-render widget_pager widget_pager_bottom views_slideshow_pager_field views-slideshow-pager-field-processed {
	color:#000;

}


#views_slideshow_pager_field_item_featureslider3-block_1{
			background-image: url(../images/slider_active.png);
	background-repeat: no-repeat;

}
#views_slideshow_pager_field_item_featureslider3-block_2{
			background-image: url(../images/slider_active.png);
	background-repeat: no-repeat;

} 
#views_slideshow_pager_field_item_featureslider3-block_3 {
			background-image: url(../images/slider_active.png);
	background-repeat: no-repeat;

}

#views_slideshow_pager_field_item_featureslider3-block_1:active .views-slideshow-pager-field-item views_slideshow_pager_field_item views_slideshow_active_pager_field_item views-row-odd, 
#views_slideshow_pager_field_item_featureslider3-block_2:active .views-slideshow-pager-field-item views_slideshow_pager_field_item views_slideshow_active_pager_field_item views-row-oeven, 
#views_slideshow_pager_field_item_featureslider3-block_3:active {
			background-image: url(../images/slider_active.png);
	background-repeat: no-repeat;

}


.modified-footer{
	background:transparent;
	color:#000;
}

.front #block-system-main {
  display:none;
}


/*Social Media Icon settings ---- */


.socialmedia  h2.title{
	margin-top:12px;
}


.socialmedia img{
	float: right;
	padding-left:8px;
	padding-right:8px;
	clear:none;
	vertical-align: top;
	display: inline;	
}

/*Side cost <strong> & <plum> field---- */
/*
.{
	float: right;
	padding-left:8px;
	padding-right:8px;
	clear:none;
	vertical-align: top;
	display: inline;	
}*/

.software-tools-middle-block{
	background-color:#195D70;
	padding-top: 10px;
	padding-right: 60px;
	padding-bottom: 10px;
	padding-left: 30px;	
	width:80%;
}

.software-tools-middle-block h2.title{
	color:#fff;
	font-style:italic;
	text-transform:lowercase;
	font-weight:normal;
	}