/*
Theme Name: AF Blue Robot
Theme URI: http://www.ancillaryfactory.com/
Description:
Version: 1.0
Author: Jon Schwab
Author URI: http://www.ancillaryfactory.com/
*/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('League_Gothic-webfont.eot');
    src: url('League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('League_Gothic-webfont.woff') format('woff'),
         url('League_Gothic-webfont.ttf') format('truetype'),
         url('League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



*:focus {outline: none;}

a, a:visited {color:#fff}

img {border:none}

h2 {color:#9f9f9f;font-size:15px;margin-top:0}

#contentWrapper p, #contentWrapper li {font-size:13px;font-family:georgia, tahoma, sans-serif}
#contentWrapper ol li {margin-bottom:30px}

#wrapper {width:940px;background:#333;margin: 0 auto;}
.single #wrapper {width:920px;position:relative;}

.home #wrapper {
	background: url(main-background.png) repeat-y;
	width: 1200px;
	margin-right: auto;
	height: 700px;
	margin-left: auto;
	position: relative;
}

body {background:url(paper1.jpg) #d4d2d1;font-family: Arial, Helvetica, sans-serif;margin: 0px;}

body.home {
	/* background: none #1e2340 !important; */
	height:1400px
}

img#logo {position:absolute;top:37px;left:40px}

img.big-image {
	position:absolute;
	left: 763px;
	top: 36px;
}

ul#menu {
	position:absolute;
	left: 394px;
	top: 205px;
	list-style:none;
	margin:0;
	padding:0;
}

ul.portfolio li a {
	font-size:30px;
	font-weight:bold;
	padding:20px;
	color:#333;
	display:block;
	text-decoration:none
}



/* ul.portfolio li a:hover {background:#aabed9} */

.folio {background-color:#555;display:none}

/* CSS sprites for main menu  */

ul.portfolio a {display:block;overflow:hidden;width:139px;height:30px;text-indent:-9999px;outline:none}
ul#lower-text a {display:block;overflow:hidden;height:39px;text-indent:-9999px;outline:none;width:116px}

a#print {background:url(images/print.gif) no-repeat -159px 0;}
a#print:hover {background-position: 0 0;}

a#web {background:url(images/web.gif) no-repeat -159px 0;}
a#web:hover {background-position: 0 0;}

a#logos {background:url(images/logos.gif) no-repeat -159px 0;}
a#logos:hover {background-position: 0 0;}

a#bio-link {background:url(images/about.gif) no-repeat -118px -1px;}
a#bio-link:hover {background-position: -1px -1px;position:relative;left:0px}
/* end CSS sprites */

.caption {
	color:#fff;
	height:30px;
	display:block;
	margin:5px 10px;
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.caption a {color:#fff}

#logo-folio div, #print-folio div {width:884px;text-align:center}
#logo-folio img, #print-folio img {margin-top:20px;margin-bottom:30px}

.cover {background:#333} /* adds a dark background behind the modal window nav */

#address {position:relative;left:20px;top:40px;color:#dfdfdf;text-align:center}

#about {
	position:absolute;
	width:300px;
	height:163px;
	left: 30px;
	top: 181px;
	font-size: 12px;
	color: #FFF;
}

#welcome {position:absolute;width:200px;top:25px;left:415px;font-size:12px}

/* #bottom-text {position:absolute; width:200px;top:440px;left:415px;font-size:12px} */

/* Contact form stuff */

#about ol {list-style-type:none}
#about ol label {display:block;margin:20px 15px 0 ;color:#aabed9;font-size:13px}
fieldset.cf_hidden, .emailreqtxt {display:none}

input#sendbutton {width:120px;height:40px;margin-left:110px;background:url(send-button.gif) no-repeat;border:none;text-indent:-999px;cursor:pointer !important}

input#cf_field_1 {background-image:url(email.gif);border:none !important;padding:12px;width:240px;border-width:0;} 

ul#lower-text {position:relative; top:-60px;left:482px;list-style-type:none;}
#lower-text li a {color:#000}
.page ul#lower-text {
/* top:495px;left:512px; */
width:200px}

#bio p {width:500px;color:#fff;font-size:12px;}

textarea#cf_field_2 {background:url(contact-body.gif) no-repeat;border:none;padding:10px;width:230px;height:90px;margin-left:3px;font-family: Arial, Helvetica, sans-serif;font-size:13px;overflow:auto}

.single #wrapper {margin-top:-16px;background:none;}

.home #footer {background:url(orange-top.png) #543930 repeat-x;position:relative;top:-16px;color:#fff} /* #901303 */
#factory {background: url(factory.png) no-repeat 40px bottom;min-height:460px;width:700px;margin:0 auto;}

/* bottom menu styles */
ul#bottom-menu {list-style-type:none;}

/* ul#bottom-menu li  {width:203px;height:38px;text-indent:-9999px;display:block;float:left;cursor:pointer} */
ul#bottom-menu li {display:inline-block;cursor:pointer;width:203px;height:38px;text-indent:-9999px}

 ul#bottom-menu li#design {background:url(design.png) no-repeat}
ul#bottom-menu li#maintenance {background:url(maintenance.png) no-repeat}
ul#bottom-menu li#results {background:url(results.png) no-repeat} 

#loading{
	text-align: left;
	padding-left:500px;
	visibility: hidden;
}
#content {font-size:13px;line-height:1.5em;margin-left:140px;margin-top:-60px;width:750px}
#content p {width:400px}

.home h2 {font-family:arial, sans-serif;font-size:15px;font-weight:bold;}
h3 {padding-bottom:-10px;macontrgin-top:30px}

/* ///////////////////////// Blog Styles Here /////////////////////////////////// */

/* old color #898787; */
.single h1, .archive h1, .search h1 {background:none;font-family:LeagueGothicRegular;font-size:80px;margin-bottom:59px;font-weight: normal;margin-top: 25px;text-shadow: 1px 1px 3px #999;color:#fff;padding-right:12px}

.single h1 {text-align:left;letter-spacing: -1px;margin}

.search #searchform {float:right;}

.archive h1, .search h1 {border-bottom:dashed 1px;padding-bottom:10px;margin-bottom:5px;text-transform:capitalize;color:#898787;background:none;}

#relatedPosts, #tagList, .metaTitle {color:#5a5858;}
#pageContent {width:460px;font-size:13px;}

#pageContent a {color:#000;background:yellow;text-decoration:none;}
#pageContent a:hover {text-decoration:underline;}

#contentWrapper {width:750px;}
#contentWrapper p, #contentWrapper li {line-height:1.6em;}
.postMeta {float:right;margin-top: -6px;}

h2 {color:#000;font-family:LeagueGothicRegular;font-size: 24px;font-weight: normal;margin-bottom:10px;margin-top:30px}

.categories ul {list-style:none;margin-top:70px;padding-left:0}
.categories ul li {float:left;margin-right:10px}
.categories ul li a {font-family:LeagueGothicRegular;color:#fff;font-size:20px;background:#5e5e5e;padding:5px 20px;		  text-decoration:none;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px}

.categories ul li a:hover {background:#9e9e9e}

.tagList {
    background: none repeat scroll 0 0 #f9f9f9;
    margin-top: 195px;
    padding: 20px;
    position: absolute;
    right: 85px;
    text-align: right;
    z-index: 0;
	-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
	box-shadow: 1px 0 2px #777
}
.tagList ul, .relatedPosts ul {list-style:none;margin-top:0;padding-left: 16px;}
.tagList ul li a, .relatedPosts ul li a {color:#5a5858;font-size:12px}
.relatedPosts {font-size:10px;}

#blogRobot {float: right;margin-top: -51px;margin-right: -76px;}
.single #blogRobot {border-bottom: 1px dashed #333333;}

.metaTitle {font-family:LeagueGothicRegular;font-size: 24px;font-weight: normal;color:#5a5858;text-transform:uppercase;margin-bottom:0;margin-top: 10px;}

.attachment-single-thumb {margin-top:9px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;box-shadow: 1px 0 4px #777;z-index: 100;position:relative;}

.single #footer, .blog #footer, .archive #footer, .search #footer {border-top:solid 15px #464644;height:80px;background:none;margin-top: 170px;}
.single #footer p, .blog #footer p {text-align:right;color:#222;font-size:12px;}
#footerWrapper {width:920px;margin:20px auto;}

#respond {padding-top:90px;padding-left: 30px;}
#respond p {font-size:12px;}
#respond p a {color:#000;} 
textarea#comment {width:400px;}
#comments {font-family:LeagueGothicRegular;font-size: 28px;font-weight:normal;margin-top: 70px;}
.comment-meta  a {font-size:12px;color:#666;}
li.comment{ background:#fff;margin-bottom: 20px;padding: 10px;width: 688px;border-radius:10px;}

.blog #wrapper {background:none;margin-top:70px;margin-bottom:20px;position:relative;}
#featuredPost {width:360px;height:460px;background:#AAA7A7;padding:30px 60px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;box-shadow: 0 0 4px #444444;}
#featuredPost h2 {font-family:LeagueGothicRegular;font-size: 48px;font-weight: normal;color:#222;margin-top:15px}
#featuredPost p {font-size:12px;line-height:1.4em;}

#featuredPost a {color:#000;text-decoration:none;}
#featuredPost p.readMore a {color:#fff;}

.readMore a {display:block;color:#fff;padding:5px;background:#333;text-decoration:none;}
.readMore a:hover {background:#888}

.blog #blogRobot {position:absolute;right:28px;top:4px;z-index:100;}

.item p {font-size:12px !important}

#featuredPost p {
line-height: 1.7em;
font-style: italic;
margin: 37px 10px;
}

#featuredPost h2 {
line-height: 50px;
font-size: 44px;
}

#otherPosts ul {list-style:none;float:right;padding-left:0;margin-top:70px;}
#otherPosts ul li {width:405px; padding: 10px;background:#e7e7e7;}
#otherPosts h3 {font-family:LeagueGothicRegular;font-size: 32px;font-weight: normal;color:#222;margin-top:0;margin-bottom:0;}

#otherPosts h3 a {color:#222}
#otherPosts a {color:#000;text-decoration:none;}

/* search form */
.blog #searchform {position:absolute;right:178px;top:104px}
#searchform #s {background:url('search-bar.png') no-repeat;width:181px;height:34px;border:none;position:relative;top:-19px; padding-left: 10px;}
#searchsubmit {position:relative;left: -32px;}
/* end search form */

.blog h1 {font-family:LeagueGothicRegular;font-size: 76px;font-weight: normal;color:#444;position:relative;top:-30px}
#blogHeader {border-bottom: 1px dashed;height: 79px;margin-bottom: 20px;}

.single-post h1 {color:#555}

/* archive styles */
.archive #wrapper, .search #wrapper {background:none;margin-top:70px;position:relative;}
.archive h2.title, .search h2.title {font-family:LeagueGothicRegular;font-size: 32px;font-weight: normal;color:#222}
.archive h2 a, .search h2 a  {color:#222;}
.postWrapper {margin-bottom:33px;min-height:200px;}
.postWrapper .attachment-post-thumbnail {float:left;margin-right:30px}
.postWrapper {background: #EFEFEF;padding: 10px;box-shadow: 0.9px 0.9px 11px #333;}
.postWrapper .categories {font-size:12px}
.postWrapper .categories ul {margin-top:0}

#homeButton  {left: -84px;position: absolute;top: -14px;}

.footerLabel {font-family:georgia;color:#555;font-size:14px;position:relative;top:-50px}
.curlyBrace {font-size: 80px;margin: 0 20px;position: relative;top: -33px;color:#777;}

#links {position:absolute;width:275px;background:#ED6C3D;min-height:300px;box-shadow: 0 0 4px;left:-34px;z-index:50;padding:10px;display:none;top:-3px;}

#links a.close {text-decoration:none;}

.flyoutMenuPosts {list-style:none;padding-left:0}
li.flyoutMenuItem a {display:block;background:#fff;color:#333;font-size:12px;text-decoration:none;margin-bottom:5px;padding:15px}

#flyoutPointer {
    left: -27px;
    position: absolute;
    top: -1px;
}

li.flyoutMenuItem a:hover {background:#d4d4d4;}

#flyoutHomeLink {font-family:LeagueGothicRegular;font-size: 32px;text-decoration:none}
a#flyoutHomeLink:hover {text-decoration:underline;}

a.post-edit-link {color:#000;font-weight:bold;}

/* footer sidebar */
#footerSidebar  {list-style:none;}
#tumblr-widget-3 ul {list-style:none;}
#tumblr-widget-3 ul li {display:inline;margin-right:10px}
.tumblrPhotos {position: relative;top: -14px;}
.tumblr {margin-top:60px;margin-left:-18px}

#afOrangeLogo {position: absolute;right: -93px;top: -53px;z-index: -100;opacity:0.1}
.blog #afOrangeLogo {right:39px;z-index:30}

.single-post .syntaxhighlighter {
    background-color: white !important;
    padding: 10px;
    width: 600px !important;
}

ul.space li {margin-bottom:15px}

p.wp-caption-text {
font-style: italic;
font-size: 10px;
}

#attachment_122 {
position: absolute;
right: 132px;
top: 500px;
}

/* 
CSS3 button
http://hellohappy.org/css3-buttons/ */

input[type="submit"]  {
background: #E3E3E3;
border: 1px solid #BBB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
-ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
-o-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
line-height: 1;
padding: 8px 0 9px;
text-align: center;
text-shadow: 0 1px 0 white;
width: 150px;
border-image: initial;
cursor:pointer;
}

/* end CSS3 button */


/* smaller screens */

@media screen and (max-width: 1060px) {
  #homeButton {left: 665px;}
  #blogRobot {display:none;}
}

@media screen and (max-width: 1024px) {
  #homeButton {left: 665px;}
  #blogRobot {display:none;}
  body {margin-top: 180px;margin-bottom:600px}
  #pageContent {width:600px;}
  #wrapper {width:660px !important;margin:10px auto;}
  .attachment-single-thumb {margin-left:20px}
  #contentWrapper {width: 695px;}
   li.comment {width:400px}
   .tagList {display:none;}
}



@media screen and (max-width: 768px) {
  #homeButton {left: 665px;}
  #blogRobot {display:none;}
  body {margin-top: 180px;margin-bottom:400px}
  #pageContent {width:600px;}
  #wrapper {width:660px !important;margin:10px auto;}
  .attachment-single-thumb {margin-left:20px}
  #contentWrapper {width: 695px;}
   li.comment {width:400px}
   .tagList {display:none;}
}



@media screen and (max-width: 480px) {
  body {margin-top: 160px;}
  #wrapper {width:460px !important;margin:10px auto;}
  #homeButton {left: 365px;}
  #blogRobot, .postMeta, #footerWrapper {display:none;}
  .single h1 {font-size:30px;}
  li.comment {width:400px}
  
  .tagList {position:static;margin-top:0;padding:0;background:none;text-align:left;box-shadow:0 0 0;}
  
  .tagList ul li a, .relatedPosts ul li a {
    color: #5A5858;
    display: inline;
    float: left;
    font-size: 12px;
    margin-left: 10px;
}

	#contentWrapper {width: 460px;}
	#pageContent {width: 435px;}
}


@media screen and (max-width: 320px) {
	body {margin-top: 160px;}
  #wrapper {width:300px !important;margin:10px auto;}
  #homeButton {left: 235px;}
  #contentWrapper {width: 290px;}
  #pageContent {width:290px}
  .single h1 {font-size:20px;}
  li.comment, textarea#comment {width:200px}
}