*/
/* #Slider
============================================== */
.wrap .flexslider {
background: transparent;
border: none;
position: relative;
zoom: 1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
/*
.wrap #slideshow {
background: transparent;
border: none;
position: relative;
zoom:1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
width:100%;
height: auto;
}
*/
.wrap .flex-caption {
background: none;
-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1;
}
.wrap .flex-container .flex-caption {
width: 96.3%;
padding: 2%;
position: absolute;
margin-left: 0px;
margin-bottom: 0px;
background: rgba(0, 0, 0, .3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
font-style: italic;
}
.wrap .flex-container .flex-caption.flex-caption-top {
top: 0;
bottom: auto;
}
.wrap .flex-container h5,
.wrap #main .flex-container h5 {
color: #fff;
font-weight: bold;
margin-bottom: 0px;
}
.wrap .flex-container .flexslider .flex-caption p {
color: #f9f9f9;
font-size: 1em;
font-style: italic;
margin-bottom: 0;
}
.wrap .flex-container .flexslider .flex-caption p em {
font-style: normal;
}
.wrap .flex-container li {
margin-bottom: 0;
/*overflow:hidden;*/
}
/* Direction Nav */
.wrap .flex-direction-nav {
display: none;
position: absolute;
width: 100%;
top: 50%;
margin-top: -25px;
display: block\9;
/*IE needs this */
}
.wrap .flex-direction-nav li a {
margin: 0;
display: block;
background: url(../images/slider_arrows.png) no-repeat 0 0;
position: absolute;
top: 0;
cursor: pointer;
text-indent: -9999px;
background-color: #222;
background-color: rgba(0, 0, 0, .7);
color: #fff;
width: 20px;
height: 20px;
font-size: 20px;
padding: 15px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
text-decoration: none;
text-align: center;
font-weight: normal;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.wrap .flex-direction-nav li a:hover {
background-color: #222;
background-color: rgba(0, 0, 0, .3);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wrap .flex-direction-nav li a.next {
background-position: -50px 0;
right: 20px;
/*-21px;*/
}
.wrap .flex-direction-nav li a.prev {
background-position: 0 0;
left: 20px;
/* -20px;*/
}
.wrap .flex-direction-nav li a.disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
}
/* Control Nav */
.wrap .flex-control-nav {
display: none;
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
}
.wrap .flex-video-slider .flex-control-nav {
display: none !important;
/* Hide in video slider, otherwise it blocks the controls */
}
.wrap .flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.wrap .flex-control-nav li:first-child {
margin: 0;
}
.wrap .flex-control-nav li a {
width: 13px;
height: 13px;
display: block;
background-image: none;
background-color: #444;
background-color: rgba(0, 0, 0, .1);
cursor: pointer;
text-indent: -9999px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.wrap .flex-control-nav li a:hover {
background-position: 0 -13px;
background-color: #000;
background-color: rgba(0, 0, 0, .6);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.wrap .flex-control-nav li a.active {
background-position: 0 -26px;
cursor: default;
background-color: #000;
background-color: rgba(0, 0, 0, .4);
}
/* Only show on hover */
.wrap .flex-container:hover .flex-direction-nav,
.wrap .flex-container:hover .flex-control-nav {
display: block;
}
/* Pause / Play */
.flex-pauseplay {
position: absolute;
top: 0px;
right: 0px;
opacity: .3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.flex-container:hover .flex-pauseplay {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.flex-pauseplay span {
margin: 5px 5px 0 0;
width: 22px;
height: 22px;
font-size: 8px;
text-transform: uppercase;
font-weight: bold;
line-height: 24px;
display: block;
background-color: #222;
background-color: rgba(250, 250, 250, .3);
background-position: 5px 5px;
background-repeat: no-repeat;
color: #dedede;
text-indent: -999em;
cursor: pointer;
}
.flex-pauseplay .play {
background-image: url(../images/icons/play_12.png);
}
.flex-pauseplay .pause {
background-image: url(../images/icons/pause_12.png);
}
.flexslider iframe {
max-width: 100%;
max-height: 100%;
}
/* #Lightbox
===================================================== */
a.img-link.preload {
background-image: url(../images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.preload img {
visibility: visible;
opacity: 1;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.preload img.loading {
visibility: hidden;
opacity: .2;
-webkit-transition: none;
-o-transition: none;
-moz-transition: none;
transition: none;
}
a[data-rel^="prettyPhoto"] {
position: relative;
text-decoration: none;
background-image: url(../images/bkgs/stripes_tiny_08.png);
background-repeat: repeat;
}
a.img-link.preload,
a[data-rel^="prettyPhoto"] {
display: block;
}
a[data-rel^="prettyPhoto"] img {
display: block;
}
span.photoButton,
a[data-rel^="prettyPhoto"]:hover:after {
content: ' ';
display: block;
position: absolute;
bottom: 0;
left: 0;
color: #444;
font-size: 14px;
height: 18px;
width: 18px;
line-height: 18px;
text-align: center;
text-decoration: none;
font-weight: bold;
background-color: #000;
background-color: rgba(255, 255, 255, 0.1);
background-image: url(../images/icons/camera_4.png);
/*zoom_in.png);*/
background-position: center center;
background-repeat: no-repeat;
opacity: .7;
height: 22px;
width: 22px;
}
.video-link span.photoButton,
a[data-rel^="prettyPhoto"].video-link:hover:after {
background-image: url(../images/icons/video_recorder.png);
}
a[data-rel^="prettyPhoto"]:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 8 */
filter: alpha(opacity=50);
/* IE 5-7 */
opacity: .5;
/* Real Browsers */
}
div.pp_default .pp_description {
padding-top: 4px;
}
.pp_gallery {
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.pp_fade:hover .pp_gallery {
opacity: 1;
}
/* #Videos
=========================================== */
video {
max-width: 100%;
height: auto;
}
/* Necessary Styles because IE8 doesn't support media queries */
.ie8 .video-container {
position: relative;
padding-bottom: 56.25%;
}
.ie8 .video-container iframe,
.ie8 .video-container object,
.ie8 .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ie8 .video-wrapper {
max-width: 100%;
}
/* We're not going to do this on mobile devices, because it breaks certain iOS5 versions */
@media only screen and (min-width: 481px) {
.video-container {
position: relative;
padding-bottom: 56.25%;
/*padding-top: 30px;
height: 0;
overflow: hidden;*/
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper {
max-width: 100%;
}
}
/* #Page Headings
=================================================== */
h1,
h2,
h3 {
color: #6B8A9F;
}
h1.page-title,
h2.page-title {
margin-top: 0.4em;
/*1.5em;*/
margin-bottom: 0.3em;
/*.9em; /*1.5em;*/
margin-left: 0.5em;
margin-right: 0.2em;
font-size: 2.2em;
}
h2.coupon-title {
margin-top: 0.4em;
/*1.5em;*/
margin-bottom: 0.3em;
/*.9em; /*1.5em;*/
margin-left: 0.5em;
margin-right: 0.2em;
font-size: 2.2em;
color: #930;
}
.sidebar h2 {
margin-top: 0.0em;
/*1.5em;*/
margin-bottom: 0.2em;
/*.9em; /*1.5em;*/
margin-left: 0.3em;
margin-right: 0.5em;
font-size: 2.2em;
}
.sidebar h3 {}
.sidebar h4 {
margin-top: 0em;
/*1.5em;*/
margin-bottom: 0.4em;
/*.9em; /*1.5em;*/
margin-left: 0.8em;
margin-right: 0.2em;
font-size: 1.1em;
color: #999;
}
h2.page-title {
margin-bottom: .4em;
}
.page-title.page-title-with-sub {
margin-bottom: .2em;
}
.page-title.alternate {
font-size: 2.5em;
margin-top: 1em;
margin-bottom: .6em;
line-height: 1.1em;
font-weight: normal;
text-align: center;
}
h5.sub-page-title {
font-size: 1.0em;
color: #666;
margin-bottom: 1.8em;
font-style: italic;
letter-spacing: 0px;
text-transform: none;
}
.blog-layout .post h1,
.mosaic .post h1 {
letter-spacing: -1px;
}
/* #Post Content
================================================ */
#breadcrumb p {
margin-top: 1em;
}
.post p {
color: #777;
}
/* MOSAIC - Grid Layout */
.mosaic article {
margin-bottom: 1em;
}
.clear-grid {
clear: both;
}
.mosaic article:nth-child(3n+1) {
clear: both;
/* Make sure rows don't get "hung up" on the second column */
}
.mosaic article header a.img-link,
.mosaic article header a[data-rel^="prettyPhoto"],
.mosaic div.feature-column a.img-link,
.mosaic div.feature-column a[data-rel^="prettyPhoto"],
.bloglist a.img-link,
.bloglist a.video-link {
margin-bottom: 1em;
}
.mosaic a[data-rel^="prettyPhoto"] img {
margin-bottom: 0px;
display: block;
}
.mosaic article h1,
.mosaic .feature-column h1 {
font-size: 1.2em;
line-height: 1.4em;
font-weight: normal;
margin-bottom: .4em;
}
.mosaic article.post.with-meta {
margin-bottom: 3em;
}
.mosaic article.post.with-meta h1 {
margin-bottom: .2em;
background: transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat-x;
padding-top: 1em;
}
.mosaic article p {
font-size: .9em;
margin-bottom: .5em;
}
.mosaic article.post a.excerpt-link {
font-size: .66em;
}
.mosaic .feature-column {
font-size: .8em;
color: #777;
margin-bottom: 2em;
}
.mosaic .feature-column h4 {
font-size: 1.3em;
letter-spacing: -1px;
font-style: normal;
}
.mosaic .meta-right {
float: right;
}
.mosaic .post-meta {
font-size: .7em;
}
.mosaic .post-meta time {
clear: both;
}
.mosaic .post-excerpt {
clear: both;
}
/* BLOG LAYOUT - Standard Layout */
.blog-layout article {
clear: both;
background: transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat-x;
padding-top: 2em;
margin-bottom: 2em;
padding-bottom: 2em;
position: relative;
font-size: .9em;
}
.blog-layout article.post.first {
padding-top: 1.2em;
}
.blog-layout .latest-indicator {
font-size: .7em;
color: #999;
text-transform: uppercase;
position: absolute;
bottom: 100%;
right: 0;
letter-spacing: 1px;
}
.blog-layout h1 {
font-size: 1.6em;
line-height: 1.6em;
font-weight: normal;
margin-bottom: 0;
color: #444;
}
.blog-layout h1 a {
color: #444;
text-decoration: none;
}
.blog-layout h1 a:hover {
color: #222;
}
.blog-layout .img-wrapper {
margin-bottom: 1em;
}
.blog-layout .post-excerpt p {
margin-bottom: .7em;
}
.post footer {
clear: both;
font-size: .8em;
color: #aaa;
margin-top: 1em;
}
.post footer a {
text-decoration: none;
color: #666;
}
.blog-layout footer .post-comments,
.blog-layout footer .post-tags,
.blog-layout footer .post-permalink {
margin-right: .5em;
}
/* BLOG LIST - Widget Style */
.bloglist article {
clear: both;
margin: 1em 0 0 0;
padding-bottom: 1em;
border-bottom: 1px dotted #eee;
}
.bloglist article h1 {
font-size: 1.1em;
line-height: 1.2em;
margin-bottom: .2em;
letter-spacing: -1px;
}
.bloglist article img {
display: block;
}
.bloglist .post-meta {
font-size: .65em;
}
.bloglist .post-excerpt {
font-size: .8em;
}
.bloglist .post-excerpt p {
margin-bottom: 0;
}
/* Blog Navigation */
.blog-navigation {
clear: both;
}
.blog-navigation a {
font-size: 11px;
text-decoration: none;
}
/* Post images */
.img-wrapper img {
display: block;
}
header .img-wrapper {
clear: both;
}
.post-meta {
border: 1px dotted #efefef;
border-width: 0 0 1px 0px;
font-size: .8em;
line-height: 1.8em;
padding-bottom: .3em;
margin-bottom: 1em;
float: left;
width: 100%;
color: #aaa;
}
.post-meta a,
.post-meta time {
color: #777;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
.post-meta a:hover {
color: #444;
}
.excerpt-link {
text-transform: uppercase;
font-size: .7em;
text-decoration: none;
border-bottom: 1px dotted #ddd;
}
.feature-column ul {
margin-left: 10px;
}
.feature-column ul li {
margin-bottom: 3px;
font-size: 125%;
}
/* #Portfolio
============================================== */
.portfolio article {
position: relative;
display: block;
margin-bottom: 20px;
margin-left: 20px;
}
.portfolio.col-1 article {
margin-bottom: 50px;
}
.portfolio article img,
.portfolio article a.img-link {
display: block;
clear: both;
}
#main .portfolio-item.single .img-wrapper {
padding-right: 0;
}
.portfolio h1 {
font-size: .9em;
color: #555;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
margin-top: .6em;
margin-bottom: .3em;
}
.portfolio .portfolio-by,
.portfolio .portfolio-excerpt {
font-style: italic;
letter-spacing: 0px;
font-size: .85em;
color: #aaa;
line-height: 1.1em;
text-transform: none;
font-weight: normal;
}
/* Grid Clears */
.portfolio.col-4 article:nth-child(4n+1) {
clear: both;
}
.portfolio.col-3 article:nth-child(3n+1) {
clear: both;
}
.portfolio.col-2 article:nth-child(2n+1) {
clear: both;
}
.portfolio.col-1 article img.scale-with-grid {
width: 100%;
}
.portfolio.col-1 article img.scale-with-grid-200 {
width: 200px;
}
.portfolio-item.single h1 {
line-height: 1.1em;
}
.portfolio-item.single .post-meta {
position: relative;
}
.portfolio-item.single .post-meta .portfolio-meta-icons {
position: absolute;
right: 0;
top: 6px;
}
.portfolio-item.single .post-meta .portfolio-meta-icons .tooltip {
right: 100%;
left: auto;
}
.portfolio-item.single .post-meta .portfolio-meta-icons .post-tags .tooltip {
width: 220px;
text-align: left;
}
.portfolio-item.single .post-content {
font-style: italic;
font-size: .9em;
}
.post-content {
padding-left: 10px;
padding-right: 10px;
}
/* Portfolio Nav */
#nav-below {
margin-top: 3em;
}
.nav-previous a,
.nav-next a {
font-size: .8em;
text-decoration: none;
display: block;
line-height: 1.1em;
margin-top: .5em;
}
.nav-next {
text-align: right;
}
/* #Portfolio (Copy of Portfolio above)
============================================== */
.coupon article {
position: relative;
display: block;
margin-bottom: 20px;
margin-left: 20px;
}
.coupon.col-1 article {
margin-bottom: 50px;
}
.coupon article img,
.coupon article a.img-link {
display: block;
clear: both;
}
#main .coupon-item.single .img-wrapper {
padding-right: 0;
}
.coupon h1 {
font-size: .9em;
color: #555;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
margin-top: .6em;
margin-bottom: .3em;
}
.coupon .coupon-by,
.coupon .coupon-excerpt {
font-style: italic;
letter-spacing: 0px;
font-size: .85em;
color: #aaa;
line-height: 1.1em;
text-transform: none;
font-weight: normal;
}
/* Grid Clears */
.coupon.col-4 article:nth-child(4n+1) {
clear: both;
}
.coupon.col-3 article:nth-child(3n+1) {
clear: both;
}
.coupon.col-2 article:nth-child(2n+1) {
clear: both;
}
.coupon.col-1 article img.scale-with-grid {
width: 100%;
}
.coupon.col-1 article img.scale-with-grid-200 {
width: 200px;
}
.coupon-item.single h1 {
line-height: 1.1em;
}
.coupon-item.single .post-meta {
position: relative;
}
.coupon-item.single .post-meta .coupon-meta-icons {
position: absolute;
right: 0;
top: 6px;
}
.coupon-item.single .post-meta .coupon-meta-icons .tooltip {
right: 100%;
left: auto;
}
.coupon-item.single .post-meta .coupon-meta-icons .post-tags .tooltip {
width: 220px;
text-align: left;
}
.coupon-item.single .post-content-coupon {
font-style: italic;
font-size: .9em;
}
.post-content-coupon {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
/* Portfolio Nav */
#nav-below {
margin-top: 3em;
}
.nav-previous a,
.nav-next a {
font-size: .8em;
text-decoration: none;
display: block;
line-height: 1.1em;
margin-top: .5em;
}
.nav-next {
text-align: right;
}
/* #Single Posts
============================================== */
.single p {
line-height: 1.8em;
color: #555;
}
.single header {
background: transparent url(../images/bkgs/stripes_tiny_08.png) bottom left repeat-x;
margin-bottom: 1em;
padding-bottom: .2em;
}
#main .single.post header h1 {
margin-bottom: .3em;
}
.single header h5.sub-page-title {
margin-bottom: .8em;
}
.single .post-meta {
padding: 1em 0 .5em 0;
margin-bottom: 2em;
}
#main .single .img-wrapper {
width: 50%;
float: left;
padding: 0 2em 2em 0;
-webkit-transition: width .2s ease-in-out;
-moz-transition: width .2s ease-in-out;
-o-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
#main .single .img-wrapper.full-width {
width: 100%;
}
.single .featured-image {
position: relative;
}
.single-post-feature-expander:hover {
color: #444;
}
.single .featured-video {
margin-bottom: 2em;
position: relative;
clear: both;
}
.inline-video-lightbox-content {
display: none;
}
.single-post-feature-expander {
position: absolute;
right: 2em;
bottom: 5px;
padding: 3px;
cursor: pointer;
text-decoration: none;
color: #ccc;
}
.post-content .alignleft {
float: left;
margin: .5em 1.5em .5em 0;
}
.post-content .alignright {
float: right;
margin: .5em 0 .5em 1.5em;
}
.post-content-coupon .alignleft {
float: left;
margin: .5em 1.5em .5em 0;
}
.post-content-coupon .alignright {
float: right;
margin: .5em 0 .5em 1.5em;
}
/* Author Bios */
#author-bio {
clear: both;
}
.author-bio-blurb {
font-size: 12px;
font-style: italic;
color: #777;
}
.single-post-extra {
clear: both;
position: relative;
margin-top: 2em;
padding-top: 3em;
background: transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat-x;
}
.single-post-extra h6 {
position: absolute;
top: 1em;
left: 0;
font-size: 9px;
color: #999;
text-transform: uppercase;
}
/* #Comments
=========================================== */
#comments {
font-size: .9em;
}
#comments ul,
#comments ul ul {
font-size: 1em;
}
#comments ul li p {
line-height: 2em;
}
#comments ul.commentlist,
#comments ul {
list-style: none;
padding: 0px;
margin-left: 0px;
}
#comments ul.commentlist {
border-top: 1px dotted #ddd;
padding-top: 1em;
margin-bottom: 1em;
}
#comments ul.commentlist>li.comment {
border-bottom: 1px dotted #ddd;
padding-bottom: 1em;
padding-top: 1em;
}
#comments .comment {
position: relative;
}
#comments .comment .comment-author img {
float: left;
}
#comments .comment .comment-author cite,
#comments .comment .comment-meta {
float: none;
display: block;
}
#comments .comment .comment-author cite {
font-weight: bold;
}
#comments .comment .comment-author cite a {
text-decoration: none;
}
#comments .comment .comment-meta {
font-size: .7em;
line-height: 1.2em;
text-transform: uppercase;
}
#comments .comment .comment-meta a {
text-decoration: none;
color: #999;
}
#comments .comment-reply-indicator {
position: absolute;
left: 7px;
top: 7px;
color: #999;
}
#comments .comment .comment-content {
clear: both;
margin-top: 1em;
}
#comments .comment .comment-content,
#comments .comment .comment-author cite,
#comments .comment .comment-meta,
#comments ul.children footer,
#comments .comment .reply {
padding-left: 40px;
}
#comments .comment .reply {
text-align: right;
}
#comments .comment .reply a {
font-size: .7em;
text-decoration: none;
text-transform: uppercase;
}
#respond {
background: transparent url(../images/bkgs/stripes_tiny_05.png) top left repeat;
padding: 1em 2em;
}
#respond h6 {
position: relative;
margin-bottom: 2em;
color: #222;
}
#respond textarea {
height: 150px;
}
#respond input[type='text'],
#respond textarea {
border: 3px solid #efefef;
max-width: 93%;
}
/* #Sidebar
=============================================== */
.sidebar {
margin-top: 0.8em;
margin-left: 0.0em;
background-color: #FFF;
}
.search-bar form {
margin-bottom: 0;
}
.search-bar label {
padding-top: 5px;
margin-bottom: 1em;
}
.search-bar input[type="text"] {
font-size: 12px;
padding: 8px 8px;
width: 202px;
color: #999;
font-size: 11px;
font-weight: normal;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border: 1px solid #f2f2f2;
background: #f2f2f2;
display: block;
}
.search-bar input:focus {
border: 1px solid #dedede;
box-shadow: 0px 0px 3px #dedede;
}
.ad-200x200 {
width: 200px;
height: 200px;
margin: 10px;
background: #f2f2f2;
font-size: .8em;
font-weight: bold;
color: #bbb;
text-align: center;
line-height: 200px;
margin-bottom: 2em;
}
.sidebar aside {
padding-bottom: .7em;
margin-bottom: 2em;
background: transparent url(../images/bkgs/stripes_tiny_08.png) bottom left repeat-x;
font-size: .9em;
color: #444;
}
.sidebar aside p {
color: #777;
}
.sidebar aside ul li a {
text-decoration: none;
color: #444;
}
.sidebar aside ul li a:hover {
color: #222;
}
/* #HTML Elements
================================================= */
/* Tagline */
.tagline {
font-size: 1.5em;
padding: 1.5em 0;
margin: 1.5em 0 1.5em 0;
text-align: center;
font-style: italic;
letter-spacing: 0px;
line-height: 1.6em;
clear: both;
}
.tagline.medium {
font-size: 1.2em;
padding: .3em 0;
margin: .3em 0 .3em 0;
line-height: 1.4em;
}
/* Horizontal Rules & Divisions */
hr.stripes {
height: 10px;
}
hr.fat {
border-top: 4px solid #efefef;
}
hr.mini {
width: 30%;
margin: 1em auto 2.6em auto;
display: block;
}
.fleuron {
background: transparent url(../images/fleuron.png) 50% 50% no-repeat;
height: 20px;
display: block;
margin: 10px auto;
margin-bottom: 30px;
}
.tagline .fleuron {
margin-bottom: 10px;
}
.address {
font-size: .85em;
color: #999;
font-style: italic;
}
.address h5 {
font-style: normal;
}
.photoborder {
/* margin-right: 10px; */
margin-left: 10px;
margin-bottom: 20px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
/* #Blockquotes
=================================================== */
body blockquote {
position: relative;
padding: 20px 40px 20px 50px;
border-left: none;
display: block;
letter-spacing: 0px;
}
blockquote:before,
blockquote:after {
content: '“';
font-size: 80px;
position: absolute;
top: 0px;
left: 0px;
line-height: 1em;
font-family: "Droid Serif", serif;
font-style: italic;
color: #ddd;
}
blockquote:after {
content: '”';
position: relative;
float: right;
margin-right: -30px;
}
blockquote.pullquote {
float: right;
width: 12em;
margin: 1em 0 1em 1.3em;
padding-right: 0px;
}
blockquote.pullquote:after {
content: ''
}
blockquote cite {
position: absolute;
right: 50px;
text-align: right;
bottom: 0;
line-height: 1em;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
color: #999;
font-style: normal;
font-size: 11px;
}
blockquote.pullquote cite {
right: 0;
}
/* #Lists
====================================================== */
ul.checkmark {
list-style-image: url(../images/icons/tick.png);
}
ul.pin {
list-style-image: url(../images/icons/pinboard.png);
}
ul.list {
list-style-type: disc;
}
ul.checkmark,
ul.pin {
padding-left: 12px;
margin-left: 20px;
}
ul.link-list {
border-top: 1px dotted #eee;
padding-top: .9em;
padding-left: 0px;
list-style-position: inside;
}
ul.link-list li {
color: #777;
border-bottom: 1px dotted #e9e9e9;
padding-bottom: 1em;
margin-bottom: 1em;
font-size: .95em;
font-style: italic;
letter-spacing: 0px;
}
ul.link-list li a {
color: #777;
display: block;
padding: 4px 2px 2px 0px;
border: none;
background: transparent;
-moz-transition: padding .1s ease-in-out;
-webkit-transition: padding .1s ease-in-out;
-o-transition: padding .1s ease-in-out;
transition: padding .1s ease-in-out;
}
ul.link-list li a:hover {
background: transparent url(../images/bkgs/stripes_tiny_05.png) bottom left repeat;
border-left: 4px solid #444;
border-top: none;
padding-left: 10px;
color: #000;
}
.restrictions ul {
margin-left: 20px;
}
.restrictions ul li {
list-style: disc;
list-style-position: outside;
line-height: 100%;
margin-bottom: 7px;
font-size: 80%;
text-align: left;
}
/* #Forms
=================================================== */
::-webkit-input-placeholder {
font-style: italic;
}
:-moz-placeholder {
text-transform: uppercase;
}
label {
margin: 1em 0 .3em 0;
}
label.item-label {
text-transform: none;
font-weight: normal;
margin: .3em 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
padding: 8px 8px;
font: 12px "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 410px;
}
legend {
font-size: 12px;
text-transform: uppercase;
}
select {
width: 220px;
display: block;
max-width: 100%;
margin-bottom: 20px;
padding: 4px 8px;
}
#contact select {
width: 70px;
display: block;
max-width: 100%;
margin-bottom: 3px;
padding: 0px;
}
/* #Buttons
================================================== */
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background: #eee;
/* Old browsers */
background: #eee -moz-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* FF3.6+ */
background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .1)), color-stop(100%, rgba(0, 0, 0, .1)));
/* Chrome,Safari4+ */
background: #eee -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* Chrome10+,Safari5.1+ */
background: #eee -o-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* Opera11.10+ */
background: #eee -ms-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* IE10+ */
background: #eee linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* W3C */
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .6);
text-transform: uppercase;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
color: #666;
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #222;
background: #e6e6e6;
/* Old browsers */
background: #e6e6e6 -moz-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* FF3.6+ */
background: #e6e6e6 -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .1)), color-stop(100%, rgba(0, 0, 0, .1)));
/* Chrome,Safari4+ */
background: #e6e6e6 -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* Chrome10+,Safari5.1+ */
background: #e6e6e6 -o-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* Opera11.10+ */
background: #e6e6e6 -ms-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* IE10+ */
background: #e6e6e6 linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* W3C */
background: #e6e6e6 -webkit-linear-gradient(top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);
/* Chrome10+,Safari5.1+ */
}
.button-large,
a.button-large,
input[type="submit"].button-large,
input[type="reset"].button-large,
input[type="button"].button-large {
padding: 1em;
font-size: 1.5em;
}
.button-full,
a.button-full,
input[type="submit"].button-full,
input[type="reset"].button-full,
input[type="button"].button-full {
display: block;
text-align: center;
}
.button-green,
a.button-green,
input[type="submit"].button-green,
input[type="reset"].button-green,
input[type="button"].button-green {
background-color: #9CEF6C;
color: #369100;
border: 1px solid #47A211;
border-top-color: #58B322;
border-left-color: #58B322;
text-shadow: 0 1px rgba(255, 255, 255, .4);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .3);
}
.button-green:hover,
a.button-green:hover,
input[type="submit"].button-green:hover,
input[type="reset"].button-green:hover,
input[type="button"].button-green:hover {
background-color: #8BDE5B;
color: #147000;
border: 1px solid #369100;
border-top-color: #58B322;
border-left-color: #58B322;
}
.button-blue,
a.button-blue,
input[type="submit"].button-blue,
input[type="reset"].button-blue,
input[type="button"].button-blue {
background-color: #73B8FF;
color: #165DA6;
border: 1px solid #0D58A6;
border-top-color: #4188D3;
border-left-color: #4188D3;
text-shadow: 0 1px rgba(255, 255, 255, .4);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .3);
}
.button-blue:hover,
a.button-blue:hover,
input[type="submit"].button-blue:hover,
input[type="reset"].button-blue:hover,
input[type="button"].button-blue:hover {
background-color: #44A0FF;
color: #04376C;
border: 1px solid #0D58A6;
border-top-color: #4188D3;
border-left-color: #4188D3;
}
.button-red,
a.button-red,
input[type="submit"].button-red,
input[type="reset"].button-red,
input[type="button"].button-red {
background-color: #ef452c;
color: #901B09;
border: 1px solid #901B09;
border-top-color: #B23D2B;
border-left-color: #B23D2B;
text-shadow: 0 1px rgba(255, 255, 255, .2);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .3);
}
.button-red:hover,
a.button-red:hover,
input[type="submit"].button-red:hover,
input[type="reset"].button-red:hover,
input[type="button"].button-red:hover {
background-color: #de341b;
color: #700907;
border: 1px solid #901B09;
border-top-color: #B23D2B;
border-left-color: #B23D2B;
}
.button-grey,
a.button-grey,
input[type="submit"].button-grey,
input[type="reset"].button-grey,
input[type="button"].button-grey {
background-color: #666;
color: #222;
border: 1px solid #333;
border-top-color: #555;
border-left-color: #555;
text-shadow: 0 1px rgba(255, 255, 255, .2);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .2);
}
.button-grey:hover,
a.button-grey:hover,
input[type="submit"].button-grey:hover,
input[type="reset"].button-grey:hover,
input[type="button"].button-grey:hover {
background-color: #555;
color: #000;
border: 1px solid #333;
border-top-color: #555;
border-left-color: #555;
}
.button-purple,
a.button-purple,
input[type="submit"].button-purple,
input[type="reset"].button-purple,
input[type="button"].button-purple {
background-color: #A67FE2;
color: #3A0D80;
border: 1px solid #3A0D80;
border-top-color: #804BD1;
border-left-color: #804BD1;
text-shadow: 0 1px rgba(255, 255, 255, .2);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .2);
}
.button-purple:hover,
a.button-purple:hover,
input[type="submit"].button-purple:hover,
input[type="reset"].button-purple:hover,
input[type="button"].button-purple:hover {
background-color: #905CE2;
color: #290C70;
border: 1px solid #3A0D80;
border-top-color: #804BD1;
border-left-color: #804BD1;
text-shadow: 0 1px rgba(255, 255, 255, .2);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .2);
}
.button-yellow,
a.button-yellow,
input[type="submit"].button-yellow,
input[type="reset"].button-yellow,
input[type="button"].button-yellow {
background-color: #FFE373;
color: #A68916;
border: 1px solid #C8AB38;
border-top-color: #FFD945;
border-left-color: #FFD945;
text-shadow: 0 1px rgba(255, 255, 255, .4);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .4);
}
.button-yellow:hover,
a.button-yellow:hover,
input[type="submit"].button-yellow:hover,
input[type="reset"].button-yellow:hover,
input[type="button"].button-yellow:hover {
background-color: #FFD945;
color: #957805;
border: 1px solid #A68916;
border-top-color: #FFD945;
border-left-color: #FFD945;
}
.button-lighttext,
a.button-lighttext,
input[type="submit"].button-lighttext,
input[type="reset"].button-lighttext,
input[type="button"].button-lighttext {
color: #f9f9f9 !important;
text-shadow: 0px -1px 1px rgba(0, 0, 0, .3) !important;
}
.readmore {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #dcdcdc;
display: inline-block;
color: #777777;
font-size: 13px;
text-decoration: none;
text-shadow: 1px 1px 0px #ffffff;
padding-top: 2px;
padding-right: 10px;
padding-bottom: 2px;
padding-left: 10px;
margin-top: 0px;
margin-right: 10px;
/* float: right; */
}
.readmore:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color: #dfdfdf;
}
.readmore:active {
position: relative;
top: 1px;
}
.readmore:visited {
position: relative;
text-decoration: none;
top: 1px;
}
.readmore a,
.readmore a:link {
text-decoration: none;
}
.details {
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color: #ededed;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #dcdcdc;
display: inline-block;
color: #777777;
font-size: 13px;
text-decoration: none;
text-shadow: 1px 1px 0px #ffffff;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
margin-top: 0px;
margin-left: 0px;
}
.details:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color: #dfdfdf;
}
.details:active {
position: relative;
top: 1px;
}
.details:visited {
position: relative;
text-decoration: none;
top: 1px;
}
.details a,
.details a:link {
text-decoration: none;
}
/* #Tabs
============================================= */
ul.tabs {
margin-top: 2em;
}
ul.tabs li a {
background: #f5f5f5;
}
ul.tabs li a.active {
top: -5px;
}
ul.tabs-content {
background: #FFF;
border-bottom: 1px solid #eee;
padding-bottom: 1em;
margin-bottom: 2em;
}
ul.tabs-content li {
font-size: .9em;
}
/* #Tables
============================================== */
table {
width: 100%;
margin: 1em 0;
border: 1px solid #CCC;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background-color: #FEFEFE;
}
table th,
table td {
padding: 5px 10px 5px 10px;
color: #999;
}
table th.caps {
text-transform: uppercase;
}
#contact table {
width: 210px;
padding: 2px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#checkindate_ID {
width: 200px;
}
#contact table th,
#contact table td {
color: #999;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#rates-table {
font-size: 90%;
width: 90%;
margin-left: 10px;
}
#rates-table td {}
table th {
font-size: 110%;
text-align: left;
border-top: 1px solid #bbb;
background: #83A9C3;
color: #7597AE;
background-color: rgba(0, 0, 0, .1);
}
#rates-table th.active {
color: #556E7F;
font-weight: bold;
background: #83A9C3;
background-color: rgba(0, 0, 0, .1);
border-top-width: 2px;
border-right-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #4888f0;
border-right-color: #4888f0;
border-left-color: #4888f0;
}
#rates-table td.active {
color: #666;
font-weight: bold;
border-right-width: 2px;
border-bottom-width: 3px;
border-left-width: 2px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #4888f0;
border-right-color: #4888f0;
border-left-color: #4888f0;
}
#rates-table .activeprice {
color: #556E7F;
font-size: 110%;
}
/* #Alert Boxes
============================================ */
.alert {
padding: 10px 10px 10px 40px;
font-size: 14px;
margin: 20px 0px 10px 0px;
}
.alert p,
.alert h6,
.alert h5,
.alert h4 {
color: inherit;
}
.alert h6 {
font-weight: bold;
}
.alert p {
margin-bottom: 0;
}
.alert-notification {
color: #4F8A10;
background: #DFF2BF url(../images/icons/tick_green.png) 15px 13px no-repeat;
border: 1px solid #4F8A10;
}
.alert-warning {
border: 1px solid #DDB723;
color: #A63C00;
background-color: #FFFFCC;
background-image: url(../images/icons/warning.png);
background-repeat: no-repeat;
background-position: 15px 13px;
}
.alert-error {
color: #D8000C;
background: #FFBABA url(../images/icons/cross.png) 15px 13px no-repeat;
border: 1px solid #D8000C;
text-shadow: none;
}
/* #Icons
========================================== */
.icon {
height: 16px;
width: 16px;
display: inline-block;
position: relative;
}
.tag-icon {
background: transparent url(../images/icons/tag_3.png) 5px 5px no-repeat;
}
.post-tags .tooltip {
width: 175px;
}
.comments-icon {
background: transparent url(../images/icons/chat_2.png) 5px 5px no-repeat;
}
.post-comments .tooltip {
width: 70px;
}
.permalink-icon {
background: transparent url(../images/icons/link_1.png) 5px 5px no-repeat;
}
.post-permalink .tooltip {
width: 70px;
}
.calendar-icon {
background: transparent url(../images/icons/calendar_1.png) 5px 5px no-repeat;
}
.post-time .tooltip {
width: 110px;
}
.post-time .tooltip time {
color: #ccc;
}
.facebook-icon {
background-color: transparent;
background-image: url(../images/icons/facebook.png);
background-repeat: no-repeat;
background-position: 5px 10px;
}
.twitter-icon {
background-color: transparent;
background-image: url(../images/icons/twitter_2.png);
background-repeat: no-repeat;
background-position: 5px 10px;
}
.forrst-icon {
background: transparent url(../images/icons/forrst.png) 5px 5px no-repeat;
}
.dribbble-icon {
background: transparent url(../images/icons/dribbble.png) 5px 6px no-repeat;
}
.vimeo-icon {
background: transparent url(../images/icons/vimeo.png) 5px 5px no-repeat;
}
/* #Tooltips
============================================== */
/* Social Media */
a.social-media.tooltip-container {
margin-left: 0px;
text-decoration: none;
}
.social-media.tooltip-container .tooltip {
width: auto;
white-space: nowrap;
left: auto;
right: 90%;
}
/* CSS Tooltips */
.tooltip-container {
position: relative;
display: inline-block;
width: 30px;
height: 26px;
z-index: 10;
}
.tooltip-container:hover {
z-index: 20;
}
.tooltip-anchor {
padding: 5px;
}
.tooltip-anchor:hover,
.tooltip-container:hover .tooltip-anchor {
background-color: #222;
background-color: rgba(0, 0, 0, .8);
}
.tooltip {
display: none;
width: 130px;
bottom: 5px;
left: 100%;
position: absolute;
background-color: #222;
background: rgba(0, 0, 0, .8);
line-height: 16px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.tooltip-container .tooltip a {
color: #dedede;
}
.tooltip-container .tooltip a:hover {
color: #fff;
}
.tooltip-anchor:hover+.tooltip,
.tooltip-container:hover .tooltip {
display: block;
}
/* #Coupons
============================================ */
.coupon-container {
margin-right: 10px;
margin-left: 10px;
padding: 10px;
border: 4px dashed #AAA;
background-color: #EEFFFF;
}
.restrictions {
text-align: left;
}
/* #Gift Certificate - Specials page
============================================ */
.gift-container {
border: 6px dashed #666;
}
/* #Contact Form
============================================ */
/* JigoWatt Plugin Form style */
#contact span.required {
font-size: 13px;
color: #C30;
}
/* Select the colour of the * if the field is required. */
#message {
padding: 0;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 20px;
}
.loader {
padding: 0 10px;
}
#contact acronym {
border-bottom: 1px dotted #ccc;
}
/* Agility Styles */
.contact-form label {
text-transform: uppercase;
font-size: .8em;
border-bottom: 24px solid #777;
border-right: 24px solid transparent;
height: 0;
line-height: 24px;
display: inline-block;
padding: 0 10px 0 10px;
float: left;
color: #fff;
}
.contact-form input[type="text"] {
width: 300px;
max-width: 100%;
}
.contact-form input.captcha[type="text"] {
width: 150px;
max-width: 100%;
}
.contact-form textarea {
width: 500px;
max-width: 100%;
height: 100px;
}
.contact-form input[type="text"].calendarDateInput {
width: 40px;
padding: 1px;
max-width: 100%;
}
.contact-form input[type="text"],
.contact-form textarea {
background: transparent url(../images/bkgs/stripes_tiny_08.png) top left repeat;
border: 1px solid #CCC;
border-radius: 0;
clear: both;
color: #000;
}
.contact-form input[type="text"]:focus,
.contact-form textarea:focus {
background: #fefefe;
border: 1px solid #ddd;
box-shadow: 0px 0px 5px #ddd;
}
#captcha-right {
float: right;
}
.note {
font-size: 10px;
color: #666;
margin-left: 0px;
}
.required-fields {
margin-top: 25px;
}
/* #Footer
=========================================== */
#colophon {
/* background:#EAEAEA url(../images/bkgs/stripes_tiny_05.png) 0 1px repeat;
border-top:2px solid #ddd; */
}
#colophon .footer-upper {
padding: 2em 0;
border-top: 4px solid #ddd;
margin-top: -4px;
}
.footer-upper {
padding-top: 20px;
padding-bottom: 20px;
background-image: url(../images/bkgs/bg_footer.jpg);
background-color: #46575F;
}
.footer-base {
margin-top: 15px;
padding-top: 40px;
padding-bottom: 25px;
background-color: #313D43;
}
#colophon p,
#colophon ul,
#colophon ol {}
#colophon #footer-base {
background: #222 url(../images/bkgs/stripes_tiny_10.png) -2px 0 repeat;
color: #efefef;
padding: .8em 0 .6em 0;
font-style: italic;
letter-spacing: 0px;
}
#colophon .social-media {
font-size: .8em;
background: #fff;
}
footer p {
margin-top: 0;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
color: #CCC;
}
footer p.justify {
text-align: justify;
}
#footer-base p {
line-height: 100%;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
color: #AAA;
text-align: center;
font-size: 90%;
}
#copyright p {
line-height: 100%;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
color: #AAA;
text-align: center;
font-size: 70%;
}
#testimonials {
margin-top: 40px;
margin-left: 20px;
}
#quote p {
margin-top: 10px;
margin-bottom: 0px;
}
#quote .guest {
margin-top: 0px;
margin-bottom: 10px;
margin-right: 10px;
text-align: right;
color: #FFC;
}
#footer-base .container .footer-address {
margin-top: 10px;
}
#copyright {
margin-bottom: 20px;
}
#res-inquiry {}
/* #Miscellaneous Headers
====================================================== */
#colophon h1,
.drop-panel h1 {
font-size: 1.3em;
font-weight: bold;
}
#colophon h2,
.drop-panel h2 {
font-size: 1.1em;
font-weight: bold;
}
#colophon h3,
.drop-panel h3,
#colophon h4,
.drop-panel h4 {}
#colophon h3 {}
/* #Twitter
=============================================== */
.twitterbg {
background-color: #46575F;
background-color: rgba(0, 0, 0, .09);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
}
#twitter p {
margin-bottom: 0px;
margin-left: 20px;
}
#tweet {
font-size: 14px;
font-style: italic;
position: relative;
color: #CCC;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 20px;
}
#tweet a {
text-decoration: none;
opacity: .8;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
#tweet a:hover {
opacity: 1;
}
#tweet li {
line-height: 24px;
margin-bottom: 30px;
}
#tweet::before {
content: '“';
font-size: 60px;
position: absolute;
top: 15px;
left: 5px;
line-height: 1em;
font-family: "AGaramondPro-Semibold", serif;
color: #690;
}
#tweet::after {
content: '”';
font-size: 60px;
position: relative;
top: 0px;
left: 240px;
line-height: 1em;
font-family: "AGaramondPro-Semibold", serif;
/*"Droid Serif", serif;*/
color: #690;
}
#tweet ul li a.tweet-time {
font-size: 10px;
/*position:absolute;
bottom:0px; */
margin-top: 15px;
text-transform: uppercase;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-style: normal;
color: #CCC;
}
#tweet .twitter-account {
position: absolute;
right: 0;
top: 15px;
opacity: 1;
}
#tweet ul {
margin-bottom: 0;
margin-top: 25px;
}
/* #Utility Classes
============================================= */
.under {
position: relative;
z-index: 10;
}
.over {
position: relative;
z-index: 20;
}
.far-edge {
text-align: right;
}
.stripes {
background: transparent url(../images/bkgs/stripes_small_05.png) top left repeat;
border: none;
}
.notop {
margin-top: 0px;
padding-top: 0px;
}
.notop-margin {
margin-top: 0px;
}
.nobottom {
margin-bottom: 0 !important;
}
.fallback {
display: none;
}
.clearfix {
clear: both;
}
/* #Skins
================================================= */
/* Default - copy your values here */
#sub-title,
#main p a,
nav#main-nav>ul>li.current>a,
a.excerpt-link,
.post-meta a.post-category,
#tweet a {
/*color:#d83f28;*/
}
.contact-form label {
/*border-bottom-color: #d83f28; */
}
#colophon .footer-upper {
border-top-color: #d83f28;
}
/* Red */
.skin-red #sub-title,
.skin-red #main p a,
.skin-red nav#main-nav>ul>li.current>a,
.skin-red a.excerpt-link,
.skin-red .post-meta a.post-category,
.skin-red #tweet a {
color: #d83f28;
}
.skin-red .contact-form label {
border-bottom-color: #d83f28;
}
.skin-red #colophon .footer-upper {
border-top-color: #d83f28;
}
.skin-red ul.tabs li a.active {
border-top: 2px solid #d83f28;
}
/* Blue */
.skin-blue #sub-title,
.skin-blue #main p a,
.skin-blue nav#main-nav>ul>li.current>a,
.skin-blue a.excerpt-link,
.skin-blue .post-meta a.post-category,
.skin-blue #tweet a {
color: #4888f0;
text-decoration: none;
}
.skin-blue #main p a:hover,
.skin-blue nav#main-nav>ul>li.current>a:hover,
.skin-blue #tweet a:hover {
color: #70BB45;
text-decoration: underline;
}
.skin-blue a:hover {
color: #70BB45;
text-decoration: underline;
}
.skin-blue h1 a:hover,
.skin-blue h2 a:hover,
.skin-blue h3 a:hover {
color: #6B8A9F;
text-decoration: underline;
}
.skin-blue .contact-form label {
border-bottom-color: #4888f0;
}
.skin-blue .photoborder {
border-bottom-color: #36C;
border-top-color: #36C;
border-right-color: #36C;
border-left-color: #36C;
}
.skin-blue #colophon .footer-upper {
border-top-color: #4888f0;
}
.skin-blue ul.tabs li a.active {
border-top: 2px solid #4888f0;
color: #4888f0;
}
.skin-blue #breadcrumb a:hover {
color: #4888f0;
}
/* Green */
.skin-green #sub-title,
.skin-green #main p a,
.skin-green nav#main-nav>ul>li.current>a,
.skin-green a.excerpt-link,
.skin-green .post-meta a.post-category,
.skin-green #tweet a {
color: #70BB45;
}
.skin-green .contact-form label {
border-bottom-color: #70BB45;
}
.skin-green #colophon .footer-upper {
border-top-color: #70BB45;
}
.skin-green ul.tabs li a.active {
border-top: 2px solid #70BB45;
}
.skin-green #breadcrumb a:hover {
color: #70BB45;
}
/* Purple */
.skin-purple #sub-title,
.skin-purple #main p a,
.skin-purple nav#main-nav>ul>li.current>a,
.skin-purple a.excerpt-link,
.skin-purple .post-meta a.post-category,
.skin-purple #tweet a {
color: #8759d1;
}
.skin-purple .contact-form label {
border-bottom-color: #8759d1;
}
.skin-purple #colophon .footer-upper {
border-top-color: #8759d1;
}
.skin-purple ul.tabs li a.active {
border-top: 2px solid #8759d1;
}
.skin-purple #breadcrumb a:hover {
color: #8759d1;
}
/* Background Skins */
.bkg-smoky .wrap {
background: #F5F5F5 url(../images/bkgs/bkg_smoky_noise.jpg) top left repeat;
}
.bkg-fiber .wrap {
/* background:#F5F5F5 url(../images/bkgs/bkg_smoky_cords.jpg) top left repeat; */
}
/*
* Background Adjustments
*/
.bkg-smoky #header #header-inner,
.bkg-fiber #header #header-inner {
border-bottom-color: #e9e9e9;
}
.bkg-smoky hr,
.bkg-fiber hr {
border-color: #e0e0e0 #fff #f9f9f9 #fff;
border-bottom-width: 1px;
}
.bkg-smoky .search-bar input,
.bkg-fiber .search-bar input {
background-color: #e0e0e0;
color: #777;
}
.bkg-smoky .ad-200x200,
.bkg-fiber .ad-200x200 {
background-color: #e9e9e9;
color: #999;
}
.bkg-smoky .post-meta,
.bkg-fiber .post-meta {
border-color: #d9d9d9;
}
.bkg-smoky nav#main-nav>ul li ul,
.bkg-fiber nav#main-nav>ul li ul {
background-color: rgba(0, 0, 0, .9);
}
.bkg-smoky nav#main-nav>ul>li.current>a,
.bkg-fiber nav#main-nav>ul>li.current>a {
border-color: #666;
}
/* #Transitions
================================================== */
.column,
img.scale-with-grid,
#slideshow img.scale-with-grid,
ul#nav li img.scale-with-grid {
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/* Slider columns should have no-trans */
.column.no-trans {
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
/* #IE Stupidity
================================================== */
.mosaic article.ie-nth-child3n1 {
clear: both;
}
.responsive-example {
margin-bottom: 20px;
}
.responsive-example .columns,
.responsive-example .column {
background: #dedede;
margin-bottom: 10px;
text-align: center;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.responsive-example .columns:hover,
.responsive-example .column:hover {
background: #333;
color: #efefef;
}
/* Skeleton Additions
================================================== */
.column.alpha.omega,
.columns.alpha.omega {
margin-right: 0;
margin-left: 0px;
}
/* #Media Queries
================================================== */
/* Larger than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) {
/* Opera can't handle the absolute positioning and still use dropdowns, so position it with a margin instead */
noindex:-o-prefocus,
nav#main-nav {
position: relative;
margin-top: 70px;
margin-bottom: -20px;
}
#social {
margin-top: 100px;
padding-right: 25px;
font-size: 100%;
text-align: right;
}
#featured-columns {
padding-top: 5px;
padding-left: 4px;
padding-right: 3px;
background: #FFF;
}
.border {
border: 4px solid #FFF;
}
}
/* Three-column layout */
@media only screen and (min-width: 768px) {
.far-edge {
text-align: right;
}
.nav-close {
display: block;
top: -30px;
right: 0;
}
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
#header #masthead,
#header nav#main-nav {
clear: both;
width: 100%;
}
nav#main-nav {
position: relative;
right: auto;
bottom: auto;
margin-top: 2em;
margin-left: 0;
}
nav#main-nav>ul>li:first-child {
margin-left: 0;
}
nav#main-nav>ul {
float: none;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#header-inner {
text-align: center;
}
nav#main-nav ul li ul {
text-align: left;
}
.ad-200x200 {
width: 172px;
height: 172px;
margin: 10px 0px;
line-height: 172px;
}
.page-title.alternate {
font-size: 2em;
margin-top: .6em;
margin-bottom: .6em;
line-height: 1.1em;
font-weight: normal;
text-align: center;
}
.search-bar input[type="text"] {
width: 154px;
}
.nav-close {
display: block;
top: -28px;
left: 0;
right: auto;
}
.contact-form textarea {
width: 492px;
}
#header #header-inner {
margin-top: -2em;
}
#featured-columns {
padding-top: 5px;
/*padding-left: 4px;
padding-right: 4px;
padding-left: 10px;
padding-right: 10px; */
background: #FFF;
}
.border {
border: 2px solid #FFF;
}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
#masthead {
text-align: center;
margin-top: 1em;
}
nav#main-nav {
opacity: 1.0;
filter: alpha(opacity=100);
/* For IE8 and earlier */
z-index: 1;
}
div#button {
position: absolute;
-mos-opacity: 1.00;
opacity: 1.0;
filter: alpha(opacity=100);
/* For IE8 and earlier */
z-index: 10;
}
a.mobile-menu-button {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
margin: 0;
}
#header nav#main-nav {
width: 100%;
position: relative;
margin-top: -30px;
}
nav#main-nav ul.nav-menu,
nav ul.nav-menu {
display: none;
position: absolute;
width: 150px;
background: #000;
padding-top: 15px;
}
nav#main-nav ul.nav-menu.menu-open,
nav ul.nav-menu.menu-open {
display: block;
}
nav#main-nav ul.nav-menu>li,
nav ul.nav-menu>li {
font-size: 100%;
float: none;
display: block;
margin-left: 0;
margin-top: 3px;
text-align: left;
margin-right: 0;
margin-bottom: 0;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
nav ul.nav-menu li a:hover,
nav ul.nav-menu li:hover>a {
font-weight: bold;
}
nav ul.nav-menu li ul,
nav#main-nav ul.nav-menu li ul {
background-color: #333;
}
.bkg-smoky nav#main-nav ul.nav-menu,
.bkg-smoky nav ul.nav-menu,
.bkg-fiber nav#main-nav ul.nav-menu,
.bkg-fiber nav ul.nav-menu {
background-color: #000;
}
nav ul.nav-menu li ul li a:before {
content: '+ ';
}
nav#main-nav ul ul li ul {
left: 0;
top: 100%;
}
#main .single .img-wrapper {
width: 100%;
padding-right: 0;
}
.single-post-feature-expander {
display: none;
}
blockquote cite {
bottom: -.8em;
}
.sidebar {
margin-top: 3em;
}
.far-edge {
text-align: left;
}
#header #header-inner {
margin-top: 0em;
}
#masthead {
margin-top: 0px;
margin-bottom: 0px;
}
.logo {
margin-left: 40px;
}
.social {
margin-top: 0px;
margin-bottom: 0px;
}
.flex-caption {
font-size: 18px;
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
p.flex-caption {
font-size: 12px;
}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.logo {
margin-left: 0px;
}
p.flex-caption {
font-size: 10px;
}
}
/* #Font-Face (sample code)
================================================== */
/* This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */
/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/
#slider {
height: 400px;
position: relative;
z-index: 1;
width: 960px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.frames_slider {
background-color: #666;
margin-left: auto;
margin-right: auto;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 5px #1a1a1a;
-webkit-box-shadow: 0 1px 5px #1a1a1a;
box-shadow: 0 1px 5px #1a1a1a;
margin: 0 auto;
padding: 3px;
}