/*
Theme Name: NAVGTR
Theme URI: http://aquavitacreative.com
Author: Jonathan Cox & Michelle Pierce
Author URI: http://aquavitacreative.com
Description: The theme for NAVGTR by Aqua Vita.
Version: 1.0
Tags: NAVGTR, Aqua Vita
*/

/* =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 {
	background: #fff;
	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;
}

/* CSS Resets End */


/* Let's get this responsive design party started */

/* Body Rules Begin */

html {
	background:url(images/body-bg.jpg) top center no-repeat #000;
	font-size:14px;
	line-height:20px
}

body {
	background-color:transparent;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0 auto;
	padding:2rem 0;
	/*min-width:995px;
	width:75%*/
	width:995px
}

.clearFloat {
	clear:both;
	display:block
}

/* Body Rules End */


/* Header Rules Begin */

#header {
	height:8rem;
	padding:0.5rem 0;
	width:100%
}

.social {
	color:#fff;
	float:right;
	font-size:1.5em;
	letter-spacing:3px;
	line-height:1.45em;
	padding:0.5em 0;
	text-align:right;
	width:45%
}

.social img {
	float:right;
	margin-left:1.3em
}


/* Header Rules End */


/* Content Area Rules Begin */

	/* Navigation */

	.nav {
		background:url(images/nav-bg.png) top left repeat-x;
		height:1.3rem;
		padding:1rem 0 0.9rem;
		width:100%
	}
	
	.menu-header ul, ul.navigation {
		float:left;
		margin-bottom:0.2rem;
		width:70%
	}
	
	.menu-header ul li, ul.navigation li {
		display:inline;
		font-size:1.3em;
		letter-spacing:1.5px;
		list-style-type:none;
		padding:0 0.6rem 0.2rem 0.6rem;
		position:relative;
		text-shadow:#000 0 -2px;
		text-transform:uppercase
	}
	
	.menu-header ul li:first-child, ul.navigation li:first-child {
		padding:0 0.6rem 0 2rem
	}
	
	.menu-header ul li:last-child, ul.navigation li:last-child {
		padding-right:0
	}
	
	.menu-header ul li a, ul.navigation li a {
		color:#fff;
		text-decoration:none
	}
	
	.menu-header ul li a:hover, ul.navigation li a:hover {
		color:#cc9933
	}
	
	/* CSS Dropdown Menu PLEASE */
	.menu-header ul.menu li ul.sub-menu {
	background:#333; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	padding-top:0.9rem;
	/*margin-top:10px;*/
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	width:auto;
	z-index:100
	}
	.menu-header ul.menu li ul.sub-menu li{
		background:#333;
		font-size:0.8em;
		line-height:1rem;
		padding:0;
		/*padding-top:0.1rem; *//* Introducing a padding between the li and the a give the illusion spaced items */
		float:none;
		text-shadow:none;
		width:auto
	}
	/*.menu-header ul.menu li ul.sub-menu li:first-child {
	padding-left:0.6rem
	}
	
	.menu-header ul.menu li ul.sub-menu li:last-child {
	padding-right:0.6rem
	}*/
	
	.menu-header ul.menu li ul.sub-menu li a{
		background:#333;
		display:block;
		white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	}
	.menu-header ul.menu li:hover ul.sub-menu{ /* Display the dropdown on hover */
		left:0; /* Bring back on-screen when needed */
	}
	.menu-header ul.menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
		color:#cc9933
	}
	.menu-header ul.menu li:hover ul.sub-menu a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
		color:#fff;
		padding:0.6rem 1rem;
		text-decoration:none
	}
	.menu-header ul.menu li:hover ul.sub-menu li:first-child a {
		padding-top:1em
	}
	.menu-header ul.menu li:hover ul.sub-menu li:last-child a {
		padding-bottom:1em
	}
	.menu-header ul.menu li:hover ul.sub-menu li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
		background:#fff;
		color:#cc9933
	}
	
	.searchform {
		float:right;
		padding-right:2rem;
		width:22.2%	
	}
	
	.searchform input[type=text] {
		float:left;
		width:75%
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	.searchform input[type=image] { padding-top:2px  }
	}
	
	/* End Navigation */

#container {
	background:url(images/content-bg.png) bottom left no-repeat #fff;
	padding:2rem 0;
	width:100%
}

	/* Slideshow */

	.slideshow {
		float:left;
		margin:0 2rem 2rem;
		width:80.7%
	}
	
	.slideshow img {
		width:98%!important
	}
	
	#thumbnails {
		float:right;
		width:12%
	}
	
	#thumbnails li {
		height:90px;
		list-style-type:none;
		margin-bottom:4rem;
		opacity:0.5;
		width:90px
	}
	
	#thumbnails li:nth-of-type(1) {background-image:url(images/thumbnail-winner.jpg)}
	#thumbnails li:nth-of-type(2) {background-image:url(images/thumbnail-nominate-your-game.jpg)}
	#thumbnails li:nth-of-type(3) {background-image:url(images/thumbnail-claim-your-award.jpg)}
	
	#thumbnails li.activeSlide {
		opacity:1.0
	}
	
	/* End Slideshow */

#content {
	float:left;
	padding:0 2rem;
	width:58.4%
}

.entry-content {
	margin-bottom:2rem;
	width:100%
}

.featured-post {
	margin-bottom:2.5rem
}

.featured-post img {
	margin-bottom:0.9rem;
	width:100%
}

.newsfeed {
	float:right;
	margin-bottom:2rem;
	width:83%
}

.entry-meta {
	color:#999;
	font-size:0.9em;
	margin-bottom:0.9rem
}
	
.newsfeed-img {
	float:left;
	margin:0 0.5rem 2rem 0;
	width:15%
}

.nav-previous {
	float: left;
	/*margin-bottom:2rem;*/
	width: 50%;
}
.nav-next {
	float: right;
	margin-bottom:2rem;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 2rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 2rem 0 0 0;
}
#nav-below .nav-previous {
	margin-bottom:2rem
}

.entry-utility {
	line-height:1.5rem;
	margin-bottom:2rem
}

/* Content Area Rules End */


/* Sidebar Rules Begin */

#sidebar {
	float:right;
	padding:0 2rem 2rem 0;
	width:28.8%
}

.social-header {
	background:url(images/nav-bg.png) top left repeat-x;
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	height:2.6rem;
	letter-spacing:0.5px;
	margin-bottom:0.5rem;
	padding:0.3rem;
	width:100%
}

.social-header img {
	height:100%;
	vertical-align:middle
}

.widget-area {
	/*margin-bottom:2rem*/
}

select#cat {
	margin-bottom:2rem
}

.addthis_toolbox {
	margin-bottom:2rem
}

/*.widget-area .widget_categories .postform {
   background: url(images/dropdown.png) no-repeat right #fff;
   height: 25px;
   overflow: hidden;
   width: 100%
}*/

.widget-area .widget_categories select#cat {
	/*background: transparent;
	border:none;
	height: 25px;*/
	width:100%
}

#twitter-widget-1, #twitter-widget-0  {
	width:295px
}

.fb-activity {
	margin-bottom:2rem
}

/* Sidebar Rules End */


/* Footer Rules Begin */

.footer {
	background:url(images/footer-bg.png) top left repeat-x;
	color:#fff;
	height:17rem;
	padding:1rem 0;
	width:100%
}

#footer-widget-area {
	overflow: hidden;
	padding:2rem
}

#footer-widget-area .widget-area {
	float:left;
	line-height:1.4em;
	margin-right:3rem;
	width:22.5%
}

#footer-widget-area .widget-area:first-child {
	width:37%
}

#footer-widget-area #fourth {
	margin-right: 0;
}

.bottomstuff p {display:none}

/* Footer Rules End */


/* Typography Rules Begin */

h1, h2, h3 {
	font-family:Garamond, Times New Roman, serif;
	font-weight:bold;
	letter-spacing:1.5px;
	margin-bottom:1rem;
	text-transform:uppercase
}

h1 {
	font-size:2.2em;
	letter-spacing:3px
}

h2 {
	color:#cc9933;
	font-size:1.9em
}

h3 {
	font-size:1.7em
}

h4 {
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:0.5rem
}

.gold {
	color:#cc9933
}

#content p, #sidebar p, .entry-content p {
	line-height:1.5rem;
	letter-spacing:0.5px;
	margin-bottom:1.5rem
}

#container a, #container a:visited, #footer-widget-area a, #footer-widget-area a:visited {
	color:#cc9933;
	text-decoration:none
}

#container a:hover, #container a:active {
	color:#333
} 

#footer-widget-area a:hover, #footer-widget-area a:active {
	color:#fff
}

/* Typography Rules End */


/* Image Rules Begin */

#content img {
	max-width:98%
}

#content .button {
	margin-right:1.5rem
}

#content .button:hover {
	opacity:0.7
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 98%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
.alignright,
.aligncenter {
	margin:0.5rem 0 1.5rem
}

.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:2rem
}

.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:2rem
}

.aligncenter,
img.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto
}

.wp-caption {
	background: #f1f1f1;
	line-height: 1.25rem;
	margin-bottom:1.5rem;
	padding:0.25rem;
	text-align:center;
	max-width:100%!important
}

.wp-caption img {
	margin: 0.5rem 0.5rem 0;
}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 100%;
	margin: 0.5rem;
}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin: 0 auto 1.25rem;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%
}
.gallery-columns-2 .gallery-item {
	width: 50%
}
.gallery-columns-4 .gallery-item {
	width: 25%
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 0.9em;
	margin: 0 0 0.8rem;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #cc9933;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* Image Rules End */


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}

/* Form Rules Begin */

.gform_footer .button {
	background:url(images/submit-bg.png) top left repeat-x #cc9933;
	border:1px solid #ccc;
	color:#000;
	padding:0.1rem 1rem 0.2rem;
	text-shadow:1px 1px #fff;
}

/* Form Rules End */


/* Media Queries! */

/* Smaller than standard 960 (devices and browsers) */
/*
@media only screen and (max-width: 959px) {
	.nav, #navigation {font-size:87%}
	.slideshow {width:90%}
	.slideshow img {width:650px}
	#container .thumbnails {display:none}
}*/

/* Tablet Portrait size to standard 960 (devices and browsers) */
/*@media only screen and (min-width: 768px) and (max-width: 959px) {
	body {width:90%}
	.social {display:none}
	.nav, #navigation {font-size:87%}
	#container .thumbnails {display:none}
	#container .newsfeed-img {display:none}
	#container .newsfeed {float:none;width:90%}
	#content {width:90%}
	#sidebar {display:none}
}*/

/* All Mobile Sizes (devices and browser) */
/*@media only screen and (max-width: 767px) {
	.social {display:none}
	.slideshow {width:90%}
	#container .thumbnails {display:none}
	#container .newsfeed-img {display:none}
	#content {width:90%}
	#container .newsfeed {float:none;width:90%}
	#sidebar {display:none}
	}
*/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/*@media only screen and (min-width: 480px) and (max-width: 767px) {
	.social {display:none}
	.slideshow {width:100%}
	#container .thumbnails {display:none}
	#container .newsfeed-img {display:none}
	#container .newsfeed {float:none;width:90%}
	#content {width:90%}
	#sidebar {display:none}
}*/

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/*@media only screen and (max-width: 479px) {
	.social {display:none}
	.slideshow {width:100%}
	#container .thumbnails {display:none}
	#container .newsfeed-img {display:none}
	#container .newsfeed {float:none;width:90%}
	#content {width:90%}
	#sidebar {display:none}
	}*/