/*
 Theme Name:     Quail Creek HOA Theme
 Theme URI:      http://www.smgink.com/quailcreek
 Description:    Quail Creek HOA theme - child of Gridiculous Theme by C. Bavotasan
 Author:         SMG
 Author URI:     http://www.smgink.com
 Template:       gridiculous
 Version:        1.0.0
*/
 
@import url("../gridiculous/style.css");



body {
	-moz-transition: left .25s ease-in-out;
	-webkit-transition: left .25s ease-in-out;
	transition: left .25s ease-in-out;
	position: relative;
	left: 0;
	color: #000;
	font-family: Arial, sans-serif;
	}

img {border: none;}

/* =Main Navigation
-------------------------------------------------------------- */
#site-navigation {
	margin: 0;
	position: relative;
	z-index: 500;
	font-size: 70%;
	display: block;
	background: #3883b5;
	clear: both;
	float: left;
	width: 100%;
	}

	#site-navigation ul {
		padding: 0;
		margin: 0;
		}

	#site-navigation li {
		display: inline-block;
		position: relative;
		text-align: left;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		}

		#site-navigation li a {
			color: #eee;
			padding: 10px 15px;
			display: inline-block;
			text-shadow: 1px 1px 0 #000;
			text-decoration: none;
			width: 100%;
			}

		#site-navigation li:hover {
			background: #222;
			}

	#site-navigation li a:not(:last-child):after {
		content: "\f024";
		font-family: FontAwesome;
		float: right;
		margin: 2px 0 0 10px;
		}

		#site-navigation ul ul li a:not(:last-child):after {
			content: "\f026";
			margin: 2px 0 0 10px;
			}

	#site-navigation ul ul {
		opacity: 0;
		position: absolute;
		left: -9999px;
		width: 188px;
		z-index: 99999;
		background: #222;
		-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		-moz-transition: opacity .25s ease-in-out;
		-webkit-transition: opacity .25s ease-in-out;
		transition: opacity .25s ease-in-out;
		}

		#site-navigation li li {
			clear: both;
			width: 100%;
			}

			#site-navigation li li:hover {
				background: #000;
				}

	#site-navigation ul li:hover > ul {
		opacity: 1;
		left: 0;
		}

	#site-navigation ul ul li:hover > ul {
		left: 100% !important;
		top: 0;
		}

/* =Article
-------------------------------------------------------------- */
article {
        background-color: #fff;
	margin-bottom: 30px;
	padding:0 5px 10px 5px;
	border-bottom: 1px solid #aaa;
	-webkit-box-shadow: 0 1px 0 #eee;
	-moz-box-shadow: 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee;
	float: left;
	width: 100%;
	}

.entry-title {
	margin: 0;
	line-height: 1.1;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	}

	.entry-title a {
		text-decoration: none;
		}

.entry-meta {
	font-size: 85%;
	line-height: 1;
	margin-top: 5px;
	color: #000;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	}

	.entry-meta a {
		text-decoration: none;
		border-bottom: 1px dotted;
		}

		.entry-meta .date-anchor {
			border: 0;
			}

.post-category,
.post-format,
.page-title {
	text-transform: uppercase;
	font-size: 80%;
	margin: 0;
	color: #666;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 3px;
	}

	.post-category a {
		text-decoration: none;
		color: #666;
		line-height: 1.4;
		}

		.post-category a:hover,
		.entry-meta a:hover {
			color: #444;
			}

.entry-content {
	position: relative;
	width: 100%;
	font-family: Arial, sans-serif;
	}

	.entry-content a {
		border-bottom: 1px dotted;
		text-decoration: none;
		}