/*
Theme Name: MVP REIT II / TPR
Theme URI: http://mvpreitii.com
Author: Dennis Warner
Author URI: http://mvpreitii.com
Description: Custom theme for MVP REIT II / TPR
Version: 3.0
*/

/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}

#smltext {padding-top:20px;}


/* ==========================================================================
   HTML5 Boilerplate styles
   ========================================================================== */
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


html,
button,
input,
select,
textarea {
    color: #101010;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
	max-width:100%;
	height:auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p {
	margin:0 0 15px;
}
a {
	text-decoration:none;
	color:#37424A;
}
a:hover {
	text-decoration:underline;
}



    
/* ===== GENERIC SITE STYLES ==================================================
     --This utilized the Unsemantic Responsive Grid Framework. For general usage
       guidlines, reference http://unsemantic.com. All of your page styles will
       go in this style sheet.
   ========================================================================== */

body {
	font-family: 'Open Sans', sans-serif;
	background:#FFF;
	font-size:12px;
	color:#101010;
}

#wrapper {
	padding:0 31px;
	box-shadow:0 0 70px #ccc;
}

/* ==============
	HEADER
============== */
#header {
	
}

	#logo {
		margin:10px 0 15px;
	}
	
	#top-nav {
		text-align:right;
		font-size:11px;
		color:#afafaf;
		margin:15px 0 0;
	}
		#top-nav img {
			margin:-3px 5px 0 5px;
		}
		#top-nav a {
			color:#afafaf;
		}


/* ==============
	NAV
============== */
#main-nav {
	background:#0098DB;
	text-align:center;
}
	#main-nav li {
        display: inline-block;
		*display:block;
		*float:left;
		margin:0 3%;
		padding:10px 0;
	}
	#main-nav a {
		color:#FFF;
		text-transform:uppercase;
		font-size:13px;
	}
	#main-nav a:hover {
		text-decoration:none;
		color:#E6CFCF;
	}
	
	#main-nav .sub-menu {
		display:none;
		position:absolute;
		padding:5px 35px 10px 25px;
		border-radius: 0 0 5px 5px;
		z-index:999;
		background:#231F20;
		margin:10px 0 0 -10px;
	}
	#main-nav li:hover .sub-menu {
		display:block;
	}
		#main-nav .sub-menu li {
			display:block;
			margin:8px 0;
			padding:0;
			text-align:left;
		}
		#main-nav .sub-menu a {
		}
		#main-nav .sub-menu .sub-menu {
			display:block;
			position:relative;
			padding:0;
			margin:0 0 0 30px;
			background:none;
		}
			#main-nav .sub-menu .sub-menu a {
				text-transform:none;
			}

#myModal h3 {
	font-size: 20px;
	font-weight:bold;
}
	

/* ==============
	SLIDER
============== */
#banner {
	margin:0 0 30px;
}


/* ==============
	MAIN CONTENT
============== */
#content {
	overflow:hidden;
	clear:both;
	padding:0;
}

	#content .col {
		color:#101010;
		line-height:23px;
		padding:0 20px;
		min-height:400px;
	}
	#content .first {
		padding-left:0;
		border-right:1px solid #f1f1f1;
		font-size:14px;
	}
		#content .first img {
			margin:0 0 5px;
		}
		#content .first a {
			font-size:12px;
		}
	#content .last {
		padding-right:0;
		border-left:1px solid #f1f1f1;
	}
		#content .col h1 {
			color:#0098DB;
			font-size:22px;
			font-weight:bold;
			margin:0 0 15px;
			font-family:'Open Sans Condensed', sans-serif;
		}
			#content .col h1 img {
				margin:-3px 0 0;
			}
		#content .col h2 {
			font-size:18px;
			font-weight: bold;
			margin:0 0 5px;
			font-family:'Open Sans Condensed', sans-serif;
		}
		#content .col p {
			margin:0 0 5px;
		}
			#content .col p.normal-font-size {
				font-size:12px;
			}
		#content .col a {
			text-decoration:underline;
			display:block;
			margin:0 0 10px;
		}
		#content .col a:hover {
			text-decoration:none;
		}

	#content h1.pageTitle {
		background:url(images/header-bkg.jpg) no-repeat right center #0098DB;
		font-size:30px;
		color:#FFF;
		font-weight:bold;
		padding:16px;
		border-top:1px solid #f1f1f1;
		font-family:'Open Sans Condensed', sans-serif;
	}
#main {
	padding:30px 15px 0 0;
	line-height:23px;
	border-right:1px solid #f1f1f1;
	min-height:700px
}

	#main h1 {
		font-size: 26px;
		margin: 0 0 15px;
		line-height:normal;
		font-family:'Open Sans Condensed', sans-serif;
		font-weight:bold;
	}
	#main h2 {
		font-size:20px;
		color:#0098DB;
		margin:0 0 20px;
		font-family:'Open Sans Condensed', sans-serif;
	}
	#main h3 {
		font-size:16px;
		color:#0098DB;
		margin:0 0 20px;
		font-family:'Open Sans Condensed', sans-serif;
	}
	#main ul, #main ol {
		margin:0 0 15px 30px;
	}
	
	#main tr.even {
		background:#DCDDDE;
	}
	#main tr.odd {
		background:#C7C8CA;
	}
	#main td {
		padding:7px;
		vertical-align:middle;
	}
	#main .boxred {
		background:#790000;
		padding:12px;
		border-radius: 6px;
		color:#FFF;
		margin:0 0 15px;
	}
		#main .boxred h2 {
			color:#FFF;
			font-size:18px;
		}
		#main .boxred a {
			color:#E6CFCF;
		}



/* ==============
	SIDEBAR
============== */
#sidebar {
	padding:30px 0 0 20px;
}
	#content #sidebar .col {
		padding:0;
		margin:0 0 50px;
		min-height:0;
	}
		#content #sidebar .col h2 {
			font-size:15px;
		}
		#content #sidebar .col p {
			margin:0 0 15px;
		}
/* ==============
	FOOTER
============== */
#footer {
	background:#e4e4e4;
	padding:30px 0;
	color:#767676;
	line-height:18px;
	margin:0 -31px;
}
	#footer nav {
		margin:0 0 20px;
		text-align:center;
	}
	#footer li {
		display:inline-block;
		border-left:1px solid;
		padding: 0 0 0 .7%;
		margin:0 .5% 0 0;
	}
	#footer li:first-child {
		border:none;
		padding:0;
	}
	#footer p {
		font-size:10px;
		margin:0;
	}
	#footer a {
		color:#767676;
	}




/* ===================
	BLOG STYLES - Adjust as needed.
=================== */

		.postinfo ul.meta{
			margin: 0;
			padding: 0;
		}
		.postinfo ul.meta li{
			display: inline-block;
			*display: inline;
			list-style: none;
			font-size: 12px;
			padding-right: 15px;
		}
		
		
		.post .commentlist{
			margin: 30px 0 15px;
			padding: 0 0 20px 0;
			border-bottom: 1px dashed #DBDBDB;
			
		}
		.commentlist li{
			list-style: none;
		}
		.comment-author{
			background: #DBDBDB;
			vertical-align: middle;
			
			height: 40px;
		}
		.avatar{
			float: left;
			padding-right: 20px;
		}
		.fn, .says{
			vertical-align: middle;
			line-height: 40px;
		}
		.comment-meta{
			font-size: 12px;
			padding: 4px 0;
		}
		.comment-body{
			font-size: 13px;
		}
		.reply{
			margin: -15px 0 15px 20px;
		}

		.comment-form-comment label{
			display: block;
		}
/* ===================
   GRAVITY FORMS
   =================== */
   body #content .gform_body ul.gform_fields{
	   margin: 0;
	   padding: 0;
   }
   body .gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea{
	   background: #FFF;
	   border-radius: 5px;
	   border: 1px solid #244149;
	   padding: 3px;
	   font-size: 13px;
	   letter-spacing: 1px;
   }
   
   body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
		background: #0098DB;
		border: none;
		padding: 5px 15px; 
		font-size: 16px;
		border-radius: 5px;
		cursor: pointer;
		color:#FFF;
		font-family:'Open Sans Condensed', sans-serif;
		text-transform:uppercase;
		font-weight:bold;
   }


/* ########## WORDPRESS CORE ########## */
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter, div.aligncenter {
		display:block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float:left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float:left;
		margin: 0px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

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

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

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

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin:0;
		max-width: 98.5%;
		padding:0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:0 4px 5px;
	}
/* ########## END WORDPRESS CORE ########## */

/* ===================
   Media Querie Styles
=================== */
/* Tablets */
@media only screen and (max-width : 1024px) {
	
}
/* Mobile */
@media only screen and (max-width : 767px) {
	#top-nav {
		text-align:center;
	}
		#top-nav img {
			margin:-5px 0 0;
		}
	#content .col {
		color:#838383;
		line-height:23px;
		padding:0 20px;
		min-height:0px;
	}
	#content .first {
		border-right:none;
	}
	#content .last {
		border-left:none;
	}
	#main {
		border:none;
	}
	#footer nav {
		text-align:center;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

}

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

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

	
}

/* iPads (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	#main-nav li {
		margin:0 2.5%;
	}
	#content h1.pageTitle {
		background:#0098db;
	}
}