/*  
Theme Name: SATA
Theme URI: http://www.stuckattheairport.com
Description: Stuck at This Theme
Version: 2.0
Author: jackfig
Author URI: http://www.jackfig.com/
*/

/* @group body */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
body { margin: 0 auto 20px; font-family: Arial, sans-serif; font-size: 13px; text-align: center; vertical-align: top; background: #fff; color: #696969; }
#container { width: 978px; margin: 0 auto;background: url(images/vert-dots.png) repeat-y; }
#top-wrapper  { width: 975px; height: 209px; margin: 0 auto; z-index: -2; background-image: url(images/bg-pattern.png); }
#top-wrapper { width /*\**/: 974px\9 }
#wrapper {  width: 975px; text-align: left; }
/* @end */

/* @group typography and links */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 30px; padding: 3px 0 15px 0; color: #666; letter-spacing: -.035em; }
h2 { font-size: 27px; padding-bottom: 5px; }
.supplement-left h2 { font-size: 24px; }
.supplement-right h2 { font-size: 20px; color: #666; margin: 15px 0 6px 0; background: url(images/horiz-dots.png) repeat-x 0 bottom;  clear: both; }
h3 { padding: 15px 0 5px 0; color: #333; font-size: 20px; }
h4 { color: #333; font-size: 18px; }
h4.title a { color: #fff; }
h4.title a:hover { color: #7f7f7f; }
h5 { color: #444; font-size: 15px; margin-bottom: 4px; }
a:link, a:visited, p.postmetadata a:link, p.postmetadata a:visited, .comments-template #submit, #search .searchbutton, h2 a:link, h2 a:visited  { text-decoration: none; border: none; color: #6B6121; }
a:hover, p.postmetadata a:hover, h2 a:hover  { text-decoration: none; color: #7f7f7f; }
a img { border: none; text-decoration: none; }
.entry a, .entry a:link, .entry a:visited, .entry a:hover, h4.title a, h4.title a:hover { text-decoration: underline; }
/* @end */

/* @group id */
#header { width: 975px; height: 198px; margin: 0 auto; background: url(images/logo.jpg) no-repeat; color: #fff; z-index: 0; clear: both; position: relative; }
#header { margin-left /*\**/: -1px\9 }
h4.title { float: right; padding: 120px 320px 0 0; text-align: left; color:#fff; display: block; font-size: 18px; font-weight: normal; }
/* @end */

/* @group navigation */
#top-menu { margin: 0 0 0 5px; height: 42px; text-align: left; float: left;}
#top-menu ul { margin: 0 auto; padding: 14px 0 0 20px; }
#top-menu ul li { display: inline; padding: 0; font-size: 13px; }
#top-menu ul li#rss { background: url(images/rss.png) no-repeat right center; padding-right: 5px;}
#top-menu a { margin-right: 10px; }
li#whatis { margin-left: 4px; }
li#whatis a { font-size: 10px; }
/* @end */

/* @group posts */
#impact { float: left; width: 548px; padding: 30px 0 10px 25px; z-index: 1; position: relative; background-color: transparent; }
#ad { margin: 15px 0; width: 468px; height: 60px;}
.post { padding: 0 30px 0 0; }
.entry { line-height: 20px; padding-top: 20px; }
.entry p { margin: 0 0 15px 0;  }
.postinfo { font-size: 11px; color: #7F7F7F; padding: 2px 0 0 0; }
.postinfo a { color: #7F7F7F; }
.postdate { color: #7F7F7F; }
blockquote { margin: 24px 30px; padding: 10px; font-family: Courier New, Courier, monospace; font-size: 12px; line-height: 18px; }
code { color: #9A2EFE; font-family: Courier, monospace;  }
.bg  { background: #f1f0ed; padding-top: 15px; padding-bottom: 10px; padding-right: 10px; }
.entry ul, .entry ol { margin: 0 0 15px 5px;  }	
.entry ul { list-style-type: disc; margin-left: 12px; }
.entry li { margin: 0 0 5px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 5px 0 5px 30px; }
.entry img.left { padding: 6px; margin: 0.5em 15px 0.5em 0; border: none; float: left; clear: left;  }
.entry img.right { padding: 6px; margin: 0.5em 0 0.5em 15px; border: none; float: right; clear: right;  }
.entry img.center { display: block; padding: 8px; margin: 0 auto 1.5em auto; border: none; float: none; clear: both;  }
.entry img.frame { padding: 6px; margin: 0.5em 0 0.5em 15px; border: 1px solid #ccc; background: #EEE; float: right; clear: right;  }
.entry img.stack { clear: none !important; }
/* @end */

/* @group yarpp related posts plugin */
p.yarpp { margin-bottom: 3px; font-size: 14px;}
ul.yarpp { margin-left: 0;  }
ul.yarpp li { list-style-type: none; }
/* @end */

/* @group category list page */
.entry ul li.cat-item { list-style-type: none; }
/* @end */

/* @group post metadata */
p.postmetadata { font-size: 13px; color: #7F7F7F; margin: 8px 0 15px 0; padding: 0 0 15px 0; background: url(images/horiz-dots.png) repeat-x 0 bottom; }
p.postmetadata strong { }
/* @end */

/* @group supplement-left */
.supplement-left { margin-top: 25px; }
.supplement-left ul { list-style: none; margin: 0; padding: 0; }
.supplement-left ul li { padding: 2px 0; margin: 0 3px 0 0; line-height: 18px; list-style: none; }
.supplement-left ul ul li { padding: 2px 0; margin: 0 3px 0 0; line-height: 18px; list-style: none;  }
/* @end */

/* @group supplement-right */
.supplement-right { float: left; width: 372px; padding: 18px 15px 0 15px; position: relative; z-index: 1; text-align: left; }
.supplement-right ul { list-style: none; margin: 0; padding: 0; }
.supplement-right ul li { padding: 2px 0; }
div#facebook-icon { float: left; padding: 12px 10px 0 0; }
div#facebook-link { padding-top: 12px; }
ul#adhere li { color: #9F8109; }
.two-col { width: 380px; clear: both; }
.two-col .left { float: left; width: 175px; margin-right: 10px; }
.two-col .right { float: right; width: 175px; clear: right;}
.supplement-right div#rss2 { background: url(images/rss.png) no-repeat right center; margin-top: 5px; width: 100px; }

/* @end */

/* @group twitter */
div#twitter-icon { float: left; padding: 12px 10px 0 0; }
div.twitter-stream p { padding-top: 10px; }
.twitter-date { font-size: 11px; }
.profile-link { margin-top: 8px; }
/* @end */

/* @group mailchimp nsl signup */
ul#nsl { clear: both; padding-top: 10px;}
ul#nsl li { padding-top: 0; }
ul#nsl li .cform { width: 385px; } 
div#mc_embed_signup fieldset { border: none; font-size: .9em; }
div#mc_embed_signup { padding: 0 0 15px; }
div#mc_embed_signup div.mc-field-group { margin: 5px 0 0 0; }
.input-email-label, .input-group-label { margin-right: 4px; }
.input-group-label, div.input-group { float: left; }
.input-group-label { margin-top: 2px; }
div.input-group ul li { display: inline; float: left; margin-right: 5px; }
div#mc_embed_signup #mce-EMAIL, div#mc_embed_signup #mce-EMAIL  { background: #fff; border: 1px solid #ccc;  padding: 2px; margin: 0; width: 175px;  font-family: Arial, sans-serif; font-size: 12px; color: #696969; }
div#mc_embed_signup #mce-EMAIL:focus, div#mc_embed_signup #mce-EMAIL:focus { border: 1px solid #999; }
div#md-submit { clear: both; }
div#mc_embed_signup #mc-embedded-subscribe  { font-size: 1em; font-family: Arial, sans-serif; border: none; background-color: transparent; margin: 5px 0 0; padding: 0; cursor: pointer; color: #6B6121; clear: both; }
div#mce-error-response, div.mce_inline_error { clear: both; color: #d23515; margin: 5px 0;}
div#mce-success-response { clear: both; color: #6fd720; margin: 5px 0;}
/* @end */

/* @group dropdowns */
#cat, #guides { height: 24px; margin-top: 5px; padding: 2px; font-family: Arial, sans-serif; font-size: 13px; color: #696969; border: 1px solid #ccc; width: 275px;}
#cat option, #guides option { font-family: Arial, sans-serif; font-size: 13px; border: none; }
/* @end */


/* @group search form */
div#search-form { float: right; margin: 8px 20px 0 0; }
.search  { padding: 4px 0 0 0; }
.search textarea, .search .textbox  { background: #fff; border: 1px solid #ccc;  padding: 2px; margin: 0; width: 175px;  font-family: Arial, sans-serif; font-size: 12px; color: #696969; }
.search .textbox:focus, .search textarea:focus   { border: 1px solid #999; }
.search .searchbutton, #guides-button  { font-size: .9em; font-family: Arial, sans-serif; border: none; background-color: transparent; margin: 0; padding: 0; cursor: pointer; color: #6B6121; }
/* @end */

/* @group comments */
.comments-template ol { list-style: none; }
.comments-template ol li { margin: 10px 0 0; padding: 10px 0 10px 15px; }
.even  { background-color: #f5f5f5; border: none; }
.alt  { background: #fff; border:1px solid #ccc; }
.comments-template h2, .comments-template h3 { padding: 20px 0 10px 0; }
.commentmetadata { font-size: 12px; color: #AAA; padding: 20px 0 0; }
.commentmetadata strong { font-size: 14px;  }
.comments-template p.nocomments { padding: 0; }
/* @end */

/* @group comment form */
#comment-form { width: 425px; margin: 10px 0 30px; padding: 5px 5px 15px 5px; }
.comments-template .textbox { border: 1px solid #ccc; width: 215px; height: 16px; padding: 2px; font-size: 12px; font-family: Arial, sans-serif; color: #696969; }
.comments-template textarea {  margin: 10px 15px 0 0; padding: 2px; background: #fff; border: 1px solid #ccc; width: 410px; font-size: 12px; font-family: Arial, sans-serif; color: #696969; }
.comments-template textarea:focus, .comments-template .textbox:focus { border: 1px solid #999; }
.comments-template #submit { width: 125px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; cursor: pointer; background-color: #fff; height: 25px; margin: 0 9px 10px 0; float: right; font-family: Arial, sans-serif; font-size: 11px; }
/* @end */

/* @group browse nav */
.browse { margin: 10px 0 0 0; padding: 0; clear: both ; }
.browse div { width: 240px; float: left; color: #000; }
.browse div.left { margin-right: 20px; text-align: left; }
.browse div.right { text-align: right; }
/* @end */

/* @group admin */
#footer { clear: both; margin: 0 0 0 1px; padding: 20px 0 10px 40px; color: #7f7f7f; width: 935px; background-image: url(images/bg-pattern.png); text-align: center; }
#footer ul { list-style-type: none; margin: 0 auto 10px; width: 500px;}
#footer ul li { display: inline; padding-right: 12px; }
div.footer-border-top { background: url(images/horiz-dots.png) repeat-x 0 bottom; width: 100%; height: 30px; clear: both; }
div.footer-border-bottom { background: url(images/horiz-dots.png) repeat-x 0 bottom; width: 100%; height: 2px; }
/* @end */

/* @group clearfix */
.clearfix:after { content: "."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height: 1%; }
/* @end */