/*
  Site: http://www.globaladvantageinc.net
  Author: Emrys Ingersoll
  For: screen, presentation

  Common styles for the entire site.
*/


* { padding: 0; margin: 0; line-height: 1; }
body { color: #000; background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 85%; text-align: center; }


/* General Structure */

#page { width: 760px; padding: 10px 0; margin: 0 auto; text-align: left; }
#tocontent, #logo, .printonly { display: none !important; }

#branding { position: relative; height: 100px; background: #fff url('/images/layout/people.jpg') right top no-repeat; margin-bottom: 20px; }
#branding a { position: absolute; left: 0; bottom: 0; display: block; width: 380px; height: 66px; background: transparent url('/images/layout/ga_web_logo.png') top left no-repeat; text-indent: -9999px; border: none; }
#branding a:hover { background-position: 0 -66px; }
#slogan { height: 2.4em; font-size: 1.25em; line-height: 2.3em; padding-right: 0.35em; color: #fff; background: #ba0000; text-align: right; }

#nav { width: 701px; padding-left: 59px; list-style: none; overflow: hidden; background: #efefef; }
#nav li { float: left; border-right: 1px solid #fff; }
#nav li.last { border: none; }
#nav li a { display: block; float: left; height: 2.5em; line-height: 2.5em; padding: 0 20px; font-size: 0.9em; font-weight: bold; }
#nav li a, #nav li a:visited { color: #333; border: none; }
#nav li a:hover { color: #efefef; background: #333; text-decoration: underline; }

body.services #nav li#services a,
body.record #nav li#record a,
body.publications #nav li#publications a,
body.contact #nav li#contact a { color: #000; background: #fff; text-decoration: underline; }

#content { padding-top: 40px; font-size: 0.825em; }
#primary { float: left; width: 560px; }
#secondary { float: left; width: 160px; padding-left: 40px; }
#secondary h5 { margin-bottom: 0.5em; padding-bottom: 0.1em; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.1em; text-align: right; border-bottom: 1px solid #666; }

#search, #articles { margin-bottom: 40px; }
#search label { margin: 0; }
#q { width: 110px; }
#articles { text-align: right; }
#articles ul { list-style: none; }
#articles li { margin-bottom: 1em !important; }
#praise { text-align: center; color: #878787; }

#footer { clear: left; padding-top: 40px; height: 20px; text-align: center; font-size: 0.8em; color: #878787; background: transparent url('/images/layout/foot_bg.png') 0 20px no-repeat; }
#footer a, #footer a:visited { color: #878787; border: none; }
#footer a:hover { color: #000; border-bottom: 1px solid #000; }


/* Standard Elements */

.clear { clear: both; }
.hide { display: none; }
.invis { visibility: hidden; }
.left { float: left; margin: 0 1em 0 0 !important; }
.right { float: right; margin: 0 0 0 1em !important; }
.extra { margin-top: 4em; }

a img { border: none; }
a, a:link { color: #ba0000; text-decoration: none; border-bottom: 1px solid #ba0000; }
a:hover { border-bottom-width: 0; }

h2, h3, h4, h5, blockquote.pull, label, caption {
font-family: Georgia, "Times New Roman", serif;
}

h2, h3, h4, h5, #search label { font-weight: normal; line-height: 1.2; }
h2 { font-size: 2.2em; margin: -0.15em 0 0.545em; padding-bottom: 0.05em; border-bottom: 2px solid #ba0000; }
h3 { font-size: 1.6em; margin: 1.875em 0 0.313em; }
h3.subtitle { font-size: 1.4em; margin: -0.714em 0 0.857em; }
h3.byline { font-size: 1.1em; font-style: italic; margin: -0.5em 0 1.091em; }
h4 { font-size: 1.2em; margin: 1.667em 0 0.417em; font-variant: small-caps; letter-spacing: 0.1em; }
h4.copy { font-size: 1em; margin: -0.75em 0 1.2em; font-variant: normal; letter-spacing: normal; }

em { font-style: italic; }
strong { font-weight: bold; }
cite { font-style: normal; text-decoration: underline; }
pre, code, var, samp, kbd { font-family: Courier, monospace; }
abbr, dfn { border-bottom: 1px dotted #000; }
.caps { letter-spacing: 0.05em; }

pre { overflow: auto; }
pre, #primary blockquote { margin: 2em 0; padding: 0 2em; }

blockquote { font-style: italic; }
blockquote p { margin: 0 !important; }
blockquote em { font-style: normal; }
blockquote.pull { padding: 0.5em 0 0.75em !important; }
blockquote.pull p { width: 177px; padding: 0.25em 5px; color: #ba0000; font-size: 1.3em; font-weight: bold; border: 1px dotted #000; border-width: 1px 0; }
blockquote.excerpt { margin-top: 1em !important; }

img.bordered { border: 1px solid #000; }
.third { width: 187px; }
.half { width: 280px; }
.third, .half { padding-bottom: 1.25em; }
.full { width: 560px; margin: 2em 0; }
.figure { border-top: 1px dashed #000; padding-top: 1em; }
.figure img { display: block; float: none; margin: 0 auto; }
.figure p { margin: 1.111em 0 0 !important; padding-bottom: 0.2em; font-size: 0.9em; font-style: italic; text-align: center; border-bottom: 1px dashed #000; }

p, li, dt, dd, blockquote, pre, .vcard div { line-height: 1.6; }
#primary p, #primary ol, #primary ul, #primary dl { margin-bottom: 1.25em; }
p.sig { font-style: italic; }

#primary ul { list-style: square; padding-left: 3em; }
#primary ul ul, #primary ol ul { padding-left: 2em; }
#primary ol { padding-left: 3.5em; }
#primary ol ol, #primary ul ol { padding-left: 2.5em; }
#primary ul ul, #primary ol ol,
#primary ul ol, #primary ol ul { margin-top: 0.5em; margin-bottom: 0.5em; }
#primary ol ol { list-style: lower-alpha; }
#primary ol ol ol { list-style: lower-roman; }
#primary li { margin-bottom: 0.5em; }

dt { font-weight: bold; margin-bottom: 0.25em; }
dd { padding-left: 2em; margin-bottom: 0.75em; }

#primary form { width: 560px; margin: 2em 0; font-size: 1.1em; }
#primary form ul { list-style: none; border: 3px double #777; border-width: 3px 0; padding: 1.25em 0 0; }
#primary form li { margin-bottom: 1.25em; }

label { display: block; font-weight: bold; margin-bottom: 0.25em; }
.required { font-style: italic; color: #ba0000; }
input.text, input.zemText, textarea, select { padding: 2px; border: 1px solid #878787; background: #efefef; }
input.text:focus, input.zemText:focus, textarea:focus, select:focus { background: #fff; }
input.text, input.zemText { width: 274px; }
select { width: 279px; }
textarea { width: 554px; font-family: Verdana, Arial, sans-serif; font-size: 1.2em; }
input.button, input.zemSubmit { padding: 1px; vertical-align: bottom; }

table { table-layout: fixed; border-collapse: collapse; margin: 2em 0; width: 558px; border: 1px solid #000; border-width: 1px 1px 4px; }
caption { margin: 1.667em 0 -1.667em -1px; padding: 1.5em 0; font-size: 1.2em; font-variant: small-caps; letter-spacing: 0.1em; border: 1px solid #000; border-width: 4px 1px 0; }
/* Fix captions for Opera. Breaks CSS2 validation =( */
@media all and (min-width: 0px) { caption { margin: 0; } }
th { font-weight: bold; background: #efefef; text-align: left; }
thead th { text-align: center; }
th, td { padding: 0.5em; border: 1px solid #000; border-width: 0 1px 1px 0; line-height: 1.3; }

/* Purchase Magnetic Leadership Form */
form#buy_ml { text-align: center; }
form#buy_ml * { display: inline; }
form#buy_ml .text { width: 1.5em; }
form#buy_ml .text, form#buy_ml label { margin-right: .5em; }

/* Zem Contact error and thank you messages */
ul.zemError, div.zemThanks { border: 4px solid #fc0 !important; background: #ffc; }
ul.zemError li { padding: 0 2em; }
div.zemThanks { font-size: 1.5em; text-align: center; }
div.zemThanks p { margin: 0 !important; padding: 0.5em !important; }

/* hCard Style */
.vcard { padding-left: 170px; margin-top: 2em; font-size: 1.1em; }
.vcard a.fn { color: #333; border: none; }
.vcard .title { font-size: 1.2em; font-style: italic; }
.vcard h3 { margin-top: 0; }
.vcard h4 { margin-top: 0.5em; }
.vcard h4, .adr { margin-bottom: 1em; }
.tel .type { font-weight: bold; }
.vcard .photo { margin-left: -170px; width: 150px; float: left; border: 2px solid #000; }

