Mrs. Coco Vintage
/*
Theme Name: Project M Plus
Theme URI: http://projectmplus.com/
Description: Custom Theme for Sincerely Jules by Project M Plus
Author: Project M Plus
Version: 1.1
Programmed by Zafar Mehboob
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);
@font-face {
font-family: 'LeagueGothicRegular';
src: url('../webfonts/league_gothic-webfont.eot');
src: url('../webfonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/League_Gothic-webfont.woff') format('woff'),
url('../League_Gothic-webfont.ttf') format('truetype'),
url('../League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'league_gothicregular';
src: url('league_gothic-webfont.eot');
src: url('league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('league_gothic-webfont.woff') format('woff'),
url('league_gothic-webfont.ttf') format('truetype'),
url('league_gothic-webfont.svg#league_gothicregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:"Serif6Beta-Regular";
src:url("../webfonts/Serif6Beta-Regular.eot?") format("eot"),
url("../webfonts/Serif6Beta-Regular.woff") format("woff"),
url("../webfonts/Serif6Beta-Regular.ttf") format("truetype"),
url("../webfonts/Serif6Beta-Regular.svg#Serif6Beta-Regular") format("svg");
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'Novecentowide-Medium';
src: url('../webfonts/2608F2_0_0.eot');
src: url('../webfonts/2608F2_0_0.eot?#iefix') format('embedded-opentype'),
url('../webfonts/2608F2_0_0.woff') format('woff'),
url('../webfonts/2608F2_0_0.ttf') format('truetype'),
url('../webfonts/2608F2_0_0.svg#wf') format('svg');
}
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
/* =Layout
-------------------------------------------------------------- */
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
#content {
margin: 0 240px 0 20px;
}
#primary,
#secondary {
float: right;
overflow: hidden;
width: 205px;
}
#secondary {
clear: right;
}
#footer {
clear: both;
width: 100%;
}
/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/
.one-column #content {
margin: 0 auto;
width: 640px;
}
/*
LAYOUT: Wishlist, no sidebar
*/
.wishlist #content {
margin: 0 auto;
width: 960px;
margin: 0;
}
/*
LAYOUT: Travel, no sidebar
*/
.travel #content {
margin: 0 auto;
width: 960px;
margin: 0;
}
/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/
.single-attachment #content {
margin: 0 auto;
width: 900px;
}
/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
font-family:"Serif6Beta-Regular";
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
font-family:"Serif6Beta-Regular";
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.entry-meta, .travel_date, .travel_comments, .travel_top, #respond textarea, #respond input, .comment-notes, .come_fly, .slider_title, .yarpp-related, .post_links, #content .wp-caption p.wp-caption-text, #mce-NAME, #mce-EMAIL {
font-family: 'Lato', sans-serif ;
}
.travel_title, .travel_fav_title, .sidebar_title, #imap1message, #searchform input, .yarpp-related h3, .category_title, .archive_title {
font-family:"Serif6Beta-Regular" ;
}
.page-title-top span, .travel_cat, .agency_title {
font-family: 'Novecentowide-Medium' ;
}
.nav-previous, .nav-next, .social_links, #newsletter_click, .gothic, #respond .form-submit input, .email_submit, .button, .mc_button {
font-family: 'LeagueGothicRegular';
font-family: 'league_gothicregular';
}
/* =Structure
-------------------------------------------------------------- */
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
margin: 0 auto;
width: 960px;
}
#wrapper {
background: #fff;
margin-top: 0px;
padding: 50px 10px;
}
/* Structure the footer area */
#footer-widget-area {
overflow: hidden;
}
#footer-widget-area .widget-area {
float: left;
margin-right: 20px;
width: 220px;
}
#footer-widget-area #fourth {
margin-right: 0;
}
#site-info {
float: left;
font-size: 14px;
font-weight: bold;
width: 700px;
}
#site-generator {
float: right;
width: 220px;
}
/* =Global Elements
-------------------------------------------------------------- */
/* Main global 'theme' and typographic styles */
body {
background: white;
}
body,
input,
textarea {
color: #666;
font-size: 12px;
line-height: 18px;
}
hr {
background-color: #e7e7e7;
border: 0;
clear: both;
height: 1px;
margin-bottom: 18px;
}
/* Text elements */
p {
margin-bottom: 18px;
}
ul {
list-style: square;
margin: 0 0 18px 1.5em;
}
ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote {
font-style: italic;
padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
input[type="text"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
}
a:link {
text-decoration: none;
color:inherit;
}
a:active {
color:inherit
}
a:visited {
color:inherit
}
a:hover {
color:inherit
}
/* Text meant only for screen readers */
.screen-reader-text {
position: absolute;
left: -9000px;
}
/* =Header
-------------------------------------------------------------- */
#header {
padding: 30px 0 0 0;
}
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
}
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 14px 0 18px 0;
width: 220px;
}
/* This is the custom header image */
#branding img {
border-top: 4px solid #000;
border-bottom: 1px solid #000;
clear: both;
display: block;
}
#header_twitter {
margin-right: 0 !important;
position: absolute;
right: 15px;
}
#header_instagram {
position: absolute;
top: -2px;
right: 50px;
margin-right: 0 !important;
}
/* =Menu
-------------------------------------------------------------- */
#access {
background: #000;
display: block;
float: left;
margin: 0 auto;
width: 940px;
}
#access .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a {
color: #aaa;
display: block;
line-height: 38px;
padding: 0 10px;
text-decoration: none;
}
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #333;
color: #fff;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #fff;
}
/* =Content
-------------------------------------------------------------- */
#main {
clear: both;
overflow: hidden;
padding: 25px 0 0 0;
}
#content {
margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
color: #333;
font-size: 14px;
line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
font-size: 15px;
line-height: 21px;
}
#content code {
font-size: 13px;
}
#content dt,
#content th {
color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
color: #000;
line-height: 1.5em;
margin: 0 0 20px 0;
}
#content table {
/*border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;*/
width: 100%;
}
#content tr th,
#content thead th {
/*color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;*/
}
#content tr td {
/* border-top: 1px solid #e7e7e7;
padding: 6px 24px; */
}
#content tr.odd td {
/* background: #f2f7fc;*/
}
.hentry {
margin: 0 0 48px 0;
}
.home .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
}
.single .hentry {
margin: 0 0 36px 0;
}
.page-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin: 0 0 36px 0;
}
.page-title span {
color: rgb(235,176,161);
font-size: 10px;
font-weight: normal;
text-align: center;
}
.page-title-top span a{
color: rgb(235,176,161);
font-size: 11px;
font-weight: normal;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.page-title-top {
text-align: center;
margin: 0 !important;
height: 30px;
}
.page-title a:link,
.page-title a:visited {
color: #888;
text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
color: #888;
}
#content .entry-title {
color: #000;
font-size: 30px;
line-height: 43px;
margin-bottom: 0;
text-align: center;
}
.entry-title a:link,
.entry-title a:visited {
color: #000;
text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
color: #000;
}
.entry-meta {
color: #888;
font-size: 15px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
}
.entry-meta abbr,
.entry-utility abbr {
border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
clear: both;
padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
margin-bottom: 12px;
}
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 24px 0;
padding: 24px;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
}
.entry-content input {
margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
margin-right: 24px;
}
.entry-content label {
color: #888;
font-size: 12px;
}
.entry-content select {
margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
font-size: 10px;
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.page-link {
color: #000;
font-weight: bold;
margin: 0 0 22px 0;
word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
background: #f1f1f1;
color: #333;
font-weight: normal;
padding: 0.5em 0.75em;
text-decoration: none;
}
.home .sticky .page-link a {
background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
color: #888;
}
body.page .edit-link {
clear: both;
display: block;
}
#entry-author-info {
background: #f2f7fc;
border-top: 4px solid #000;
clear: both;
font-size: 14px;
line-height: 20px;
margin: 24px 0;
overflow: hidden;
padding: 18px 20px;
}
#entry-author-info #author-avatar {
background: #fff;
border: 1px solid #e7e7e7;
float: left;
height: 60px;
margin: 0 -104px 0 0;
padding: 11px;
}
#entry-author-info #author-description {
float: left;
margin: 0 0 0 104px;
}
#entry-author-info h2 {
color: #000;
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
}
.entry-utility {
clear: both;
color: black;
font-size: 13px;
line-height: 21px;
font-family: 'Lato';
font-weight: 400;
text-transform: uppercase;
margin-top: 15px;
}
.entry-utility-left {
position: relative;
float: left;
}
.entry-utility-right {
position: relative;
float: right;
}
.entry-meta a,
.entry-utility a {
color: black;
font-weight: 300;
}
.entry-meta a:hover,
.entry-utility a:hover {
color: inherit;
}
#content .video-player {
padding: 0;
}
.entry-info {
text-align: left;
}
.entry-edit {
position: relative;
top: -40px;
}
.entry-texture {
background: url('../images/divider.png') no-repeat;
width: 100%;
height: 3px;
position: relative;
top: -40px;
opacity: .6;
}
.comments-link {
position: relative;
float: right;
}
#share_heart {
position: relative;
top: 3px;
padding-left: 15px;
height: 16px !important;
}
.share {
list-style-type: none;
margin: 0;
position: relative;
float: right;
text-align: right;
font-weight: 400;
margin: 0 !important;
}
.share a {
font-weight: 400;
}
#share_li {
height: 70px;
z-index: 2;
position: relative;
}
.share li {
/*height: 0px; */
}
.share li:hover ul {
left: auto;
}
.share ul {
list-style-type: none;
margin: 0;
position: relative;
/*float: left;*/
top: 15px;
left: -999em;
}
.share ul li {
display: inline-block;
margin-left: 5px;
}
/* =Asides
-------------------------------------------------------------- */
.home #content .category-asides p {
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
margin-top: 0;
}
.home .hentry.category-asides {
padding: 0;
}
.home #content .category-asides .entry-content {
padding-top: 0;
}
/* =Gallery listing
-------------------------------------------------------------- */
.category-gallery .size-thumbnail img {
border: 10px solid #f1f1f1;
margin-bottom: 0;
}
.category-gallery .gallery-thumb {
float: left;
margin-right: 20px;
margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
padding-top: 4px;
}
/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
content: '\00a0\2192';
}
/* =Images
-------------------------------------------------------------- */
#content img {
margin: 0;
height: auto;
max-width: 700px;
/*width: auto; */
}
#content .attachment img {
max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
}
#content .wp-caption {
width: 600px !important;
}
#content .wp-caption img {
margin: 0;
}
#content .wp-caption p.wp-caption-text {
color: #000;
font-size: 12px;
width: 640px;
text-align: center;
text-transform: uppercase;
line-height: 12px;
}
#content .wp-smiley {
margin: 0;
}
#content .gallery {
margin: 0 auto 18px;
}
#content .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
#content .gallery img {
border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
#content .gallery dl {
margin: 0;
}
#content .gallery img {
border: 10px solid #f1f1f1;
}
#content .gallery br+br {
display: none;
}
#content .attachment img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
}
/* =Navigation
-------------------------------------------------------------- */
.navigation {
color: white;
font-size: 12px;
line-height: 18px;
overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
color: white;
text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
color: inherit;
}
.nav-previous {
float: left;
width: 100px;
height: 30px;
background-color: black;
text-align: center;
font-size: 17px;
line-height: 35px;
}
.nav-next {
float: right;
width: 100px;
height: 30px;
background-color: black;
text-align: center;
font-size: 17px;
line-height: 35px;
}
.nav-next a, .nav-previous a {
color: white;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: none;
}
#nav-below {
margin: -18px 0 0 0;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
clear: both;
}
#comments .navigation {
padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
color: #000;
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
}
h3#comments-title {
padding: 24px 0;
}
.commentlist {
list-style: none;
margin: 0;
}
.commentlist li.comment {
border-bottom: 1px solid #e7e7e7;
line-height: 24px;
margin: 0 0 24px 0;
padding: 0 0 0 56px;
position: relative;
}
.commentlist li:last-child {
border-bottom: none;
margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
margin-bottom: 18px;
}
#comments .comment-body p:last-child {
margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
margin-bottom: 24px;
}
.commentlist ol {
list-style: decimal;
}
.commentlist .avatar {
position: absolute;
top: 4px;
left: 0;
}
.comment-author {
}
.comment-author cite {
color: #000;
font-style: normal;
font-weight: bold;
}
.comment-author .says {
font-style: italic;
}
.comment-meta {
font-size: 12px;
margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
color: #888;
text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
color: #000;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
font-size: 12px;
padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
color: #000;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li {
border: none;
margin: 0;
}
.nopassword,
.nocomments {
display: none;
}
#comments .pingback {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 18px;
padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
margin-top: -6px;
}
#comments .pingback p {
color: #888;
display: block;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#comments .pingback .url {
font-size: 13px;
font-style: italic;
}
/* Comments form */
input[type=submit] {
color: #333;
}
#respond {
border-top: 1px solid #e7e7e7;
margin: 24px 0;
overflow: hidden;
position: relative;
}
#respond p {
margin: 0;
}
#respond .comment-notes {
margin-bottom: 1em;
}
.form-allowed-tags {
line-height: 1em;
}
.children #respond {
margin: 0 48px 0 0;
}
h3#reply-title {
margin: 18px 0;
}
#comments-list #respond {
margin: 0 0 18px 0;
}
#comments-list ul #respond {
margin: 0;
}
#cancel-comment-reply-link {
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
#respond .required {
color: #ff4b33;
font-weight: bold;
}
#respond label {
color: #888;
font-size: 12px;
}
#respond input {
margin: 0 0 9px;
width: 98%;
}
#respond textarea {
width: 98%;
}
#respond .form-allowed-tags {
color: #888;
font-size: 12px;
line-height: 18px;
}
#respond .form-allowed-tags code {
font-size: 11px;
}
#respond .form-submit {
margin: 12px 0;
}
#respond .form-submit input {
font-size: 14px;
width: auto;
}
/* =Widget Areas
-------------------------------------------------------------- */
.widget-area.fixed {
position: fixed;
top: 160px;
margin-left: 720px;
}
.xoxo.fixed {
position: fixed;
top:0;
}
.xoxo.absolute {
position: absolute;
top:0;
}
.widget-area ul {
list-style: none;
margin-left: 0;
}
.widget-area ul ul {
list-style: square;
}
.widget_search #s {/* This keeps the search inputs in line */
width: 60%;
}
.widget_search label {
display: none;
}
.widget-container {
margin: 25px 0 25px 0;
}
.widget-title {
color: #000;
}
.widget-area a:link,
.widget-area a:visited {
text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
text-decoration: none;
}
.widget-area .entry-meta {
font-size: 11px;
}
#wp_tag_cloud div {
line-height: 1.6em;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
color: #222;
font-size: 14px;
font-weight: bold;
padding-bottom: 4px;
text-align: left;
}
#wp-calendar thead {
font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
color: #aaa;
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
padding: 3px 0 2px;
text-align: center;
}
#wp-calendar tbody .pad {
background: none;
}
#wp-calendar tfoot #next {
text-align: right;
}
.widget_rss a.rsswidget {
color: #000;
}
.widget_rss a.rsswidget:hover {
color: #000;
}
.widget_rss .widget-title img {
width: 11px;
height: 11px;
}
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
padding: 0;
}
#main .widget-area ul ul {
border: none;
padding: 0;
}
#primary {
}
#secondary {
}
/* Footer widget areas */
#footer-widget-area {
}
/* =Footer
-------------------------------------------------------------- */
#footer {
margin-bottom: 20px;
}
#colophon {
border-top: 4px solid #000;
margin-top: -4px;
overflow: hidden;
padding: 18px 0;
}
#site-info {
font-weight: bold;
}
#site-info a {
color: #000;
text-decoration: none;
}
#site-generator {
font-style: italic;
position: relative;
}
#site-generator a {
background: url(../images/wordpress.png) center left no-repeat;
color: #666;
display: inline-block;
line-height: 16px;
padding-left: 20px;
text-decoration: none;
}
#site-generator a:hover {
text-decoration: underline;
}
img#wpstats {
display: block;
margin: 0 auto 10px;
}
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
-webkit-text-size-adjust: 140%;
}
code {
-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
}
#site-description {
-webkit-text-size-adjust: none;
}
/* =Print Style
-------------------------------------------------------------- */
@media print {
body {
background: none !important;
}
#wrapper {
clear: both !important;
display: block !important;
float: none !important;
position: relative !important;
}
#header {
border-bottom: 2pt solid #000;
padding-bottom: 18pt;
}
#colophon {
border-top: 2pt solid #000;
}
#site-title,
#site-description {
float: none;
line-height: 1.4em;
margin: 0;
padding: 0;
}
#site-title {
font-size: 13pt;
}
.entry-content {
font-size: 14pt;
line-height: 1.6em;
}
.entry-title {
font-size: 21pt;
}
#access,
#branding img,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area {
display: none !important;
}
#container,
#header,
#footer {
margin: 0;
width: 100%;
}
#content,
.one-column #content {
margin: 24pt 0 0;
width: 100%;
}
.wp-caption p {
font-size: 11pt;
}
#site-info,
#site-generator {
float: none;
width: auto;
}
#colophon {
width: auto;
}
img#wpstats {
display: none;
}
#site-generator a {
margin: 0;
padding: 0;
}
#entry-author-info {
border: 1px solid #e7e7e7;
}
#main {
display: inline;
}
.home .sticky {
border: none;
}
}
.divider {
background: url('../images/divider.png') no-repeat;
width: 100%;
height: 3px;
position: relative;
margin: 5px 0;
opacity: .6;
}
.small_divider {
background: url('../images/divider_small.png') no-repeat;
width: 100%;
height: 4px;
position: relative;
margin: 5px 0;
}
/* *****************************************************************
* ********************* NAV BAR ********************************
* *****************************************************************
*/
.nav_outer_wrap {
height: 70px;
width: 100%;
background-color: black;
position: fixed;
z-index: 99;
}
.nav_inner_wrap {
width: 960px;
margin: 0 auto;
color: white;
font-family: 'LeagueGothicRegular';
font-family: 'league_gothicregular';
font-size: 18px;
position:relative;
}
#nav{
font-size:1.1em;
}
#nav, #nav ul {
list-style: none;
line-height: 1;
margin: 0;
position:relative;
top:20px;
left: 0px;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
color: white;
}
#nav li {
float: left;
list-style:none;
margin-right: 25px;
}
#nav_logo {
position: relative;
margin-right: 40px !important;
}
#nav a, #nav a:visited {
display:block;
padding:6px 8px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
text-decoration:none;
color: white;
}
#nav li ul {
position: absolute;
left: -999em;
height: 100px;
width: 174px;
}
#nav li li {
width: 140px;
border-bottom: 1px solid white;
font-family: 'Novecentowide-Medium';
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
#nav li li a {
font-weight:normal;
font-size: 10px;
color:#000;
transition: background .15s ease-in;
-moz-transition: background .15s ease-in;
-webkit-transition: background .15s ease-in;
}
#nav li li a:hover, #nav li li a:active {
background:#000;
color: white;
}
#nav > li > a.nav_gray:hover {
color: rgb(128,130,133);
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}
.triangle {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 17px 17px 17px;
margin: 0 auto;
position: relative;
top: 5px;
}
#nav .categories li {
position: relative;
background: rgb(235,176,161);
left: -27px;
top: 13px;
}
#nav .categories .triangle {
border-color: transparent transparent rgb(235,176,161) transparent;
}
#nav .about li {
position: relative;
background: rgb(214, 189, 189);
left: -42px;
top: 13px;
}
#nav .about .triangle {
border-color: transparent transparent rgb(214, 189, 189) transparent;
}
#nav .nav_press li {
position: relative;
background: rgb(217,218,217);
left: -44px;
top: 13px;
}
#nav .nav_press .triangle {
border-color: transparent transparent rgb(217,218,217) transparent;
}
#nav .shop li {
position: relative;
background: rgb(128,130,133);
left: -47px;
top: 13px;
}
#nav .shop .triangle {
border-color: transparent transparent rgb(128,130,133) transparent;
}
#searchsubmit {
display: none;
}
#searchform input {
background: url('../images/search_box.png') no-repeat;
width: 125px;
height: 25px;
border: none;
color: white;
font-size: 16px;
}
#search_li {
position: relative;
right: 20px;
top: 2px;
margin-right: 7px !important;
}
/* ************************************************
* **************** HOME *************************
* *************************************************
*/
.logo_main {
width: 250px;
margin: 0 auto;
position: relative;
top: -10px;
}
.logo_main img {
width: 250px;
}
.come_fly_texture {
background: url('../images/divider_big.png') no-repeat;
height: 4px;
}
.come_fly {
position: relative;
font-size:16px;
text-align: center;
font-weight: 300;
color: black;
display: block;
height: 90px;
line-height: 90px;
}
#come_fly_text {
margin-left: 50px;
margin-right: 15px;
position: relative;
top: 10px;
}
#come_fly_arrow {
position: relative;
left: 25px;
}
.light_grey {
color: #808285;
}
/* ************************************************
* *********** MAIN SLIDESHOW ****************
* *************************************************
*/
#go_back {
margin-top: 90px;
}
#slide_wrap1{
overflow:hidden;
width:960px;
margin: 0 auto;
height: 900px;
}
#slide_wrap1 ul{
width:9900px;
padding-left:225px;
padding:0;
margin:0;
list-style:none;
}
#slide_wrap1 li{
float:left;
margin:0 16px;
cursor:pointer;
padding:0;
margin:0;
list-style:none;
}
.button {
float: left;
width: 100px;
height: 30px;
background-color: black;
text-align: center;
font-size: 17px;
line-height: 35px;
color: white;
}
#slide {
width: 960px;
height: 870px;
}
#slideshow_buttons {
margin-top: -30px;
}
.next, .prev{
cursor:pointer;
}
#slideshow1{
overflow:hidden;
width:940px;
margin: 0 auto;
}
#slideshow1 ul{
width: 9900px;
padding-left:225px;
padding:0;
margin:0;
list-style:none;
}
#slideshow1 li{
float:left;
margin:0 16px;
cursor:pointer;
padding:0;
margin:0;
list-style:none;
padding-left: 20px;
padding-right: 20px;
height: 750px;
}
#slideshow1 img {
width: 900px !important;
height: 750px !important;
}
.slideshow_button {
height: 43px;
width: 23px;
position: relative;
top: 400px;
}
.slideshow_button.prev {
}
.slideshow_button.next {
float: right;
}
.slider_div {
text-align: center;
color: white;
line-height: 50px;
display: none;
}
.slider_title {
height: 50px;
background: rgba(0,0,0,.5);
width: 900px;
float: left;
position: relative;
top: -55px;
text-transform: uppercase;
font-size: 14px;
}
#slideshow1 li:hover .slider_div {
display: block;
}
/* ************************************************
* ************* FOOTER ************************
* ************************************************
*/
.footer_wrap {
height: 70px;
background-color: black;
}
.footer {
width: 960px;
margin: 0 auto;
color: #666;
font-family: 'LeagueGothicRegular';
font-family: 'league_gothicregular';
font-size: 18px;
text-align: center;
position: relative;
line-height: 70px;
}
.footer a {
color: #ccc;
text-decoration: none;
}
/* ************************************************
* ************* SIDE BAR ***********************
* ************************************************
*/
.xoxo a:hover {
color: rgb(235,176,161);
}
.newsletter_popup {
display: none;
position: fixed;
top: 10%;
left: 33%;
background: url('../images/newsletter_popup.png') no-repeat;
width: 580px;
height: 715px;
z-index: 10;
}
#newsletter_close {
float: right;
position: relative;
top: 50px;
right: 70px;
}
#mc_embed_signup {
position: relative;
top: 400px;
width: 290px;
margin: 0 auto;
}
.mc-field-group.input-group li {
display: inline;
text-transform: uppercase;
color: white;
margin-left: 20px;
}
.mc-field-group input {
border: none;
box-shadow: none;
font-size: 14px;
padding-left: 10px
}
#mce-NAME, #mce-EMAIL {
width: 280px;
margin-bottom: 10px;
height: 28px;
border: none;
box-shadow: none;
font-size: 14px;
padding: 5px 5px 0px 10px;
}
.mc_button {
background: black;
color: white !important;
border: 1px solid white;
width: 100px;
height: 30px;
position: relative;
left: 100px;
top: -5px;
text-transform: uppercase;
font-size: 17px;
text-align: center;
font-family: 'LeagueGothicRegular' !important;
font-family: 'league_gothicregular' !important;
line-height: 30px;
cursor: pointer;
}
.mc-field-group.input-group {
position: relative;
left: 23px;
font-size: 12px;
}
#mce-GENDER-0, #mce-GENDER-1 {
margin-right: 10px;
position: relative;
top: 2px;
size: 10px;
}
.newsletter .button {
margin: 0 auto !important;
float: none !important;
}
#newsletter_button .button:hover {
color: rgb(235,176,161);
}
.sidebar_title{
color: black;
font-size: 20px;
font-weight: 400;
margin-bottom: 25px;
}
.social_links {
position: relative;
text-align: center;
font-size: 17px;
padding: 25px 0px 15px 0;
color: black;
}
.social_links ul {
margin: 10px 0px 10px 0;
}
.social_links li {
padding: 5px 5px 0 5px;
display: inline;
}
.newsletter {
position: relative;
text-align: center;
width: 150px;
margin: 10px auto 25px auto;
}
#newsletter_button {
display: block;
}
#newsletter_heart {
height: 68px;
width: 78px;
}
#newsletter_text {
position: relative;
}
#newsletter_click {
float: right;
text-align: center;
color: white;
font-size: 18px;
font-weight: 300;
position: relative;
top: -51px;
left: -46px;
}
.newsletter a:hover #newsletter_click {
color: black;
}
.side_shop {
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
#shop_round {
position: relative;
height: 205px;
width: 205px;
background: url("../images/shop_tee.png") no-repeat;
}
#shop_round:hover {
background: url("../images/shop_round.png") no-repeat;
}
#shop_text {
position: relative;
margin-top: 15px;
margin-bottom: 15px;
}
.sidebar_texture {
background: url('../images/divider_small.png') no-repeat;
width: 100%;
height: 4px;
}
.contributor {
margin-top: 15px;
}
.widget-container {
text-align: center;
font-size: 14px;
color: black;
}
.widget-title {
font-size: 20px;
margin-bottom: 25px;
}
.sidebar_archives {
text-align: center;
font-size: 12px;
color: black;
margin: 25px 0 15px 0;
line-height: 20px;
height: 125px;
overflow: hidden;
}
.sidebar_archives ul {
margin: 10px 0 10px 0;
}
.sidebar_archives li {
list-style-type: none;
}
.sidebar_more{
font-size: 17px;
color: black;
text-align: center;
margin-bottom: 25px;
}
#archives_more {
display: block;
}
/* ************************************************
* ****************** TRAVEL ********************
* ************************************************
*/
circle {
cursor: pointer;
}
.travel_location {
font-weight: 700;
text-transform: uppercase;
}
.travel_top{
text-transform: uppercase;
font-weight: 300;
text-align: center;
font-size: 17px;
margin: 20px 0;
}
.travel_divider {
width: 239px;
margin: 0 auto;
height: 50px;
top: 10px;
}
.travel_fav_title {
font-size: 26px;
text-align: center;
}
.travel_img {
height: 250px;
}
.travel_list {
margin: 0;
}
.travel_list li {
height: 335px;
width: 300px;
float: left;
margin: 10px;
list-style-type: none;
text-align: center;
}
.travel_cat {
font-size: 9px;
color: rgb(235, 176, 161);
text-transform: uppercase;
}
.travel_title {
font-size: 20px;
}
.travel_date {
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
}
.travel_comments {
display: none;
float: right;
font-size: 12px;
position: relative;
top: 25px;
left: -5px;
z-index: 2;
}
.travel_comments a {
display: block;
}
.travel_list li:hover .travel_comments{
display: block;
}
.travel_info {
position: absolute;
width: 300px;
}
#travel_heart {
position: relative;
top: 5px;
left: 5px;
width: 18px !important;
}
.travel_div {
margin-top: 100px;
margin-bottom: 35px;
}
.world_map {
position: relative;
cursor: default;
}
#imap1message {
text-align: center;
width: 700px;
position: absolute;
font-size: 16px;
color: black;
margin-left: 120px;
font-style: italic;
top: 670px;
line-height: 25px;
}
#map #imap1message {
top: 700px;
}
/* ************************************************
* ************* COMMENTS *********************
* ************************************************
*/
.form-allowed-tags {
display: none;
}
#respond textarea, #respond input {
border: none;
box-shadow: none;
font-size: 14px;
color: #888;
font-weight: 300;
background: white;
margin: 10px 0 0 5px;
}
.comment-notes {
text-transform: uppercase;
font-size: 13px;
font-weight: 300;
}
h3#reply-title {
font-size: 26px !important;
font-weight: 400;
margin: 0 0 5px 2px;
}
#respond {
border: 1px solid #e7e7e7;
padding: 20px;
}
#respond .required {
color: #888;
}
#respond .comment-notes {
margin-left: 5px;
}
#respond .form-submit input {
float: left;
width: 100px;
height: 30px;
background-color: black;
text-align: center;
font-size: 18px;
line-height: 31px;
color: white;
text-transform: uppercase;
margin: 0;
}
#respond .form-submit {
margin-top: 25px;
margin-left: 10px;
}
#respond .logged-in-as {
margin-left: 5px;
font-size: 16px;
font-weight: 300;
font-family: 'Lato';
text-transform: uppercase;
}
.comment_sig {
background: url('../images/comment_sig.png') no-repeat;
width: 270px;
height: 28px;
position: relative;
float: right;
top: 20px;
right: 10px;
}
.commentlist li.comment {
padding: 0;
margin: 25px 0 0 10px;
}
.commentlist li.comment {
padding: 0;
margin: 25px 0 0 10px;
}
.children {
padding-left: 25px;
}
.comment-author cite {
font-size: 16px;
font-style: italic;
font-weight: 400;
color: rgb(235,176,161);
margin-right: 10px;
}
.comment-meta.commentmetadata {
text-transform: uppercase;
font-family: 'Lato';
font-size: 12px;
font-weight: 300;
color: rgb(130,130,130);
}
.comment_number {
float: right;
font-family: 'Lato';
text-transform: uppercase;
font-size: 12px;
font-weight: 300;
color: #828282;
}
.commentlist {
border: 1px solid #e7e7e7;
padding: 20px;
}
h3#comments-title {
padding: 0;
font-weight: 400;
font-size: 26px;
margin-bottom: 10px;
position: relative;
left: 5px;
}
.reply {
text-transform: lowercase;
font-style: italic;
font-size: 12px;
}
/* ************************************************
* **************** ABOUT *********************
* ************************************************
*/
#bio_inner {
}
#agency {
font-size: 12px;
}
.agency_title {
font-size: 12px;
color: rgb(235,176,161);
}
#agency a {
font-style: italic;
font-weight: 700;
}
#email input {
margin: 0;
}
.email_input {
background: white !important;
border: none !important;
box-shadow: none !important;
font-family: 'Lato';
font-weight: 300;
font-size: 14px;
color: #888;
}
.email_submit {
background: black;
border: none;
color: white !important;
width: 100px;
height: 30px;
font-size: 17px !important;
font-family: 'LeagueGothicRegular' !important;
font-family: 'league_gothicregular' !important;
position: relative;
top: 10px;
left: 10px;
line-height: 32px !important;
}
#email {
border: 1px solid #e7e7e7;
padding: 20px;
}
.email_title {
font-size: 26px;
margin-bottom: 15px;
}
#email .comment_sig {
top: 10px;
}
.email_submit {
}
#email .divider {
margin: 10px 0;
}
#email .watermark {
color: #888 !important;
}
#email div.wpcf7-validation-errors, #email .wpcf7-not-valid-tip {
border: none;
font-family: 'Lato';
font-weight: 300;
color: #888;
text-transform: uppercase;
top: -25%;
left: 25%;
text-align: center;
}
#email .ajax-loader {
position: relative;
left: 20px;
top: 12px;
}
/* ************************************************
* **************** PRESS *********************
* ************************************************
*/
.press ul {
float: left;
margin-left: 35px;
}
.press #content {
margin: 0;
}
.press li {
list-style-type: none;
text-align: center;
font-size: 13px;
line-height: 30px
}
.press .divider {
width: 180px;
margin: 0 auto;
padding-bottom: 15px;
top: 25px;
}
.press .entry-title {
position: relative;
top: 10px;
}
/* ************************************************
* **************** OTHER *********************
* ************************************************
*/
.
.page-title, .page-title span {
font-weight: 300;
text-transform: uppercase;
}
.page-title span {
margin-left: 5px;
font-weight: 400;
}
.category_title span, .archives_title span {
font-size: 26px;
text-align: center;
color: #000;
}
.page-title.category_title, .page-title.archives_title {
text-align: center;
position: relative;
top: 15px;
margin: 0 0 15px 0 !important;
}
textarea:focus, input:focus{
outline: none;
}
*:focus {
outline: none;
}
.post_links {
font-weight: 300;
color: black;
font-size: 15px;
line-height: 23px;
margin-bottom: 20px;
margin-top: 20px;
}
.post_links a {
color: rgb(235,176,161);
}
.post_links a:hover {
color: rgb(235,176,161);
}
/* ************************************************
* **************** YARPP *********************
* ************************************************
*/
.yarpp-thumbnails-horizontal {
padding: 10px;
margin-bottom: 25px;
}
.yarpp-related {
font-size: 14px;
text-transform: uppercase;
}
.yarpp-related h3 {
font-style: italic;
font-size: 16px;
text-transform: none;
margin-bottom: 5px !important;
}
.yarpp-thumbnail {
border: none !important;
width: 200px !important;
margin: 5px 10px 5px 0 !important;
height: 210px !important;
}
.yarpp-thumbnail-title {
margin: 0 0 0 0 !important;
text-align: center;
font-size: 14px;
height: 15px;
line-height: 20px;
text-align: center;
width: 200px !important;
}
.yarpp-thumbnail img {
width: 200px !important;
height: 200px !important;
}
