/*
Theme Name: The Wedding
Theme URI: http://www.themewarrior.com
Description: The Wedding WordPress theme, designed by <a href="http://www.themewarrior.com" target="_blank">ThemeWarrior</a>.
Author: ThemeWarrior
Version: 1.1.7
License: GNU General Public License
License URI: license.txt
Tags: two-columns, fixed-width, custom-colors, custom-menu, theme-options, threaded-comments
*/

/* 
PLEASE DON'T EDIT THIS FILE
If you want to add or modify the styles please do it from the custom.css file inside the theme folder, or for best practice do your customization in a child theme http://codex.wordpress.org/Child_Themes. It will make it easier for you to update your theme when we release a theme updates.
*/

@import url("css/reset.css");


body, input, select, textarea {
	font: 300 13px/1.8em Georgia, serif;
}

/* -----------------------------------
	Headings Styles 
-----------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font: 400 italic 1em/1.1em 'Lora', serif;
	margin: 1em 0;
	clear: both;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}

hr {
	border: 0;
	height: 1px;
	margin-bottom: 1.8em;
}

/* -----------------------------------
	Text Elements Styles 
-----------------------------------*/
p {
	margin-bottom: 1.2em;
}
ul, ol {
	margin: 0 0 1.2em 1.75em;
}
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.2em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.2em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Times New Roman";
	font-style: italic;
	font-weight: normal;
	margin: 0 1.2em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font-size: 0.85em;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #fcfcfc;
	font: 13px Courier, monospace;
	line-height: 2;
	margin-bottom: 1.2em;
	overflow: auto;
	padding: 0.3em 0.7em;
	max-width: 90%;
}
code, kbd {
	font: 0.85em Courier, monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.2em;
}
ins {
	background: #fcfcfc;
	text-decoration: none;
}
sup,
sub {
	font-size: 12px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: 0.5ex;
}

/* -----------------------------------
	Forms Styles 
-----------------------------------*/
input,
textarea {
	outline: none;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input#s,
input#author,
input#email,
input#url,
input[type=text],
input[type=password] {
	padding: 3px;
}
input#submit,
input#searchsubmit,
input[type=submit] {
	font-style: italic;
	padding: 3px 12px;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Links */
a {
	text-decoration: none;
}
a:focus,
a:hover {
	text-decoration: underline;
}

/* Images */
img {
	max-width: 100%;
	height: auto;
}

/* Clear Mode */
.clearfix:after {
    clear: both;
}
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}



/* -----------------------------------
	Commons Styles 
-----------------------------------*/
body {
}

#maintenance-notice {
	text-align: center;
	background: #ff0000;
	color: #ffff00;
	padding: 5px 0;
}

/* Main container style */
.container {
	width: 910px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


/* -----------------------------------
	Header Styles 
-----------------------------------*/
#header {
	width: 860px;
	margin: 0 26px 0 24px;
}
#header .logo {
	margin: 40px 0 20px;
	text-align: center;
	clear: both;
}
#header .logo a {
	display: inline-block;
	margin: 0;
}

/* -----------------------------------
	Menu Styles 
-----------------------------------*/
#access {
	height: 50px;
	position: relative;
	text-align: center;
}
#access .menu-before,
#access .menu-after {
	width: 14px;
	height: 14px;
	position: absolute;
	top: -14px;
}
#access .menu-before {
	left: 0;
}
#access .menu-after {
	right: 0;
}
#access .menu-wrapper {
	height: 50px;
	position: relative;
}
#access .menu-control {
	display: none;
}
#access .menu-control a {
	text-decoration: none !important;
	font-size: 1.2em;
}

#access ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
#access ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 20px;
	position: relative;
}
#access ul li:last-child a {
	border-right: none !important;
}
#access ul li a {
	display: block;
	font: 400 18px/1em 'Lora', serif;
	padding: 16px 10px;
	text-decoration: none !important;
}

/* Child Menu */
#access ul ul {
	display: block;
	width: 200px;
	text-align: left;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 1000;
}
#access ul ul li {
	display: block;
	width: 100%;
}
#access ul ul li a {
	border-right: none !important;
}
#access ul ul ul {
	top: 0;
	left: 100%;
}

#access ul li a.sf-with-ul {
	padding-right: 30px;
}

#access ul li a.sf-with-ul span.sf-sub-indicator {
	height: auto;
	background: none;
	text-indent: 0;
	top: .9em;
}

/* -----------------------------------
	Main Content Styles 
-----------------------------------*/
#main-content {
	width: 860px;
	margin: 0 26px 0 24px;
	padding: 40px 0 10px;
}
.home #main-content {
	padding: 0;
}
#leftcol {
	float: left;
	width: 580px;
	margin: 0 20px;
}
#leftcol.wide {
	float: none;
	width: 95%;
}
#rightcol {
	float: left;
	width: 220px;
}

body.home #leftcol,
body.home #leftcol.wide,
body.home #rightcol {
	padding-top: 20px;
}

/* -----------------------------------
	Featured Slider Styles 
-----------------------------------*/
#featured {
	position: relative;
}
#featured .image {
	display: none;
	-webkit-backface-visibility: hidden; /* Hide the slides before the JS is loaded. Avoids image jumping */
}
#featured .image img {
	display: block;
	width: 100%;
}
#featured .control-paging {
	display: block;
	height: 15px;
	padding: 5px 10px;
	position: absolute;
	bottom: 35px;
	right: 25px;
	z-index: 9;
	line-height: 15px;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
#featured .control-paging li {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 2px;
	list-style: none;
}
#featured .control-paging li a {
	display: block;
	width: 15px;
	height: 0;
	padding: 15px 0 0;
	overflow: hidden;
	cursor: pointer;
}
#featured .control-paging li a.active {
	cursor: default;
}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.flexslider,
.flexslider .slides {zoom: 1;}


/* -----------------------------------
	Countdown and Countup Styles 
-----------------------------------*/
#count {
	position: absolute;
	bottom: 30px;
	left: 0;
	z-index: 10;
}
#count .title {
	font: 400 normal 30px 'Dancing Script', serif;
	margin: 0 0 20px 20px;
	padding: 0;
}
#count .timer {
	height: 65px;
	margin: 0 0 0 15px;
	padding: 0 3px;
	font: 11px Arial;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#count .timer div {
	font-family: Arial, Helvetica, sans-serif !important;
	text-align: center;
	display: block;
	float: left;
	width: 60px;
	height: 45px;
	margin: 0;
	padding: 10px 0;
	line-height: 15px;
}
#count .timer div.last {
	border-right: 0;
}
#count .timer strong {
	display: block;
	font-size: 30px;
	line-height: 30px;
}

/* -----------------------------------
	About Couple Styles 
-----------------------------------*/
#about-couple {
	margin-bottom: 20px;
}
#about-couple h2.title {
	line-height: 100%;
	margin: 0;
	padding: 17px 0;
}
#about-couple .groom,
#about-couple .bride {
	display: block;
	width: 380px;
	margin: 0 20px 0 0;
	padding: 20px 20px 10px;
	float: left;
	position: relative;
}
#about-couple .bride {
	margin: 0 !important;
}
#about-couple .groom .title,
#about-couple .bride .title {
	font: 400 italic 24px/40px 'Lora', serif;
	margin: 0 0 10px;
}
#about-couple .photo {
	float: left;
	height: 100px !important;
	width: 100px !important;
	margin: 0 10px 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#about-couple .bg {
	width: 115px;
	height: 115px;
	position: absolute;
	top: 62px;
	left: 14px;
	z-index: 1000;
}

.heading {
	height: 70px;
	text-align: center;
	clear: both;
}
.heading .title {
	font: 700 italic 36px/70px 'Lora', serif;
}

/* -----------------------------------
	Posts Styles 
-----------------------------------*/
.hentry {
	margin: 0 0 30px;
	position: relative;
}
.hentry.sticky {
	padding: 18px 20px;
}
h1.title,
#respond #reply-title {
	font: 900 italic 30px/35px 'Lora', serif;
	margin: 0 0 20px;
	padding: 0;
}

.meta {
	font-size: 11px;
	font-style: italic;
}
.meta a,
.meta abbr {
	border: 0;
}

.hentry h2.title {
	font-size: 25px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}
.hentry.event h2.title {
	margin-bottom: 0.5em;
}
.hentry .meta,
.page .hentry .meta {
	line-height: 16px;
	margin: 10px 0 25px;
}
.hentry .meta span,
.hentry .meta .edit-post {	
	display: inline-block;
	height: 16px;
	padding: 0 0 0 20px;
	margin: 0 1em 0 0;
}
.post-content .thumb {
	float: left;
	width: 200px;
	margin: 0 10px 10px 0;
}
.hentry .tags {
	margin-bottom: 0 !important;
}
.hentry .tags span {
	margin: 0 0.5em 0 0;
	font-style: normal;
	font-weight: bold;
}
.comment-count {
	position: absolute;
	top: 0;
	right: 0;
}

.hentry .entry .thumb {
	float: left;
	width: 150px;
	margin: 0 15px 15px 0;
}

.excerpt p {
	margin: 0;
}

.event-info li {
	list-style: none;
}

.thumb img,
#gallery-images img.attachment-gallery-thumb {
	padding: 2px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 3px #eee;
	-moz-box-shadow: 0 1px 3px #eee;
	-webkit-box-shadow: 0 1px 3px #eee;
}

/* -----------------------------------
	RSVP Form Styles 
-----------------------------------*/
#rsvp-form {
	margin: 0 0 1.5em;
}

#rsvp-form p {
	margin-bottom: 1em;
}

#rsvp-form label {
	display: inline-block;
	width: 30%;
}

#rsvp-form input {
	width: 50%;
	padding: 3px;
}

#rsvp-form input#rsvp-submit {
	width: auto;
	padding: 3px 12px;
}

#rsvp-form select {
	min-width: 15%;
	padding: 2px;
}

.rsvp .alert {
	margin: 0 0 20px;
	display: block;
	color: #000;
	font-style: italic;
}

.rsvp .alert p {
	margin: 0;
}

.rsvp .alert.error {
	color: red;
}


/* -----------------------------------
	Footer Styles 
-----------------------------------*/
#footer {
	width: 860px;
	margin: 0 26px 0 24px;
	padding: 30px 0 20px;
	font: 400 11px/1.5em 'Lora', serif;
}
#footer .col-1,
#footer .col-2 {
	display: block;
	float: left;
	width: 390px;
	margin: 0 20px;
}
#footer .copyright {
	text-transform: capitalize;
	font-size: 18px;
	line-height: 25px;
	margin-top: 5px;
}
#footer .col-2 {
	text-align: right;
}
#footer .col-2 p {
	margin-top: 5px;
}
#footer .col-2 p img {
	display: inline-block;
	margin-bottom: -3px;
}
#footer .socialmedia a {
	display: inline-block;
	margin-left: 10px;
	opacity: 0.3;
}
#footer .socialmedia a:hover {
	opacity: 1;
}

/* -----------------------------------
	Comment Styles 
-----------------------------------*/
#comments,
#respond {
	margin: 0 0 30px;
}
#comments .title,
#respond #reply-title {
	font-size: 18px;
	margin: 0 0 30px;
	line-height: 30px;
}
.commentlist {
	margin: 0;
	padding: 0;
}
#comments .children {
	margin: -1px 0 0;
	padding: 0 0 0 20px;
}
.commentlist .comment {
	margin: 0 0 -1px;
	padding: 0;
	list-style: none;
}
.comment-wrapper {
	padding: 15px 15px 0;
}
.comment-meta {
	position: relative;
	padding-right: 50px;
	line-height: 20px;
	margin: 0 0 10px;
}
.comment-meta .avatar {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	height: 34px;
	width: 34px;
}
.comment-meta .author {
	font-size: 11px;
}
.comment-meta .author .title {
	font: 700 italic 14px/20px 'Lora', serif !important;
	padding-right: 0.5em;
	margin: 0 !important;
}
.comment-count,
.comment-meta .reply,
#respond #cancel-comment-reply-link {
	font: 400 normal 14px 'Dancing Script', serif;
}
.comment-meta .reply {
	position: absolute;
	top: 0;
	right: 0;
}
.comment-meta .reply a:hover {
	text-decoration: none;
}

p.moderate {
	font-style: italic;
	color: #881010;
}

/* Comment Form */
#respond #reply-title {
	margin: 20px 0;
}
#respond #cancel-comment-reply-link {
	float: right;
}
#respond p {
	margin: 0;
	clear: both;
}
#respond label {
	font-style: italic;
	line-height: 2em;
	display: block;
	clear: both;
}
#respond .input span {
	display: block;
	float: left;
	width: 33.333%;
}
#respond .input span,
#respond .text,
#respond .logged-in-as {
	margin: 0 0 1em;
}
#respond .input input {
	width: 90%;
}
#respond .form-submit {
	margin: 0;
}
#respond .form-submit #submit {
	padding: 3px 12px;
}

/* -----------------------------------
	Widget Styles 
-----------------------------------*/
.widget-sidebar {
	margin: 0 0 30px;
	padding: 14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.widget-sidebar .title {
	font: 400 14px/16px 'Lora', serif;
	text-transform: uppercase;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
}

.widget-sidebar ul {
	margin: 0 0 0 24px;
}

/* Warrior Twitter */
.warrior_twitter ul {
	margin: 0;
	padding: 0;
}
.warrior_twitter li {
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
}
.warrior_twitter .follow {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

/* Warrior Flickr */
.warrior_flickr a {
	display: block;
	float: left;
	width: 85px;
	height: 85px;
	margin: 10px 10px 10px 0;
	padding: 0;
}
.warrior_flickr img {
	height: 100%;
	width: 100%;
}

/* Warrior Flickr */
.warrior_about .thumb {
	display: inline-block;
	float: left;
	margin: 5px 10px 5px 0;
}

/* Warrior Social */
.warrior_social p {
	display: inline-block;
	margin: 0 -1px;
}
.warrior_social a {
	display: block;
	float: left;
	height: 22px;
	margin: 0 1px;
}
.warrior_social img {
	width: 22px;
	height: 22px;
}


/* Tag Clouds */
.tagcloud {
	line-height: 2em;
}

/* Calendar */
#wp-calendar {
	width: 100%;
}

#wp-calendar caption,
#wp-calendar th {
	text-align: center;
}

#wp-calendar caption {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 0.3em;
}

#wp-calendar tbody td,
#wp-calendar #next {
	text-align: right;
}

#wp-calendar tbody td a {
	font-weight: bold;
}

/* Search */
.widget_search label {
	display: none;
}
.widget_search input#s {
	width: 110px;
}

/* RSS */
.widget_rss .title img {
	float: right;
}

/* -----------------------------------
	Navigation Styles 
-----------------------------------*/
.navigation {
	margin: 0 0 30px;
}

.navigation .prev,
.navigation .next {
	display: block;
	float: left;
	width: 50%;
}
.navigation .next {
	float: right;
	text-align: right;
}

.navigation a {
	font-style: italic;
	font-weight: normal;
	padding: 5px 12px;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.hentry .navigation {
	font-weight: bold;
}
.hentry .navigation span {
	font-weight: normal;
}


/* WP-Pagenavi */
.wp-pagenavi {
}
.wp-pagenavi span {
	border: 0 !important;
}

/* -----------------------------------
	Gallery Styles 
-----------------------------------*/
#gallery-images {
}
.gallery-term a.current {
	text-decoration: underline;
}
#gallery-images ul {
	width: 850px;
	margin: 0;
	padding: 0;
}
#gallery-images ul li {
	float: left;
	width: 250px;
	list-style: none;
	margin: 0 30px 15px 0;
}
div.type-gallery {
	float: none;
	clear: none;
}
#gallery-images a.thickbox,
#gallery-images .thumb a {
	display: block;
	width: 100%;
	height: 100%;
}
#gallery-images a.thickbox:hover,
#gallery-images .thumb a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#gallery-images .thumb {
	margin-bottom: 10px;
}

/* -----------------------------------
	Standard WordPress Styles 
-----------------------------------*/
/* Post */
.aligncenter {
	width: auto !important;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Image */
.hentry img {
	max-width: 100%;
	height: auto;
}

img.size-full {
	max-width: 580px;
	margin-bottom: 10px;
}

img.centered  {
	display: block;
	margin: 0 auto;
}

img.alignnone {
	display: inline;
}

img.alignright {
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
}

img.alignleft {
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
}

.wp-caption {
	margin: 0 0 20px 0;
	padding: 0;
}

div.alignnone {
	margin: 0 0 20px 0;
	padding: 0;
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	font-style: italic;
	text-align: center;
	margin: 0;
	line-height: 100%;
}

.gallery {
	float: left;
	clear: both;
}

.gallery-item {
	width: 150px !important;
	margin-right: 20px;
}

.gallery dl.gallery-item img {
}

.gallery dl.gallery-item img:hover {
}

.gallery dd.gallery-caption {
	width: auto;
	font-size: 11px;
}

/* -----------------------------------
	Responsive Layout
-----------------------------------*/
@media only screen and (min-width: 801px) {
	#access ul#main-menu {
		display: inline-block !important;
	}
	#featured {
		height: 540px;
	}
}

@media only screen and (max-width: 800px) {
	body,
	.container {
		width: auto;
		margin: 0;
		padding: 0;
	}
	#header,
	#main-content,
	#about-couple .groom,
	#about-couple .bride,
	#footer {
		width: auto;
		margin: 0;
		clear: both;
	}
	
	#header .logo a {
		max-width: 100%;
	}

	#access,
	#access .menu-wrapper {
		height: auto !important;
	}
	#access .menu-before,
	#access .menu-after,
	#access ul {
		display: none;
	}
	#access .menu-control {
		display: block;
	}
	#access ul li,
	#access ul li a {
		display: block;
		clear: both;
		float: none;
		text-align: left;
		border: 0 !important;
	}
	#access ul li a {
		padding: 10px;
		margin: 0 0 5px;
	}
	#access ul ul {
		position: relative;
		display: block !important;
		visibility: visible !important;
		top: 0 !important;
		left: 0 !important;
		width: auto;
		margin-left: 2em;
	}
	#featured .control-paging {
		bottom: auto;
		top: 15px;
		right: 15px;
	}
	#count {
		bottom: 20px;
	}
	#count .title {
		margin-bottom: 5px;
	}
	.heading .title {
		font-size: 32px;
	}

	#leftcol,
	#leftcol.wide,
	#rightcol,
	#footer .col-1,
	#footer .col-2 {	
		width: 90%;
		margin: 0 5%;
	}
	#footer .col-1,
	#footer .col-2 {
		text-align: center;
	}
	
	#main-content {
		padding: 20px 0 0 0;
	}
	.hentry img.size-full,
	.hentry iframe {
		max-width: 100% !important;
	}
	.hentry .meta.clearfix span {
		margin-bottom: 5px;
	}
	#gallery-images ul {
		width: 100%;
	}
	
	#respond .input span {
		width: 100%;
	}

}

@media only screen and (max-width: 320px) {
	#featured .control-paging {
		top: 5px;
		right: 5px;
	}
	#count {
		bottom: 5px;
	}
	#count .title,
	#count .timer {
		margin-left: 5px;
	}
	#count .timer {
		height: 45px;
	}
	#count .timer div {
		width: auto;
		height: 35px;
		padding: 5px;
	}
	#count .timer strong {
		font-size: 20px;
		line-height: 20px;
	}
	.heading .title {
		font-size: 28px;
		letter-spacing: -1px;
	}
	.hentry .entry .thumb {
		width: 100%;
		margin: 0 0 10px;
	}
	.hentry .meta.clearfix span {
		display: block;
	}
	h1.title,
	.hentry h2.title,
	#comments .title,
	#respond #reply-title {
		font-size: 1.5em;
		line-height: 1.2em;
	}
	#rsvp-form label {
		width: 100%;
	}
}