/*  
Theme Name: AMIsland.com
Description: Custom theme
Author: Amy Clark
Author URI: http://www.rtservices.net
Version: 1
*/

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { background:#FFF url(images/background-slice2.jpg) repeat-x top; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
html { font-size: 100%; }
.site-container { margin: 0 auto; max-width: 100%; }
#header-wrap { width: 100%; }
#header, #footer { display:table; width: 100%; padding:0; }
#logo { float:left; width: auto; }
#logo a { color: #FFF; text-decoration:none; font-size:1.8em; }
#logo h1 { font-size:24px; margin:0;padding:0;}
#headerright { float: right; width: auto; position:relative; }
.underline { color:#18B0E2; height: 55px; line-height: 55px; font-size: 18px; text-transform: uppercase; border-bottom: 5px solid #333435; padding:0 10px; }
#content .underline a { color:#18B0E2; }
#nav { width: 100%; display: table; }
#nav ul.menu { padding:0; }
#nav ul.menu li { list-style-type: none; }
#content { max-width: 59.3125em; margin: 0 auto 0; position:relative; background:#FFF; overflow:hidden; border-radius: 10px; box-shadow: 0px 0px 6px 0px #777; padding:2px; }
#content-left { color: #7b7c7e; }
#content-full { color: #7b7c7e; padding: 0 .625em; }
#footer-wrap { width: 100%; margin:0; padding:0; }
#footer { max-width: 59.3125em; color:#333; margin:0 auto; }
#footer div {  }
#footer p { margin: 0; padding: 0 10px; height: 55px; line-height: 55px; text-align:center; }
#footer a { color: #FD7D00; text-decoration:none; padding: 0 5px; }
#footer a:hover { text-decoration: underline; }
#sidebar { border-bottom-left-radius: .625em; padding: .625em; color:#FFF; }
#sidebar h2 { font-size: 1.1em; margin: .83em 0 .3125em 0; }
#sidebar ul { list-style-type: none; padding-left:0; }
#sidebar li li { list-style-type: none; margin-left: .95em; padding-left:0; }
#sidebar li { margin-bottom: 10px; }

div.entry { position:relative; }
.post-prev-img { float:left; padding:0 0.95em 0.625em 0; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin: 0 0.625em 0.625em 0; }
img.alignright { margin: 0 0 0.625em 0.625em; }
img.aligncenter { margin: 0 auto 0.625em; }
.wp-caption { margin-bottom: 24px; }
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}
.wp-caption { color: #767676; }
.wp-caption-text {
	font-size: 0.75em;
	font-style: italic;
	line-height: 1.5em;
	margin: 0.55em 0;
	padding-right: 0.625em;
}
.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

hr { height: 1px; background: #f0f0f3; border:none; }

.widget { margin: 0 auto; }
div.btn-banner { max-width: 60em; position: relative; margin: -200px auto 200px; height: 0; }
div.btn-banner img { float: right; }

/* custom stuff */
#header { height: auto; display:table; }
.logo-wrap {  }
.banner { text-align:center; border-radius:10px; }
.banner img { margin:0 auto; border:1px solid #000; border-radius: 10px; background:#fd7d00; padding:2px; }

#nav ul.menu li a { color:#6D4B70; text-decoration:none; font-weight:bold; }
#nav ul.menu li a:hover, #nav ul.menu li.current_page_item a, .category-featured #nav ul.menu li.page-item-1744 a { color:#ee8749; }

a:hover { text-decoration: none; }
#content a.learn { background:#ee8749; color:#FFF; font-size: .7em; padding: 3px 7px; border-radius: 0.5em; margin:0.625em 0; float:right; clear:both; }
#content a.learn:hover { background: #ffe170; color:#000; }
#content a { color: #ee8749; text-decoration:none; }
#content a:hover { color: #6d4b70; }
#sidebar a { color: #FFF; font-weight:bold; font-size: 90%; }
#sidebar a:hover { color: #333; }
#content a.readmore { text-decoration: underline; }
#content a.readmore:hover { text-decoration:none; }
input[type=submit] { background:#ee8749; color:#FFF; font-size: .7em; padding: 3px 7px; border-radius: 0.5em; margin:0.625em 0; border:0; }
input[type=submit]:hover { background: #ffe170; color:#000; }

div.int img { padding: .625em .625em 0 0; }
span.catdrop { font-size: 40%; float:right; }

div.logobar { display: none; }
img.wp-post-image { border: 1px solid #f0f0f3; padding: 2px; }
div.threecol { display:table; }
div.threecol:after { clear:both; }

.ft-top { background: url(images/grey-bg.jpg); width:100%; }
.ft-top-inner { max-width: 60em; width: 100%; margin:0 auto; display:table; }
a.btm-menu { color:#6d4b70; text-decoration:none; line-height:2.45em; font-size: 110%; }
a.btm-menu:hover { text-decoration: underline; }
.feat { background:url(images/featured-bg.png); border-radius: .5em; margin: 1.9em 0 0 0; padding: 1.6em; text-align:center; }
.threecol h4 { margin: 0 0 5px 0; color:#333; }
.threecol h4 a { color:#6d4b70; text-decoration: none; }
.threecol h4 a:hover { text-decoration: underline; }
.maps { border:1px solid #cecdd0; border-radius:8px; padding: .8em; margin-bottom: .625em;text-align:center; }
.entry h3 { display: block; }
.contactmaps { width:49%;float:left;text-align:center; }
.orange, .page-title, .page-title a { color: #fd7d00; }
.page-title { font-style: italic; font-size: 1.6em; font-weight: normal; }

/*.date { font-size: .7em; }*/
.blogheading { background: url(images/blog-header.jpg) no-repeat; margin:0; padding-left:90px; }
.blogheading h2 { margin:0; padding-bottom:10px; }
.blogheading h1 { padding-top: 10px; margin:0; }

hr:last-of-type { display: none; }
.social {
margin-top: 20px;
height: auto;
line-height: 20px;
font-size: .8em;
border: 2px solid #FFF;
text-align: center;
margin-right: 10px;
border-top-right-radius: 10px; border-top-left-radius: 10px;
padding: 0 5px;
text-shadow:1px 1px #666;
}
.social a { color: #FFF; text-decoration:none; }
.social a:hover { color: #666; }
.orangebox { background: #F66508; color:#ffffff; border-radius: 10px; text-align:center; display: block; padding-top: 5px; width: 97%; margin: 0 auto; }
.orangebox .left, .orangebox .right { width: 80%; display: block; text-align:center; margin: 5px auto; }
.orangebox img { text-align: center; margin: 0 auto; }
#content .orangebox a { color: #FFF; font-weight:bold; }
#content .orangebox a:hover { text-decoration:underline; }

/* cell phones (480px) */
@media (max-width: 30em) {
#headerright { float: none; text-align:center; }
#header, #footer { padding: 0 0.31em; }
.archive .category-featured .entry .post-prev-img { float: none; text-align:center; }
.archive .category-featured .entry h3 { text-align:center; }
.purplebar div span.nophone { display:none; }
#sidebar { width: 80%; text-align: center; }
#sidebar a { font-size: 100%; }
.social { width: 50%; float: right; }
}

/* under ipad size 768px */
@media (max-width: 47.9375em) {
#sidebar { margin:0 auto; display:table; border-radius: .625em; background:#fd7d00; }
.ft-top {  }
div.btn-banner { margin: 5px auto; height: auto; text-align:center; }
div.btn-banner img { float:none; }
.ft-top-inner { text-align:center; width: 98%; }
.threecol { margin: 1em auto; }
a.btm-menu { margin: 0; }
.maps { width: auto; float: none; }
/*ul.menu {display:none;}*/
#content { width: 98%; display:table; }
.contactmaps { width:100%; float:none; text-align:center; }
.purplebar-inner { text-align:center; padding: .625em; }
#content-left { padding: 0 .625em; }
}

/* ipad 768px and up*/
@media (min-width: 48em) {
.menu-toggle { display:none; }
#nav ul.menu { width: auto; margin: 0 auto; display: table; }
#nav ul.menu li { }
#nav ul.menu li a { display:table; text-align:center; padding: 0 .625em 0 3.625em; }
#nav ul.menu li.page-item-1733 a { display:table; text-align:center; padding: 0 .625em 0 .3125em; }
#sidebar { float: left; margin-right: 1%; width: 19%; padding:0.625em; background:#F66508; margin-top:-10px; }
#sidebarcontent { display:table; }
#content-left { float: right; width: 80%; display:block; padding: 0 .625em 0 0;}
.purplebar-inner { max-width: 60em; width:100%;  text-align:right; margin:0 auto; min-height:2.25em; line-height:2.25em; }
.purplebar { min-height:2.25em; }
.logo-wrap { line-height: 3.1em; } 
#logo { padding: 10px 0 0 5px; }
#footer-wrap { padding: 0 0 40px 0; }
.threecol { width: 33.3%; padding: .625em; float:left; }
.feat { padding: 1.6em; margin: 2.3em 0 0 0; }
.entry .threecol { min-height: 20em; position: relative; }
.maps { width: 100%; float:left; }
.feat h4 { text-align:left; }
.left { padding-left:0; }

div.int { position: absolute; top:200px; left: 270px; }
a.btm-menu { margin: 0 0 0 10%; }
#content { width: 100%; border-bottom: none; }
#footer p { font-size: .75em; }

/*.date { text-align:right; width: auto; white-space: nowrap; line-height:20px; }*/
.orangebox .left, .orangebox .right { float: left; width: 50%; }

}
 
/* Large screens (960px) */
@media (min-width: 60em) { 
.logo-wrap { max-width: 59.3125em; margin: 0 auto; }
div.logobar { height: 6.75em; border-bottom: .5em solid #FFE170; width: 100%; display:block; }
div.logobar-inner { width: 60em; margin: 0 auto; text-align: left; }
div.logobar-inner img { padding-right: .875em; }
a.btm-menu { margin: 0 0 0 20%; }
#content .threecol a.learn { position: absolute; bottom: 1em;  right: 1em; }
}

#sidebar { margin-bottom: -30000px; padding-bottom: 30000px; }

@media print {
}