/* @override http://stwr.ndpclient.com/sites/all/themes/mainmodern/css/editor.css?mlt6wu */

/*
NDP HTML5 Starter Theme.
ZenSub Theme
Martin 

editor.css
For general Typography and WYSIWYG custom styles
*/

/*   Contents   */
/*--------------*/

/*	Base Type
/*  Semantics
/*  Headers / Titles
/*  Other Typography (paragraphs etc)
/*  Links
/*  Lists
/*  Tables
/*  Breadcrumbs
/*  Type per region overrides
/*  Custom WYSIWYG styles

/*--------------*/


/*=================================================*/
/*---------------------*/
/*     BASE TYPE       */ /* base typography styles
/*---------------------*/
/*=================================================*/

*{
  margin: 0;
  padding: 0;
}

html{
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 100%; /* Sets font to maximum - norm 16px */
	color: #333;
	line-height: 1.4em;
}

body {
   font-size: 62.5%; /* 10px - reset to manageable decimal base */
}
#wrapper{
	font-size: 1.4em; /* 14px - set as base size - i.e. 10px x 1.2 */
}

/*Footer lives outside wrapper to allow for the creation of 'sticky footers'*/
#footer{
	font-size: 1.4em; /* 14px - set as base size - i.e. 10px x 1.2 */
}
#footer_post{
	font-size: 1.4em; /* 11px - set as base size - i.e. 10px x 1.2 */
}

/*Region Inside wrapper (already upsized to 1.4em)*/
#toptools {
  font-size: 1.1em;
}

p#skip-link{
	margin:0;
}

.cke_show_borders{font-size: 14px; padding: 10px;} /*!! Note - this pixel setting should emulate the intended size above - this makes CKeditor display the correct size text !!*/


/*=================================================*/
/*----------------------*/
/*      SEMANTICS       */ /* Global semantics
/*----------------------*/
/*=================================================*/
nav{}
header{}
article{}
section{}
aside{}
footer{}


/*=================================================*/
/*----------------------*/
/*  HEADINGS / TITLES   */ 	/* Heading/Title styles
/*----------------------*/
/*=================================================*/

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial,  sans-serif;
  color: #333;
  line-height: 1.2em;
  font-weight:bold;
  margin-bottom: 1em;
}

h1 {
  font-size: 2.5em;
  color:#808080;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.2em;

}

h4 {
  font-size: 1.1em;
}

h5 {
  font-size: 1.1em;
}

h6 {
  font-size: 1em;
}


/*Titles*/
h1#page-title {
  border-top: 3px solid #00A6D6;
  margin-bottom: 0.5em;
  padding: 0.2em 0 0;
}

h2.block-title,
h3.block-title,
.views-field-title h3{
	color:#404040;
}

h3.block-title, 
h2.block-title {
  /*border-bottom: 1px solid #00A6D6;*/
  border-top: 3px solid #00A6D6;
  margin-bottom: 10px;
  padding: 0.4em 0 0.3em;
}

#main .views-row .node-title{
  border-top: 1px solid #00A6D6;
  border-bottom: 0;
  margin-bottom: 20px;
  padding: 0.4em 0 0;
}

.views-field-title{
	/*I recomend outputting view titles as either H3 (or heading size 1xsmaller than parent's heading) rather than specific overrides where posible. This much more semantic sense. */
}

.profile h3 {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 1em;
}

/*=================================================*/
/*----------------------*/
/*  OTHER TYPOGRAPHY    */ /* typography styles
/*----------------------*/
/*=================================================*/

p {
  margin-bottom: 1.4em;
  line-height: 1.4em;
}

hr {
  border: 1px solid #333333;
  border-bottom: 0;
  height: 0;
  margin-bottom: 1em;
}

.type {
	color: #808080;
	}
/*=================================================*/
/*----------------------*/
/*       LINKS          */ /* Base LINK styles
/*----------------------*/
/*=================================================*/

a,
a:visited,
li a.active{
	color: #00A6D6;
  text-decoration:none;
}

a:hover,
a:focus,
li a.active:hover{
  text-decoration:underline;
}


/*To pass WCAG 2.0 (Level 2.0) contrast test*/
a.element-invisible,
a.element-invisible:hover,
a.element-invisible:visited{
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  color:#000;
  background:none;
}



/*=================================================*/
/*----------------------*/
/*       LISTS          */ /* Base LIST styles
/*----------------------*/
/*=================================================*/

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul,
.item-list ul /* Drupal override */ {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 0;
}

.item-list ul li { /* Drupal override */
  margin: 0;
}

ul li{
	list-style-image:url(../images/bullet.png);
}

ul li,
ol li{
	line-height:1.4em;
}

ul.links{
	margin:0;
	padding:0;
}
ul.links li {
  font-weight: bold;
  list-style-image: none;
  list-style-type: none;
}


dd {
  margin: 0 0 0 30px; /* LTR */
}

ul ul, ul ol,
ol ul, ol ol,
.item-list ul ul, .item-list ul ol,
.item-list ol ul, .item-list ol ol {
  margin: 0; /* Turn off margins on nested lists. */
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul,
.item-list ul /* Drupal override */ {
  padding: 0 0 0 15px; /* LTR */
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}


/*=================================================*/
/*----------------------*/
/*       TABLES         */ /* Base TABLE styles
/*----------------------*/
/*=================================================*/

table, th, td {
  line-height: 1.35em;
}

table {
  width: 100%;
  margin-bottom: 1.5em;
}

th, td {
  padding: 10px;
  border:1px solid #666;
}

th,
th a {
	background:#666;
	color:#fff;
	border-bottom:0;
}

caption{
  font-style: italic;
  padding: 0 10px 5px;
  text-align: right;
}

tr.even, tr.odd {
	background-color:#E5E5E5;
	border-bottom:0;
	padding:0.1em 0.6em;
}

tr.even {
	background-color:#fff;
}


/*=================================================*/
/*----------------------*/
/*    BREAD CRUMBS      */ /* Base TABLE styles
/*----------------------*/
/*=================================================*/
.breadcrumb ol, 
.breadcrumb ul {
  border-bottom: 1px solid #EFEFEF;
  font-size: 0.8em;
  margin: 0 0 1em;
  overflow: hidden;
  padding: 0 0 0.2em;
}
.breadcrumb ol li,
.breadcrumb ul li{
	float:left;
	display:inline;
	margin-left:5px;
	color:#999;
}


/*=================================================*/
/*---------------------*/
/*       VIEWS         */  /*Views Typography Styles*/
/*---------------------*/
/*=================================================*/

/*views-field-title currently mimics H3, edit as designs require*/
.views-field-title{
	font-weight: bold;
  line-height: 1.4em;
  margin-bottom: .5em;
}


.search-results .search-info {
    font-size: 0.85em;
}



/*=================================================*/
/*---------------------*/
/*   REGION OVERRIDES  */  /*Typography per region */
/*---------------------*/
/*=================================================*/

/*Typography Overrides - FOOTER*/
#footer{
	
}
#footer h2.block-title {
			
}
#footer h2.block-title a{
			
}
#footer a{
	
}


/*Typography Overrides - POST FOOTER*/
#footer_post p{
	margin:0;
}





/*=================================================*/
/*---------------------*/
/*       WYSIWYG       */  /*WYSIWYG Editor Custom Styles*/
/*---------------------*/
/*=================================================*/

/*BLOCKQUOTES*/

/* style below make sure user can not 'double style' blockquote,
whether they choose the blockquote style from drop down, <blockstyle> tag
or combination of both*/

/*
Navigate to Congifuration > WYSIWYG Profiles > CSS.
Make sure CSS PAth is correct.
CUT N PASTE the following into the 'CSS CLasses field.

Blockquote=p.blockquote
Intro Paragraph=p.intro-paragraph
Image Floated Left=img.img-float-left
Image Floated Right=img.img-float-right
Button style link=a.buttonlink

*/

blockquote, .blockquote {
  color: #00A6D6;
  font-size: 1.4em;
  font-weight: 300;
  margin: 1.5em 0;
  padding: 0;
}
blockquote .blockquote,
blockquote p{
	background:none;
	font-size:1em;
	margin:0;
	padding:0;
	border-left:0;
}

.views-row .blockquote{
	color:inherit;
	font-weight:inherit;
	font-size:inherit;
	margin:0;
	padding:0;
}

.intro-paragraph{
	font-size:1.4em;
}

.views-row .intro-paragraph{
	font-size:inherit;
}


.img-float-left{
	float:left;
	margin:0 20px 20px 0;
}
.img-float-right{
	float:right;
	margin:0 0 20px 20px;
}
p.box-style {
  border:1px solid #00A6D6;
  padding:10px;
}

/*PRINT STYLES*/
body.printpage{
	min-width:auto!important;
}
.print-content{
	font-size:14px;
}
.printpage .print-logo{
	margin-bottom:1em;
}
.printpage .submitted,
.print-breadcrumb{
	display:none;
}

.print-content .node-title{
	font-size:2.5em;
	border-bottom: 0;
	border-top: 3px solid #00A6D6;
	margin-bottom: 20px;
	padding: 0.2em 0 0.8em;
	color:#808080;
}
.print-footer {

  border-top: 1px solid #999999;
  font-size: 13px;
  padding-top: 15px;
  text-align: left;
}
.print-footer img{
	display:none;
}