/******************************************************************
Theme Name: Jen Yuson Photography
Theme URI: http://www.jenyuson.com
Description: This site was built using the Bones Development Theme (Responsive Edition). For more information about Bones or to view documentation, you can visit the Bones Documentation page. You can also view the conversation on Twitter by following the hashtag: #wpbones.
Author: S2 WEB
Author URI: http://www.s2webpress.com/
Version: 1.01
Tags: html5, css3, development, responsive, media queries, mobile, h5bp
License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html
Media Queries Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/
/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }
/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }
/* CUSTOM FONTS */
@font-face {
font-family: 'VollkornRegular';
src: url('fonts/Vollkorn-Regular-webfont.eot');
src: url('fonts/Vollkorn-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Vollkorn-Regular-webfont.woff') format('woff'),
url('fonts/Vollkorn-Regular-webfont.ttf') format('truetype'),
url('fonts/Vollkorn-Regular-webfont.svg#VollkornRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'VollkornBold';
src: url('fonts/Vollkorn-Bold-webfont.eot');
src: url('fonts/Vollkorn-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Vollkorn-Bold-webfont.woff') format('woff'),
url('fonts/Vollkorn-Bold-webfont.ttf') format('truetype'),
url('fonts/Vollkorn-Bold-webfont.svg#VollkornBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'VollkornItalic';
src: url('fonts/Vollkorn-Italic-webfont.eot');
src: url('fonts/Vollkorn-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Vollkorn-Italic-webfont.woff') format('woff'),
url('fonts/Vollkorn-Italic-webfont.ttf') format('truetype'),
url('fonts/Vollkorn-Italic-webfont.svg#VollkornItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'VollkornBoldItalic';
src: url('fonts/Vollkorn-BoldItalic-webfont.eot');
src: url('fonts/Vollkorn-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Vollkorn-BoldItalic-webfont.woff') format('woff'),
url('fonts/Vollkorn-BoldItalic-webfont.ttf') format('truetype'),
url('fonts/Vollkorn-BoldItalic-webfont.svg#VollkornBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}
/******************************************************************
BASE MOBILE STYLES
Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible.
******************************************************************/
body, input, textarea { color:#666;font:15px "VollkornRegular", Georgia, Times New Roman;font-weight:300;line-height:1.625; }
/*********************
GRID & LAYOUT STYLES
*********************/
.wrap {
width: 90%;
margin: 0 auto;
}
/*********************
TEXT STYLES
*********************/
p{margin-bottom:1.625em;}
ul, ol{margin:0 0 1.625em 2.5em;}
ul{list-style:square;}
ol{list-style-type:decimal;}
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 1.625em;}
dt{font-weight:bold;}
dd{margin-bottom:1.625em;}
strong{font-weight:bold;}
cite, em, i{font-style:italic;}
blockquote{font-family:Georgia, "Bitstream Charter", serif;font-style:italic;font-weight:normal;margin:0 3em;}
blockquote em, blockquote i, blockquote cite{font-style:normal;}
blockquote cite{color:#666;font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.05em;text-transform:uppercase;}
pre{background:#f4f4f4;font:13px "Courier 10 Pitch", Courier, monospace;line-height:1.5;margin-bottom:1.625em;overflow:auto;padding:0.75em 1.625em;}
code, kbd{font:13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym, dfn{border-bottom:1px dotted #666;cursor:help;}
address{display:block;margin:0 0 1.625em;}
ins{background:#fff9c0;text-decoration:none;}
sup,
sub{font-size:10px;height:0;line-height:1;position:relative;vertical-align:baseline;}
sup{bottom:1ex;}
sub{top:.5ex;}
/* Forms */
input[type=text],
input[type=password],
textarea{background:#fafafa;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);border:1px solid #ddd;color:#888;}
input[type=text]:focus,
textarea:focus{color:#373737;}
textarea{padding-left:3px;width:98%;}
input[type=text]{padding:3px;}
input#s{background:url(library/images/search.png) no-repeat 5px 6px;-moz-border-radius:2px;border-radius:2px;font-size:14px;height:22px;line-height:1.2em;padding:4px 10px 4px 28px;}
input#searchsubmit{display:none;}
/*********************
LINK STYLES
*********************/
a, a:visited { color: #55707E; text-decoration:none }
a:hover, a:focus { text-decoration:underline;color:#7797BD }
a:active {} /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }
/* Blog link */
.post_content a, a:visited { color: #55707E; text-decoration: underline; }
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: 500; clear:both; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1, .h1 { font-size: 2.5em; line-height: 1.333em; }
h2, .h2 { font-size: 1.75em; line-height: 1.4em; margin-bottom: 0.375em; }
h3, .h3 { font-size: 1.125em; }
h4, .h4 { font-size: 1.1em; font-weight: 700; }
h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; }
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.625em;}
/*********************
HEADER SYTLES
*********************/
header[role=banner] {}
#logo {}
.back{font-size:15px;border-bottom:1px solid #666666;display:block;font-style:italic;margin-bottom:20px;padding:4px 0;text-align:right;width:100%;}
hgroup img.logo-page {max-width: 510px; width:100%;}
h2#site-description {letter-spacing:2px;float:right}
#site-description { font-size: .7em;
margin-top: 20px; }
/*********************
NAVIGATION STYLES
*********************/
#access ul { display: none; }
#access select
{ background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
color: #777777;
display: block;
font-size: 13px;
max-width: 100%;
min-width: 210px;
outline: medium none;
display: block;
padding: 6px;
width: 90%;
margin: 1.2em auto; }
/*********************
POSTS & CONTENT STYLES
*********************/
#content { }
.hentry {}
/***** BLOG ******/
.single .page-title, .single .single-title,.single .archive_title{
color:#55707E;
font-size: 1.75em;
font-weight: normal;
line-height: 1.4em;
padding-bottom:.3em;
margin-top:0;
margin-bottom:0;}
.page-title, .single-title , .archive_title {
color:#503D2E;
font-size: 1.75em;
font-weight: normal;
line-height: 1.4em;
padding-bottom:.3em;
margin-top:0;
margin-bottom:0;}
/* want to style individual post classes? Booya! */
.post-id {} /* post by id (i.e. post-3) */
.post {} /* general post style */
.page {} /* general article on a page style */
.attachment {} /* general style on an attatchment */
.sticky {} /* sticky post style */
.hentry {} /* hentry class */
.category-slug {} /* style by category (i.e. category-videos) */
.tag-slug {} /* style by tag (i.e. tag-news) */
/* post meta ------Shawn Bauguess edited Mar 8-----*/
.meta {font-size:12px; margin-bottom: 0;}
.meta time {}
.read-more {display:none; visibility:none; }
.tags{font-size:12px;}
/* post content */
.post_content {}
.post_content p {}
.post_content ul, .post_content ol, .post_content table, .post_content dl {}
.post_content ul, .post_content ol {}
.post_content li {}
.post_content ul li {}
.post_content ol li {}
.post_content blockquote {}
.post_content blockquote:before {} /* this adds the quote before the blockquote */
.post_content dl {}
.post_content dt {}
.post_content dd {}
.post_content img { margin: 0 0 1.5em 0; max-width: 100%; height:auto}
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.post_content video { max-width: 100%; }
.post_content object { max-width: 100%; }
.post_content pre, .post_content code {}
.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}
/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
#content .gallery dl.gallery-item {float:none }
#content .gallery dl img { width:100%;height:auto;border:1px solid #f1f1f1 }
#content .gallery-columns-2 dl.gallery-item,
#content .gallery-columns-3 dl.gallery-item,
#content .gallery-columns-4 dl.gallery-item,
#content .gallery-columns-5 dl.gallery-item
{ width:88% }
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.hentry footer {}
/**************************************************
Home Page
*************************************************/
body.home article {padding:0;margin:0;}
.homey {position:relative;}
#supplementary-home {overflow: hidden; padding: 0 0 0 0.3%;width:100%}
#supplementary-home .widget-title {border-top: 1px solid #666;font-style: italic;font-size: 0.9em; font-weight: 500;letter-spacing: 0.1em;line-height: 2.6em;text-transform: uppercase;}
#supplementary-home.three .widget-area {list-style:none;text-align: center;}
#supplementary-home .widget-area img {width:100%; height:auto}
.awards {margin:0 10% 2% 10%}
.awards li{list-style:none}
#homeboy a {font-style: italic;}
.home-group img{width:100%; max-width:510px}
#home-social {
height: 33px;
position: relative;
width:95px;
margin:0 auto}
#home-social a {
background:url(library/images/social-icon.png)no-repeat;
display: block;
background-position: -40px 0;
height: 32px;
width: 33px;
float:left;
margin-right: 13px;}
h1#site-title {margin-bottom:0}
#home-social a.facebook-link {background-position: 0 0; }
#home-social a.rss-feed { background-position: -40px 0; }
#home-social a.facebook-link:hover { background-position: 0 -32px; }
#home-social a.rss-feed:hover { background-position: -40px -32px; }
.home .foot-social {display:none}
.home .attribution p {margin-left:0}
/********************************
Wedding
*******************************/
article.post-1962 h1.single-title {display:none}
article.post-1900 h1.single-title {display:none}
#wed {clear: both;display: block;float: left;margin: 0 auto 6px;width: 100%;}
#wed a {color:#503D2E;}
#wed li:last-child {float:right;position:relative;} /*pushes contact over to the right*/
ul#wed li a {color:#503D2E;}
ul#wed li:hover > a,#wed ul ul:hover > a,#wed a:focus
{color:#2E2219;}
.wed-logo {max-width:363px;max-height:57px;}
body.page-template-weddings-php .widgettitle {color: #503D2F}
body.page-template-weddings-php .single-title, .single-title a {color: #503D2F;font-size: 24px;font-weight: normal;}
body.single-weddings h3 {color: #54707D;font-size: 0.9em;font-weight: normal;text-transform: uppercase;}
body.single-weddings .content h2 {color:#503D2F; font-style:italic;}
body.page-template-wedding-portfolio-php .wpcol-one-third h2,body.single-weddings .wpcol-one-third h2,
body.page-template-weddings-php .wpcol-one-quarter h2, h2,body.single-weddings .wpcol-one-quarter h2,
body.page-template-weddings-php .wpcol-one-half h2, h2,body.single-weddings .wpcol-one-half h2,
body.page-template-weddings-php .wpcol-three-quarter h2, body.single-weddings .wpcol-three-quarter h2,
body.page-template-weddings-php .wpcol-one-third h2, body.single-weddings .wpcol-one-third h2,
body.page-template-weddings-php .wpcol-two-third h2, body.single-weddings .wpcol-two-third h2,
body.page-template-weddings-php .wpcol-one-fifth h2, body.single-weddings .wpcol-one-fifth h2,
body.page-template-weddings-php .wpcol-two-fifth h2, body.single-weddings .wpcol-two-fifth h2,
body.page-template-weddings-php .wpcol-three-fifth h2,body.single-weddings .wpcol-three-fifth h2,
body.page-template-weddings-php .wpcol-four-fifth h2,body.single-weddings .wpcol-four-fifth h2 { text-transform:uppercase; color:#503D2E;font-size:16px;text-align: center;} /*column styles*/
/*************************************************
Kissables
*************************************************/
article.post-1885 h1.single-title {display:none}
ul#kis li:last-child {float:right;position:relative;} /*pushes contact over to the right*/
.kis-logo {max-width:274px;max-height:72px;}
body.page-template-kissables-php .back,
body.page-template-kissables-portfolio-php .back,
body.single-kissables .back
{font-weight:normal;font-style:normal;border-bottom:1px solid #000000;}
body.page-template-kissables-php a.back,
body.page-template-kissables-portfolio-php a.back,
body.single-kissables a.back,
body.page-template-kissables-php .page-title,
body.page-template-kissables-portfolio-php .page-title,
body.single-kissables .single-title,
body.page-template-kissables-php .widgettitle,
body.page-template-kissables-portfolio-php .widgettitle,
body.single-kissables .widgettitle,
ul#kis li a
{color:black;font-style:normal;font-weight:normal;text-transform:none;color: black;font-family: 'VollkornBold';} /*fonts for kissables*/
body.page-template-kissables-php #site-description,
body.page-template-kissables-portfolio-php #site-description,
body.single-kissables #site-description
{display:none;}
body.page-template-kissables-php #access,
body.page-template-kissables-portfolio-php #access,
body.single-kissables #access
{margin-top:1em;}
body.page-template-kissables-php a:link,
body.page-template-kissables-portfolio-php a:link,
body.single-kissables a:link,
body.page-template-kissables-php a.back:hover,
body.page-template-kissables-portfolio-php a.back:hover,
body.single-kissables a.back:hover,
ul#kis li:hover > a,#kis ul ul:hover > a,#kis a:focus
{color:#A41E21;}
body.page-template-kissables-php #supplementary,
body.page-template-kissables-portfolio-php #supplementary,
body.single-kissables #supplementary
{border-top: 1px solid #000000;margin: 0 auto; width: 70%;}
body.single-kissables .wpcf7 input[type="text"],
body.single-kissables .wpcf7 textarea {background:#f1f1f1}
body.single-kissables .single-title {text-align: center;}
/*************************************************
Families
*************************************************/
article.post-1919 h1.single-title {display:none}
ul#fam li a {color:#FF4910;font-family:georgia;font-style: normal;}
ul#fam li:hover > a,#fam ul ul:hover > a,#fam a:focus{color:#E6A53C;}
ul#fam li:last-child {float:right;position:relative;} /*pushes contact over to the right*/
.fam-logo {max-width:318px;max-height:126px;}
body.page-template-families-php, body.page-template-families-portfolio-php, body.single-families {font-family: Courier New}
body.page-template-families-php #access, body.page-template-families-portfolio-php #access, body.single-families #access {margin: 0 auto 6px;}
body.page-template-families-php .entry-title, .entry-title a, body.page-template-families-portfolio-php .entry-title, body.single-families .entry-title {color:#E6A53C;font-style: normal;text-transform:none;margin-bottom: -0.6em;padding:0;}
body.page-template-families-php a:link, body.page-template-families-portfolio-php a:link, body.single-families a:link {color: #FF4910}
body.page-template-families-php #supplementary, body.page-template-families-portfolio-php #supplementary, body.single-families #supplementary{ border-top: 1px solid #E6A53C;margin: 0 auto; width: 70%;}
body.page-template-families-php .widget-title, body.page-template-families-portfolio-php .widget-title, body.single-families .widget-title{color: #FF4910}
body.page-template-families-php #site-description, body.page-template-families-portfolio-php #site-description, body.single-families #site-description {color: #FF4910;margin: 0.3em 0 3.65625em;float:right;text-transform:uppercase;}
body.page-template-families-php .back, body.page-template-families-portfolio-php .back, body.single-families .back {font-size:15px;border-bottom:1px solid #E6A53C;display:block;margin-bottom:20px;padding:4px 0;text-align:right;width:100%;}
body.page-template-families-php a.back, body.page-template-families-portfolio-php a.back, body.single-families a.back {color:#E6A53C;}
body.page-template-families-php a:hover.back, body.page-template-families-portfolio-php a:hover.back, body.single-families a:hover.back {color: #FF4910}
body.page-template-families-php #site-description, body.page-template-families-portfolio-php #site-description, body.single-families #site-description {display:none;}
body.page-template-families-php .page-title,
body.page-template-families-portfolio-php .page-title,
body.single-families .page-title,
body.page-template-families-php .single-title,
body.page-template-families-portfolio-php .single-title,
body.single-families .single-title,
body.page-template-families-php .archive_title,
body.page-template-families-portfolio-php .archive_title,
body.single-families .archive_title
{color:#E49F30}
/********************************
Blog
*******************************/
.blog article.post { border-bottom: 1px solid #DDDDDD; }
/*********************
SIDEBARS & ASIDES
*********************/
#sidebar1 { }
.widget {}
.widget li {}
.widget li ul li a {}
.widget li ul li:last-child, .widget li:last-child {}
.widget li:first-child {}
.widget li ul li:first-child {}
.widget li a {}
.widgettitle {}
#sidebar1 #searchform #s {}
/*********************
FOOTER STYLES
*********************/
footer[role=contentinfo] {}
footer[role=contentinfo] nav {}
.footer-links ul {}
.footer-links ul li {}
.footer-links ul li a {}
.footer-links ul li:last-child a {}
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu {}
.foot-social {
height: 33px;
width:95px;
display:block;
margin:0 auto}
.foot-social a {
background:url(library/images/social-icon.png)no-repeat;
display: block;
background-position: -40px 0;
height: 32px;
width: 33px;
float:left;
margin-right: 13px;}
.foot-social a.facebook-link {background-position: 0 0; }
.foot-social a.rss-feed { background-position: -40px 0; }
.foot-social a.facebook-link:hover { background-position: 0 -32px; }
.foot-social a.rss-feed:hover { background-position: -40px -32px; }
.attribution {width:100%;}
.attribution p {}
/******************************************************************
COLUMN STYLES
******************************************************************/
.wpcol-one-quarter,
.wpcol-one-half,
.wpcol-three-quarter,
.wpcol-one-third,
.wpcol-two-third,
.wpcol-one-fifth,
.wpcol-two-fifth,
.wpcol-three-fifth,
.wpcol-four-fifth { width: 100%; }
/******************************************************************
CONTACT STYLES
******************************************************************/
.send {text-align:center}
.send input {margin-top:3%;
border: 1px solid #CCCCCC;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
font-size:16px;
color: #FFFFFF;
margin-top: 3%;
padding: 2px 4%;}
.wpcf7 input[type="text"],.wpcf7 textarea {width:98%}
body.single-weddings .send input,
body.page-template-weddings-php .send input
{background: #4a95ba; /*weddings*/
background: -moz-linear-gradient(top, #4a95ba 12%, #397897 29%, #2c5c74 60%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#4a95ba), color-stop(29%,#397897), color-stop(60%,#2c5c74));
background: -webkit-linear-gradient(top, #4a95ba 12%,#397897 29%,#2c5c74 60%);
background: -o-linear-gradient(top, #4a95ba 12%,#397897 29%,#2c5c74 60%);
background: -ms-linear-gradient(top, #4a95ba 12%,#397897 29%,#2c5c74 60%);
background: linear-gradient(top, #4a95ba 12%,#397897 29%,#2c5c74 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a95ba', endColorstr='#2c5c74',GradientType=0 );}
body.single-kissables .send input,
body.page-template-kissables-php .send input
{background: #e41212; /*kissables*/
background: -moz-linear-gradient(top, #e41212 12%, #b50e0e 32%, #860a0a 60%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#e41212), color-stop(32%,#b50e0e), color-stop(60%,#860a0a));
background: -webkit-linear-gradient(top, #e41212 12%,#b50e0e 32%,#860a0a 60%);
background: -o-linear-gradient(top, #e41212 12%,#b50e0e 32%,#860a0a 60%);
background: -ms-linear-gradient(top, #e41212 12%,#b50e0e 32%,#860a0a 60%);
background: linear-gradient(top, #e41212 12%,#b50e0e 32%,#860a0a 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41212', endColorstr='#860a0a',GradientType=0 );}
body.page-template-kissables-php .wpcf7 p,body.single-kissables .wpcf7 p {font-family:'VollkornBold';color:#000}
body.page-template-kissables-php .wpcf7 input[type="text"], body.page-template-kissables-php .wpcf7 textarea,
body.single-kissables .wpcf7 input[type="text"], body.single-kissables .wpcf7 textarea
{border:1px solid #A41E22}
body.single-families .send input,
body.page-template-families-php .send input
{background: #e0a331; /* Old browsers */
background: -moz-linear-gradient(top, #e0a331 1%, #e49f30 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e0a331), color-stop(100%,#e49f30)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e0a331 1%,#e49f30 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e0a331 1%,#e49f30 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e0a331 1%,#e49f30 100%); /* IE10+ */
background: linear-gradient(top, #e0a331 1%,#e49f30 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a331', endColorstr='#e49f30',GradientType=0 ); /* IE6-9 */}
/*************************************************
THNUMBNAIL GALLERY
*************************************************/
.DOP_ThumbnailGallery_Background,.DOP_ThumbnailGallery_ThumbnailsBg,.DOP_ThumbnailGallery_ImageBg{background:#fff !important; }
.DOP_ThumbnailGallery_Image,.post_content .DOP_ThumbnailGallery_ThumbContainer,.post_content .DOP_ThumbnailGallery_Thumb {border-radius:0 0 0 0 !important}
.post_content .DOP_ThumbnailGallery_Image img {max-width:960px !important;border-radius: 0 0 0 0 !important;}
.post_content .DOP_ThumbnailGallery_ImageWrapper {text-align:center !important;max-width:960px !important}
/*************************************************
PREMIUM THNUMBNAIL GALLERY
*************************************************/
.post_content .galleria-thumbnails .galleria-image { height: 50px !important; width: 50px !important;border:#7A7A7A; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;}
.post_content .galleria-thumbnails-container {background:#fff;}
.post_content .galleria-container {
border:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
width:100%!important;
height:300px !important;
max-height: 600px;
min-height: 300px;
background:#fff;}
/*************************************************
FLEXSLIDER
*************************************************/
/*.galleria-thumb-nav-left, .galleria-thumb-nav-right, .galleria-info-link, .galleria-info-close, .galleria-image-nav-left, .galleria-image-nav-right {
background-image: url(classic-map.png);
background-repeat: no-repeat;
}
.galleria-image-nav-left, .galleria-image-nav-right {
background-position: 0 46px;
cursor: pointer;
height: 124px;
left: 10px;
opacity: 0.3;
position: absolute;
width: 62px;
z-index: 2;
}*/
.galleria-image-nav-left:hover, .galleria-image-nav-right:hover {
opacity: 0.2;
background-repeat: no-repeat;}
.galleria-thumb-nav-left:hover, .galleria-thumb-nav-right:hover {
background-color:#FFF !important;
}
/*.galleria-images > .galleria-image {width:100%!important;max-width:960px}
.galleria-images > .galleria-image img {width:100% !important;height:auto !important; left:0px !important;top:0px !important}
.pgallery {height:600px} */
/********************************
sliding boxes
********************************/
.boxgrid img{
height:auto;
width:100%}
.boxgrid p.type3, .boxgrid p.type2,.boxgrid p.type,.boxgrid p.location,.boxgrid p.date {
margin:0;padding:0;text-align: center;}
.boxgrid h3 {text-align: center;margin:0;font-size:25px}
.boxgrid {border-bottom:1px solid #7a7a7a;margin-bottom: 8%;}
/********************************
site-link
********************************/
.s2link {
position: relative;
width: 100%;
font-size: 11px;
color: #999 !important;
width: 100%;
margin: 3% auto 2% auto;
display: block;
text-align: center;}
.s2link a {color: #7D9BC0 !important;}
body.page-template-kissables-php .s2link a,
body.page-template-kissables-portfolio-php .s2link a,
body.single-kissables .s2link a
{color:#A41E21 !important;}
body.page-template-families-php .s2link a,
body.page-template-families-portfolio-php .s2link a,
body.single-families .s2link a
{color:#FF480F !important;}
/********************************
FLEXISLIDER Plugin- http://www.fergusweb.net/software/flex-slider/
********************************/
.flexslider {border:none;}
.flexslider .slides img {height:auto;margin:0 auto}
.flex-control-nav {display:none}
.flex-direction-nav {}
.flex-direction-nav li a {background:url(library/images/bg_direction_nav_sprite.png) no-repeat scroll 0 0 transparent;width: 83px;height: 44px;top: 82%;}
.flex-direction-nav li a.next{ background-position: -83px 0;right:60px}
.flex-direction-nav li a.next:hover { background-position: -83px -43px;}
.flex-direction-nav li a.prev,.flex-direction-nav li a.prev {right: 143px;left:auto}
.flex-direction-nav li a.prev:hover { background-position: 0px -43px;}
.flexslider {position:static}
.home .post_content {position:relative}
/********************************
Photo Galleria customization
********************************/
.post_content .galleria-info-link {display:none}
/******************************************************************
iPAD & TABLET STYLES
These is your iPad styles. They will be visible to anyone who
resizes their browser from the smallest size to the next break
point.
******************************************************************/
@media only screen and (min-width: 480px) {
.post_content .galleria-container {
height:450px !important;}
body {}
#access select {display:none}
#access ul {display:block}
#access{clear:both;display:block;float:left;margin:0 auto;width:100%;}
#access ul{font-size:13px;list-style:none;margin:1% 0 0 -0.8125em;padding-left:0;}
#access li{float:left;position:relative;}
#access a{font-size: 1em;color:#444;display:block;line-height:3.333em;padding:0 1em;text-decoration:none;font-style:italic;text-transform:uppercase;}
#access ul ul{-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;float:left;margin:0;position:absolute;top:3.333em;left:0;width:188px;z-index:99999;}
#access ul ul ul{left:100%;top:0;}
#access ul ul a{background:#f9f9f9;border-bottom:1px dotted #ddd;color:#444;font-size:13px;font-weight:normal;height:auto;line-height:1.4em;padding:10px 10px;width:168px;}
#access li:hover > a,
#access ul ul:hover > a,
#access a:focus{color:#000;}
#access li:hover > a,
#access a:focus{color:#000;}
#access ul li:hover > ul{display:block;}
#access .current_page_item > a,
#access .current_page_ancestor > a{font-weight:bold;}
/*********************
POSTS & CONTENT STYLES
*********************/
#content { }
.hentry { padding: 0 20px 0; }
/* post meta */
.meta {}
.meta time {}
/* post content */
.post_content {margin-bottom: 1%;}
.post_content p {}
.post_content ul, .post_content ol, .post_content table, .post_content dl {}
.post_content ul, .post_content ol {}
.post_content li {}
.post_content ul li {}
.post_content ol li {}
.post_content blockquote {}
.post_content blockquote:before {} /* this adds the quote before the blockquote */
.post_content dl {}
.post_content dt {}
.post_content dd {}
.post_content img {}
.post_content video {}
.post_content object {}
.wp-caption {}
.wp-caption img {}
.wp-caption p.wp-caption-text {}
/* image gallery styles */
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery-caption {}
#content .gallery dl.gallery-item {float:left}
#content .gallery-columns-2 dl.gallery-item { width:43% }
#content .gallery-columns-3 dl.gallery-item { width:26% }
#content .gallery-columns-4 dl.gallery-item { width:25% }
#content .gallery-columns-5 dl.gallery-item { width:12% }
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.hentry footer {}
/*********************
SIDEBARS & ASIDES
*********************/
#sidebar1 { }
.widget {}
.widget li {}
.widget li ul li a {}
.widget li ul li:last-child, .widget li:last-child {}
.widget li:first-child {}
.widget li ul li:first-child {}
.widget li a {}
.widgettitle {}
#sidebar1 #searchform #s {}
/*********************
FOOTER STYLES
*********************/
footer[role=contentinfo] {}
footer[role=contentinfo] nav {}
.footer-links ul {}
.footer-links ul li {}
.footer-links ul li a {}
.footer-links ul li:last-child a {}
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu {}
.attribution {}
/* self-clear floats */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
/* Columns */
.wpcol-one-third { width: 30.666%; }
.wpcol-four-fifth { width:79.2% }
.wpcol-two-third { width:65.334% }
.wpcol-three-fifth { width:58.4% }
/*contact form 7 contact columns*/
.contact-col-two { padding-left:3% }
.contact-select select {text-align:center}
} /* end of media query */
/******************************************************************
DESKTOP & JUST BIGGER THAN AN iPAD
This is your standard iPad size or average tablet size. It's also
a decent size for
******************************************************************/
@media only screen and (min-width: 768px) {
body.home article {
margin: 20px 0 0;
}
.post_content .galleria-container { /* Style for Plugin Photo Galleria **/
height:600px !important;
background:#fff;}
body {}
.wpcol-one-fifth { width: 16.8%; }
.wpcol-one-quarter { width:22% }
.wpcol-one-half { width:46%;padding-right:3%;border-right:1px solid #666; }
.wpcol-last {border-right: 0 none !important;padding-right: 0 !important;}
.single-kissables .wpcol-one-half {border-right:1px solid #a41e1f;}
/*contact form 7 contact columns*/
#contact-wrap {width:100%;float:left;display:block}
.contact-col-one,.contact-col-two { width:46%;float:left }
.contact-col-one { border-right:1px solid #666;padding-right:3%}
.contact-col-two { padding-left:3% }
p.contact-select {float:left; margin: 0 4%;}
body.page-template-kissables-php .contact-col-one, body.single-kissables .contact-col-one {border-right:1px solid #A41E22}
.fb_iframe_widget, .fb_ltr {width: 450px !important}
/******************************************
SLIDING BOXES
******************************************/
.boxgrid{
width: 47.1%;
height: 260px;
margin:10px;
border-bottom:none;
float:left;
background:#ffffff;
overflow: hidden;
position: relative; }
.boxgrid h3 {margin:1% 0 2px 2% ;font-size: 1.1em;margin-bottom:2px;text-align:left}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
width:100%}
.boxgrid p{
padding: 0 10px;
color:#333;
font-weight:bold;
font:10pt "Lucida Grande", Arial, sans-serif; }
/******************************************
SlIDING BOX META DATA
******************************************/
.boxgrid p.type3, .boxgrid p.type2,.boxgrid p.type,.boxgrid p.location,.boxgrid p.date {
margin:0 0 0 2%;
padding:0;
line-height:1.2;
font-family:"VollkornRegular",Georgia,Times New Roman;
font-size:13px;
color:#503F30;
text-align:left;}
.boxgrid p.type, .boxgrid p.type2 , .boxgrid p.type3 { position: absolute;right: 11px; }
.boxgrid p.type { top: 10%; }
.boxgrid p.type2 { top: 31%; }
.boxgrid p.type3 { top: 50%; }
/*weddings meta box color*/
body.page-template-wedding-portfolio-php .boxgrid p.type,
body.page-template-wedding-portfolio-php .boxgrid p.type2,
body.page-template-wedding-portfolio-php .boxgrid p.type3,
body.page-template-wedding-portfolio-php .boxgrid h3
{color:#51737A;}
/*Kissables meta box color*/
body.page-template-kissables-portfolio-php .boxgrid p.type,
body.page-template-kissables-portfolio-php .boxgrid p.type2,
body.page-template-kissables-portfolio-php .boxgrid p.type3,
body.page-template-kissables-portfolio-php .boxgrid h3
{color:#A31D20;}
/*Families meta box color*/
body.page-template-families-portfolio-php .boxgrid p.type,
body.page-template-families-portfolio-php .boxgrid p.type2,
body.page-template-families-portfolio-php .boxgrid p.type3,
body.page-template-families-portfolio-php .boxgrid h3
{color:#FF4910;}
.boxcaption{
float: left;
position: absolute;
background: url(library/images/bg_white_trans.png) transparent repeat;
height: 100px;
width: 100%;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.captionfull .boxcaption {
top: 190px;
left: 0;}
.caption .boxcaption {
top: 215;
left: 0;}
.boxcaption a:link {color:#333;}
.boxcaption a:hover { text-decoration:none }
/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/
.rtl {}
.home {} /* home page */
.archive {} /* archive page */
.date {} /* date archive page */
.date-paged-1 {} /* replace the number to the corresponding page number */
.search {} /* search page */
.search-results {} /* search result page */
.search-no-results {} /* no results search page */
.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
.error404 {} /* 404 page */
.single {} /* single post page */
.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
.attachment {} /* attatchment page */
.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
.attachment-mime-type {} /* style mime type pages */
.author {} /* author page */
.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
.category {} /* category page */
.category-1 {} /* individual category page (i.e. body.category-6) */
.category-paged-1 {} /* replace the number to the corresponding page number */
.tag {} /* tag page */
.tag-slug {} /* individual tag page (i.e. body.tag-news) */
.tag-paged-1 {} /* replace the number to the corresponding page number */
.page-template {} /* custom page template page */
.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
.page-paged-1 {} /* replace the number to the corresponding page number */
.page-parent {}
.page-child {}
.parent-pageid-1 {} /* replace the number to the corresponding page number */
.logged-in {} /* if user is logged in */
.paged {} /* paged items like search results or archives */
.paged-1 {} /* individual paged (i.e. body.paged-3) */
.wrap {
max-width: 960px;
}
/***** Grid Options down here, where they are usable ******/
/* layout options ( all have margins right & left of 1%) */
.col60 { width: 6.3829787%; } /* width 60px / grid_1 */
.col140 { width: 14.893617%; } /* width 140px / grid_2 */
.col220 { width: 23.404255%; } /* width 220px / grid_3 */
.col300 { width: 31.914894%; } /* width 300px / grid_4 */
.col380 { width: 40.425532%; } /* width 380px / grid_5 */
.col480 { width: 51.06383%; } /* width 480px / grid_6 */
.col540 { width: 57.446809%; } /* width 540px / grid_7 */
.col620 { width: 65.957447%; } /* width 620px / grid_8 */
.col700 { width: 74.468085%; } /* width 700px / grid_9 */
.col780 { width: 82.978723%; } /* width 780px / grid_10 */
.col860 { width: 91.489362%; } /* width 860px / grid_11 */
.col940 { width: 100.0%; } /* width 940px / grid_12 */
/* layout & column defaults */
.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 {
display: inline;
float: left;
position: relative;
margin-left: 1.0638298%; /* 10px */
margin-right: 1.0638298%; /* 10px */
}
/* floats */
.left { float: left; }
.right { float: right; }
/* default styles & fixes */
.first { margin-left: 0; } /* fixes alignment */
.last { margin-right: 0; } /* fixes alignment */
/*********************
HEADER SYTLES
*********************/
header[role=banner] {}
#logo {}
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/
/* page navigation */
.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em;float:left }
.bones_page_navi, .wp-prev-next ul { }
.bones_page_navi li { float: left; margin-left: 10px; }
.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
.bones_page_navi li a:hover { color: #7797BD; text-decoration: underline; }
.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #7797BD; position: relative; } /* current page link */
.bones_page_navi li.bpn-current:hover {}
.bones_page_navi li.bpn-prev-link { } /* previous link */
.bones_page_navi li.bpn-prev-link a { padding: 0; }
.bones_page_navi li.bpn-prev-link a:hover { background: none; }
.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
.bones_page_navi li.bpn-next-link a { padding: 0; }
.bones_page_navi li.bpn-next-link a:hover { background: none; }
.bones_page_navi li.bpn-last-page-link {} /* last page link */
.bones_page_navi li.bpn-last-page-link a {}
.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
.bones_page_navi li.bpn-first-page-link {} /* first page link */
.bones_page_navi li.bpn-first-page-link a {}
.bones_page_navi li.bpn-first-page-link a:hover { background: none; }
/* fallback previous & next links */
.wp-prev-next {}
.wp-prev-next ul {}
.wp-prev-next .prev-link { float: left; }
.wp-prev-next .next-link { float: right; }
.attachment .prev-next-links ul li {float:left}
.attachment .prev-next-links ul li:nth-child(n + 2) {float:right}
.attachment .post_content img {height:auto}
/******************************************************************
COMMENT STYLES
******************************************************************/
#comments { }/* h3 comment title */
#comments span { } /* number of comments span */
.comment-nav {}
.comment-nav ul {}
.comment-nav ul li {}
.commentlist { }
.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; }
.commentlist li[class*=depth-] { padding-left: 20px; margin-top: 1.1em; }
.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
.commentlist li.depth-2 {}
.commentlist li.depth-3 {}
.commentlist li.depth-4 {}
.commentlist li.depth-5 {}
.commentlist li:last-child { margin-bottom: 0; }
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-1 {} /* change number for different depth */
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .alt {}
.commentlist .odd { background: #eee; }
.commentlist .even { background: #fefefe; }
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children { border-left: 2px solid #6ac8d3; }
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist .vcard { margin-left: 55px; }
.commentlist .vcard cite.fn { font-weight: 700; font-style: normal; }
.commentlist .vcard time { float: right; }
.commentlist .vcard time a { color: #999; text-decoration: none; }
.commentlist .vcard time a:hover { text-decoration: underline; }
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar { position: absolute; left: 20px; padding: 2px; border: 1px solid #cecece; background: #fff; }
.commentlist .vcard cite.fn a.url {}
.commentlist .comment-meta {}
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}
.commentlist li .comment_content { margin-left: 55px; }
.commentlist li .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; }
.commentlist li ul { margin: 0; }
.commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; }
.commentlist a.comment-reply-link:hover { opacity: 1; }
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; }
#comment-form-title { margin: 0 0 1.1em; }
#cancel-comment-reply {}
#cancel-comment-reply a {}
.respond-form form[method=post] { margin: 0.75em 0; }
.comments-logged-in-as {}
.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 0.7335em; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { display: none; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; }
.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { background: #fff; }
.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
#allowed_tags { margin: 1.5em 10px 0.7335em 0; }
.respond-form textarea { resize: none; width: 97.3%; height: 150px; }
#submit {}
/* form validation */
.respond-form input:invalid, .respond-form textarea:invalid { border-color: #fbc2c4; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }
/* no comments */
.nocomments { margin: 0 20px 1.1em; }
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/
#sidebar1 { margin-top: 2.2em; }
.widget { padding: 0 10px; margin: 2.2em 0; }
.widget li { margin-bottom: 0.75em; }
.widget li ul { margin-top: 0.75em; padding-left: 1em; }
.widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; }
.widget_links ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_entries ul li,
.widget_archive ul li,
.widget_categories ul li
{ color: #999999; list-style: disc outside none; }
.widget_categories,
.widget_links,
.widget_meta,
.widget_pages,
.widget_recent_entries,
.widget_archive,
.widget_categories
{ list-style: none; }
/*******************************
HOME page
*******************************/
.awards {margin:0 28% 2% 28%}
#supplementary-home.three .widget-area {float: left;margin-right: 1.7%;width: 31.63%;list-style:none; text-align:left}
#supplementary-home.three .widget-area:last-of-type {margin-right:0;}
.home-nav {margin-top:-70px;border-top:none}
.homey #inner-header {min-height:92px }
#homeboy li:nth-child(n + 3) {position:absolute;right:12%}
#homeboy li:nth-child(n + 4) {float:right;position:relative;right: 0.5%;}
.home-group{border-left:1px solid #999999;border-right:1px solid #999999;margin:0 auto;width:44%;}
#home-social {
position: absolute;
right: 3%;
top:13%;
width:auto;
margin:0 auto}
.home iframe{max-height:30px}
/*********************
FOOTER STYLES
*********************/
footer[role=contentinfo] {}
footer[role=contentinfo] nav {}
.footer-links ul {}
.footer-links ul li {}
.footer-links ul li a {}
.footer-links ul li:last-child a {}
.footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {}
.footer-links ul li ul.sub-menu {}
.foot-social {
display: block;
float: left;
height: 33px;
width: 95px;
}
.attribution {}
.attribution p {margin-left:6.63em}
/********************************
site-link
********************************/
.s2link {
float: right;
position: relative;
width: auto;
font-size: 11px;
color: #999 !important;
width: auto;
margin: auto;
display: block;
text-align: right;}
} /* end of media query */
/******************************************************************
AVERAGE VIEWING SIZE
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 992px) {
body.home article {
margin: 0;
}
body {}
.wrap { max-width: 1140px; width:100%}
#container { margin:0 auto;max-width:1000px; }
/*************************************************
HEADER
*************************************************/
#branding{padding-bottom:10px;position:relative;z-index:2;}
#site-title{margin:0 auto;padding:0;text-align:center;height:101px}
#site-title a{color:#111;font-size:30px;font-weight:bold;line-height:36px;text-decoration:none;}
#site-title a:hover,
#site-title a:focus,
#site-title a:active{color:#1982d1;}
hgroup a:hover{text-decoration:none;}
#site-description{color:#503D2E;font-size:14px;margin:1em 0 1.65625em 0;float:right;text-transform:uppercase;}
#site-tagline{color:#7A7A7A;font-size:14px;margin:1em auto 0.66em;padding-bottom:1.5em;text-align:center;text-transform:uppercase;}
#home-group img{height:auto;margin-bottom:-7px;width:100%;}
#home-group img.logo-page {float:left;width:auto;}
#home-social {
right: 0;
top:20%}
.home-nav {margin-top:-70px;border-top:1px solid #999}
/*************************************************
NAVIGATION STYLES
*************************************************/
#access a { font-size: 1.1em;padding:0 1.2125em; }
#access ul{margin:0 0 0 -0.8125em;}
/*******************************
HOME page
*******************************/
.awards {margin:0 23% 2% 23%}
.awards img {margin-right: 8%;}
.home-nav {margin-top:-58px}
#homeboy li:nth-child(n + 3) {right:8%}
#homeboy li:nth-child(n + 4) {float:right;position:relative;right: 0.5%;}
.home-group{width:51%;}
.homey{border-top:1px solid #999;padding-top:20px;margin:3% 0;}
.fb_iframe_widget, .fb_ltr {width: 610px !important}
} /* end of media query */
/******************************************************************
SUPER LARGE MONITORS STYLES
This is for super wide monitors for the l33t people. If you
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1382px) {
body {}
.wrap {
max-width: 1240px;
}
} /* end of media query */
/******************************************************************
RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES
This is for the high res phones or devices.
******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
} /* end of media query */
.wed-logo {
width:100%;
}
.widget-container {
list-style: none;
}
.bones_page_navi li {
float: left;
margin-left: 10px;
}