/*
Theme Name:JS Thinkstand
Theme URI:http://www.jacksonspalding.com/
Description:JS Thinkstand
Version:1.0
Author:Jackson Spalding
Author URI:http://www.jacksonspalding.com/
*/

/********************************\
  Reset
\********************************/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, strong, small, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
em {font-style:italic;}
strong {font-weight:bold;}
small {font-size:85%;}
p {margin-bottom:.75em;}
a {color:#1d75af; text-decoration:none;}
a:hover {color:#153a67;}
h1, h2, h3, h4, h5 {color:#1D75AF; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1 {font-size:2em;}
h2 {font-size:1.9em; line-height:1em; margin-bottom:.5em; color:#153a67;}
h3 {font-size:1.75em; line-height:1em; margin-bottom:.25em;}
div#jquery-overlay {z-index:100;}
/********************************\
  Layout
\********************************/
body {background:#fef8ec; font:90%/1.3 Arial, Helvetica, sans-serif; color:#555;}
#headerWrapper {width:100%; height:165px; border-bottom:5px solid #fff; background:url('images/header-bkgd.jpg') bottom left repeat-x;}
#headerBackground {width:100%; height:165px; margin:0 auto; background:url('images/header.jpg') bottom center no-repeat;}
#header {width:900px; margin:0 auto; position:relative; z-index:100;}
#logo {width:493px; height:298px; background:url('images/js-thinkstand-logo.png') no-repeat; position:absolute; left:-110px; top:-15px;}
#logo a {display:block; text-indent:-9999px;}
#logo h1 a {width:95px; height:105px; position:absolute; top:25px; left:30px;}
#logo h2 a {width:330px; height:130px; position:absolute; top:70px; left:130px;}
#logo h2 span {display:none; position:absolute; top:143px; left:32px; text-indent:0; font-size:65%; color:#EAC155;}
#logo h2 a:hover span {display:block;}
#primaryNavigation {position:absolute; top:105px; left:405px;}
#primaryNavigation li {float:left; display:inline; margin-right:10px; list-style:none;}
#primaryNavigation a {float:left; display:inline; height:50px; background:url('images/nav-sprite.png') no-repeat; text-indent:-9999px;}
#nAbout a {width:115px; background-position:-2px 10px;}
#nOurThinkers a {width:191px; background-position:-133px 10px;}
#nContact a {width:115px; background-position:-347px 10px;}
#nAbout a:hover, #nAbout a.active {background-position:-2px -55px;}
#nOurThinkers a:hover, #nOurThinkers a.active {background-position:-133px -55px;}
#nContact a:hover, #nContact a.active {background-position:-347px -55px;}

#topContent {width:100%; position:relative; overflow:hidden;}
#contentWrapper {width:100%; background:url('images/content-bkgd.jpg') repeat-x;}
#contentBackground {width:100%; min-height:445px; height:auto!important; height:445px; background:url('images/content.jpg') top center no-repeat;}
#content {width:900px; margin:0 auto; padding:120px 0 25px; background:#fff url('images/primary-content-bkgd.jpg') no-repeat; position:relative; z-index:75;}
#twocol {width:100%; background:url('images/two-col-bkgd.jpg') top right repeat-y;}
#contentLeftShadow {width:39px; height:938px; background:url('images/shadow-left.png') no-repeat; position:absolute; top:0; left:-39px;}
#contentRightShadow {width:39px; height:933px; background:url('images/shadow-right.png') no-repeat; position:absolute; top:0; right:-39px;}
#primaryContent {float:left; display:inline; width:480px; margin-left:25px;}
#secondaryContent {float:right; display:inline; width:293px; padding:30px 15px 15px; margin-right:25px; position:relative; z-index:85;}
#secondaryContent h2 {height:32px; margin:20px 0 0 -35px; padding-left:30px; background:url('images/scrible-sprite.png') no-repeat; font-size:1.4em; color:#153a67;}
#footerWrapper {width:100%; padding:0; background:#2087c2 url('images/footer-bkgd.jpg') repeat-x; position:relative; z-index:90;}
#footer {width:850px; padding:25px; margin:0 auto; color:#fff; font-size:85%; position:relative;}
#footer a {color:#eee;}
#footer h2 {color:#ABE1FA; font-size:1.6em; padding-bottom:5px; background:url('images/separator2.png') bottom left no-repeat;}
#contact-info {float:right; display:inline; text-align:right; width:255px; color:#ABE1FA;}
#contact-info h2 {background:none; color:#EAC155; font-size:1.9em;}
#contact-info a {color:#ABE1FA;}
#inkSpot {width:153px; height:162px; background:url('images/blue-splat.png') no-repeat; position:absolute; top:-140px; right:-73px;}

/********************************\
  Typography and Colors
\********************************/
.narrowcolumn {float:left; display:inline; padding:0 0 20px 45px; margin:0; width:450px;}
.widecolumn {padding:10px 0 20px 0; margin:5px 0 0 150px; width:450px;}
.post {margin-bottom:1.25em; position:relative;}
.single .post {border-bottom:0;}
.authorinfo {font-size:85%; color:#999; line-height:1.6em; margin:-.25em 0 1.5em; text-transform:uppercase;}
.authorinfo .avatar {float:left; display:inline; margin:0 10px 0 0;}
.entry {margin-top:.5em;}
.widecolumn .post {margin:0;}
.narrowcolumn .postmetadata {padding-top:5px;}
.widecolumn .postmetadata {margin:30px 0;}
.widecolumn .smallattachment {text-align:center; float:left; display:inline; width:128px; margin:5px 5px 5px 0px;}
.widecolumn .attachment {text-align:center; margin:5px 0px;}
.postinfo {color:#999; margin:-.5em 0 1.5em;}
.postmetadata {clear:both;}
.clear {clear:both;}
.widecolumn .entry p {font-size:1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height:1.4em;}
.widecolumn {line-height:1.6em;}
.narrowcolumn .postmetadata {text-align:center;}
.bypostauthor {}
.thread-even, .thread-alt {background-color:white;}
.depth-1 {border-bottom:1px dashed #ccc;}
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li ul li {font-size:1em;}
.commentlist li {font-weight:bold;}
.commentlist li .avatar {float:left; display:inline; border:1px solid #999; margin-right:10px;}
.commentlist cite {font-family:Georgia, "Times New Roman", Times, serif; font-style:normal; font-weight:normal; font-size:1.5em;}
.commentlist p {font-weight:normal; line-height:1.5em; text-transform:none;}
#commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata, .commentmetadata a {font-weight:normal; color:#999;}
code {font:1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size:0.9em; letter-spacing:.07em;}
#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}
#wp-calendar a {text-decoration:none;}
#wp-calendar caption {font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:center;}
#wp-calendar th {font-style:normal; text-transform:capitalize;}
/********************************\
  Images
\********************************/
p img {padding:0; max-width:100%;}
img.alignleft, img.centered, img.alignleft {border:1px solid #ccc; -moz-box-shadow:2px 2px 2px #eee;}
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 10px; display:inline;}
img.alignleft {padding:4px; margin:0 10px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}
/********************************\
  Lists
\********************************/
html>body .entry ul {/*margin-left:0px; padding:0 0 0 30px; list-style:none; padding-left:10px; text-indent:-10px;*/ margin-left:1em;}
html>body .entry li {margin:7px 0 8px 10px;}
.entry ol {padding:0 0 0 35px; margin:0;}
.entry ol li {margin:0; padding:0;}
.postmetadata ul, .postmetadata li {display:inline; list-style-type:none; list-style-image:none;}
#secondaryContent ul, #secondaryContent ul ol {margin:0; padding:0;}
#secondaryContent ul li {list-style-type:none; list-style-image:none; margin-bottom:15px;}
#secondaryContent ul p, #secondaryContent ul select {margin:5px 0 8px;}
#secondaryContent ul ul ul, #secondaryContent ul ol {margin:0 0 0 10px;}
ol li, #secondaryContent ul ol li {list-style:decimal outside;}
#secondaryContent ul ul li, #secondaryContent ul ol li {margin:3px 0 0; padding:0;}
html>body .entry .related-posts ol li {margin:0 0 0 10px;}
html>body .entry .related-posts ol {margin-bottom:1em;}
.related-posts p {margin-bottom:0;}
#footer ul {margin-bottom:2em;}
#footer ul li {list-style:none;}
#footer-widgets {float:left; width:590px;}

/********************************\
  Form Elements
\********************************/
#connect {position:absolute; width:408px; height:192px; background:url('images/connect-bkgd.png') no-repeat; top:-152px; left:-30px;}
#connectWithUs {position:absolute; width:147px; height:93px; background:url('images/connect-with-us.png') no-repeat; top:60px; left:-147px;}
#searchform {width:408px; height:192px; position:relative;}
#searchform label {position:absolute; left:-9999px; top:0;}
#secondaryContent #searchform #s {width:193px; height:26px; line-height:26px; padding:2px 4px; background:none; border:0; position:absolute; top:75px; left:34px; color:#8F5501; font-weight:bold;}
#secondaryContent #searchsubmit {position:absolute; top:75px; left:241px; width:54px; height:33px; border:0; background:transparent; text-indent:-9999px; font-size:0; line-height:0; cursor:pointer;}/* @fix use fix like in orcom audit prep */
#secondaryContent #socialMedia {position:absolute; top:124px; left:39px; width:200px; height:40px; margin:0;}
#secondaryContent #socialMedia li {float:left; display:inline; margin-right:16px; list-style:none;}
#secondaryContent #socialMedia a {float:left; display:inline; height:40px; background:url('images/social-media-sprite.jpg') 0 0 no-repeat; text-indent:-9999px;}
#secondaryContent #smFacebook a {width:40px; background-position:0 -40px;}
#secondaryContent #smTwitter a {width:48px; background-position:-55px -40px;}
#secondaryContent #smRss a {width:39px; background-position:-118px -40px;}
#secondaryContent #smFacebook a:hover {background-position:0 0;}
#secondaryContent #smTwitter a:hover {background-position:-55px 0;}
#secondaryContent #smRss a:hover {background-position:-118px 0;}
.entry form {/* This is mainly for password protected posts, makes them look better. */ text-align:center;}
select {width:130px;}
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0;}
#commentform {margin:5px 10px 0 0;}
#commentform textarea {width:440px; padding:2px; height:100px; font-family:Arial, Helvetica, sans-serif;}
#respond:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#commentform #submit {margin:0 0 5px auto;}
/********************************\
  Comments
\********************************/
.alt {margin:0; padding:10px; border-left:1px dashed #ccc;}
.entry .alt {padding:0; border-left:0; color:#999;}
.commentlist {padding:0; text-align:justify;}
.commentlist .alt {border-left:0;}
h2 + .commentlist {margin-top:-1em;}
.commentlist li {margin:0; padding:20px 5px 20px 10px; list-style:none;}
.commentlist li ul li {margin-right:-5px; margin-left:10px;}
.commentlist p {margin:10px 5px 10px 0;}
.children {padding:0;}
#commentform p {margin:5px 0;}
.nocomments {text-align:center; margin:0; padding:0;}
/********************************\
  Calendar
\********************************/
#wp-calendar {empty-cells:show; margin:10px auto 0; width:155px;}
#wp-calendar #next a {padding-right:10px; text-align:right;}
#wp-calendar #prev a {padding-left:10px; text-align:left;}
#wp-calendar a {display:block;}
#wp-calendar caption {text-align:center; width:100%;}
#wp-calendar td {padding:3px 0; text-align:center;}
#wp-calendar td.pad:hover {/* Doesn't work in IE */ background-color:#fff;}
/********************************\
  Sidebar Widgets
\********************************/
.widget {clear:both;}
#secondaryContent .multiwidget_author_avatars h2 {background:url('images/scrible-sprite.png') 0 -38px no-repeat;}
.multiwidget_author_avatars .author-list .user {float:left; display:inline; width:141px; padding:0!important;}
.multiwidget_author_avatars .author-list .user a {cursor:pointer;}
.multiwidget_author_avatars .author-list .user .avatar {float:left; display:inline; width:55px;}
.multiwidget_author_avatars .author-list .user .name {float:left; display:inline; width:81px; margin-left:5px; font:1.1em Georgia, "Times New Roman", Times, serif;}
.widget_categories, .widget_archive {float:left; display:inline; width:136px; clear:none;}
.widget_categories {margin-right:20px;}
.twitter .js-social-content, .widget_twitter .twitter {font-size:85%;}
.twitter_title_link {color:#153A67;}
#secondaryContent .twitter-item {margin-bottom:.75em;}
/********************************\
  Footer Widgets
\********************************/
#footer .widget_links {float:left; display:inline; width:245px; clear:none;}
#footer .widget_categories, #footer .widget_archive {margin-right:25px;}
.twitter .js-social-content {font-size:85%;}
/********************************\
  Various Tags and Classes
\********************************/
acronym, abbr, span.caps {cursor:help;}
acronym, abbr {border-bottom:1px dashed #999;}
blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;}
blockquote cite {margin:5px 0 0; display:block;}
.center {text-align:center;}
.hidden {display:none;}
.screen-reader-text {position:absolute; left:-1000em;}
hr {display:none;}
a img {border:none;}
.navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px; clear:both;}
embed[align="right"] {margin:0 0 5px 10px;}
embed[align="left"] {margin:0 10px 5px 0;}
.postdate {width:55px; height:87px; padding:38px 0 0 35px; background:url('images/green-splat.png') no-repeat; position:absolute; top:-20px; left:-115px; color:#fff; text-align:center; font:2em/.85 Georgia, "Times New Roman", Times, serif;}
.postdate span {font-size:60%; text-transform:uppercase;}
.postauthor {text-transform:uppercase; margin-bottom:.25em;}
.separator {width:294px; height:1px; padding:10px 0; background:url('images/separator.png') center center no-repeat; line-height:0; font-size:0; clear:both;}
#recaptcha_area {margin-bottom:10px;}
#fb-root {margin-top:3em;}
/********************************\
  Captions
\********************************/
.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

/********************************\
  Custom Posts
\********************************/

.post.tag-sxsw  {  background: url("images/sxswi2.png") no-repeat scroll left top transparent;  }
.post.tag-sxsw .postauthor,
.post.tag-sxsw h3, .post.tag-sxsw h2 { margin-left: 60px; }