/*
Theme Name:     Twenty Twelve Child
Description:    Child theme for the Twenty Twelve theme 
Author:         Davd Rowe
Template:       twentytwelve
*/

@import url("../twentytwelve/style.css");

/* =Repeatable patterns
-------------------------------------------------------------- */

.entry-content h2, .entry-content h3, .entry-content h4 {
	font-weight: normal;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 16px;
	font-size: 1.142857rem;
	line-height: 1.5;
}

.more-link {
	font-size: 13px !important;
	font-size: 0.928571429rem !important;
}

/* Form fields, general styles first */
button,
input,
textarea {
	padding: 3px 5px;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit] {
	padding: 3px 5px;
	font-size: 12px; /* Larger font needed for Opera. */
	font-size: 0.857142857rem;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	border-radius: 0px;
    box-shadow: none;
}

article .aligncenter {
    text-align: center;
}
article .aligncenter, .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

article .alignright {
    margin-top: 6px;
    margin-left: 24px;
}

p.entry-caption {
    text-align: center;
	font-size: 13px;
	font-size: 0.928571429rem;
	color: #505050;
}

p.entry-caption .slurl {
	font-size: 12px;
	font-size: 0.857142857rem;
}

p.footnote, span.footnote {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.5;
	color: #303030;
}

ul + p.footnote {
    margin-top: -12px;
}
p.footnote + p.footnote {
    margin-top: -18px;
}

p.indent {
    margin-left: 24px;
}

p.center {
    text-align: center;
}

#searchform div input {
	vertical-align: top;
}

.entry-content blockquote, .comment-content blockquote {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -12px;
    margin-bottom: 12px;
}

details {
    margin-top: -12px;
    margin-left: 18px;
    margin-bottom: 24px;
}

details p {
    margin-bottom: 12px !important;
}


/* =Basic structure
-------------------------------------------------------------- */


/* Fonts */

body {
	font-family: "Segoe UI","Liberation Sans","DejaVu Sans","Bitstream Vera Sans",Verdana,"Verdana Ref",sans-serif;
}
body.custom-font-enabled {
	font-family: "Segoe UI","Liberation Sans","DejaVu Sans","Bitstream Vera Sans",Verdana,"Verdana Ref",sans-serif;
}

body .nav-menu {
	font-family: Helvetica, Arial, sans-serif;
}
body.custom-font-enabled .nav-menu {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 48px 0 24px 0;
	margin: 3.428571429rem 0 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.site-title {
	font-family: Arial, sans-serif;
}
.site-header h1 {
	font-size: 28px;
	font-size: 2.0rem;
}
.site-title span {
	font-stretch: semi-condensed;
}

.main-navigation li {
	font-size: 13px;
	font-size: 0.928571429rem;
}
.main-navigation li a {
	line-height: 1.0;
}

.main-navigation li {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	line-height: 1.0;
}

.breadcrumbs {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
    position: relative;
    top: -8px;
}

body .site {
	position: relative;
}

.main-navigation {
	margin-top: 12px;
	margin-top: 0.857142857rem;
}

/* BUG FIX: .current_page_parent was missing. */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_parent > a,
.main-navigation .current_page_ancestor > a {
	font-weight: bold;
}
.error404 .main-navigation * > a {
    font-weight: normal;
}


div#main {
	margin-bottom: 24px;  /* Provide space for footer */
	margin-bottom: 1.714285714rem;
}

article {
	text-align: justify;
}


#primary h1, #primary h2, #primary h3, #primary h4, #primary .post-title {
	font-family: Arial, Helvetica, Sans-Serif;
}

footer {
	color: #444;
}
footer span {
	white-space: nowrap;
}
footer[role="contentinfo"] a {
	text-decoration: none;
	color: #444;
}

.template-projects-page #primary article, .template-about-page #primary article {
	padding-bottom: 0;
}
.site-content .home-page-recent-posts {
	padding-bottom: 0;
	margin-bottom: 0;
}
.template-projects-page #comments {
	display: none;
}


/* =Main content and comment content
-------------------------------------------------------------- */

article.sticky .featured-post {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 22px;
}

.site-content article {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 0;
	margin-bottom: 47px;
}
.site-content article:last-child,
.template-viewer-page .site-content article,
.template-projects-page .site-content article,
.template-about-page .site-content article,
.template-legal-page .site-content article,
.template-hifi-page .site-content article {
	border-bottom: none;
}

.template-projects-page .site-content article article {
	border-bottom: 1px solid #dddddd;
}
.template-projects-page .site-content article article:last-child {
	border-bottom: none;
}
.template-projects-page .site-content article {
	border-bottom: none;
}

p.list-head {
	margin-bottom: 0;
}

p.list-tail {
	margin-top: -12px;
}

/* Post meta */

.post-meta-end {
	margin-top: 0px;
	margin-bottom: 24px;
}

.post-date, .post-meta-end .comment-num {
	float: right;
}

.comment-num {
	text-align: right;
}

.post-date, .post-categories, .post-tags, .post-meta-end .comment-num, .entry-summary p.comment-num {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}


/* =Comments
-------------------------------------------------------------- */

.comments-area article {
	padding-bottom: 0;
	border-bottom: 0;
}

.comments-area li.depth-1 {
	border-bottom: 1px solid #dddddd;
}

.comments-area .comment-meta {
	margin-bottom: 24px;
}

.comments-area li.bypostauthor cite span {
	padding: 0px 3px 1px;
	color: #ffffff;
	vertical-align: baseline;
	position: relative;
	top: -2px;
}

.comment-awaiting-moderation {
    color: #5e5e5e;
    margin: -12px 0 12px 0;
    font-style: italic;
}

/* Comment form */
#respond form input[type="text"],
#respond form textarea {
	padding: 3px 5px;
	font-size: 13px;
	font-size: 0.928571429rem;
}



/* =About Page
-------------------------------------------------------------- */

.template-about-page #contact img {
	display: block;
	float: left;
	margin-top: 4px;
}
.template-about-page #contact h2 {
	clear: none;
	margin-bottom: 0px;
}
.template-about-page #contact h2, .template-about-page #contact p {
	margin-left: 128px;
}


/* =Advanced Recent Posts widget
-------------------------------------------------------------- */

#primary .advanced_recent_posts_widget, #primary .advanced_recent_posts_widget .post-title {
	font-size: 14px !important;
	font-size: 1rem !important;
}

.advanced_recent_posts_widget ul li {
	border-bottom: 1px solid #dddddd !important;
}
.advanced_recent_posts_widget ul li:last-child {
	border-bottom: none !important;
}

.advanced_recent_posts_widget .post-date {
	font-size: 12px !important;
	font-size: 0.857142857rem !important;
	font-style: normal !important;
}

#primary .advanced_recent_posts_widget ul li {
	border-bottom: 1px solid #dddddd !important;
	margin-top: 0px !important;
	padding-top: 0px !important;
	margin-bottom: 47px !important;
	padding-bottom: 24px !important;
}
#primary .advanced_recent_posts_widget ul li:last-child {
	border-bottom: none !important;
}

#primary .advanced_recent_posts_widget .recent-post-item .post-title {
	font-size: 18px !important;
	font-size: 1.285714286rem !important;
	line-height: 1.333333 !important;
	font-size: 16px !important;
	font-size: 1.142857142rem !important;
	line-height: 1.5 !important;
	font-weight: normal !important;
	text-decoration: none !important;
}
#primary .advanced_recent_posts_widget .recent-post-item .post-entry {
	padding-bottom: 0px !important;
	line-height: 1.71429 !important;
    clear: both;
}

#primary .advanced_recent_posts_widget .post-entry p {
    margin-bottom: 24px !important;
}

#secondary .advanced_recent_posts_widget ul li {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: none !important;
}
#secondary .advanced_recent_posts_widget .post-title {
	font-size: 13px !important;
	font-size: 0.928571429rem !important;
	font-weight: normal !important;
}


#primary .advanced_recent_posts_widget .recent-post-item p.list-head {
    margin-bottom: 0 !important;
}

#primary .advanced_recent_posts_widget .recent-post-item ul, .entry-summary ul {
    margin-bottom: 24px !important;
    margin-bottom: 1.71429rem !important;
}

#primary .advanced_recent_posts_widget .recent-post-item ul li, .entry-summary li {
	margin: 0 0 0 36px !important;
	margin: 0 0 0 2.571428571rem !important;
    padding: 0 0 0 0 !important;
	border-bottom: none !important;
    list-style: disc outside;
}

/* =Twitter widget
-------------------------------------------------------------- */

.twtr-hd {
	padding: 0 0 4px 0 !important;
}

.twtr-hd h3, .twtr-hd h4 {
	clear: none !important;
	color: Red !important;
}

.twtr-doc {
	width: auto !important;
}

.twtr-tweet-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.twtr-widget img {
	border-radius: 1px;
	box-shadow: none;
}

.widget-area .twtr-widget p {
	line-height: 1.384614 !important;
}

.twtr-ft {
	display: none !important;
}

.var-narrow.var-chromeless li.tweet {
    padding-top: 0 !important;
    background-color: #ff0000 !important;
}

.root.timeline.twitter-timeline {
  background-color: #2c3e50; }
  .root.timeline.twitter-timeline p, .root.timeline.twitter-timeline a, .root.timeline.twitter-timeline ol, .root.timeline.twitter-timeline ul, .root.timeline.twitter-timeline li {
    font-family: "Oxygen", "Ubuntu", "Helvetica Neue", Helvetica, arial, sans-serif; }


/* =Social Media
-------------------------------------------------------------- */

.entry-content .social-media {
    text-align: center;
}

.social-media .button {
    margin: 0 4px;
}

.entry-content .social-media iframe {
    margin-bottom: 0;
}

.fb_iframe_widget span {
    vertical-align: baseline  !important;
}

.IN-widget {
    position: relative;
    top: 1px;
}


/* =Tag Cloud*
-------------------------------------------------------------- */

.widget-area .tagcloud {
	line-height: 24px !important;
}


/* =Section Links*

-------------------------------------------------------------- */
.section-links li {
	list-style-type: none;
	margin-left: 0px !important;
}

.section-links a {
	font-family: "Segoe UI","Liberation Sans","DejaVu Sans","Bitstream Vera Sans",Verdana,"Verdana Ref",sans-serif;
	font-size: 11px;
	font-size: 0.785714286rem;
	text-transform: uppercase;
	font-weight: bold;
}


/* =Colours*
-------------------------------------------------------------- */

#page {
	background-color: #fdfdfd;
	/* Also configure Twitter widget. */
}


/* Text */

body {
	/* Main content text. */
	color: #303030;
}

h1, h2, h3, h4 {
	color: #101010;
}

p strong, li strong {
    color: #303030;
    letter-spacing: -0.2px;
    font-kerning: auto;
    font-weight: 600;
}



.site-header .site-title a, .site-header .site-description {
	/* Override colour configured in WordPress. */
	color: #444444 !important;
}

.page-title {
	color: #484848;
}

.post-meta, .post-date {
	color: #404040;
}

article h1, article h2 {
	color: #2d1a57;
}

article h3, article h4 {
	color: #2d1a57;
}

.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	color: #404040;
}


.widget-title {
	color: #484848;
}

#secondary {
	/* Sidebar text. */
	color: #383838;
	/* Also configure Twitter widget. */
}

.comments-area h2 {
	color: #101010;
}

.comments-area h3 {
	color: #404040;
}

footer {
	color: #484848;
}

.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit] {
	color: #484848;
}

/* Links */

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_parent > a, .main-navigation .current_page_ancestor > a {
	color: #2b008a;
}

.main-navigation li a {
	color: #202020;
}
.main-navigation li a:hover {
	color: #4200d7;
	text-shadow: 0px 0px 3px #decfff;
}


a, .comments-area article header cite a, a:visited, .comments-area article header cite a:visited {
	color: #4200d7;
	text-decoration: none;
}
a:hover, .comments-area article header cite a:hover {
	color: #6019ff;
	text-decoration: underline;
}

.widget-area .widget a, .widget-area .widget a:visited, .entry-content a:visited, .comment-content a:visited {
	color: #3a00bd;
	text-decoration: none;
}
.widget-area .widget a:hover {
	color: #3a00bd;
	text-decoration: underline;
}

#primary .entry-title, #primary .sub-title, #primary .post-title {
	background: url("arrow.png") no-repeat 0px -1px;
	padding-left: 13px !important;
}
#primary .post-title {
	background-position: bottom left;
}

.entry-title, .post-title {
	color: #2d1a57;
}

.entry-title a, .post-title a {
	color: #2d1a57;
}
.entry-title a:hover, .post-title a:hover {
	color: #4200d7;
	text-decoration: underline;
}
#primary .advanced_recent_posts_widget .recent-post-item .post-title {
	color: #2d1a57;
}
#primary .advanced_recent_posts_widget .recent-post-item .post-title:hover {
	color: #4200d7;
	text-decoration: underline !important;
}

footer[role="contentinfo"] a:hover {
	color: #4200D7;
	text-decoration: underline;
}

.comments-area li.bypostauthor cite span {
	background-color: #4d28a1;
}


/* Logo */

.site-header h1 a,
.site-header h2 a {
	color: #2d1a57;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #2d1a57;
}

/* Horizontal lines (remainder) */

.author-info, 
footer[role="contentinfo"] {
	border-top: 1px solid #dddddd;
}

.entry-content pre,
.comment-content pre {
	border: 1px solid #dddddd;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #dddddd;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #dddddd;
}

.archive-header,
.page-header {
	border-bottom: 1px solid #dddddd;
}

.template-front-page .widget-area {
	border-top: 1px solid #dddddd;
}


/* =Media queries*
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	html, body {
		height: 100%;
	}
	
	body .site {
		min-height: 100%;
	}

	.widget_search {
		position: absolute;
		margin-top: -48px; /* Shift off following text so that hyperlink works.. */
	}
	.widget_search form {
		position: relative;
		top: -98px;
	}
	
	footer {
		border-top: 0px !important;
	}
    
	footer p {
		border-top: 1px solid #EDE8F9;
		padding-top: 18px;
		padding-bottom: 18px;
		margin: 0 40px;
		width: auto;
	}

	.entry-header .entry-title {
		font-size: 18px;
		font-size: 1.285714426rem;
		line-height: 1.333333; /* BUG FIX: Line-height was not specified. */
	}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-top: none;
		border-bottom: none;
	}

	.main-navigation li {
		font-size: 13px;
		font-size: 0.928571429rem;
		margin-left: 14px;
		margin-right: 26px;
	}
	.main-navigation li a {
		line-height: 3.4;
	}

	.main-navigation li {
		margin-top: 0;
	}

	.main-navigation li ul li a {
		border-bottom: 1px solid #dddddd;
	}



	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		background-color: #7f66b2;
	}

	.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_parent > a, .main-navigation .current_page_ancestor > a {
		color: #ffffff;
	}

	.main-navigation li a {
		color: #ffffff;
	}
	.main-navigation li a:hover {
		color: #ffffff;
	}

    .main-navigation li ul {
        background: #876eba;
        padding: 6px 0;
    }

	.main-navigation li ul li a {
        background: #876eba;
        border-bottom: none;
        padding: 0;
        width: 120px;
        width: 8.571428573rem;
	}
	.main-navigation li ul li a:hover {
		background: #876eba;
		color: #fff;
	}


}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {

	html {
		background-color: #fbfbfb;
	}

	body {
		background: -moz-linear-gradient(top, #606060, #FBFBFB) no-repeat;
		background: -ms-linear-gradient(top, #606060, #FBFBFB) no-repeat;
		background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#FBFBFB)) no-repeat;
		background: -webkit-linear-gradient(top, #606060, #FBFBFB) no-repeat;
		background: -o-linear-gradient(top, #606060, #FBFBFB) no-repeat;
		background: linear-gradient(bottom, #606060, #FBFBFB) no-repeat;
		filter: progid:DXImageTransform.Microsoft.Gradient(gradientType='0', startColorStr='#606060', endColorStr='#FBFBFB');
	}

	body .site {
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: 0 2px 6px rgba(66, 0, 216, 0.3); /* 4200D8 */
	}

}


@media print {

	body {
		background: none !important;
		color: #000;
		font-size: 9pt !important;
	}
	
	.site-header {
		margin-bottom: 0 !important;
	}
	
	article {
		margin-top: 24px;
	}
	
	#primary .entry-title, #primary .sub-title, #primary .post-title {
		background: none;
		padding-left: 0 !important;
	}
	
	.site-header h1 a, .entry-title a, h1, h2, h3, h4, #primary .advanced_recent_posts_widget .recent-post-item .post-title {
		color: #000 !important;
	}
  
	.entry-header h1 {
		font-size: 13pt !important;
	}
	
	.entry-content h2, #primary .advanced_recent_posts_widget .recent-post-item .post-title {
		font-size: 11pt !important;
	}
	
	h2.sub-title {
		margin-top:48px;
	}
	
	.post-date, .post-categories, .post-tags, .comment-num, .entry-summary p.comment-num, .advanced_recent_posts_widget .post-date {
		font-size: 10px !important;
		color: #000 !important;
	}

	article p, .entry-content p, .entry-summary p, .comment-content p, .mu_register p,
	#primary .advanced_recent_posts_widget .recent-post-item .post-entry {
		font-size: 9pt !important;
		line-height: 1.4 !important;
	}
	
	article, #primary .advanced_recent_posts_widget ul li {
		border-bottom: 0px !important;
		margin-bottom: 24px !important;
	}
	
	.home-page-recent-posts {
		margin-top: 48px !important;
	}

	.post-date, .post-categories, .post-tags, .comment-num, .entry-summary p.comment-num, .advanced_recent_posts_widget .post-date, .entry-date {
		font-size: 8pt !important;
		color: #404040 !important;
	}
	
	.more-link {
		font-size: 9pt !important;
	}
	
	.stButton {
		display: none !important;  /* Hide social media buttons. */
	}
	
	#comments h2 {
		font-size: 11pt;
		margin: 48px 0 24px 0;
	}
	#comments h2 span {
		display: none;
	}
	
	.comments-area article header cite, .comments-area article header cite a {
		font-size: 10pt;
		color: #000;
	}
	.comments-area article header time {
		font-size: 8pt;
		color: #404040;
	}
	
	.archive-header, .page-header {
		border-bottom: none;
		margin-bottom: 0;
	}
	
	#contact img {
		margin-bottom: 24px;
	}
	#blurb {
		clear: left;
	}
	
	#colophon {
		display: block !important;
		border-top: none;
		font-size: 7pt;
		color: #484848;
	}
	footer span.copyright {
		display: block;
	}
	footer span {
		display: none;
	}
	
}