/*
	Theme Name: Luxury
	Theme URI: http://jarretcade.net/luxury
	Author: Jarret Cade
	Author URI: http://jarretcade.com
	Description: Luxury is a simple blog style theme with a touch of class
	Version: 1.0
	Tags: dark, black, red, two-columns, right-sidebar, left-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, theme-options, threaded-comments
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

=Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* End CSS Reset */

body {
	background: #111;
}

a {
	color: #333;
}

a:hover {
    text-decoration: none;
}

a:visited {
	color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Dancing Script', cursive;
	margin: 20px 10px 10px 0px;
}

strong {
	font-weight: 600;
}

.clear {
    clear: both;
}

#page {
	background: url('https://beautyandthebroworlando.com/wp-content/themes/luxury/images/sidebar-background.png') repeat-y top right;
	margin: auto;
	padding: 15px;
	width: 970px;
}

#site-info {
	margin-bottom: 10px;
	padding: 10px 0 20px 0;
	text-align: center;
	width: 598px;
}

	#site-info a {
	    color: #ddd;
	}

	#site-info #site-title {
	    color: #ddd;
	    font: normal 40px 'Dancing Script', cursive;
	}

	#site-info #site-description {
	    color: #ddd;
	    font: italic 16px 'Lato', Helvetica, sans-serif;
	    margin-bottom: 10px;
	}

#content {
	background-image: url('images/content-background.jpg');
	font: 400 16px 'Lato', sans-serif;
	float: left;
	width: 620px;
}

	#content #post-wrapper {
	    border: solid 1px #999;
	    margin: 10px;
	    padding: 10px;
	}

	#content .post {
		background: url('https://beautyandthebroworlando.com/wp-content/themes/luxury/images/post-separator.png') no-repeat center bottom;
		color: #222222;
		margin: 10px auto 30px auto;
		min-height: 60px;
		padding-bottom: 40px;
	}
	
	.home #content h2.post-title {
	    font-size: 2.2em;
	    margin-bottom: 0px;
	}

	#content .post h1.post-title {
		font-size: 2.6em;
		margin-top: 10px;
	}

	#content .post-meta {
		margin-bottom: 20px;
	}
	
	#content .post-meta .post-date {
	    font-size: 14px;
	    text-align: left;
	}
	
	#content .post-meta .post-comments {
	    float: right;
	    font-size: 14px;
	    margin-bottom: 20px;	    
	    text-align: right;
	    width: 190px;
        }

    #content .post-meta .post-comments .comments-disabled {
    	color: #BBB;
    }

	#content h1 {
		font-size: 2em;
	}

	#content h2 {
		font-size: 1.8em;
	}

	#content h3 {
		font-size: 1.6em;
	}

	#content h4 {
		font-size: 1.4em;
	}

	#content h5 {
		font-size: 1.2em;
	}

	#content h6 {
		font-size: 1em;
	}
	
	#content p {
		line-height: 1.6;
		margin: 1em auto 1em auto;
	}
	
	#content embed,
	#content object,
	#content iframe {
	    max-width: 100%;
	}
	
	#content blockquote {
	    background: #ebebeb;
	    border: solid 1px #eaeaea;
	    border-left: solid 14px #ddd;
	    margin: 10px;
	    padding: 0px 10px 0px 10px;
	}
	
	#content blockquote p cite {
	    background: none;
	    font: italic 16px Georgia;
	}
	
	#content table {
	    width: 100%;
	}
	
	#content table tr.alternate {
	    background: #ededed;
	}
	
	#content table tr th {
	    background: #e1e1e1;
	    border-bottom: solid 1px #c9c9c9;
	    border-right: solid 1px #cdcdcd;
	    padding: 3px;
	}
	
	#content table tr td {
	    border-bottom: solid 1px #dfdfdf;
	    border-right: solid 1px #dfdfdf;
	    padding: 2px;
	}
	
	#content dl dt {
		font-family: 'Lato', sans-serif;
	    margin: 10px auto 10px auto;
	    text-decoration: underline;
	}
	
	#content ul,
	#content ol {
	    margin-left: 10px;
	}

	#content ul {
		list-style: square inside;
	}

	#content ol {
		list-style: decimal inside;
	}
	
	#content ul li,
	#content ol li {
	    margin: 10px 10px 10px auto;
	}
	
	#content address {
	    font-family: "Courier New";
	    margin-left: 2px;
	}
	
	#content abbr,
	#content acronym {
	    border-bottom: dotted 1px #888;
	}
	
	#content big {
	    font-size: 20px;
	}
	
	#content cite,
	#content var {
	    background: #dfdfdf;
	    font-family: "Courier New";
	    padding: 2px;
	}
	
	#content code,
	#content kbd,
	#content tt {
	    font-family: "Times New Roman";
	    padding: 3px;
	}

    #content em {
    	font-style: italic;
    }
        
    #content ins {
        background: #dfdfdf;
        border-bottom: solid 1px #CCC;
        border-top: solid 1px #CCC;
    }
        
    #content pre {
        background: #eee;
        border-bottom: solid 2px #CCC;
        border-top: solid 2px #CCC;
        font: normal 12px "Courier New";
        margin: auto 15px auto 15px;
        overflow: auto;
        padding: 10px;
    }
        
    #content q {
        quotes: "\201C""\201D""\2018""\2019";
    }
        
    #content q:before {
        content: open-quote;
    }
        
    #content q:after {
        content: close-quote;
    }
        
    #content sub,
    #content sup {
        font-size: 12px;
        height: 0;
        position: relative;
        vertical-align: baseline;
    }
        
    #content sub {
        top: .5ex;
    }
        
    #content sup {
        bottom: .5ex;
        left: .2ex;
    }
    
    #content .sticky {

    }

    #content .wp-caption {
        background: #f8f8f8;
        border: solid 1px #ccc;
        max-width: 98%;
        padding: 5px;
        text-align: center;
    }
    
    #content .wp-caption .wp-caption-text {
        font-size: 14px;
        margin-bottom: 2px;
    }

	#content .post img {
		height: auto;
		max-width: 100%;
	}

	#content .post-thumbnail {
		margin: auto;
		text-align: center;
	}

	#content .aligncenter {
		clear: both;
		display: block;
		margin: 20px auto 20px auto;
	}

	#content .alignleft {
		float: left;
		margin: 20px 20px 20px 10px;
	}
	
	#content .alignright {
		float: right;
		margin: 20px 10px 20px 20px;
	}

	#content .alignnone {
		margin-bottom: 20px;
	}

	#content .gallery {
		clear: both;
		margin-bottom: 20px;
	}
	
	#content .gallery .gallery-item .gallery-caption {
	    border: solid 1px #DFDFDF;
	    font-size: 12px;
	    margin: -10px auto;
	    padding: 2px;
	}
	
	#content .post .post-page-link {
	    clear: both;
	    padding-bottom: 20px;
	}
	
	#content .post #categories {
	    float: left;
	    width: 270px;
	}
	
	#content .post #tags {
	    float: right;
	    width: 270px;
	}

	#content #content-nav {
	    border-top: solid 1px #aaa;
	    padding: 7px;
	    text-align: center;
	}
	
	#content #content-nav .left {
	    float: left;
	    margin-top: 0px;
	    text-align: left;
	    width: 250px;
	}
	
	#content #content-nav .right {
	    float: right;
	    margin-top: 0px;
	    text-align: right;
	    width: 250px;
	}

	#content #content-clear {
		clear: both;
	}
	
	#content .clearfix {
	    clear: both;
	}
	
	#content .commentlist {
	    clear: both;
	    margin: auto;
	}

	#content ol.commentlist,
	#content ol.commentlist li.comment {
		list-style: none;
	}

	#content .commentlist li.comment {
	    border: solid 1px #ddd;
	    margin: 10px auto 10px auto;
	}
	
	#content .commentlist li.comment .comment {
	    padding: 5px;
	}
	
	#content .commentlist li.bypostauthor {
	    background: #f5f5f5;
        }
	
	#content .commentlist li.comment .vcard {
	    background-color: #f7f7f7;
	    border-bottom: solid 1px #eaeaea;
	    min-height: 60px;
	    margin: -5px;
	    padding: 2px;
	}
	
	#content .commentlist li.comment .vcard .avatar {
	    float: left;
	    margin-right: 10px;
	}
	
	#content .commentlist li.comment .vcard .comment-author-link {
	    font-size: 20px;
	    line-height: 1.2;
	    margin: 8px auto 0px 65px;
	}
	
	#content .commentlist li.comment .vcard .comment-author-meta {
	    font-size: 14px;
	    margin: auto auto auto 65px;
	}
	
	#content .commentlist li.comment .comment-reply {
	    margin-bottom: 0px;
	}
	
	#content .commentlist li.comment #respond {
	    margin: -20px 5px 5px 5px;
	}
	
	#content .commentlist li.comment .children li.comment {
	    border: none;
	}

	#content .commentlist #respond #commentform .comment-form-comment {
	    margin-top: -10px;
	}

	#content .commentlist #respond #commentform .form-allowed-tags {
	    font-size: 12px;
	}
	
	#content .commentlist li.track, .commentlist li.ping {
	    border: solid 1px #ddd;
	    padding: 5px;
	}

#sidebar {
	font: 400 14px 'Lato', sans-serif;
	float: right;
	line-height: 1.6;
	margin-right: 20px;
	width: 300px;
}

	#sidebar .widget {
		background-image: url('images/content-background.jpg');
		border: double 6px #ddd;
		margin: 0px auto 20px auto;
 		padding: 15px;
 		word-wrap: break-word;
	}
	
	#sidebar .widget .widget-title {
	    border-bottom: solid 1px #ccc;
	    font: normal 22px 'Dancing Script', cursive;
	    line-height: 1.2;
	    margin: -5px auto 15px auto;
	    padding-bottom: 5px;
	    text-align: center;
	}
	
	#sidebar .widget ul li {
	    margin: 5px;
	}
	
	#sidebar .widget #calendar_wrap table {
            width: 100%;
	}
	
	#sidebar .widget p {
	    line-height: 1.2;
	    margin: 1em .2em 1em .2em;
	}
	
	#sidebar .widget #calendar_wrap table caption {
	    border-bottom: solid 1px #999;
	    padding-bottom: 3px;
	    text-align: center;
	}
	
	#sidebar .widget #calendar_wrap table thead {
	    background-color: #e6e6e6;
	    text-align: center;
	}
	
	#sidebar .widget #calendar_wrap table tr th {
	    padding: 2px;
	    text-align: center;
        border-bottom: solid 1px #ccc;
	}
	
	#sidebar .widget #calendar_wrap table tr td {
	    border: solid 1px #ddd;
	    padding: 2px;
	    text-align: center;
	}
	
	#sidebar .widget_rss ul li a.rsswidget {
	    clear: both;
	    display: block;
	}
	
	#sidebar .widget_rss ul li .rss-date, .widget_rss ul li cite {
	    float: right;
	    font-size: 14px;
	    margin: 3px;
	}
	
	#sidebar .widget_rss ul li cite {
	    margin-bottom: 10px;
	}
	
	#sidebar .widget_rss ul li .rssSummary {
	    clear: right;
	}
	
	#sidebar .widget_search #searchform input#s {
	    width: 115px;
	}

	#sidebar .widget img {
		height: auto;
		max-width: 258px;
	}

	#sidebar .widget .wp-caption-text {
	    background-color: #f7f7f7;
	    border: solid 1px #e8e8e8;
	    font-size: 12px;
	    margin-top: 0px;
	    padding: 2px;
	    text-align: center;
	}

#footer {
	background-image: url('images/content-background.jpg');
	clear: left;
	font-size: 14px;
	padding: 10px 10px 15px 10px;
	text-align: center;
	width: 600px;
}

	#footer p {
		margin-top: 5px;
	}

.left-sidebar #page {
	background: url('https://beautyandthebroworlando.com/wp-content/themes/luxury/images/sidebar-background.png') repeat-y top left;
}

.left-sidebar #site-info {
	float: right;
}

	.left-sidebar #site-info .header-image {
		margin-left: -20px;
	}

.left-sidebar #content {
	float: right;
}

.left-sidebar #sidebar {
	float: left;
	margin-left: 20px;
}

.left-sidebar #footer {
	clear: right;
	float: right;
}