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

	SECOND AND PARK
	wufoo screen styles

	created: july '09
	updated: 
	
	design and code by:
	matthew brown / www.thingsthatarebrown.com

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


body { color: #333 }
a { color: #3a7b74; }
a:hover { text-decoration: none; }

#wrapper { font-family: georgia, "Times New Roman";}
#header { background: #fff; height: 140px; border-top: 10px solid #b7d7d5; border-bottom: 1px dotted #ccc; margin-bottom: 40px; }
#wordmark h1 { text-indent: -9999px; height: 147px; width: 301px; display: block; background: url('../img/wordmark.png') no-repeat 0 35px; }
#contactinfo { font-size: 14px; line-height: 16px; padding-top: 45px; }
#contactinfo h3, #contactinfo h4  { float: left; margin: 0; font-size: 14px; line-height: 16px;  }
#contactinfo h3  { text-transform: uppercase;  }
#contactinfo h4  { font-weight: normal;  }
#contactinfo a  { color: #000;  }
#contactinfo img { float: left; margin-right: 30px; margin-top: -7px; position: relative; }


#callout { background: url('../img/therightwords.jpg') no-repeat; height: 364px; width: 940px; position: relative; }
#callout.swapbg { background-position: bottom; }
#callout h2,
#callout h3 { text-indent: -9999px;}
#calloutnav { position: absolute; top: 0; right: 0 }
#calloutnav ul { margin: 10px 30px 0 0; }
#calloutnav li { display: inline; text-transform: uppercase; color: #ccc; margin: 0 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #666; }
#calloutnav li.last { margin: 0; padding: 0; border-right: none }
#calloutnav a { color: #ccc; font-size: 11px; letter-spacing: 1px; text-decoration: none; }
#calloutnav a:hover { color: #fff; }

#callout a#icanhelp { display:block; height: 190px; width: 380px; position: absolute; top: 130px; right: 50px }


#services  { margin-top: 30px; }
#services h2 { text-indent: -9999px; background: url('../img/writeeditreview.png'); display: block; height: 173px; width: 268px; }
#services #items { position: relative;  }
#services .item { width: 174px; height: 170px; float: left; background: url('../img/servicetile.png') no-repeat; padding: 13px; margin-right: 20px; }
#services .last { margin-right: 0; }

#services h3 { text-indent: -9999px; margin: 8px 0 0 0; padding: 0; font-size: 18px; }
#services p { margin: 0; padding: 0; font-size: 13px; line-height: 17px; }
#services h3#websites { background: url('../img/text-websitesandapps.png') no-repeat; }
#services h3#blogs { background: url('../img/text-blogs.png') no-repeat; }
#services h3#newsletters { background: url('../img/text-newsletters.png') no-repeat; }

#cantgetcontent { background: url('../img/cantgetcontentcallout-bg.png') repeat-x; height: 310px; width: 100%; margin-top: 20px; margin-bottom: 20px; }
#cantgetcontent h2,
#cantgetcontent h3,
#cantgetcontent p { text-indent: -9999px; }
#cantgetcontent p.explain { text-indent: 0px; font-size: 18px; line-height: 22px; margin-top: 100px; width: 430px; }
#cantgetcontent p.explain a { color: #000; }
#getcontentmsg { height: 310px; width: 940px; background: url('../img/text-cantgetcontentcallout.png') no-repeat; }
#getcontentmsg a {  }

#about #me h1 { text-indent: -9999px; height: 107px ; width: 536px; background: url('../img/text-hitiff.png') no-repeat; }
#about h2 { text-indent: -9999px; }
#about #me p,
#about #me li { font-size: 18px; line-height: 26px; width: 465px;}
#about #me a { color: #000; font-weight: bold; }
#about #me li { list-style-image: url('../img/arrow.png'); }
#workedwithlogos img {  }
#workedwithlogos a { border-top: 3px solid #fff; border-bottom: 1px solid #fff; display: block; margin: 0 0 10px 0; padding: 0; }
#workedwithlogos a:hover { border-top: 3px solid #333; border-bottom: 1px solid #333; }

#contact { background: #b7d7d5; padding-top: 30px; margin-top: 80px; }
#contact p.lead { font-size: 20px; line-height: 24px; padding-right: 20px; margin-bottom: 40px; display: block; }
#contact p.attrib { padding-left: 40px; margin-bottom: 30px; display: block; }
#contactsidebar { background: #b7d7d5; }
#contactsidebar p.quote { background: white; padding: 20px; font-size: 14px; line-height: 19px; margin-bottom: 0;}

#mylinks { display: none }

#footer { background: #97bfbc; height: 150px; color: #daebe9; font-size: 14px; padding-top: 20px; }
#footer a,
#footer strong { color: #fff; font-weight: normal; }


#theform h3 { text-indent: -9999px; background: url('../img/text-funpart.png'); height: 66px; width: 540px; }

a#ttab { width: 137px; height: 36px; background: url('../img/ttab-logo.png') no-repeat; text-indent: -9999px; display: block; float: right; }
a#ttab:hover { background-position: bottom; }


body.page-template-agency-php, body.page-template-thanks-php { border-top: 10px solid #b7d7d5 }



/* agency page specific */
body.page-template-agency-php img#findoutmore { margin: 40px 0 -122px 0 }
body.page-template-agency-php #agencypitch p { font-size: 16px; line-height: 24px; padding-right: 50px; }
body.page-template-agency-php #agencypitch p.lead { font-size: 24px; line-height: 30px; }
body.page-template-agency-php #contact { padding-top: 60px; }

#agencypitch img#ilove { margin: 90px 0 30px 0; display: block;}
#whoami { padding: 20px 80px 20px 65px; margin: 30px 0 0 -40px; position: relative; background: url('../img/more-box.png') no-repeat }
#whoami p.lead { position: relative; }
#backtohome { padding: 20px 0; font-size: 11px; text-transform: uppercase;  }
#backtohome a { color: #444; text-decoration: none; float: right; display: block; }
#backtohome a:hover { color: #000; background: #efefef; }

/* oh goody, thanks page specific */
img#goody { margin-top: 130px }
#thanks { position: relative }
#thanks #contactinfo { margin-top: -110px; position: absolute; bottom:20px; right: 20px; }
#goodytext { display: none }