/*---------------------------------------------------------

	Stylesheet Overview

------------------------------------------------------------

	----- Table of Contents -----

	1.  Reset
	2.  Body and links
	3.  Basic Structure
	4.  Header
	5.  Post styling
	6.  Pages, page templates, archives
	7.  Sidebar
	8.  Comments
	9.  Globals
	10. Default floats and image styling
	11. Footer

	----- Font / line-height sizing -----

	Base font-size is 62.5% = 10px
	1.2em = 12px

	----- IMPORTANT NOTE -----

	DO NOT make edits to this file, your edits will vanish
	when you upgrade the theme. Instead add your custom CSS to
	the style.css file in the pro child theme. Any new styles
	you add there will automatically override this imported
	stylesheet. This will also make your life a whole lot
	easier when it comes time to upgrade the theme.
*/

/*---------------------------------------------------------
	1. Reset
------------------------------------------------------------ */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*---------------------------------------------------------
	2. Body and links
------------------------------------------------------------ */
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2.2em;
	color: #444;
	background: #f3f3f3 url(../images/body-background.png) repeat 0 0;
}
a:link,
a:visited {
	text-decoration: none;
	color: #214469;
}
a:hover {
	text-decoration: underline;
	color: #13293e;
}

/*---------------------------------------------------------
	3. Basic Structure
------------------------------------------------------------ */
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	/*background: url(../images/grid.png) no-repeat 0 0;*/
}
#content {
	float: left;
	width: 657px;
	padding-bottom: 10px;
}
#sidebar {
	float: right;
	width: 293px;
	padding-bottom: 10px;
}
#footer {
	clear: both;
}
.clear:after,
li.comment:after,
#sidebar ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.skip-content {
	display: none;
}

/*---------------------------------------------------------
	4. Header
------------------------------------------------------------ */
#header {
	padding: 30px 0 0 0;
	background: #efefef;
}
ul#follow {
	float: right;
	margin: 5px 30px 0 0;
}
ul#follow li {
	float: left;
	margin-left: 10px;
}
ul#follow li a {
	opacity: .8;
}
ul#follow li a:hover,
ul#follow a:focus {
	opacity: 1;
}
#title {
	float: left;
	width: 627px;
	margin: 0 0 0 30px;
	font-size: 4.2em;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1em;
}
#title a {
	color: #444;
}
#title a:hover {
	color: #000;
	text-decoration: none;
}
div#title-logo {
	float: left;
	margin: 0 0 0 30px;
}
#description {
	clear: left;
	float: left;
	width: 627px;
	margin: 0 30px;
	font-size: 1.3em;
	color: #999;
}

/*Navigation
---------------------------------------*/
#navigation {
	padding-bottom: 10px;
	font-size: 1.4em;
	background: #efefef url(../images/nav-background.png) no-repeat bottom left;
}
#nav,
#nav ul {
	float: left;
	width: 960px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	width: 100%;
}
#nav {
	padding: 15px 20px 7px 30px;
}
#nav a {
	display: block;
	color: #555;
	text-decoration: none;
	margin: 0 25px 0 0;
}
#nav a:hover {
	color: #111;
}
#nav li {
	float: left;
}
#nav ul {
	z-index: 99999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 151px;
	font-weight: normal;
	line-height: 20px;
	border: 0;
}
#nav li li {
	width: 170px;
	background: #eaeaea;
}
#nav li li a {
	font-size: .9em;
	padding: 8px 12px;
	width: 146px;
}
#nav li ul ul {
	margin: -37px 0 0 170px;
}
#nav li li:hover {
	background: #f6f6f6;
}
#nav li ul li:hover a,
#nav li ul li li:hover a,
#nav li ul li li li:hover a,
#nav li ul li li li:hover a {
	background: #f6f6f6;
}
#nav li:hover li a,
#nav li li:hover li a,
#nav li li li:hover li a,
#nav li li li li:hover li a {
	color: #444;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul {
	left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul {
	left: auto;
}
#nav li:hover,
#nav li.sfhover {
	color: #000;
}
#nav li.current_page_parent a,
#nav li.current_page_ancestor a,
#nav li.current-cat-parent a,
#nav li.current-cat a,
#nav li.current_page_item a {
	color: #111;
}

/*---------------------------------------------------------
	5. Post styling
------------------------------------------------------------ */

/*Post Header
---------------------------------------*/
.post-box,
.alert-box {
	background: #fff;
	margin-bottom: 10px;
	padding-top: 10px;
	border: 1px solid #dedede;
}
.alert-box .entry {
	padding: 10px 30px;
}
.post-box.page-box {
	padding-bottom: 30px;
}
.post-header h1,
.post-header h2 {
	font-size: 2.4em;
	margin: 30px 30px 0 30px;
	line-height: 1.1em;
	font-weight: normal;
}
.post-header h1 {
	font-size: 2.6em;
}
.post-header h1 a,
.post-header h2 a {
	color: #444;
}
.post-header h1 a:hover,
.post-header h2 a:hover {
	color: #13293e;
}

/*Post Meta
---------------------------------------*/
.meta {
	margin: 0 10px 10px 10px;
	padding: 10px 20px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	color: #555;
	background: #efefef url(../images/bg-stripes.png) repeat-x bottom left;
}
.alert-box .meta {
	background: #fcfce7 url(../images/bg-stripes-yellow.png) repeat-x bottom left;
}
.meta span {
	font-size: .9em;
	color: #aaa;
	font-weight: normal;
}
.meta a {
	color: #666;
	font-style: normal;
}
.meta a:hover {
	color: #214469;
}
div.tags a {
	color: #999;
}
div.tags a:hover {
	color: #111;
}
div.tags {
	margin: 10px 0 0 30px;
	padding: 0 0 0 24px;
	font-size: 1.2em;
	background: url(../images/tags.png) no-repeat 0 1px;
}

/*Post Body
---------------------------------------*/
.entry {
	padding: 30px 30px 0 30px;
}
.entry a,
.alert-box a {
	text-decoration: underline;
}
.entry a:hover,
.alert-box a:hover {
	text-decoration: none;
}
.entry {
	font-size: 1.3em;
}
.entry p {
	margin-bottom: 10px;
}
.entry p.notice {
	padding: 15px;
	background-color: #fffbcc;
	border: 1px solid #f8f4c7;
}
.entry h2,
.entry h3,
.entry h4 {
	padding: 20px 0 15px 0;
	font-size: 1.5em;
	font-weight: normal;
}
.entry h3,
.entry h4 {
	padding: 15px 0 10px 0;
	text-transform: uppercase;
}
.entry h3 {
	font-size: 1em;
}
.entry h4 {
	font-size: .8em;
}
.entries h3 {
	padding: 15px 0 10px 0;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
}
pre {
	margin: 10px 0;
	padding: 1em 10px;
	overflow: auto;
	background-color: #f3f3f3;
	color: #000;
}
code {
	padding: 2px 3px;
	font-size: 1.1em;
	font-family: Consolas, "Courier New", sans-serif;
	color: #000;
	background-color: #f3f3f3;
}
pre code {
	font-size: 1.3em;
}
blockquote {
	margin: 10px 0 20px 10px;
	padding: 0 0 0 10px;
	color: #666;
	border-left: 1px solid #dedede;
}
.entry ul,
.c-body ul {
	margin: 0 0 10px 20px;
	list-style-type: disc;
}
.entry ul li,
.c-body ul li {
	margin: 10px 0 0 0;
}
.entry ol,
.c-body ol {
	margin: 0 0 15px 20px;
	list-style-type: decimal;
}
.entry ol li,
.c-body ol li {
	margin: 10px 0 0 0;
}
.entry ol li ol li,
.c-body ol li ol li {
	font-size: .9em;
	list-style-type: lower-roman;
}
p.note {
	float: left;
	margin: 20px 0 0 30px;
	font-size: 1.3em;
	font-style: italic;
	color: #777;
}

/*Post Footer
---------------------------------------*/
div.post-footer {
	width: 100%;
	margin: 15px 0 20px 0;
}
div.comments {
	position: relative;
	width: 110px;
	margin: 0 0 0 -9px;
}
div.comments a,
div.comments div {
	display: block;
	float: left;
	width: 109px;
	height: 54px;
	text-decoration: none;
	background: url(../images/comments-wrap.png) no-repeat 0 0;
}
div.comments a strong,
div.comments div strong {
	position: absolute;
	left: 58px;
	top: 5px;
	font-size: 2em;
	font-weight: bold;
	line-height: 40px;
	color: #888;
	opacity: .7;
}
div.comments a:hover strong {
	opacity: 1;
}
div.category {
	float: right;
	max-width: 400px;
	margin: 20px 30px 0 0;
	padding-top: 3px;
	color: #888;
	font-size: 1.2em;
	border-top: 4px double #e8e8e8;
}
div.category a {
	color: #555;
}
div.category a:hover,
div.tags a:hover {
	color: #111;
}

/*Pagination
---------------------------------------*/
.pagination {
	margin: 20px 0 10px 0;
	font-size: 1.3em;
}
.pagination div a {
	margin: 0 10px;
	padding: 10px 20px;
}

/*---------------------------------------------------------
	6. Pages, page templates, archives
------------------------------------------------------------ */

/*Pages
---------------------------------------*/
.post-header h1.pagetitle,
.post-header h2.pagetitle {
	font-size: 3em;
}
body.archive .post-header h1.pagetitle {
	font-size: 2.6em;
}

/*Page templates
---------------------------------------*/
#content.no-sidebar {
	width: 960px;
}
#content.no-sidebar .entry.page {
	width: 900px;
}
body.page-template-left-sidebar-php #sidebar {
	float: left;
}
body.page-template-left-sidebar-php #content {
	float: right;
}

/*Archives
---------------------------------------*/
img.archive-comment {
	float: right;
	margin: 0 30px 10px 0;
}
div.entries {
	font-size: 1.3em;
	margin: 30px 30px 0 30px;
}
.entries ul {
	clear: both;
	margin: 0;
	border-bottom: 1px solid #dedede;
}
.entries ul li {
	border-top: 1px solid #dedede;
}
.entries ul li a {
	display: block;
	margin: 0;
	padding: 7px 0;
}
.entries ul li a:hover {
	background-color: #f8f8f7;
	text-decoration: none;
}
.entries span {
	display: block;
	text-align: right;
}
.entries span.archdate,
.entries a:hover span.archdate {
	float: left;
	width: 3em;
	margin-right: 3em;
	padding-left: .5em;
	color: #888;
}
.entries span.comments_number {
	float: right;
	margin-right: 30px;
	width: 3em;
	color: #999;
}

/*---------------------------------------------------------
	7. Sidebar
------------------------------------------------------------ */
#sidebar-image,
#sidebar .widget {
	background: #fff;
	padding-top: 10px;
	border: 1px solid #dedede;
}
#sidebar-image {
	padding: 10px;
	margin-bottom: 10px;
	line-height: 0;
}
#sidebar-image {
	font-size: 1.3em;
}
#sidebar-image p {
	margin-bottom: 15px;
	line-height: 1.6em;
}
#sidebar .widget {
	margin-bottom: 10px;
}
#sidebar h2.widgettitle {
	margin: 0 10px 10px 10px;
	padding: 10px 20px 8px 10px;
	font-size: 1.1em;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: .05em;
	background: #efefef url(../images/bg-stripes.png) repeat-x bottom left;
}
#sidebar ul li.widget ul {
	margin: 0 30px 20px 30px;
	font-size: 1.3em;
}
#sidebar ul li.widget ul li ul {
	margin: 0 0 0 5px;
	font-size: 1em;
}
#sidebar ul li.widget ul li {
	padding: 7px 0 0 0;
}
#sidebar ul li.widget ul li ul li {
	margin-left: 5px;
	padding: 3px 0 0 0;
}
#sidebar ul li.widget ul#recentcomments li a {
	padding: 0;
	background: none;
}
#sidebar div.textwidget {
	margin: 20px 30px;
}
#sidebar li.widget div.textwidget ul {
	margin: 0;
}
#sidebar div.textwidget p {
	margin: 10px 0;
	font-size: 1.3em;
}
#sidebar div#calendar_wrap {
	margin: 20px 30px;
	font-size: 1.3em;
	color: #666;
}
#sidebar table#wp-calendar {
	width: 251px;
}
#sidebar table#wp-calendar caption {
	padding-bottom: 10px;
	font-size: 1.1em;
	text-align: left;
	color: #555;
	font-weight: bold;
}
#sidebar li.widget_tag_cloud div,
#sidebar li.widget_search form,
#sidebar li.widget_akismet div#akismetwrap,
#sidebar li.widget select {
	margin: 20px 30px;
}

/*Search Box
---------------------------------------*/
#search_form input { margin: 10px 0 0 0; }
#search_form input {
	padding: 4px 2px;
	width: 132px;
	border: 2px solid #acacac;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f4f4f4;
	color: #888;
}
#search_form input:focus { background: #fff; }
#search_form input#searchsubmit { padding: 2px 10px; }

/*---------------------------------------------------------
	8. Comments
------------------------------------------------------------ */

/*Top
---------------------------------------*/
div.comment-number {
	margin: 30px 0 20px 10px;
}
div.comment-number h4 {
	display: inline;
	font-size: 2.2em;
	font-weight: normal;
	opacity: .7;
}
div.comment-number span a {
	margin: 0 10px 0 20px;
	padding: 8px 16px;
	font-size: 1.2em;
}

/*Body
---------------------------------------*/
.comment-box {
	background: #fff;
	margin: 5px 0;
	padding-top: 10px;
	border: 1px solid #dedede;
}
#comments ul.children {
	margin: 10px 0 0 96px;
	clear: both;
}
div.c-grav {
	float: left;
	width: 48px;
	margin: 10px 0 10px 30px;
}
div.c-grav img {
	border: 4px solid #e3e3e3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.c-body {
	float: right;
	width: 524px;
	margin: 0 30px 0 0;
	font-size: 1.3em;
}
ul.children div.c-body {
	width: 428px;
}
ul.children ul.children div.c-body {
	width: 328px;
}
div.c-body p,
div.c-body span.c-permalink {
	margin: 10px 0;
}
.c-head {
	font-size: 1.3em;
	font-weight: bold;
	color: #555;
	padding: 10px 20px;
	margin: 0 10px 10px 10px;
	background: #efefef url(../images/bg-stripes.png) repeat-x bottom left;
	text-align: right;
}
.c-head span {
	font-size: .9em;
	color: #aaa;
	font-weight: normal;
	margin-left: .3em;
}
.c-head a {
	color: #555;
	border-bottom: 1px dotted;
}
.c-head a:hover {
	color: #000;
	border-bottom: 1px solid;
	text-decoration: none;
}
div.reply {
	float: right;
	padding: 10px 0;
}
div.reply a {
	font-size: .9em;
	text-transform: lowercase;
	color: #777;
	border-bottom: 1px dotted;
}
div.reply a:hover {
	text-decoration: none;
	color: #13293e;
	border-bottom: 1px solid;
}
a#cancel-comment-reply-link {
	float: right;
	padding: 4px 8px;
	font-size: .9em;
	text-align: center;
	text-decoration: none;
	color: #5d4748;
	background: #fbe2e4;
	border: 1px dashed #efd1d3;
}
a:hover#cancel-comment-reply-link {
	background: #efd1d3;
}

/*Admin Comments
---------------------------------------*/
li.comment-author-admin .c-head, 
li.bypostauthor .c-head {
	color: #122e4c;
	background-image: url(../images/bg-stripes-blue.png);
}
li.comment-author-admin .c-head span, 
li.bypostauthor .c-head span { 
	color: #6b8199; 
}
li.comment-author-admin .c-head a, 
li.bypostauthor .c-head a { 
	color: #294c71; 
}
li.comment-author-admin .c-head a:hover, 
li.bypostauthor .c-head a:hover { 
	color: #0f2a46; 
}

/*Form
---------------------------------------*/
div#respond {
	clear: both;
	background: #fff;
	margin: 5px 0;
	border: 1px solid #dedede;
}
h5#postcomment {
	margin: 10px;
	padding: 10px 20px 10px 0;
	font-size: 1.3em;
	color: #555;
	background: #efefef url(../images/bg-stripes.png) repeat-x bottom left;
	text-align: right;
}
form#commentform,
p.logged-in {
	margin: 30px;
	font-size: 1.3em;
}
form#commentform label.comment-field {
	display: block;
	margin: 10px 0 5px 0;
}
form#commentform label span { 
	color: #999; 
}
input.text-input, 
form#commentform textarea {
	width: 583px;
	padding: 5px;
	font-size: 1em;
	font-family: inherit;
	border: 1px solid #d3d3d3;
}
input#author, 
input#email, 
input#url { 
	width: 350px;
}
form#commentform input#submit {
	padding: 5px;
	width: 150px;
}
div#comments-rss { 
	margin: 10px 0;
}
div#comments-rss a {
	display: block;
	padding: 0 0 0 21px;
	text-decoration: none;
	color: #555;
	background: url(../images/rss-small.png) no-repeat 0 1px;
}
p.subscribe-to-comments,
p.comments-rss {
	margin: 0 0 10px 0;
	font-size: .9em;
}
p.comments-rss a {
	padding: 0 0 0 19px;
	background: url(../images/feed-icon.png) no-repeat 0 .15em;
}

/*Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead {
	font-size: 1.3em;
	color: #444;
}
ol.pinglist {
	list-style-type: decimal;
	margin: 0 0 10px 30px;
	font-size: 1.3em;
}

/*---------------------------------------------------------
	9. Globals
------------------------------------------------------------ */

/*rgba pagination and comment links
---------------------------------------*/
.pagination div a, 
div.comment-number span a {
	color: #777;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	background: rgb(230, 230, 230);
	background: rgba(154, 154, 154, 0.10);
}
.pagination div a:hover,
div.comment-number span a:hover {
	background: rgb(215, 215, 215);
	background: rgba(154, 154, 154, 0.17);
}
div.comment-number span {
	text-transform: lowercase;
}

/*---------------------------------------------------------
	10. Default floats and image styling
------------------------------------------------------------ */
.entry img.alignleft, 
.entry img.alignright, 
.entry img.aligncenter, 
.entry img.alignnone {
	padding: 4px;
	background: #efefef;
	border: 1px solid #ddd;
}
.noborder {
	padding: 0;
	background: none;
	border: none;
}
.entry .alignright {
	margin: 0 0 10px 15px;
}
.entry .alignleft {
	margin: 0 15px 10px 0;
}
.wp-caption p {
	font-style: italic;
	color: #888;
}

/*---------------------------------------------------------
	11. Footer
------------------------------------------------------------ */
#footer {
	padding: 30px;
	background: rgb(230, 230, 230);
	background: rgba(154, 154, 154, 0.10);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*Footer Columns
---------------------------------------*/
#footer div.widget {
	float: left;
	margin-left: 10px;
	width: 172px;
}
#footer div:first-child {
	margin: 0;
}
#footer div.widget h2 {
	padding-bottom: 10px;
	font-size: 1.6em;
	font-weight: normal;
	color: #555;
}
#footer div.widget p {
	margin: 15px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
#footer div.widget ul li a {
	font-size: 1.3em;
	color: #777;
}
#footer div.widget ul li a:hover { 
	color: #111;
}

/*Search
---------------------------------------*/
#search_form input#s {
	padding: 5px;
	background: #F3F3F3;
	color: #555;
}
#search_form input#s:focus { 
	background: #fff;
}
#search_form input#searchsubmit { 
	margin: 0 0 0 5px;
}

/*Copyright
---------------------------------------*/
#copyright {
	display: block;
	clear: both;
	padding: 10px;
	font-size: 1.2em;
	line-height: 1.8em;
	color: #888;
}
#copyright a {
	color: #888;
	border-bottom: 1px dotted;
}
#copyright a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}