



/*  Simple Inspirational Quotes Style Sheet*/
/* main colors: */
/* Color: */
/* Color:  */
/* Color: */
 
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */



.top-bar .back a:before {
  content: "\00ab ";
  margin-right: 4px;
}
  
body {background-color:#ccc;}

body .row {background-color: white !important; margin-top: 1em; margin-bottom: 1em;}
<!--body .large-12.columns {margin-top: 2em;}-->

.row .large-12.columns img {margin:-2em 0 1em 0; border: #630 2px solid;}

/* header */
.row h1 {text-indent: -99999px;	font-size: .60em;}
 
/*.row .text-center.title-1.hide-for-medium.hide-for-small {margin-top: 0; margin-bottom: 0; font-size: 2.5em; font-weight:400 !important; color: #030; font-style: italic; font-family:"Chaparral Pro"}
*/
.row .text-right.title-1 {margin: 0 .5em 0 0; font-size: 2.75em; font-weight:700 !important; color: #330033; font-style: italic; font-family:"Harlow Solid Italic", sans-serif;}

.row .text-right.tagline {margin-right: 1.25em !important; margin-top: 0 !important; font-size: 1.5em; color: #330033; font-weight: 600 !important; font-style:italic !important; font-family:
"Gill Sans MT", "lucida Bright", serif;}

.row .large-12.columns .large-4.columns h3,
.row .large-12.columns .large-6.columns h2,
.row .large-12.columns .large-4.columns h2 {font-size: 1.25em ; font-weight:bold; color:#330000} 
.row .large-12.columns .large-4.columns p {font-size: 1.25em;}

<!--.row .large-12.columns img {}-->

.row .large-12.columns .large-4.columns img 
{
margin: 2em 0;
border: ; 	
padding: 2px;
border: 5px solid #D9E0E6;
border-right-color: #C8CDD2;
border-bottom-color: #C8CDD2;
}
.row .large-12.columns .large-4.columns .no-border img,
.row .large-12.columns .large-4.columns .no-border a img {border: 2px #900 solid; margin-top: .5em; margin-left: .7em; 
/*transition: width 6s;*/
}


/*.row .large-12.columns .large-4.columns .no-border a:hover img { height:66px;}
*/
/*.row .large-4.columns img
 {
	border: 2px solid rgb(102,51,51); 	
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: -2px 5px 5px rgb(159,139,40); 
	-moz-box-shadow: -2px 5px 5px rgb(159,139,40));
	box-shadow: -2px 5px 5px rgb(159,139,40);
	margin: 0 .5em .5em 0;
}
*/

/* Next line applies to Back To Top Only */
.row .large-12.columns .large-4.columns p a {font-size: 1em !important; color:#330033 !important;}

.row .large-12.columns .large-4.columns p a:hover {text-decoration:underline; }

.row .large-12.columns .large-12.columns.separator {background-color: #330033 !important; height: .7em;
}

.row .large-12.columns .large-4.columns .square li a {font-size: 1em !important: 1em; color:#336633 !important;}
.row .large-12.columns .large-4.columns .square li a:hover {text-decoration:underline;}

.row .large-12.columns .large-4.columns .quote-of-the-week {border: 1px solid red; padding: .5em;}
body .row .large-12.columns.margin-padding-top-zero {margin-top: 0; padding-top:0;}

/* Footer */
.row footer .large-12.columns {margin-bottom: 2em; margin-left: 2em;}
.row footer .large-12.columns a {font-size: .9em; color:#000;}
.row footer .large-12.columns a:hover {font-size: .9em; color:#666;}

.row .large-12.columns .large-4.columns p .mute,
footer .large-12.columns .mute a {color: #CCC ;}
footer .large-12.columns .mute a:hover {color:#999;}

.row footer .row .large-12.columns .copyright {
	font-size: 0.9em;
	color: #000;
}
 
.row .large-12.columns .large-4.columns .Ad160x600 {margin:2em 0} 
.row .large-12.columns .large-4.columns .Signature {color:#999;}
.large-12.columns .large-4.columns .border {border:#500 1px dotted; padding:1em; margin-bottom: 2em; margin-top: 1em; font-weight: 500;}

.row .large-12.columns .large-4.columns .spotlight {
	border:#500 1px dotted; padding:1em; margin-bottom: 2em; margin-top: 1em; font-weight: 500; font-style: italic; }
 
.row .large-4.columns blockquote {  font-size: 0.9em !important;}

.row .large-8.columns.panel. p .left .sh {
	border: 2px solid red;
}
 
 
.row .large-8.columns h3 .home {
	font-size: 2.75em; 
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.row .large-4.columns p a img {border: 2px solid brown;}
 
.row .large-4.columns p .book-thumb {
	float: left; 
	margin:0 7px 0px 0px; 
	border: 2px #996633 solid;
 }
 
.row .large-4.columns .border {
	margin:0 7px 0px 0px; 
	border: 2px green solid;
 }
 
a {
  color:#663;
  font-weight:bold;
  font-size:.9em;}
  
.row .large-8.medium-8.columns.panel .large-12.columns.hide-for-small .ft a:hover, 
a:hover, a:focus {
	color:#330;
	
}
/* right columns colors end */


.row .large-4.columns .large-12.columns.show-for-small p.ft,
.row .large-8.columns.panel .large-12.columns.hide-for-small p a,
.row .large-8.columns.panel .large-12.columns.hide-for-small p.ft,
.row .large-12.columns .hide-for-small .ft,
.row .large-8.columns .large-12 .columns .ft {
	  font-size: .9em;
	  color:#666;
	  margin-top: 1em;
  }
  

/*********************/
/* NAV BAR overrides start*/
/*********************/

.top-bar .title-area .name h1 a,
.top-bar .top-bar-section .left li a,
.top-bar .top-bar-section .right li a {
	font-weight: bold !important;
}

/* this one next line was added for the back to Home link */
.top-bar .title-area .name h1 a.name { cursor:url(../index.html)!important;} 

.top-bar .top-bar-section .left .name a:hover, 
.top-bar .top-bar-section .left .name a:visited 
 {	background: #330033 !important;} /* dark blue */
 
.top-bar .top-bar-section,
.top-bar .top-bar-section .left,
.top-bar { 

	background: #330033 !important; 
}
 .top-bar .top-bar-section,
 .top-bar .top-bar-section .left ul,
 .top-bar .top-bar-section .right ul,
 .top-bar .top-bar-section .left li a:not(.botton),
 .top-bar .top-bar-section .right li a:not(.botton) {
	background: #330033; 
}
 .top-bar .top-bar-section .left li a:hover,
 .top-bar .top-bar-section .right li a:hover 
  {		background: #663399 !important;
  		color:#FFF; }
  
.top-bar .top-bar-section .left li .active a:link,
.top-bar .top-bar-section .left  .active a:link,
.top-bar .top-bar-section .right .active a:link
{		background: #330033 !important; }


body .top-bar .top-bar-section .right li a.current,
body .top-bar .top-bar-section .left li a.current {
	background-color:#9966cc/* rusty color */
}

.top-bar .top-bar-section .left .has-dropdown a {red}
.top-bar-section .has-dropdown > a:after { border-color: white transparent transparent transparent;}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"]
	  {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #ffff99;
      border-left: solid 1px #ffff99;
	  }
	  
.top-bar .top-bar-section .right .has-dropdown .dropdown li label a:link {
	background: #330033 !important;
/*	color: #FF9 !important;*/
	margin-left: 0px !important;
	padding-left: 0px !important;
	font-weight:bold;
	}
 
 /*********************/
/* NAV BAR overrides end */
/*********************/

.row .large-12.columns .large-4.columns .gallery {padding:0px;margin:2px}


.row .large-12.columns .large-4.columns ul li a,
.row .large-12.columns .large-4.columns ul, 
.row .large-12.columns .large-4.columns ol {padding-left: 1em;}

.row .large-12.columns .large-4.columns ul li,	
.row .large-12.columns .large-4.columns ol li {font-size: 1.25em;}

.panel {
	 background:  white;
 }


 .row .large-8.columns .author {
	 color:#003333; font-size: .9em; font-style: italic;
 }
 

hr
{background:#d9d9d9;
border-width:0;
color:#d9d9d9;
height:1px}

ul.square {
  list-style-type: square; line-height: 2.25; }



.row .large-8.columns.panel p a .right.free {
	border: .5em solid 
	#000;
	margin-left: .2em;
}

.row .large-8.columns.panel p a:hover .right.free {
	border: .5em solid #999;
	margin-left: .2em; }
		
body .row .large-4.columns  .social a img {
	 border: 2px solid green;
	 padding: 0;
	 margin: 0;
 }

body .row .large-4.columns .social a img:hover {
	border: 2px solid brown;
 }


.row .large-12.columns .large-4.columns table {width: 60%;}

body .row .large-12.columns .large-4.columns img{margin-left: auto;
margin-right: auto;
float: none !important;}