/** Font styles 
---------------------------------*/

body {
  margin: 0;
  /*
   * Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography
   */
  font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
  /* letter-spacing:0.03em; */
}

/* Links */

a:link, a:visited {
  color: blue;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
  text-decoration: underline;
}

/* Titles  */

h1, h2, h3, h4, h5, h6 {line-height:1.3em;}

h1 {
	font-size: 1.5em;	font-weight:300;
	padding: 0 0 0.5em;
	margin: 0;
}

h2 {font-size:1.8em;font-weight:300;margin-bottom:0.75em;}
h3 {font-size:1.4em;margin-bottom:1em;}
h4 {font-size:1.2em;margin-bottom:0.8em;}
h5 {font-size:1.1em;font-weight:600;margin-bottom:0;}
h6 {font-size:1em;font-weight:bold;}

/* Paragraph Styles */

p {
  margin:0 0 1em 0;
}

/* List Styles  */

ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

/* Table Styles  */

table {
	width: 99%;
}
tr.even td, tr.odd td {
	padding: 0px 5px;
}
tr.even td{
	background-color:#e8e8e8;
}
/* Code */

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

pre {
	background-color: #efefef;
	display: block;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #aaa;
}

/* List Styles */

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

/* Abbreviation */

abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments  */

#edit-title{
	font-size: 24px;
}
#system-themes-form img{
	width:100px;
}
.form-item .description{
	font-style:italic;
	line-height:1.2em;
	font-size:0.8em;
	margin-top:5px;
	color:#777;
}
#edit-delete{
	color:#c00;
}

/**
 * Console, style from Slate theme
 */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #036;
  background: #bdf;
  border: 1px solid #ace;
}
div.warning {
  color: #840;
  background: #fe6;
  border-color: #ed5;
}
div.error {
  color: #fff;
  background: #e63;
  border-color: #d52;
}
div.status {
  color: #360;
  background: #cf8;
  border-color: #be7;
}

/** Region Colors
---------------------------------

/*jim Added or changed*/
.breadcrumb {display:none}
#edit-body ,.form-textarea{width:1000px;height:440px}
/** Region Colors
---------------------------------*/
body {background-color:#f3ffff}
#header { background-color: #5893bb; }
#navigation { background-color: #5893bb; }
#page{background-color:#5893bb}
#content-inner {background-color:white}

/* Link colours */
div #primary{margin:4px}
div #primary li {padding:2px;}
div #primary a{background-color:#374562;color:white;border:3px ridge grey;padding:2px 6px;font-size:1.1em;text-decoration: none;}
div #primary a:hover,div #primary a:active{background-color:#008acc;border:3px groove grey;}

#sidebar-first ul.menu  a:link,#sidebar-first ul.menu a:visited {color:#0000a0;text-decoration: none;}
#sidebar-first ul.menu a:hover, #sidebar-first ul.menu a:active {color:red;text-decoration: none;}

div#affiliations p{font-size:1.4em; text-decoration:bold}
div#affiliations a:link,#affiliations  a:visited {color:#0000a0;text-decoration: none;font-size:.8em}
div#affiliations a:hover,#affiliations a:active {color:red;text-decoration: none;font-size:.8em}

/*test of topmenu*/

/* div#mini-panel-footer ul.menu a:link,#mini-panel-footer ul.menu a:visited {color:#0000a0;text-decoration: none;}
div#mini-panel-footer ul.menu a:hover, #mini-panel-footer ul.menu a:active {color:red;text-decoration: none;}
div#mini-panel-footer {padding: 20px 0 2px 0} */
/* #footer{background-color:white} */

div#mini-panel-footer{position:absolute; width:99%;bottom:-80px;font-size:.8em;margin-left:20px;.margin-left:-20px}
.footermenu ul.menu {margin-left:115px}
.footermenu ul.menu li{display:inline;font-size:1.4em;margin:0 0 0 2px} 

/*hide addthis button in ie6&7 */
div#addthisbutton{.display:none}

div #topmenu ul.menu{text-align:right;background:#374562}
div #topmenu li{display:inline;margin:1px 1px}
div #topmenu a{color:white;padding:2px 6px;font-size:1.1em;text-decoration: none;}
div #topmenu a:hover,div #topmenu a:active{background-color:#008acc;}

#content,.sidebar {margin-top: 60px;}        /* Navigation Height */  
#navigation {height: 60px;} /* Navigation Height */
#primary {padding:34px 0 0 200px}
#secondary{display:none;} 	
/*end of test of topmenu */	
	
/* #block-menu-secondary-links li{display:none;} */
/*#block-menu-secondary-links ul{margin: 0 auto;text-align:center}*/

/*entity display mainimage size/appearance */
div .views-field-field-e-mainimage-fid img{border:2px solid #eaeaea}
/* entitymapslide mainimg size*/

/* div.views_slideshow_singleframe_teaser_section{overflow:visible} */

div .views_slideshow_singleframe_main .views-field-field-e-businesstitle-value {
   background:#5893bb; padding:3px 4px 2px 6px ;font-size:1.1em;width:350px}


/* slideshow centralisation (within a rounded corner panel) */
div .rcslideshow .views_slideshow_singleframe_teaser_section{text-align:center;margin:0 auto}
div .rcslideshow .views_slideshow_singleframe_pager {margin: 0 90px 1px 90px;text-align:center;padding-bottom:10px}
div .rcslideshow .views_slideshow_singleframe_controls {text-align:center}
div .attachment .views_slideshow_singleframe_teaser_section{text-align:center;margin:0 auto}
div .attachment .views_slideshow_singleframe_pager {margin: 0 90px 1px 90px;text-align:center;padding-bottom:10px}
div .attachment .views_slideshow_singleframe_controls {text-align:center}
div .slideshowselector{text-align:center}
.views-table caption{text-align:left;}

div #mapslide {padding: 10px 0 0 0}

div #entitymaptitles {background:#374562;}
div #entitymaptitles p {font-size:1.3em;color:white;  margin: 2px;padding:5px 0px 5px 4px ; }

/* .entitylogo img{height:220px;width:300px}  */

/* - padding to remove white space of inner */
#entitymapmap img {width:770px; margin:-20px 0 0 -12px}
/*div .views-field-field-bname-value{width:290px} otherwise title is wrapped */

/* NEED TO LOOK at HOW MENUS ARE FORMATTED, list style in following doesent work properly - works when edit ccs open only*/
ul.menu li{margin-left: 30px}
ul.menu li li {margin-left:5px}
ul.menu li,li li,li li li,li li li li {list-style-type: none ;}


/*translation*/
/* div #header li{list-style-type: none ;display:inline;float:right}*/ 
div #block-locale-0 ul{list-style-type: none ;margin: 30px 0 0 30px } 
div #block-locale-0 ul  a {color:darkblue;text-decoration: none;}
div #block-locale-0 ul  a.active {text-decoration: underline;}
/* div #block-locale-0 ul  a.active {display:none;} */

/* The Following removes everything for the bigmap page*/
.page-bigmap div #header,.page-bigmap #navigation {display:none}
.page-bigmap #page {background:none;margin:0}
.page-bigmap #content{margin:0;padding:0}
#bigmap {width:2100px;font-size:.8em}


/*need to find a better way of disabling member access to profile node title*/
.page-user #edit-title-wrapper,.node-type-entitytype #edit-title-wrapper{display:none}
.admin div #edit-title-wrapper{display:block}



div #block-user-0 label, a{color:black}
div #block-user-0 ul{list-style-type:none}

#user-login-form li{list-style:none;margin: 2px 12px 0 0;}
#user-login-form a:link {color:blue;}
#user-login-form a:hover {color:red;}

div #linksleft {font-size:.8em;padding:20px 20px 0px 100px}
div #linksright {font-size:.8em;padding:20px 20px 20px 40px}
 
div .membershead {color:white;font-size:1.8em;padding-top:190px} 
/*.top for ie6 and ie7 _top for ie6 only*/
#headermap {position:absolute;top:-13px;left:0px;.top:0px;
  opacity: 0.85; 
 -moz-opacity: 0.85; /* older Gecko-based browsers */
 filter:alpha(opacity=85); /* For IE6&7 */}

#musquodlayer,#dartmouthlayer,#lawrencetownlayer, #porterslakelayer ,#jeddorelayer, #shipharbourlayer, #sheetharbourlayer{
 position:absolute;top:0px;left:0px
 }

/* #flagpole{position:absolute; top:230px;left:855px;height:150px;width:100px;z-index:10} */
#flagpole{position:absolute; top:2px;left:890px;z-index:10}

div .view-Mastermembers{ padding:6px}
 
 div #content-header h1.title,h1.articlelisttitle{margin:-6px 0 5px -6px;_margin-left:0px;width:760px;background:#374562; padding:8px 0 4px 10px ;font-size:1.3em;color:white;}

 
 h2.pane-title {zoom:1;background:#5893bb;padding:5px 0 2px 10px ;margin:10px 0 ;font-size:1.3em;color:white;}
.teaserimg img {float: right; margin:0 10px}/*height:150px;width:200px;*/
.webcamimg img{float: right;height:150px;width:200px;}
img.panoramathumb {width:100%}
div .panoramathumb img{width:100%}
div.panorama {margin:20px 30px}
div.panorama h2 {margin:10px -14px}
form#contact-mail-page  {margin:0 10px}
.entitybusinesstitle{font-size:1.1em;color:white;background-color:#5893bb;padding:2px}


div .view-DatebrowserEventList table{margin: 0 10px 200px 10px}
div .view-DatebrowserEventList form{margin-left:50px}
div .view-DatebrowserEventList .date-prev{padding-left:10px}
div .view-DatebrowserEventList .date-heading{background:#5893bb;color:#fff}
div .view-DatebrowserHost table{margin: 0 10px 200px 10px}
div .view-DatebrowserHost .date-prev{padding-left:10px}
div .view-DatebrowserHost .date-heading{background:#5893bb;color:#fff;margin-bottom:5px;}
div .view-DatebrowserHost caption{padding:0 5px;background:#d1d1d1;font-size:1.2em}
div .mainimage {text-align:center}
div .imgcredit{text-align:center;font-size:.8em}
div .view-ArticleTeasers .views-row img{margin:0 0 0 20px ;}

div.flights{text-align:center;border: 1px #c0c0c0 solid;margin:0 138px}

/*fp slideshow css*/
body.front h1.title {display:none}
div#fpslogan{font-style:italic;text-size:120%;margin:10px 50px;}
div #fpslideshow {background:url(/drupal/sites/all/themes/basic_seacoast/css/images/fps/frame.png) top left no-repeat;
margin:30px 0 0 30px ; 
position:relative;height:500px
}
div.views-field-field-fpddb-image-fid {
   position: relative;
   width: 100%; /* for IE 6 */
   top:55px;left:50px
}   
div.views-field-field-fpddb-image-fid img{}
div #fpimgoverlay {background:url(/drupal/sites/all/themes/basic_seacoast/css/images/fps/textbg.png) top left no-repeat;
position:absolute;
width:400px;height:30px; top:70px;left:50px;
padding:8px 0 0 40px
}
#fpimgoverlay span{color:white;font-size:1.4em}

div #fpslidedesc {position:absolute;text-align:center;font-size:120%;left:34px; top:425px;width:580px}



/*fpslide button */
div.fpbutton  a{
  position: absolute;
  height: 45px;
  width: 115px;
  left: 455px; 
  text-decoration: none;z-index:10;
  }
.fpbutton a{ background:url(/drupal/sites/all/themes/basic_seacoast/css/images/fps/button.gif) top left no-repeat;
 }
a#fpshopbutton{top:56px;padding:14px 0 0 24px}
a#fpstaybutton{top:106px;padding:14px 0 0 24px}
a#fpeatbutton{top:156px;padding:14px 0 0 26px}
a#fpattractbutton{top:206px;padding:14px 0 0 32px}
a#fptogobutton{top:256px;padding:14px 0 0 28px}
a#fptodobutton{top:306px;padding:14px 0 0 32px}

/*following line is important for ie6 otherwise mapslide drops to bottom of page.*/
.views-field-field-e-shortdesc-value{width:98%}


/*Event list filter labels*/
#formhostlabel {padding-left:2px;font-weight:bold}
#formregionlabel {padding-left:298px;font-weight:bold}
#formcategorylabel {padding-left:121px;font-weight:bold}
#formmonthlabel {padding-left:22px;font-weight:bold}
 h2.eventtitle {width:300px;text-align:center;margin-left:222px;background:#5893bb;padding:5px 0 2px 10px ;font-size:1.3em;color:white;}
#hostselect{width:363px;}
#regionselect{width:160px;margin-left:4px}
#categoryselect{width:75px;}
#monthselect{width:88px;}

/*EventListHost*/
h2.eventtitlehost {text-align:center;margin:10px;background:#5893bb;padding:5px 0 2px 10px ;font-size:1.3em;color:white;}