/*
Theme Name: Tomotheme
Description: Child theme for autofocus+ pro
Author: Thomas Osborne
Template: autofocus
*/

/* import autofocus stylesheet */
@import url("../autofocus/style.css");

/* =Import Layout Styles
-------------------------------------------------------------- */
@import url(css/style.layout.css); 

/* place background image */
body {color:#999999;background: url(images/backgroundfadeblue.jpg) repeat-x; font-size:12px;line-height:22px;font-family: helvetica, arial, sans-serif;}

/* add wrapper transparent background */
#wrapper {margin-top:22px; padding:0 16px; position: relative; z-index: 1; background: url(./images/test_transparent.png) repeat;}

/* widen header and add background */
#branding {width:322px; padding:0 16px 0 0; clear:none; display:table-cell; vertical-align: middle;}
#access {padding:0; margin:0 0 0 -338px; clear:right; width:494px; display:table-cell; vertical-align: bottom; line-height:22px; z-index:98;overflow:visible;}

	// Text Color: Background ?>
	.sf-menu ul a:hover, .sf-menu .current_page_item ul a:hover,
	.af-layout #content header a,
	.af-layout #content .entry-meta,
	.af-layout #content .entry-meta .entry-date,
	.af-layout #content .entry-content, 
	.af-layout #content .entry-content a,
	#content .photo-credit, #content .photo-credit a,
	#content .entry-caption, #content .entry-caption a,
	.entry-gallery-container #nav a,
	.entry-gallery-container #counter,
	#content .entry-content .large-image figcaption,
	#fancybox-title,
	#content #sticky-area #nav a,
	.page-link a:link, .page-link a:visited {color:#ffffff}

/* Change to 3x2 grid */
/* =AutoFocus Staggered/Default Image Display
-------------------------------------------------------------- */
/* Default / Staggered Layout */
.af-default #container {width:832px; overflow: hidden;}
.af-default #content {width:836px;}
.af-default #content .hentry {height:256px; width:256px;margin:0 16px 16px 0; padding:0 0px;}
.af-default #content .hentry.p1,
.af-default #content .hentry.p11,
.af-default #content .hentry.p21 {width:256px;}
.af-default #content .hentry.p2,
.af-default #content .hentry.p12,
.af-default #content .hentry.p22 {width:256px;}
.af-default #content .hentry.p3,
.af-default #content .hentry.p13,
.af-default #content .hentry.p23 {width:256px;}
.af-default #content .hentry.p4,
.af-default #content .hentry.p14,
.af-default #content .hentry.p24 {width:256px;}
.af-default #content .hentry.p5,
.af-default #content .hentry.p15,
.af-default #content .hentry.p25 {width:256px;}
.af-default #content .hentry.p6,
.af-default #content .hentry.p16,
.af-default #content .hentry.p26 {width:256px;}
.af-default #content .hentry.p7,
.af-default #content .hentry.p17,
.af-default #content .hentry.p27 {width:256px;}
.af-default #content .hentry.p8,
.af-default #content .hentry.p18,
.af-default #content .hentry.p28 {width:256px;}
.af-default #content .hentry.p9,
.af-default #content .hentry.p19,
.af-default #content .hentry.p29 {width:256px;}
.af-default #content .hentry.p10,
.af-default #content .hentry.p20,
.af-default #content .hentry.p30 {width:256px;}

/*change post header and description padding*/
.af-default #content .hentry header {padding:16px 16px 0}
.af-layout #content .entry-content p {padding: 0 16px;line-height: 16.5px;}

/* Change Titles to Raleway*/
#site-title,
.menu li a[title="Home"], 
#content blockquote, 
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, 
#content .entry-title,
#content .entry-title a,
#content .entry-date,
#content .page-title span,
.single #content header .entry-title,
.single #content header .entry-date,
header .entry-date,
header .entry-date, 
.af-blog-template #content header .entry-date,
.af-layout #content .entry-title,
.af-layout #content .entry-date,
#content .entry-content .pull-quote p, 
#content .entry-content .large-image .image-description, 
#comments .commentlist .comment-author, 
#comments .commentlist .comment-body blockquote,
#comments .reply, 
#comments .pinglist li .comment-author a.url, 
#cancel-comment-reply, 
aside .widget-title {font-family: "Raleway", sans-serif; font-weight:400;}

/*change font and size for post header*/
.af-default #content .entry-title,
.af-default #content .entry-date {font-size:44px; line-height: 44px;}

/* Slim down colophon */
#colophon{padding:0 0 0; font-size:11px;}