/*
Theme Name: Manassas Junction Bed & Breakfast
Theme URI: [GitHub Link]
Description: Base theme for Manassas Junction Bed & Breakfast
Version: 1.0
Author: CAVENDO
Author URI: http://cavendo.com
*/

/* Styles go below */

a:link {color:#030092; text-decoration:underline;}
a:visited {color:#030092; text-decoration:underline;}
a:hover {color:#cb5a23; text-decoration:none;}

body {font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; margin:0; background:url('https://www.mmrdata.com/manassasjunction/page-bg.gif');}

p {font-size:1.1em;}

form {margin:0;}

ul {list-style-type:square;}

hr {border:none 0; border-top:2px solid #004977; width:100%; height:2px; clear:both;}

img { -ms-interpolation-mode: bicubic; }
img {border:none; display:block;}

.aright {float:right; margin-left:20px; margin-bottom:15px;}
.aleft {float:left; margin-right:20px; margin-bottom:15px;}

.clear {clear:both;}
.clearsm {clear:both; font-size:1px;}

.nomargin {margin:0;}


/* ----- MAIN ----- */

#page_body {margin:10px auto 0 auto; text-align:left; background-color:#fae1c5;}

#page_header {background:url('https://www.mmrdata.com/manassasjunction/manassas-junction.jpg'); height:198px; border-top:5px solid #004977; position:relative;}
#page_header .logo {height:180px; position:absolute; right:0;}
.mobile {position:absolute; top:6px; left:6px;}
.mobile img {display:inline; vertical-align:middle;}
.mobile a {display:inline; background:#004a6e; text-decoration:none; color:#fff; padding:2px;}

.left_image { margin: 0px 15px 0px 0px; }

/* ------ NAV ----- */
ul#page_nav {clear:both; padding:12px 0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.8em; color:#fff; font-weight:bold; background:#195f4c; text-align:center;}
ul#page_nav li {background:#195f4c; list-style:none; display:inline; padding:1px;}
ul#page_nav a {padding:12px 6px; background:#195f4c;}
ul#page_nav a:highlight {background:#ac4500;}
ul#page_nav a:link {color:#fff; text-decoration:none;}
ul#page_nav a:visited {color:#fff; text-decoration:none;}
ul#page_nav a:hover {color:#a9ccf0; text-decoration:none; background:#204c79; padding:12px 6px;}
img.frame {border-bottom:4px solid #dfb88d; border-right:4px solid #dfb88d; padding:0 1px 1px 0;}


/* ----- CONTENT ----- */

#page_content {float:left; font-size:1em; line-height:1.8em; color:#333;}
.left_side {float:left; }
.right_side {float:right; background:url('https://www.mmrdata.com/manassasjunction/house-bg.gif') 0 100px no-repeat;}

#page_content .content {background:url('https://www.mmrdata.com/manassasjunction/house-bg.gif') right 100px no-repeat #fae1c5; float:left;}
.content_right {padding:20px; overflow: hidden; }

ul {padding-left:2px; margin:0 5px 10px 15px; font-size:1.2em;}
ul li {background:transparent url('https://www.mmrdata.com/manassasjunction/bullet-list.png') no-repeat; list-style:none; margin-bottom:0; padding:3px 0 5px 26px; background-position:0 6px;}
ul li ul {margin-bottom:3px; padding-bottom:3px;}
ul li ul li {background:none; padding:5px 0 0 15px; font-size:1em;}


/* ----- TEXT ----- */

h1, h2, h3, .header {font-family:Georgia, "Times New Roman", Times, serif; line-height:normal;}
h2, .header {font-size:2.8em; color:#165d4a; margin-top:0; font-weight:bold; padding-top:12px;}
h3 {font-size:1.8em; color:#004977; margin-bottom:4px; padding-top:10px;}

.lg {font-size:1.4em;}
.sm {font-size:.8em;}


/* ----- FOOTER ----- */

#page_footer_left {font-size:1.1em; padding:18px; background:#165d4a; color:#fff; float:left; }
#page_footer_left a, #page_footer_right a {color:#fff;}
#page_footer_right {font-size:1.1em; padding:18px; background:#165d4a; color:#fff; text-align:right; float:left;}

#page_footer { background:#165d4a;}
#page_footer a:link {color:#FFFFFF; text-decoration:underline;}
#page_footer a:visited {color:#FFFFFF; text-decoration:underline;}
#page_footer a:hover {color:#FFFFFF; text-decoration:none;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#page_header.logo { width:480px; }
	.left_image { display:none; }
	#page_footer { width: 100%; }

	.js #page_nav {
            display:none;
        }

    .js .slicknav_menu {
        display:block;
    }

/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

	.js #page_nav {
            display:none;
        }

    .js .slicknav_menu {
        display:block;
    }
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {

	.js #page_nav {
            display:none;
        }

    .js .slicknav_menu {
        display:block;
    }
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1224px) {

	.js #page_nav {
        display:block;
    }

	.js .slicknav_menu {
	    display:none;
	}
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1224px)
and (orientation : landscape) {

	.js #page_nav {
        display:block;
    }

	.js .slicknav_menu {
	    display:none;
	}
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1224px)
and (orientation : portrait) {

	.js #page_nav {
        display:block;
    }

	.js .slicknav_menu {
	    display:none;
	}
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	#page_body { width: 1024px; }

	.js #page_nav {
        display:block;
    }

	.js .slicknav_menu {
	    display:none;
	}
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {

	.js #page_nav {
        display:block;
    }

	.js .slicknav_menu {
	    display:none;
	}
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

/* Styles */
}