/*
Theme Name:     Jlemons
Theme URI:      http://jesselemons.com/
Template:       twentytwelve
Version:        0.1.0
*/
@import url("../twentytwelve/style.css");
@import url(http://fonts.googleapis.com/css?family=Ubuntu|Iceland);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:600italic);

/*
Colors
Block Element Blue - rgba(0,109,186,.15) or #006dba
*/
body.custom-font-enabled { 
	font-family :Ubuntu, sans-sarif;
}
body, footer.entry-meta, .widget-area .widget a, a, .comments-link a, .entry-meta a, .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th, .widget-area .widget a, .main-navigation a, .main-navigation li a:hover, .site-header h1 a, .site-header h2 a, .site-header h2, footer[role="contentinfo"] a, .archive-header, .archive-meta {
	color:#fff;
}

a:hover, .widget-area .widget a:hover, footer[role="contentinfo"] a:hover{
	color:#006dba;
}

body.custom-background-empty, body.custom-background {
	background-color: #000;
	background:url('images/bg.png');
}


.site, .site-header, .site-content, .site-content article, .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul, .main-navigation li, .widget-area, .widget-area .widget, .archive-header, .archive-header h1 {
	background-color:rgba(0,86,146,.15);
}

.widget-area .widget_search {
	background:none;
}

.site-header {
	padding: 0 0 0 30px;
	margin: 0 -40px 10px 0;
}
.site-header h1, .site-header h2, .archive-title{
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-style:italic;
	text-align:left;
}
.site-header h1 {
	margin-bottom:-10px;	
}
.site-header h2 {
	font-size:20px;
	line-height:normal;
	margin-left:20px;
}

.entry-header .entry-title {
	font-family: Iceland;
	font-weight:bold;
	clear:none;
}
.entry-header, .archive-title {
	margin-bottom:5px;
}
.entry-header img.wp-post-image {
	float:left;
	margin-right:15px;
	width:200px;
}
.entry-content img, .comment-content img, .entry-content iframe, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius:0px;
	box-shadow:0 0 20px -4px rgba(0,109,186,2.15);
}

.archive-meta {
	margin:0px;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	color: #fff;
	background: #003158;
	border: none;
	font-family: Ubuntu;
	font-weight:bold;
	font-size:13px;
	border-radius:0px;
}
.menu-toggle:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover {
	color: #006dba;
	background: #003158;
	border: none;
	font-family: Ubuntu;
	font-weight:bold;
	font-size:13px;
}
.menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	color: #fff;
	background: #003158;
	border: none;
	font-family: Ubuntu;
	font-weight:bold;
	font-size:13px;
	box-shadow:none;
}
.menu-toggle, .menu-toggle:hover, .menu-toggle:active, .menu-toggle.toggled-on {
	font-size:22px;
	font-family: Iceland;
	font-weight: normal;
	padding: 2px 10px;
	margin:0 2px;
	border-radius:0px;
	display:inline-block;
	width:71px;
}

.main-navigation div.nav-menu {
	margin:0 0px 0 0;
}

.main-navigation .sub-menu {
	background-color:rgba(9, 38, 61, .9);
}

.main-navigation li {
	font-size:22px;
	font-family: Iceland;
	padding: 2px 10px;
	margin:0 2px;
}

.main-navigation .current_page_item {
	background-color:rgba(0, 74, 128,.9);
}

.site-content article{
	border:none;
	margin: 20px 3px 10px 3px;
	padding:5px 5px;
}

.widget-area .widget {
	margin:10px -40px 20px 10px;
	padding:5px;
}


footer[role="contentinfo"] {
	border:none;
	padding: 15px;
}



/*Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #000;
		background:url('images/bg.png');
	}
	body .site {
		padding: 0;
		margin-top: 48px;
		margin-top: 3.428571429rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
	}
	body.custom-background-empty {
		background-color: #000;
		background:url('images/bg.png');
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	.site-content article{
		border-bottom: none;
		margin: 20px -60px 10px 3px;
		padding: 25px 20px;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.archive-header {
		border-bottom: none;
		margin: 20px -60px 10px 3px;
		padding: 10px 20px;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.archive-header h1 {
		padding:0 10px;
	}
}


/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: inherit;
	}
	.site-content {
		float: left;
		width: 65.104166667%;
	}
	.site-content article{
		border-bottom: none;
		margin: 20px -60px 10px 3px;
		padding: 25px 20px;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	
	.archive-header {
		border-bottom: none;
		margin: 20px -60px 10px 3px;
		padding: 10px 20px;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	.archive-header h1 {
		padding:0 10px;
	}
	
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 26.041666667%;	
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 49px;
		line-height:normal;
		margin-bottom: -23px;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border:none;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #fff;
		line-height: normal;
		text-transform: none;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #006dba;
	}
	.main-navigation li {
		margin:0 2px;
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li {
		padding:0px;
		border-bottom: 1px solid #000;
		border-top: 1px solid #003158;
	}
	.main-navigation li ul li a {
		background: none;
		display: block;
		font-size: 18px;
		border:none;
		line-height: normal;
		padding: 8px 10px;
		margin:0px;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li:first-child {
		border-top: none;
	}
	.main-navigation li ul li:last-child {
		border-bottom: none;
	}
	.main-navigation li ul li a:hover {
		background: none;
		color: #006dba;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #fff;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title, .archive-header .archive-title {
		font-size: 25px;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}