/*
Theme Name: Gridiculous
Theme URI: http://themes.bavotasan.com/gridiculous
Author: c.bavota
Author URI: http://bavotasan.com
Description: Gridiculous is a lightweight HTML5 responsive theme based on the grid layout boilerplate of the same name. Create a truly unique design using the WordPress 3.4 theme customizer by choosing your own header image, background color or image, page layout, site width, link color and more. Distinguish each post with one of the eight supported post formats, such as: Video, Image, Aside, Status, Audio, Quote, Link and Gallery. Display each of your galleries through a custom jQuery Lightbox style image switcher. Uses Normalize.css for cross browser compatiblity and two Google Fonts for improved typeface readability. Works perfectly in desktop browsers, tablets and handheld devices. For a live demo go to http://demos.bavotasan.com/gridiculous/. For free dedicated support check out http://themes.bavotasan.com/support/.
Version: 1.0.4
Tags: white, black, gray, light, silver, one-column, two-columns, right-sidebar, left-sidebar, flexible-width, custom-background, custom-header, custom-menu, custom-colors, editor-style, featured-image-header, featured-images, post-formats, sticky-post, threaded-comments, translation-ready, full-width-template, theme-options

License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Gridiculous WordPress Theme, Copyright 2012 c.bavota
Gridiculous is distributed under the terms of the GNU GPL
*/

#header-bubble {
position: absolute;
left: 325px;
background: url('/images/bubble.png') no-repeat;
width: 160px;
height: 36px;
display: block;
text-align: center;
top:0px;
}

#header-bubble a {
text-decoration:none;
}

/* =Normalize.css by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{font-size:0.95em;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:sans-serif;}
body{margin:0;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
h2{font-size:1.5em;margin:0.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1.33em 0;}
h5{font-size:0.83em;margin:1.67em 0;}
h6{font-size:0.75em;margin:2.33em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
blockquote{margin:1em 40px;}
dfn{font-style:italic;}
mark{background:#ff0;color:#000;}
p,pre{margin:0.5em 0;}
pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q{quotes:none;}
q:before,q:after{content:'';content:none;}
small{font-size:75%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dl,menu,ol,ul{margin:1em 0;}
dd{margin:0 0 0 40px;}
menu,ol,ul{padding:0 0 0 40px;}
nav ul,nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:1px solid#c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
button,input{line-height:normal;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;} 

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table;}
.row:after,.clearfix:after{clear:both;}
.row,.clearfix{zoom:1;}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word}
body{font-size:100%;line-height:1.6875}
.grid{margin:0 auto;max-width:1100px;min-width:320px;width:100%}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:10px}
.row .row{width:auto;margin:0 -20px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12,.w320 .c1,.w320 .c2,.w320 .c3,.w320 .c4,.w320 .c5,.w320 .c6,.w320 .c7,.w320 .c8,.w320 .c9,.w320 .c10,.w320 .c11,
.w640 .c1,.w640 .c2,.w640 .c3,.w640 .c4,.w640 .c5,.w640 .c6,.w640 .c7,.w640 .c8,.w640 .c9,.w640 .c10,.w640 .c11{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:20px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}

/* =Google Fonts
-------------------------------------------------------------- */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/G2uphNnNqGFMHLRsO_72ngLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}

/* =General
-------------------------------------------------------------- */
body {
	color: #555;
	text-shadow: 1px 1px 0 #eee;
	font-family: Arial, sans-serif;
	letter-spacing: 0.05em;
	}

a, h1, h2, h3, h4, h5, h6 {
	color: #333;
	}
	
	a:hover {
		color: #000;
		}

ul ul,
ol ol {
	margin: 0;
	}
	
pre {
	padding: 10px;
	background: #ddd;
	border: 1px solid #bbb;
	color: #555;
	font-size: 85%;
	white-space: pre;
	word-wrap: normal;
	overflow-x: auto;
	}	

table {
	width: 100%;
	}

	tr:nth-of-type(odd) {
		background: #eee;
	}
	
	td, th {
		background: #fff;
		padding: 6px;
		border: 1px solid #bbb;
		text-align: left;
		}
	
	th {
		background: #eee;
		font-weight: bold;
		}
		
	.widget #calendar_wrap {
		padding: 0 20px 20px;
		}
			
.fl {
	float: left;
	}
	
.fr {
	float: right;
	}	

/* =HTML5 Defaults
-------------------------------------------------------------- */
del {
	color: red;
	text-decoration: line-through;
	}

ins {
	border-bottom: 1px solid green;
	text-decoration: none;
	color: green;
	}
	
/* =Inputs
-------------------------------------------------------------- */
input,
textarea {	
	padding: 8px;
	border: 1px solid #bbb; 
	outline: none;
	font-weight: normal;
	color: #555;
	}
	
	input:focus,
	textarea:focus {	
		border-color: #AAA;
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
		}

input[type="submit"] {
	margin: 10px 0;	
	}
	
select {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border: 1px solid #aaa;
	padding: 4px;
	color: #555;
	}

	.widget select {
		margin: 0 20px 20px;
		width: 70%;
		}

/* =Assitive Text
-------------------------------------------------------------- */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* =Header
-------------------------------------------------------------- */
#site-title {
	margin-bottom: 0;
	line-height: 1;
	}
	
	#site-title a {	
		font-family: 'Fjalla One', sans-serif;
		text-decoration: none;
		font-size: 120%;
		}
	
#site-description {	
	margin: 0;
	font-size: 140%;
	line-height: 1;
	}
	
#header-img {
	padding: 0;
	border: 0;
	clear: both;	
	}
#header {
margin-top:30px;
}
#header hgroup {
	float: left;
	margin-bottom: 10px;
	}

#drop-down-search {
	clear: both;
	margin-top: 20px;
	display: none;
	}
	
	#drop-down-search #searchform {
		padding-right: 18px;
		}
	
	#drop-down-search #site-search {
		width: 100%;
		}

/* =Header Widgets
-------------------------------------------------------------- */
.header-widget {
	float: right;
	margin: 30px 0 20px;
	}

	#header .header-widget-title {
		padding: 0;
		border-bottom: 0;
		margin-bottom: 5px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		}

.header-widget.widget_search {
	margin-top: 45px;
	}

.header-widget img {
	padding: 0;
	}

/* =Main Navigation
-------------------------------------------------------------- */	
#site-navigation {
	margin: 0;
	position: relative;
	z-index: 500;
	font-size: 100%;
	display: block;
        background: #555;
	background: rgba(44,44,44,0.5);
	clear: both;
	}

	#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 35px;
			display: inline-block;
			text-shadow: 1px 1px 0 #000;
			text-decoration: none;
			}
			
		#site-navigation li:hover {
			background: #222;
			}
	
	#site-navigation ul ul {
		opacity: 0;
		position: absolute;
		top: 2.9em;
		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;
		}

/* =Mobile Navigation
-------------------------------------------------------------- */
#mobile-menu {
	clear: both;
	margin-top: 30px;
	text-align: center;
	display: none;
	}

	#mobile-menu a {
		width: 50px;
		height: 50px;
		display: inline-block;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
		margin: 0 10px;
		background: url(images/sprite.png) no-repeat 11px 10px #444;
		}
		
		#mobile-menu a:hover {
			background-color: #222;
			}
		
		#mobile-menu a.menu {
			background-position: 11px -74px;
			}

		#mobile-menu a.search {
			background-position: 11px -32px;
			}

/* =Home Widgets
-------------------------------------------------------------- */
.home-widget {
	font-size: 90%;
	}

	.home-widget img {
		margin-bottom: 10px;
		}

	.home-widget-title {
		margin: 10px 0 5px;
		font-size: 120%;
		line-height: 1.4;
                text-align:center;
		}

/* =Featured
-------------------------------------------------------------- */
#featured, #featured article {
	margin-bottom: 0;
	}

	#featured .c12 {
		margin: 10px 0 0;
		}

/* =Sticky
-------------------------------------------------------------- */
.sticky {
	background: rgba( 50,50,50,0.4);
	border: 1px solid #777;
	padding: 40px;	
	text-shadow: 1px 1px 0 #000;
	color: #eee;
	border-radius: 6px;
	}
	
	.sticky .post-meta,
	.sticky .post-meta a {
		color: #eee;
		}

	.sticky .post-title,
	.sticky .post-title a,
	.sticky h1,
	.sticky h2,
	.sticky h3,
	.sticky h4,
	.sticky h5,
	.sticky h6 {
		color: #fff;
		}

	.sticky .post-category,
	.sticky .post-category a {
		color: #ccc;
		}
		
		.sticky .post-category a:hover	{
			color: #aaa;
			}
		
	.sticky .post-content a {
		color: #eee;
		border-bottom: 1px dotted #eee;
		}
		
	.sticky .post-content pre {
		text-shadow: none;
		}
		
	.sticky .more-link {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #222;
		margin-bottom: 0;
		}
		

/* =Main
-------------------------------------------------------------- */
#main {	
	margin-top: 40px;
	}
	
	#primary.centered {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
		}
	
/* =Article
-------------------------------------------------------------- */
article {	
	margin-bottom: 30px;
	padding-bottom: 10px;
	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%;
	}

.post-title {
	margin: 0;
	line-height: 1.1;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	}
	
	.post-title a {	
		text-decoration: none;
		}
		
.post-meta {	
	font-size: 85%;
	line-height: 1;
	margin-top: 5px;
	color: #333;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	}
	
	.post-meta a {
		text-decoration: none;
		border-bottom: 1px dotted;
		}

		.post-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,
		.post-meta a:hover {
			color: #444;
			}
		
.post-content {
	position: relative;
	width: 100%;
	font-family: Arial, sans-serif;
	}
	
	.post-content a {
		border-bottom: 1px dotted;
		text-decoration: none;
		}

.more-link,
.button,
#posts-pagination a,
input[type="submit"],
.comment-reply-link {
	background: #444;
	color: #eee !important;
	text-decoration: none;
	text-shadow: 1px 1px 0 #000;
	padding: 10px 16px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #222 !important;
	-moz-box-shadow: 1px 1px 0 #eee;
	-webkit-box-shadow: 1px 1px 0 #eee;
	box-shadow: 1px 1px 0 #eee;
	display: inline-block;
	margin: 1em 0;
	line-height: 1.2;
	}
	
	.more-link:hover,
	input[type="submit"]:hover,
	#posts-pagination a:hover,
	.button:hover,
	.comment-reply-link:hover {
		background: #222;
		color: #eee;
		}
		
	.more-link-p {
		clear: both;
		float: left;
		width: 100%;
		margin: 0;
		}

img {	
	padding: 10px;
	background: #e6e6e6;
	border: 1px solid #bbb;
	}

footer.article {
	clear: both;
	float: left;
	width: 100%;
	}

blockquote.pullquote {
	font-size: 21px;
	color: #444;
	font-weight: bold;
	line-height: 1.6125em;
	border: 0;
	padding: 0;
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
	float: left;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-moz-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	}
	
	blockquote.pullquote.alignright {
		margin: 0 0 0 1.625em;
		text-align: left;
		float: right;
		}

/* =404
-------------------------------------------------------------- */
#post-0 .post-title {
	font-size: 500%;
	text-align: center;
	text-shadow: 5px 5px 0 #eee;
	}
	
	#post-0 img {
		background: none;
		border: 0;
		padding: 0;
		margin-bottom: 10px;
		}
	
	#post-0 .entry {
		text-align: center;
		font-size: 200%;
		line-height: 1.2;
		text-transform: uppercase;
		}

/* =Aside
-------------------------------------------------------------- */
.format-aside p {
	margin-top: 0;
	}

/* =Quote
-------------------------------------------------------------- */
.format-quote .post-content {
	font-size: 18px;
	line-height: 27px;
	padding-left: 50px;
	font-style: italic;
	}

	.format-quote p,
	.format-quote blockquote {
		margin: 0;
		}
	
	.format-quote:before {
		font-family: Georgia, serif;
		color: #999;
		display: block;
		font-size: 100px;
		width: 50px;
		content: '\201C';
		height: 0;
		top: -40px;
		position: relative;
		}

.format-quote blockquote {
	border: 0;
	padding: 0;
	font-size: 18px;
	color: #555;
	}
		
cite {
	text-align: right;
	font-style: normal;
	display: block;
	margin-bottom: 10px;
	}
	
	cite:before {
		content: '\2013 \00A0';
		}

/* =Status
-------------------------------------------------------------- */
.format-status header,
.format-status {
	line-height: 1;
	}
		
	.format-status .avatar {
		padding: 6px;
		float: left;
		margin: 0 17px 0 0;
		}
	
	.format-status .author a {
		text-decoration: none;
		font-family: 'Lato', sans-serif;
		font-weight: 900;
		font-size: 110%;
		}
	
	.format-status .post-content {
		padding-left: 77px;
		clear: none;
		display: inherit;
		margin-bottom: 1em;
		}
		
		.format-status .post-content p {	
			line-height: 1.6875;
			margin-top: 0;
			}

	.format-status .the-time {
		font-size: 80%;
		color: #666;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		margin: 5px 0 15px;
		display: inline-block;
		}

/* =Link
-------------------------------------------------------------- */
.format-link p {
	margin: 0;
	}
	
	.format-link footer.article p,
	.format-quote footer.article p {
		margin: 1em 0;
		}
	
	.format-link cite a {
		font-size: 140%;
		line-height: 22px;
		border: 0;
		}

.format-link cite {
	text-align: left;
	margin-bottom: 0;
	}
	
	.format-link cite:before {
		content: '';
		}
		
blockquote {
	margin: 5px 0 1em 0;
	font-size: 90%;
	color: #666;
	border-left: 10px solid #aaa;
	padding-left: 12px;
	}

/* =Gallery
-------------------------------------------------------------- */
.gallery {
	margin: 30px 0;
	padding: 20px;
	background: #444;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	border: 1px solid #111;
	}
	
	.gallery-item {
		display: inline-block;
		vertical-align: top;
		margin: 10px;
		}
	
		.gallery-item img {
			cursor: pointer;
			-moz-box-shadow: 1px 1px 2px #000;
			-webkit-box-shadow: 1px 1px 2px #000;
			box-shadow: 1px 1px 2px #000;
			}

		.gallery-item img:hover {
			opacity: 0.9;
			}

.gallery-thumb {
	display: block;
	border: 0 !important;
	margin: 20px 0 !important;
	}

#lightbox {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	display: table;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 9999;
	}
	
	#lightbox .lightbox-container {
		display: table-cell;
		vertical-align: middle;
		}
	
	#lightbox .prev-image,
	#lightbox .next-image {
		padding: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #222;
		position: absolute;
		top: 50%;
		left: 20px;
		margin-top: -20px;
		color: #fff;
		text-shadow: none;	
		cursor: pointer;
		font-size: 150%;
		line-height: 1.3;
		}
		
		#lightbox .prev-image:hover,
		#lightbox .next-image:hover {
			background: #111;
			}
		
		#lightbox .next-image {
			left: auto;
			right: 20px;
			}

	#lightbox p {
		color: #fff;
		text-shadow: 0 0 1px #000;
		max-width: 600px;
		margin: 20px auto;
		font-size: 14px;
		line-height: 1.4;
		text-align: left;
		padding: 0 20px;
		}

/* =Attachments
-------------------------------------------------------------- */
p.attachment img {
	margin: 0;
	}

	p.attachment a {
		display: inline-block;
		border: 0;
		}

/* =Tags
-------------------------------------------------------------- */
.tags a {
	text-decoration: none;
	background: white;
	padding: 4px 6px;
	border: 1px solid #bbb;
	font-size: 90%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

	.tags a:hover {
		background: #eee;
		}

/* =Pagination
-------------------------------------------------------------- */	
#pagination,
#post-pagination,
#posts-pagination {
	margin: 0 0 20px 0;
	width: 100%;
	overflow: hidden;
	clear: both;
    }	
		
	#pagination .total-pages,
	#pagination .page-numbers,
	#post-pagination a,
	#post-pagination .current-post-page {
		background: #fff;
		padding: 8px 16px;
		border: 1px solid #bbb;				
		float: left;
		margin-right: 5px;
		text-decoration: none;
		text-shadow: none;
		}

		#pagination .page-numbers.current,
		#pagination .page-numbers:hover,
		#post-pagination a:hover,
		#post-pagination .current-post-page {
			background: #444;
			color: #eee;
			text-shadow: 1px 1px 0 #000;
			}

#posts-pagination .previous,
#posts-pagination .next {
	max-width: 48%;
	}

#pages a {
	text-decoration: none;
	border-bottom: 1px dotted;
	}

/* =Comments
-------------------------------------------------------------- */
#comments,
#respond,
.commentlist,
.commentlist ul.children,
.commentlist li.comment,
.commentlist li.pingback,
.commentlist .comment-body { 
	width: 100%;
	clear: both;
	float: left;
	}
	
	#comments-title,
	#reply-title {
		font-size: 1.5em;
		margin-bottom: 0;
		}

		.logged-in-as {
			margin-top: 0;
			font-size: 14px;
			}
			
			.logged-in-as a {
				text-decoration: none;
				border-bottom: 1px dotted;	
				}

	.commentlist li.comment,
	.commentlist li.pingback {
		padding-bottom: 10px;
		}

	.commentlist,
	.commentlist ul.children { 
		list-style: none; 
		padding: 0;
		}
		
		.commentlist ul.children {
			margin: 10px 0 0;
			padding-left: 10px;
			}
			
			.commentlist ul.children li.comment {
				border-left: 1px solid #aaa;
				position: relative;
				}
				
				.commentlist ul.children li.comment:before {
					width: 30px;
					height: 15px;
					display: block;
					background: url(images/sprite.png) no-repeat 0 -129px;
					position: absolute;
					top: 30px;
					left: -6px;
					content: "";
					z-index: 100;
					}
		
	.commentlist .comment-body {
		padding: 20px; 
		background: #fff; 
		display: block;
		border: 1px solid #bbb;
		}

		.commentlist .children > li.comment {
			padding-left: 23px !important;
			}
		
	.comment-notes { 
		line-height: 1.2em; 
		clear: both; 
		}

	.commentlist li.comment .avatar {
		float: left;
		padding: 0;
		border-color: #CCC;
		}
	
	.commentlist li.comment .comment-author {
		width: 100%;
		color: #222;
		text-decoration: none;
		}
		
		.commentlist li.comment .comment-author {
			font-size: 130%;
			padding-left: 75px;
			line-height: 1;
			}
		
	.commentlist li.comment .comment-meta {
		padding-left: 75px;
		font-size: 80%;
		color: #888;
		font-style: italic;
		}
	
	.commentlist li.comment .comment-text {
		padding: 0 0 0 75px;
		}

	#cancel-comment-reply-link { 
		font-size: 1em;
		float: right;
		}
		
	.comment-reply-link {
		float: right;
		margin: 0;
		}
		
	textarea#comment {
		width: 100%;
		}
		
	.commentlist pre {
		background: #eee;
		border-color: #e2e2e2;
		}
		
	.pingback a,
	.comment a {
		text-decoration: none;
		border-bottom: 1px dotted;
		}
		
	.comment .url {
		font-style: italic;
		}
		
	.bypostauthor .comment-body {
		border: 10px solid #444;
		}

/* =Archives
-------------------------------------------------------------- */
#archive-header {
	margin-bottom: 30px;
	}

.archive-meta {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 90%;
	color: #666;
	margin: 0;
	}

#search-header .page-title {
	font-size: 140%;
	line-height: 1.2;
	margin-bottom: 30px;
	color: #333;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-moz-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	box-shadow: 0 1px 0 #eee, inset 0 1px 0 #eee;
	padding: 10px 0;
	}

/* =Sidebar
-------------------------------------------------------------- */
.widget {
	margin-bottom: 30px;
	width: 100%;
	background: rgba(255,255,255,.3);
	border: 1px solid #ccc;
	font-size: 90%;
	}

	.widget p {
		padding: 0 20px;
		}

	.widget-title,
	.header-widget-title {
		font-size: 140%;
		margin-top: 0;
		line-height: 1;
		border-bottom: 1px solid #bbb;
		padding: 10px 20px;
		-moz-box-shadow: 0 1px 0 #eee;
		-webkit-box-shadow: 0 1px 0 #eee;
		box-shadow: 0 1px 0 #eee;
		}
		
	.widget .textwidget {	
		padding: 0 20px;
		}
		
		.widget p a,
		.home-widget a {
			text-decoration: none;
                        #bbb 1px dashed;
			}
	
	.widget ul {
		padding: 0 20px 0 40px;
		}
	
	.widget ul li a {
		text-decoration: none;
		-moz-transition: margin .15s ease-in-out;
		-webkit-transition: margin .15s ease-in-out;
		transition: margin .15s ease-in-out;
		}

	.widget ul li a:hover {
		margin-left: 5px;
		}

.widget #searchform {
	margin: 0 20px 20px;
	}
	
	.widget.widget_search #site-search {
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}

.widget .tagcloud {
	padding: 0 20px 20px;
	line-height: 1.3;
	text-align: center;
	}
	
.widget-title .rsswidget {
	text-decoration: none;
	border-bottom: 1px dotted;
	}

.rsswidget img {
	background: none;
	padding: 0;
	display: inline-block;
	margin: 0;
	}
	
	.widget_rss ul {
		list-style: none;
		padding: 0 20px;
		}
		
	ul .rsswidget {
		font-size: 120%;
		line-height: 1;
		font-family: 'Lato', sans-serif;
		font-weight: 900;
		}		

		ul .rsswidget:hover {
			margin: 0 !important;
			}

		.rss-date {
			clear: both;
			font-size: 90%;
			color: #333;
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			display: block;
			}
			
		.widget_rss cite {
			font-style: italic;
			}

/* =Footer
-------------------------------------------------------------- */
#footer {
	background: #444;
        background: rgba(44,44,44,0.5);
	text-shadow: 1px 1px 0 #000;
	color: #fff;
	font-size: 80%;
	}
	
	#footer .row {
		margin-bottom: 0;
		}

	#footer a {
		color: #fff;
		border-bottom: 1px dotted;
		text-decoration: none;
		}

#footer .fr {
	position: relative;
	}

.gridiculous {
	background: url(images/sprite.png) no-repeat 0 -160px;
	width: 30px;
	height: 32px;
	display: inline-block;
	position: absolute;
	left: -38px;
	top: -3px;
	}

/* =Sticky Footer
-------------------------------------------------------------- */
html, body {
	height: 100%;
	}
 
#page {
	height: auto;
	min-height: 90%;
	}
 
#main {
    height: 100%;
    padding-bottom: 70px;
    }
 
#footer {
	margin-top: -70px;
	height: 30px;
	}

/* =Videos
-------------------------------------------------------------- */	
video {
	max-width: 100%;
	height: auto;
	}

iframe,
embed,
object {	
	}

/* =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: 5px 20px 20px 0;
	}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
	}

.wp-caption {
    background: #fff;
    border: 1px solid #bbb;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 10px 10px 5px;
    text-align: center;
	}

.wp-caption a {
	display: block;
	border: 0;
	}

.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;
    margin:0;
    padding: 0;
    display: inline-block;
	}

.wp-caption p.wp-caption-text {
    font-size: 80%;
    margin:0;
    padding:0 4px 5px;
	}

.wp-smiley {
	padding: 0;
	border: 0;
	background: none;
	}
	
.gallery-caption {}

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
.row .row > div:last-child{margin-bottom:0 !important}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
body{font-size:90%}
#header-bubble {
left: 298px;
top:-4px;
}
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}
#main{margin-top:20px}
.gallery-item img{width:140px}
.header-widget.widget_search,#site-navigation{display:block}
.gridiculous{top:-12px;left:0}
#footer{height:72px}
#footer-content span{display:block;float:none;text-align:center}
}

/* =Media query for iPhone and handheld devices
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) and (orientation:portrait){
.header-widget.widget_search,#site-navigation,#site-navigation li.menu-item-home{display:none}
#mobile-menu{display:block}
	#site-navigation li,
	#site-navigation li a,
	#site-navigation ul ul {
		width: 100%;
		}
		
	#site-navigation ul.menu {
		max-height: 260px;
		overflow-y: scroll;
		}
		
		#site-navigation li:hover,
		#site-navigation li li:hover {
			background: #444;
			}
			
		#site-navigation ul ul {
			display: block;
			position: static;
			opacity: 1;
			background: inherit;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
			}
			
		#site-navigation ul ul li {
			padding-left: 25px;
			}
					
}