/*
Theme Name: Droided
Theme URI: http://www.lukescotey.co.uk
Author: Luke Anthony David Scotney
Author URI: http://www.lukescotney.co.uk
Description: Inspired by popular operating system Google Android. Droided offers bright, flat colours; stylised cards to hold your content and a full width header. Includes either full width or sidebar template for pages.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Gray, White, Blue, Fluid-Layout, Responsive-Layout, One-Column, Two-Columns, Right-Sidebar, Custom-Header, Featured-Images, Flexible-Header, Threaded-Comments
Text Domain: ls_droided
*/

/* Importing some fonts!*/

@import url(http://fonts.googleapis.com/css?family=Lora:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400italic,700italic,300,700,300italic,400,100);
@import url(http://fonts.googleapis.com/css?family=Sanchez);
/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, section, details, summary {
	display: block;
}
/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
*/
img, object, embed {
	max-width: 100%;
}
header img {
	max-height: 200px;
}
/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:
#map img {
		max-width: none;
}
*/

/* force a vertical scrollbar to prevent a jumpy page */
html {
	overflow-y: scroll;
}
/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul, ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: inherit;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title], acronym[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: bold;
	vertical-align: bottom;
}
td {
	font-weight: normal;
	vertical-align: top;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
	vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
select, input, textarea {
	font: 99% sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
small {
	font-size: 85%;
}
strong {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* standardize any monospaced elements */
pre, code, kbd, samp {
font-family: Sanchez, monospace, sans-serif;
  letter-spacing: 0.06em;
  color: rgb(48, 48, 48);
}
/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button {
	cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
	margin: 0;
}
/* make buttons play nice in IE */
button, input[type=button] {
	width: auto;
	overflow: visible;
}
/* scale images in IE7 more attractively */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* Let's build Droided */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	font-weight: 300;
	letter-spacing: -.03em;
}
h1 {
	font-size: 1.7em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}
body {
	font-family: 'Roboto', sans-serif;
}
/* Body Elements */
header, body {
	background-color: #eee;
}
.fixed-header {
	width: 100%;
	height: 250px;
	background-color: rgb(79,119,8);
	background-position: center;
	background-size: cover;
}
header h1 {
	color: rgb(245,245,245);
	font-family: 'Lora', 'Times New Roman', serif;
	font-size: 3.5em;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}
header h2 {
	color: rgb(240,240,240);
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	text-align: center;
	letter-spacing: 0em;
	font-weight: 300;
	font-style: italic;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}
header h1 a {
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
header h1 a:hover {
	color: rgb(255,255,255);
	font-size: 1.1em;
	text-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}
.droided-box {
	background: white;
	border-radius: 3px;
	border: rgba(41,41,41,0.20);
	box-shadow: 0px 2px 5px rgba(41,41,41,0.15);
}
.db-right {
	float: right;
}
.droided-list {
	padding: 15px 0;
	margin-left: 0;
}
.droided-body {
	padding: 15px 0;
}
.droided-box {
	margin-left: 0;
}
.droided-box h1 {
	padding: 10px 15px 20px 15px;
	margin-bottom: 0px;
}
.droided-box h2 {
	font-size: 1.2em;
}
.droided-list.row:after {
	border-top: 1px solid #e0e0e0;
	height: 0px;
	width: 100%;
}
.droided-form {
	padding: 20px 15px;
}
.singlebox p {
	padding: 0 15px;
	margin-bottom: 1.5em;
}
.copyright {
	font-size:0.9em;
}
/* To be used, when it's used. */
.sticky {}
.gallery-caption {}

/* Img Speciality! */
a img {
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
a img:hover {
	-webkit-filter: brightness(1.1) contrast(1.0) sepia(0.3);
}
/* Articles/Posts */
.droided-article {
	padding-top: 0
}
.droided-article h1 {
	font-weight:100;
	color: white;
	font-size: 2em;
	background-color: rgb(69, 90, 100);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.droided-article p {
	margin-bottom: 1.25em;
	padding: 0 15px;
}
.droided-page {
	padding-top: 0
}
.droided-page h1 {
	font-weight:100;
	color: white;
	font-size: 2em;
	background-color: rgb(69, 90, 100);
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	margin-bottom: 10px;
}
.droided-page p {
	margin-bottom: 1.25em;
	padding: 0 15px;
}
.droided-item {
	padding-bottom: 0;
	margin-bottom: 40px;
}
.droided-item h1 {
	border-bottom: 1px solid rgb(224, 224, 224);
	margin-bottom: 15px;
}
.droided-item p {
	margin-bottom: 1em;
	padding: 0 15px;
	font-size: 0.95em;
}
article div {
  margin: 0 15px;
}
.read-more-droided {
	text-align: center;
	background-color: rgb(69, 90, 100);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	display: block;
	color: white;
	height: 40px;
	line-height: 40px;
	font-size: 1.3em;
	font-weight: 300;
	border: 1px solid transparent;
	
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
.read-more-droided:hover {
	color: rgb(69, 90, 100);
	background-color: white;
	border: 1px solid rgb(69, 90, 100);
}
.droided-item .post-meta {
	padding-top: 5px;
}
.droided-item .post-meta p {
	text-align: right;
}
.droided-item p.top-meta {
	border-bottom: 0;
	border-top: 1px solid rgb(224, 224, 224);
	margin-bottom: 0;
	float: left;
	padding-top: 5px;
}
.droided-item img {
	float: left;
	margin: 0 15px;
	max-width: 250px;
	height: auto;
}
.item-content {
	min-height: 250px;
	padding: 0 15px;
}
.item-content p {
  padding: 0;
}

.droided-profile h1 {
	text-align: center;
}
.droided-profile img {
	border-radius: 100%;
}
.droided-profile .imgholder {
	width: 100%;
	text-align: center;
}
.droided-profile p {
	margin-bottom: 0;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 1.1em;
}
.droided-profile p.about-me {
	color: rgb(69, 90, 100);
	font-weight: 400;
	text-transform: none;
	line-height: 1.4em;
	font-style: italic;
	font-size: 1em;
	margin-bottom: 1em;
}

/* Written Content Formats */
.content-formatting h1 {
  background-color: transparent;
  color: rgb(69, 90, 100);
  font-size: 2.1em;
  font-weight: 300;
  padding: 0;
  margin: 2px 15px 10px 15px;
}
.content-formatting h2 {
  color: rgb(69, 90, 100);
  font-size: 1.9em;
  font-weight: 300;
  padding: 0;
  margin: 2px 15px 10px 15px;
}
.content-formatting h3 {
  color: rgb(69, 90, 100);
  font-size: 1.7em;
  font-weight: 300;
  padding: 0;
  margin: 2px 15px 10px 15px;
}
.content-formatting h4 {
  color: rgb(69, 90, 100);
  font-size: 1.6em;
  font-weight: 300;
  padding: 0;
  margin: 1px 15px 8px 15px;
}
.content-formatting h5 {
  color: rgb(69, 90, 100);
  font-size: 1.5em;
  font-weight: 300;
  padding: 0;
  margin: 1px 15px 6px 15px;
}
.content-formatting h6 {
  color: rgb(69, 90, 100);
  font-size: 1.4em;
  font-weight: 300;
  padding: 0;
  margin: 1px 15px 4px 15px;
}
.content-formatting img {
  max-width: 95%;
  height: auto;
}
.content-formatting caption {
  max-width: 95%;
}

.content-formatting ul {
	list-style: square;
	 margin: 5px 50px 15px 50px;
}
.content-formatting ul ul, .content-formatting ol ol {
	font-size: 100%;
}
.content-formatting ol {
	list-style:decimal;
	 margin: 5px 50px 15px 50px;
}
.content-formatting > a, .content-formatting p > a, .content-formatting ul a, .content-formatting dl a, .content-formatting table a {
	 color: rgb(69, 90, 100);
	text-shadow: 1px 1px 1px rgba(100,100,100,0.3);
	transition: all .7s ease;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	-ms-transition: all .7s ease;
	
}
.content-formatting > a:hover, .content-formatting p > a:hover, .content-formatting ul a:hover, .content-formatting dl a:hover, .content-formatting table a:hover{
	 color: white;
	background: rgba(0,0,0,0.8);
	padding:0 5px;	
}
big {
  font-size: larger;
}
address {
  position: relative;
  color: white;
  font-style: italic;
  margin: 5px 15px 10px 25px;
  padding: 5px;
  display: block;
  background: url(images/addressbox-image.jpg);
  background-size: cover;
  background-position: center;
  max-width: 400px;
  width: 100%;
  text-align: right;
  border: 7px solid white;
  border-bottom: 26px solid white;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.4);
  box-shadow: 0px 2px 6px 0px rgba(150,150,150, 0.6);
}
address::before {
  height: 100%;
  content: "\f0ac";
  font-family: FontAwesome;
  font-size: 4em;
  line-height: 1.3em;
  font-weight: lighter;
  font-style: normal;
  color: #FFFFFF;
  position: absolute;
  left: 10px;
  bottom: 0;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.4);
}
address a {
  background-color: rgba(0,0,0,0.2);
  font-style: normal;
  padding: 2px 15px;
  transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
address a:hover {
	background: black;
	color: white;
}
pre {
display: table;
  background-color: rgb(224, 224, 224);
  padding: 10px 15px;
  margin: 10px 25px;
  color: grey;
  border: 1px solid rgb(197, 197, 197);
  min-width: 50%;
  box-shadow: inset 1px 1px 3px rgba(100,100,100,0.3);
}
q::before {
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  color: rgb(69, 90, 100);
  margin: 5px;
  font-size: larger;
}
q {
  font-style: italic;
}
blockquote{
    display: block;
  width: 90%;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 5px auto 15px auto;
  position: relative;
  font-family: Lora, serif;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #666;
  text-align: justify;
  border-left: 15px solid #455A64;
  border-right: 2px solid #455A64;
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
    content: "\201C";
  font-family: Georgia, serif;
  font-size: 4em;
  font-weight: bold;
  color: #455A64;
  position: absolute;
  left: 10px;
  top: 5px;
}

blockquote::after{
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}
blockquote cite {
  display: block;
  position: absolute;
  bottom: 2px;
  right: 10px;
  text-align: right;
  font-size: 0.9em;
}
table {
	margin: 5px 15px;
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	width: 90%;
}
th, td {
	font-weight: normal;
	text-align: left;
}
th {
	font-weight: bold;
	text-transform: uppercase;
}
td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
dl {
  margin: 0 25px 10px 25px;
}
dt {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
}
dd {
  font-size: 0.9em;
  margin-left: 15px;
}

/* Images */
.alignleft {
  float: left;
  display: inline;
  margin: 0.5em 0.5em 0.5em 10px;
}
.alignright {
  float: right;
  display: inline;
  margin: 0.5em 10px 0.5em 0.5em;
}
.aligncenter {
  margin: 1em auto;
  display: block;
}
.wp-caption {
  max-width: 100%;
  height: auto;
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0;
  padding: 0 10px;
  font-size: 0.9em;
  line-height: 1.2em;
  font-style: italic;
}
/* Meta */
.top-meta {
	text-align: right;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.05em;
	font-size: 0.9em;
	color: rgb(69, 90, 100);
	border-bottom: 1px solid rgb(224, 224, 224);
}
.post-meta {
	font-size: 0.9em;
	color: gray;
	line-height: 1.15em;
	padding-top: 15px;
	border-top: 1px solid rgb(224, 224, 224);
}
.post-meta p {
	font-weight: 600;
	margin-bottom: 5px;
}
.post-meta a {
	display: inline-block;
	line-height: 20px;
	padding: 0 10px;
	margin: 0 5px 0 0;
	background: rgb(69, 90, 100);
	color: white;
	font-weight: 300;
	text-transform: uppercase;
	border: 1px solid transparent;
	
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
.post-meta a:hover {
	color: rgb(69, 90, 100);
	background: white;
	border: 1px solid rgb(69, 90, 100);
}
.meta-cats a {
	font-size: 1.2em;
	height: 30px;
	line-height: 30px;
	text-transform: none;
	padding: 0 30px;
}
span.comments-link {
  display: inline-block;
  line-height: 20px;
  padding: 0 10px;
  margin: 0 5px 0 0;
}

/* Pagination */
/* Post Pagination */
.page-links h2 {
  margin-bottom: -15px;
}
.page-links {
  text-align: center;
  padding: 15px;
  border-top: 1px solid rgb(224, 224, 224);
}
.page-links-number, .page-links a {
  display: inline-block;
  padding: 5px 15px;
  margin: 0 1.5px;
}	
	/* Current Page */
.page-links > span {
  background: white;
  border: 1px solid rgb(69, 90, 100);
  color: rgb(69, 90, 100);
}
	/* Clickable Boxes */
.page-links a {
	background: rgb(69, 90, 100);
	border: 1px solid transparent;
	color: white;
	
	transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-webkit-transition: all .6s ease;
}
.page-links a:hover {
	background: white;
	color: rgb(69, 90, 100);
	border: 1px solid rgb(69, 90, 100);
}
	/* Reset the <a href> inside the span */
.page-links a > span {
	padding: 0;
	margin: 0;
}

/* Previous / Next Post */
.prev {
	float:left;
	text-align:left;
}
.next {
	float:right;
	text-align:right;
}
.postnav h2 {
  padding: 15px;
  border-bottom: 1px solid rgb(224, 224, 224);
  margin-bottom:0;
}
.postnav a {
	  display: block;
  padding: 15px;
  font-weight: 300;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
}
.postnav a:hover {
  color: rgb(69, 90, 100);
  font-weight:400;
}
.prev a:hover {
	border-left: 5px solid rgb(69, 90, 100);
}
.next a:hover {
	border-right: 5px solid rgb(69, 90, 100);
}

/* Indexed Pagination */
.numbered a {
  display: inline-block;
  padding: 0;
}

.numbered ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.numbered li {
	display: inline;
}

a.page-numbers,
span.page-numbers {
	padding: .3em .7em;
	color: #333;
	color: hsl(0, 0%, 20%);
}

a:hover.page-numbers {
	color: #000;
	color: hsl(0, 0%, 0%);
}

.paging-navigation .current {
	font-weight: bold;
	color: #000;
	color: hsl(0, 0%, 0%);
}


/* Comments */
.comment-header {
	height: 60px;
	background-color: transparent;
	font-weight: 300;
}
.comment-list p {
	color: grey;
	font-weight: 300;
	font-size: 1.2em;
}
.reply a {
	display: block;
	background-color: rgb(69, 90, 100);
	width: 60px;
	text-align: center;
	color: white;
	font-weight: 300;
	border: 1px solid transparent;
	
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
.reply a:hover {
	background-color: white;
	width: 60px;
	text-align: center;
	color: rgb(69, 90, 100);
	font-weight: 300;
	border: 1px solid rgb(69, 90, 100);
}
a.comment-edit-link {
	color: rgb(155, 155, 155);
	float: right;
	font-size: .9em;
}
h4#comments {
	padding: 15px 0 40px 0;
	border-bottom: 1px solid rgb(204, 204, 204);
}

.bypostauthor p{
  color: rgb(69, 90, 100);
  font-weight: 400;
}
.bypostauthor img {
  outline: 3px solid rgb(69, 90, 100);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(69, 90, 100, 1);
  -moz-box-shadow: 0px 0px 10px 1px rgba(255,170,0,1);
  box-shadow: 0px 0px 10px 1px rgba(69, 90, 100, 1);
}
/* Footer */
footer {
	padding: 15px 0;
}
.footer-widget {
	padding: 0 15px;
}
.footer-widget h1 {
  padding: 0 0 10px 0;
  font-size: 1.5em;
}

.copyright {
	text-align: center;
	border-top: 1px solid rgb(224, 224, 224);
	padding: 15px 5px 0 5px;
	margin-top: 25px;
	margin-bottom: 0;
	font-size: 0.9em;
	letter-spacing: -0.03em;
	line-height: 1.5em;
	color: rgb(100,100,100);
}
/* Forms/Inputs */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
	width: 100%;
	margin-bottom: 5px;
	border-radius: 0;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	padding: 0 20px;
	height: 30px;
	line-height: 30px;
	border-radius: 0;
	background-color: #455a64;
	color: white;
	text-transform: none;
	font-size: 1em;
	font-weight: 300;
	letter-spacing: normal;
	border: 1px solid transparent;
	
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: white;
	color: #455a64;
	border: 1px solid #455a64;
}
/* Navigation */

.nav-bar {
	margin-top: 25px;
	height: 50px;
}
.main-nav ul, .main-nav li {
	display: inline;
}
.main-nav a {
	font-size: 1.2em;
	padding: 0 20px 0 20px;
	text-decoration: none;
	line-height: 50px;
	display: block;
	color: rgb(69, 90, 100);
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
}
.main-nav a:hover {
	background: rgb(69, 90, 100);
	color: white;
	border-radius: 3px;
}
.main-nav ul ul a {
	width: 200px;
	line-height: 40px;
	padding: 0 20px;
	display: block;
}
.main-nav li ul li a:hover {
	border-radius: 0px;
	background: rgb(86, 111, 123);
}
.main-nav ul li {
	position: relative;
	float: left;
}
.main-nav ul ul {
	box-shadow: 0px 2px 5px rgba(41,41,41,0.15);
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	position: absolute;
	top: -99999999px;
	left: 0;
	opacity: 0;
	background: rgb(255,255,255);
	text-align: left;
}
.main-nav ul li:hover > ul {
	position: absolute;
	top: 100%;
	opacity: 1;
	z-index: 100;
}
.mob-nav {
	margin-top: 25px;
}
#show-nav {
	background: rgb(255,255,255);
	display: none;
	color: rgb(69, 90, 100);
}
#close-nav {
	background: rgb(69, 90, 100);
	display: none;
	color: rgb(255,255,255);
}
#close-nav a {
	color: white;
}
#close-nav a:hover {
	background: white;
	color: rgb(69, 90, 100);
}
/* Home Page Elements */
	/* Slider */
.featured-game {
	position: relative;
	z-index: 1;
	font-family: sans-serif;
}
.featured-game .caption {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	padding: 10px;
	color: #fff;
	width: 40%;
	background: #000;
	opacity: .6;
	line-height: 18px;
	font-size: 14px;
	z-index: 2;
	height: 64%;
	max-height: 270px;
}
.featured-game .game-title {
	font-size: 22px;
	font-weight: 600;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}
.featured-game a:visited {
	color: #fff;
}
.featured-game .playnow {
	text-align: center;
	text-decoration: none;
	background: #56C928;
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 10px;
}
/* Home Page Elements */
	
.internal-x {
	background: rgb(141, 204, 252);
	display: block;
	height: 300px;
}
.latestpost-thumb, .popular-thumb {
	padding: 10px 15px;
	border-top: 1px solid #e0e0e0;
	vertical-align: top;
	padding-right: 5px;
	box-sizing: border-box;
	font-weight: bold;

	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
}
.latestpost-thumb img, .popular-thumb img {
	float: right;
	margin: 0px 10px;
}
.latestpost-thumb p, .popular-thumb p {
	color: rgb(100,100,100);
	text-decoration: none;
	font-weight: normal;
	line-height: 1.3em;
}
.latestpost-thumb:hover, .popular-thumb:hover {
	border-left: 5px solid rgb(100,195,255);
}
.latestpost-thumb div, .popular-thumb div {
	padding: 3px;
}
.latestpost-thumb a, .popular-thumb a {
	text-decoration: none;
	display: block;
	height: 150px;
}
.popular-thumb h2 {
	font-size: 1.5em;
}
.singlepost {
	padding: 15px;
}
.singlepost h1 {
	padding: 15px 0 20px 0;
}
.singlepost-thumb a {
	font-size: 1.7em;
	font-weight: 300;
	letter-spacing: -0.03em;
	line-height: 1.3em;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
}
.singlepost-thumb p {
	margin-top: 20px;
	font-size: 1.1em;
	color: rgb(100, 100, 100);
	font-weight: 300;
}
.singlepost-thumb p a {
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.singlepost img {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
}
.singlepost thumb {
}
/* Side Bar */
.droided-sidebar {
	padding: 0 0 15px 0;
	padding-bottom: 15px !important;
}
.droided-sidebar h1 {
  padding: 10px;
  margin-bottom: 10px;
  background-color: rgb(69, 90, 100);
  color: white;
  font-weight: 100;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
aside li a {
	display: block;
	padding: 10px;
	color: rgb(44,128,168);
	text-decoration: none;
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
}
aside li a:hover {
	color: white;
	background: rgb(69, 90, 100);
}
aside li {
	border: 1px solid #eee;
	border-bottom: none;
	
}
aside ul {
	border-bottom: 1px solid #eee;
	padding: 0 15px !important;
}
/* Widgets */
/* Theme Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}
#wp-calendar caption {
	padding: 0.4em 0;
	margin: 0 -0.4em 0.8em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
	padding-bottom: 0.6em;
}
#wp-calendar tbody td {
	color: #888;
}
#wp-calendar tbody td a {
	font-weight: bold;
}
#wp-calendar tbody #today {
	font-weight: bold;
	color: #333;
}
#wp-calendar tfoot tr td {
	padding-top: 0.8em;
}
#wp-calendar #prev {
	text-align: left;
	padding-left: 15px;
}
#wp-calendar #next {
	padding-right: 15px;
	text-align: right;
}	


.comment-list li.comment {
	margin-bottom: 20px;
}
.comment-list .depth-2, depth-3 {
	margin: 20px 0 0 20px;
}
.comment-header {
	height: 50px;
}
.comment-header img {
	float: left;
	margin-right: 8px;
}
.comment-list p {
	clear: both;
	margin: 10px 0;
}

/* Media Queries */

@media only screen and (min-width:400px) and (max-width: 1080px) {
.latestpost-thumb a, .popular-thumb a {
	height: 200px;
	padding-top: 5%;
}
.container {
	width: 95%;
}
}

@media only screen and (max-width: 479px) {
.featured-game p {
	display: none;
}
}

@media only screen and (max-width: 840px) {
.one-half.column, .one-third.column, .two-thirds.column {
	width: 100%;
}
.featured-game .caption {
	width: 85%;
	opacity: .70;
}
.main-nav ul ul {
	position: relative;
	top: 0;
}
.main-nav ul li:hover > ul {
	position: relative;
}
.main-nav ul ul a {
	padding: 0 20px 0 40px;
	width: auto;
	line-height: 50px;
}
.main-nav ul li {
	float: none;
}
.nav-bar {
	height: inherit;
	margin-top: 0px;
}
.main-nav {
	display: none;
}
#show-nav {
	display: block;
}
.latestpost-thumb {
	float: none;
	width: 100%;
}
}