/*--------------------------------------------------------------------
======================================================================

CF WEDDINGS
Screen Styles
Version 1.5

Nicholas Scheurich
Baton Rouge, LA 70816
225-223-8128
nick@scheurich.me
http://nick.scheurich.me

All rights reserved.

Contents:

	 1. Defaults
	 2. Global elements
	 3. Header
	 4. Footer
	 5. Front
	 6. Samples
	 7. About
	 8. Collections
	 9. Blog
	10. Contact

======================================================================
--------------------------------------------------------------------*/


@import url(reset.css);
@import url(colorbox.css);


/* 1. Defaults
--------------------------------------------------------------------*/
body {
border-top: 5px solid #444;
font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
background-color: #181818; }

form * {
font: 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; }

header, footer, nav, section, article, figure, video, div, ul, ol {
display: block;
position: relative; }


/* 2. Global elements
--------------------------------------------------------------------*/
a {
text-decoration: none;
color: #699eda;
-webkit-transition: all linear 0.3s; }

a:hover {
color: #4a81bf; }

/*a:active, a:focus {
position: relative;
top: 1px; }*/

p {
margin-bottom: 10px; }

h1, h2, .button, #main > #nav strong {
font-weight: bold; }

h1 {
font-size: 36px; }

h2 {
font-size: 24px; }

h3 {
font-size: 20px; }

div.main, #nav.front ul, #footer .colgroup {
width: 950px;
margin: auto;
padding: 0 5px; }

.amp {
font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
font-weight: normal;
font-style: italic; }

.col {
float: left; }

.button {
display: block;
padding: 10px 15px;
font-weight: bold;
line-height: 1;
text-shadow: 1px -1px 0 rgba(0,0,0,0.3);
text-transform: uppercase;
border: none;
border-bottom: 1px solid #3165a0;
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
background: #699eda;
background: -webkit-gradient(linear, left top, left bottom, from(#78a9e1), to(#699eda));
background: -moz-linear-gradient(top, #78a9e1, #699eda); }

.button:hover {
color: #fff;
background: #4a81bf;
background: -webkit-gradient(linear, left top, left bottom, from(#699eda), to(#4a81bf));
background: -moz-linear-gradient(top, #699eda, #4a81bf); }

#main {
padding-bottom: 60px;
border-top: 1px solid #151515;
border-bottom: 1px solid #222;
overflow: hidden;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/canvas.jpg) #fafafa; }


/* 3. Header
--------------------------------------------------------------------*/
#pre {
border-bottom: 1px solid #444;
text-shadow: 1px -1px 0 #000;
color: #eee;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/noise.png) #222; }

#pre .contact {
width: 950px;
margin: auto;
padding: 7px 0;
overflow: hidden;
font-size: 11px;
letter-spacing: 1px; }

#pre .contact div {
margin-left: 10px;
float: left; }

#pre .contact div:first-child {
margin-left: 0; }

#pre .contact div.email, #pre .contact div.tel {
float: right; }

#pre .contact a {
color: #888;
text-transform: uppercase;
-webkit-transition: text-shadow 0.3s ease-in-out;
-moz-transition: text-shadow 0.3s ease-in-out; }

#pre a.fn, #pre a.value {
color: #ccc; }

#pre a:hover {
opacity: 0.8; }

#pre .separator {
color: rgba(255,255,255,0.2); }

#header {
height: 110px;
margin: 40px 0 30px; }

#header .logo {
position: absolute;
left: 0;
bottom: 23px; }

#header .logo a {
width: 272px;
height: 44px;
display: block;
text-indent: -9999px;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/cinematic-emotion.png) 0 center no-repeat; }

#nav {
height: 35px;
position: absolute;
right: 0;
bottom: 30px; }

#nav ul {
float: right;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 5px rgba(0,0,0,0.3); }

#nav li {
float: left; }

#nav li a {
display: block;
height: 35px;
padding: 0 10px;
border-bottom: 1px solid #111;
border-right: 1px solid #2d2d2d;
border-right: 1px solid rgba(0,0,0,0.3);
border-left: 1px solid #484848;
font-weight: bold;
font-size: 11px;
line-height: 37px;
text-shadow: 1px -1px 0 rgba(0,0,0,0.3);
text-transform: uppercase;
transition: background 0.3s;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-o-transition: background 0.3s;
color: #fff;
background: #222;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
background: -moz-linear-gradient(top, #444, #222); }

#nav li a:hover {
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
background: -moz-linear-gradient(top, #444, #333); }

#nav li a.current {
background: #555;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));
background: -moz-linear-gradient(top, #666, #555); }

#nav li:first-child a {
padding-left: 12px;
border-right: 1px solid #2d2d2d;
border-right: 1px solid rgba(0,0,0,0.3);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;
-o-border-top-left-radius: 5px;
-o-border-bottom-left-radius: 5px; }

#nav li:last-child a {
padding-right: 12px;
border-left: 1px solid #484848;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-o-border-top-right-radius: 5px;
-o-border-bottom-right-radius: 5px; }


/* 4. Footer
--------------------------------------------------------------------*/
#footer {
border-top: 1px solid #444;
font-size: 12px;
text-shadow: 1px -1px 0 #000;
color: #bbb;
background: url(noise.png) #222; }

#footer h2 {
margin-bottom: 14px;
font-weight: 700;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
color: #ccc; }

#footer .colgroup {
padding: 60px 0;
overflow: hidden; }

#footer .col {
width: 290px;
margin-right: 70px;
float: left;
overflow: hidden; }

#footer .connect .networks {
padding-bottom: 20px;
border-bottom: 1px solid #000;
overflow: hidden; }

#footer .connect .networks li {
float: left;
margin-right: 15px; }

#footer .connect .networks a {
display: block;
height: 16px;
text-indent: -9999px;
opacity: 0.9;
-webkit-transition: opacity 0.3s;
background-position: 0 center;
background-repeat: no-repeat; }

#footer .connect .networks a:hover {
opacity: 0.7; }

#footer .connect .networks a.vimeo {
width: 56px;
background-image: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/vimeo.png); }

#footer .connect .networks a.twitter {
width: 69px;
background-image: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/twitter.png); }

#footer .connect .networks a.facebook {
width: 71px;
background-image: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/facebook.png); }

#footer .connect .tweets {
padding-top: 15px;
border-top: 1px solid #333; }

#footer .connect .alt .tweets {
padding: 0 0 15px 0;
border-top: none;
border-bottom: 1px solid #000; }

#footer .connect .alt .facebook {
padding-top: 15px;
border-top: 1px solid #333; }

#footer .connect .tweets li {
margin-bottom: 10px;
padding: 10px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
background: #111;
background: rgba(0,0,0,0.1); }

#footer .connect .tweets p {
margin: 0; }

#footer .connect .tweets .entry-content {
margin-bottom: 2px; }

#footer .connect .tweets .entry-content a {
color: #999; }

#footer .connect .tweets .entry-time {
font-size: 11px;
text-align: right; }

#footer .connect .tweets .entry-time a {
color: #888; }

#footer .praise .testimonials li {
display: none; }

#footer .praise .cite {
width: 234px;
float: left;
font-weight: bold;
line-height: 19px;
vertical-align: middle; }

#footer .praise .controls {
width: 41px;
float: right; }

#footer .praise .controls li {
margin-right: 5px;
float: left; }

#footer .praise .controls li:last-child {
margin-right: 0; }

#footer .praise .controls a {
display: block;
width: 18px;
height: 19px;
text-indent: -9999px;
opacity: 0.4;
-webkit-transition: opacity 0.3s;
background-image: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/back-forth-small.png); }

#footer .praise .controls a:hover {
opacity: 0.6; }

#footer .praise .controls a.next {
background-position: -18px 0; }

#footer .vcard {
width: 230px;
margin-right: 0; }

#footer .vcard div {
font-weight: bold; }

#footer .vcard .value {
font-weight:  normal;
color: #eee;
color: rgba(255,255,255,0.8); }

#footer .vcard .tel {
margin-bottom: 10px; }

#footer p.hire a {
margin-top: 10px;
float: left;
font-size: 10px; }

#footer .copyright {
padding-top: 40px;
clear: left; }


/* 5. Front
--------------------------------------------------------------------*/
.front #header {
margin-bottom: 50px; }

.front .intro {
height: 400px;
margin-bottom: 60px;
position: relative;
overflow: hidden; }

.front .blurb {
width: 290px;
height: 300px;
border: 1px solid #111;
border: 1px solid rgba(0,0,0,0.1);
overflow: hidden;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
color: #f5f5f5;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.8);
-o-box-shadow: 0 0 5px rgba(0,0,0,0.8);
background: #222;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.8)));
background: -moz-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.8)); }

.front .strap {
padding: 20px;
border-bottom: 1px solid #151515;
border-bottom: 1px solid rgba(0,0,0,0.8);
font-weight: normal;
font-size: 19px;
line-height: 1.5;
text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
background: #252525;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.2)));
background: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.2)); }

.front .strap + p {
padding: 20px;
border-top: 1px solid #333;
border-top: 1px solid rgba(255,255,255,0.1);
color: rgba(255,255,255,0.9);
text-shadow: 1px 1px 0 rgba(0,0,0,0.6); }

.front .blurb .button {
margin-right: 20px;
float: right;
font-size: 12px; }

.front .blurb .button span {
padding: 5px 40px 5px 10px;
display: block;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/ui/forward.png) right center no-repeat; }

.front .intro img {
position: absolute;
top: -30px;
z-index: 9; }

.front .intro .video {
position: absolute; }

nav.secondary {
padding: 45px 0 60px;
clear: both;
overflow: hidden;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/border.png) center top no-repeat; }

nav.secondary li {
width: 110px;
margin-left: 70px;
float: left; }

nav.secondary li:first-child {
margin-left: 60px;
border-left: none; }

nav.secondary li.hire {
margin-right: 0; }

nav.secondary a {
display: block;
font-size: 9px;
letter-spacing: 2px;
text-transform: uppercase;
color: #666; }

nav.secondary a strong {
display: block;
font-weight: 700;
font-size: 16px;
letter-spacing: 0;
text-shadow: 1px -1px 0 rgba(0,0,0,0.1);
color: #444;
-webkit-transition: color 0.3s; }

nav.secondary a:hover strong {
color: #4a81bf; }


/* 6. Samples
--------------------------------------------------------------------*/
.films #vimeo {
position: relative;
overflow: hidden;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/noise.png) #222;
-moz-border-radius: 3px; }

.films #vimeo .viewer {
width: 930px;
height: 523px;
padding: 9px;
border: 1px solid #eee;
border-bottom: 1px solid #111;
background: #fff; }

.films #vimeo .thumbnails {
padding-left: 160px;
border-top: 1px solid #555;
overflow: hidden; }

.films #vimeo .thumbnails ul {
width: 630px;
height: 125px;
position: relative;
overflow: hidden; }

.films #vimeo .thumbnails li {
width: 100px;
border: 5px solid #fafafa;
position: absolute;
top: 20px; }

.films #vimeo .thumbnails li img {
width: 100%;
display: block; }

.films #vimeo .prev, .films #vimeo .next {
display: block;
width: 55px;
height: 54px;
position: absolute;
bottom: 36px;
text-indent: -9999px; }

.films #vimeo .active {
opacity: 0.5; }

.films #vimeo .active:hover {
opacity: 0.6; }

.films #vimeo .inactive {
opacity: 0.1; }

.films #vimeo .prev {
left: 30px;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/prev-next-2.png) 0 0; }

.films #vimeo .next {
right: 30px;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/prev-next-2.png) 55px 0; }

.films #main .footer {
margin-top: 20px;
overflow: hidden; }

.films #main .footer p {
padding-top: 5px;
margin-bottom: 0;
float: left;
font-size: 12px;
opacity: 0.9; }

.films #main .footer p a {
opacity: 0.95;
-webkit-transition: opacity 0.3s; }

.films #main .footer p a:hover {
opacity: 0.7; }

.films #main .footer p img {
width: 50px; }

.films #main .footer .button {
font-size: 10px;
float: right; }


/* 7. About
--------------------------------------------------------------------*/
.about #about {
width: 590px;
margin: auto;
font-size: 14px; }

.about #about h2 {
margin: 30px 0 5px;
padding-top: 20px;
border-top: 1px solid #f8f8f8;
border-top: 1px solid rgba(0,0,0,0.05);
font: 26px/1.5 Georgia; }

.about #about h2:first-child {
margin-top: 0;
padding-top: 0;
border-top: none; }

.about #about img {
width: 590px;
margin-top: 5px; }


/* 8. Collections
--------------------------------------------------------------------*/
.pricing #header {
margin-bottom: 40px; }

.pricing #collections {
width: 828px;
margin: 0 auto 40px;
padding: 40px;
overflow: hidden; }

.pricing #collections > li {
width: 276px;
float: left;
text-align: center;
position: relative;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 5px rgba(0,0,0,0.2); }

.pricing #collections > li:first-child + li {
transform: scale(1.09);
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-o-transform: scale(1.09);
z-index: 99; }

.pricing #collections .title {
padding: 20px;
border: 1px solid #4a81bf;
border-bottom: 1px solid #3c72af;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
color: #fff;
background: #699eda;
background: -webkit-gradient(linear, left top, left bottom, from(#699eda), to(#4a81bf));
background: -moz-linear-gradient(top, #699eda, #4a81bf); }

.pricing #collections .title h3 {
font-size: 18px;
text-transform: uppercase; }

.pricing #collections .title h3 + p {
font-size: 17px;
color: #f8f8f8;
color: rgba(255,255,255,0.85); }

.pricing #collections .title h3 + p + p {
color: #f5f5f5;
color: rgba(255,255,255,0.75); }

.pricing #collections .info {
padding: 20px;
border: 1px solid #ccc;
border-top: none;
color: #555;
background: #f8f8f8;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
background: -moz-linear-gradient(top, #fff, #f8f8f8); }

.pricing #collections .info li {
margin-bottom: 5px; }

.pricing #collections .info em {
font-weight: bold;
font-style: normal; }

.pricing #collections .info .button {
width: 120px;
margin: 20px auto 0;
border-color: #444;
background: #555;
background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555));
background: -moz-linear-gradient(top, #777, #555); }

.pricing #options {
width: 428px;
margin-left: 60px;
padding: 20px;
float: left;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 4px rgba(0,0,0,0.2);
background: #f8f8f8;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
background: -moz-linear-gradient(top, #fff, #f8f8f8); }

.pricing #options dt {
margin-bottom: 10px;
font-weight: bold;
font-size: 15px;
text-transform: uppercase; }

.pricing #options dt .cost {
color: #666; }

.pricing #options dd {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid rgba(0,0,0,0.05);
overflow: hidden; }

.pricing #options dd:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }

.pricing #options dd p {
margin-bottom: 10px; }

.pricing #options dd p + p {
margin-right: 10px;
padding: 2px 0;
float: left;
font-weight: bold;
font-size: 12px;
color: #555;
text-transform: uppercase; }

.pricing #options dd ul {
float: left; }

.pricing #options dd ul li {
margin-right: 5px;
padding: 4px 8px;
float: left;
font-size: 11px;
line-height: 1;
letter-spacing: 1px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
color: #fff;
background: #5489c6; }

.pricing #options dd ul li a {
color: #fff; }

.pricing #options dd ul li + li {
background: #699eda; }

.pricing #options dd ul li + li + li {
background: #7fb0e7; }

.pricing #extras {
width: 350px;
margin-right: 60px;
float: right; }

.pricing #extras li {
width: 308px;
margin-bottom: 10px;
padding: 20px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.1);
float: left;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 4px rgba(0,0,0,0.2); }

.pricing #extras li img {
width: 120px;
float: right; }

.pricing #extras li div {
width: 180px;
float: left;
text-align: right; }

.pricing #extras li h3 {
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase; }

.pricing #more-info {
display: none; }

.pricing .more-info em {
font-weight: bold;
font-style: normal; }

.pricing .more-info h1 {
margin-bottom: 10px;
padding: 10px 15px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.1);
font-size: 18px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 4px rgba(0,0,0,0.2);
background: #222;
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
background: -moz-linear-gradient(top, #333, #222); }

.pricing .more-info h1 + p {
margin-bottom: 10px;
font-size: 16px;
color: #999; }

.pricing .more-info h2 {
margin: 10px 0;
font-size: 14px; }

.pricing .more-info ul {
padding-left: 20px;
list-style: outside disc; }


/* 9. Blog
--------------------------------------------------------------------*/
.blog #entries {
width: 590px;
float: left; }

.blog #entries header {
margin-bottom: 10px;
border-bottom: 1px solid #eee; }

.blog #entries .hentry {
margin-bottom: 40px; }

.blog #entries .hentry p {
overflow: hidden; }

.blog #entries .hentry img {
padding: 5px;
border: 1px solid #ccc;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 4px rgba(0,0,0,0.2); }

.blog #entries .hentry img.alignleft {
margin: 0 15px 15px 0;
float: left; }

.blog #entries .hentry img.alignright {
margin: 0 0 15px 15px;
float: right; }

.blog #entries .entry-title {
margin-bottom: 5px;
font-size: 22px;
text-transform: uppercase; }

.blog #entries .entry-date {
font-size: 12px;
text-transform: uppercase; }

.blog #entries .entry-content {
padding-bottom: 10px;
border-bottom: 1px solid #ccc; }

.blog #entries .entry-meta {
border-top: 1px solid #eee;
border-bottom: 5px solid #555;
overflow: hidden; }

.blog #entries .entry-meta div {
margin-right: 10px;
padding: 10px 0;
float: left; }

.blog #entries .entry-meta div:last-child {
margin-right: 0;
padding-left: 10px;
float: right;
border-left: 1px dotted #ccc; }

.blog #entries .entry-meta ul {
float: left; }

.blog #entries .entry-meta ul li {
margin-right: 5px;
float: left;
line-height: 20px; }

.blog #entries .entry-meta ul li:last-child {
margin-right: 0; }

.blog #entries .entry-meta h3 {
margin-right: 8px;
float: left;
font-size: 13px;
line-height: 20px;
text-transform: uppercase; }

.blog .sidebar {
width: 290px;
float: right; }

.blog .sidebar > li {
margin-bottom: 20px; }

.blog .sidebar h2 {
margin-bottom: 5px;
padding: 5px 0;
border-top: 3px solid #666;
border-bottom: 1px dotted #ccc;
font-size: 16px;
line-height: 1; }

.blog .facebook {
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/ui/facebook-16x16.png); }

.blog .twitter {
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/ui/twitter-16x16.png); }

.blog .feed {
padding-left: 24px;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/ui/feed-16x16.png) 0 center no-repeat; }

.blog .browsing-by {
padding: 10px;
background: #e2effe;
border: 1px solid rgba(0,0,0,0.05);
font-size: 12px;
text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px; }


/* 10. Contact
--------------------------------------------------------------------*/
.contact #main form {
width: 568px;
float: left; }

.contact .right-col {
	width: 290px;
	float: right;
}

.contact form #extra-info {
display: block; }

.contact form legend {
display: none; }

.contact form li {
margin-bottom: 20px;
overflow: hidden;
position: relative; }

.contact form li .valid {
width: 29px;
height: 29px;
float: left;
text-indent: -9999px;
background-position: center;
background-repeat: no-repeat; }

.contact form label {
width: 150px;
margin-right: 20px;
padding: 5px 0;
float: left;
font-weight: bold;
color: #555; }

.contact form input[type=text], .contact form input[type=email], .contact form input[type=tel] {
width: 300px;
padding: 5px;
border: 1px solid #bbb;
border: 1px solid rgba(0,0,0,0.1);
float: left;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
display: block; n}

.contact select {
margin-top: 10px;
line-height: 1.5;
float: left;
padding: 2px;
border: 1px solid #bbb;
border: 1px solid rgba(0,0,0,0.1); }

.contact textarea {
display: block;
width: 344px;
height: 160px;
padding: 5px;
border: 1px solid #bbb;
border: 1px solid rgba(0,0,0,0.1);
float: left;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px; }

.contact form #extra-info {
display: none;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #f8f8f8;
border-top: 1px solid rgba(0,0,0,0.05); }

.contact form .extra-info {
margin-top: 40px;
padding: 20px;
clear: both;
overflow: hidden;
background: #f8f8f8;
background: rgba(0,0,0,0.03); }

.contact form #extra-info div {
overflow: hidden; }

.contact form #extra-info div input {
margin-left: 140px; }

.contact form .extra-info .button {
height: 36px;
margin-right: 10px;
padding: 0 10px;
float: right;
font-size: 12px;
line-height: 36px;
cursor: pointer; }

.contact form .extra-info a.button {
border-color: #222;
background: #444;
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
background: -moz-linear-gradient(top, #555, #444); }

.contact form .extra-info + p {
margin: 20px 0 0 0;
font-size: 13px;
color: #666; }

.contact #main .vcard {
padding-bottom: 15px;
font-weight: bold;
border-bottom: 1px solid rgba(0,0,0,0.1); }

.contact #main .vcard .value {
font-weight: normal; }

.contact #main .vcard h2 {
font-size: 16px;
line-height: 1;
text-transform: uppercase;
margin-bottom: 10px; }

.contact #main .vcard div, .contact #main .vcard p {
margin-bottom: 5px; }

.contact #main .add-to {
padding-left: 24px;
background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/ui/vcard-16x16.png) 0 center no-repeat; }

.contact #main #based-in {
	width: 100%;
	height: 184px;
	border-top: 1px solid #fff;
	text-indent: -9999px;
	opacity: 0.9;
	background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/site/based-in-la.png) center 40px no-repeat;
}

.contact #sent-alert h1 {
margin-bottom: 10px;
padding: 10px 15px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.1);
font-size: 18px;
text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
-o-box-shadow: 0 0 4px rgba(0,0,0,0.2);
background: #222;
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
background: -moz-linear-gradient(top, #333, #222); }


/*///////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

.front .upper {
	height: 374px;
	margin-bottom: 60px;
	position: relative;
}


#homepage-video {
	width: 629px;
	height: 354px;
	padding: 9px;
	border: 1px solid #eee;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background: #fff;
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

#homepage-video iframe {
	background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/ui/flower-loader.png) center no-repeat;
}

#homepage-blurb {
	padding: 20px 20px 20px 680px;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 1;
	text-shadow: 0 -1px 0 #fff;
	background: rgba(0,0,0,0.03);
}

#homepage-blurb h2 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.3;
}

#homepage-blurb p {
	margin-bottom: 30px;
}

#homepage-blurb .button {
	float: right;
	font-size: 12px;
	line-height: 1;
}

#homepage-blurb .button span {
	padding: 3px 30px 3px 10px;
	display: block;
	background: url(http://cfweddings.net/wp-content/themes/cfweddings/assets/img/ui/frontwards.png) right center no-repeat;
}

.front .secondary img {
	height: 24px;
}

nav.secondary {
	overflow: visible;
}

nav.secondary ul {
	position: relative;
}

nav.secondary li {
	width: auto;
	margin: 0 0 0 30px;
	border: none;
}

nav.secondary li:first-child {
	margin: 0 0 0 60px;
}

nav.secondary li a {
	opacity: 0.7;
}

nav.secondary li a:hover {
	opacity: 0.5;
}

nav.secondary li.smp {
	position: absolute;
	top: -70px;
	right: 60px;
}

nav.secondary li.smp a {
	opacity: 1;
}

nav.secondary li.smp a:hover {
	opacity: 1;
	-webkit-transform: rotate(-5deg);
}

nav.secondary li.smp img {
	height: 140px;
}

#collections-info {
	width: 930px;
	height: 400px;
	padding: 9px;
	border: 1px solid #eee;
	position: relative;
	background: url(../img/site/investment-poster.jpg) 10px 10px no-repeat #fff;
}

#collections-info .blurb {
	width: 290px;
	border: 1px solid #111;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 10;
	overflow: hidden;
	color: #f5f5f5;
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.9)), to(rgba(0,0,0,0.8)));
	background: -moz-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0.8));
	-webkit-border-radius: 4px; -moz-border-radius: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.8);
}

#collections-info .blurb .strap {
	padding: 20px;
	border-bottom: 1px solid #151515;
	border-bottom: 1px solid rgba(0,0,0,0.8);
	font-weight: normal;
	font-size: 19px;
	line-height: 1.5;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	background: #252525;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.2)));
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.2));
}

#collections-info .blurb .strap + p {
	padding: 20px;
	border-top: 1px solid #333;
	border-top: 1px solid rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
}

#collections-info .blurb .button {
	margin: 0 20px 20px 0;
	float: right;
	font-size: 12px;
}

.hentry header {
	overflow: hidden;
}

.hentry .entry-date {
	float: left;
}

.hentry .entry-comments {
	margin-left: 10px;
	float: left;
	font-weight: bold;
	font-size: 12px;
}

.hentry .entry-comments a {
	color: #444;
}