/*
-----------------------------------------------
Site: www.cameroncorda.com
Author:  Cameron Corda

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

html, body {margin: 0; padding: 0; text-align: center; color: #fff;}
body {background: #fff url(/page/-/microsite/bg.jpg) repeat-x 0 -100px;}

html {font-size: 100%; } /* Somehow Fixes IE */
body {font-size: 62.5%; font-family: arial, 'lucida grande', 'lucida sans unicode', verdana, helvetica, sans-serif;} /* sets font to 10px */

#container { font-size: 1.6em; } /* 1.1em = 11px */

h1, h2, h3, h4, h5, h6, p, ul, ol {margin-top: 0;}
/*h1 {font-size: 2.0em; font-weight: normal; margin-top: .5em; margin-bottom: .5em; color: #001F5C; font-variant: small-caps;}*/
h2 {font-size: 1.7em;  margin-bottom: 1.2em; font-weight: normal;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
code {border-left: 3px double #63301D; background: #875E49; display: block; margin-left: 10px; margin-right: 10px;  padding: 7px; font-family: monospace; letter-spacing: 0;}


/* LINKS
----------------------------------------------- */

a {color: #fff; font-weight: bold;}

a img {border-width: 0; border-style: none; display: block}

/* LAYOUT
----------------------------------------------- */

#container {margin: 30px auto; width: 900px; color: #fff; text-align: left;}
#containerTop {height: 15px; margin: 0; padding: 0; background: url(/page/-/microsite/micro_top.png) no-repeat top center;}
#containerBottom {border-top: 1px solid #0F55B2;  background: #0F55B2 url(/page/-/microsite/micro_bottom.jpg) no-repeat bottom center; padding: 0 20px; position: relative;}
#container #signupheader {width: 500px; margin-bottom: 0;}
#container #signupheader h2 {font-weight: normal; font-size: 20px; letter-spacing: 2px; margin-bottom: 10px;}
#container #signupheader h2 {text-indent: -100em; overflow: hidden; background: url(/page/-/microsite/title.png) no-repeat; height: 30px;}


#microCounter {position: absolute; right: 44px; top: 0px; width: 200px; text-align: right; font-size: 2em; color: #7EC242;}
#microCounter span {font-size: .5em;}
#microImage {position: absolute; right: 0; top: 100px;}

#container #footer {margin: 20px 0 20px 150px; padding-bottom: 10px; font-size: .8em;}
#container #footer p {margin-bottom: .5em;}
#container #footer a {font-weight: normal;}

#container label.field {font-weight: normal; font-size: 12px;}
#container input {border: 0;}
#container textarea {border: 0;}

#signup {width: 400px; margin-left: 20px; margin-bottom: 20px; margin-top: -10px;}
#signup textarea {width: 377px;}
#signup .input_email {width: 377px;}
#signup .input_firstname {width: 180px;}
#signup .input_lastname {width: 180px;}
#signup .buttonImage {float: left;}

body#bodyInvite #containerBottom {padding-right: 260px;}
body#bodyInvite #containerBottom h2 {margin-bottom: 20px;}
body#bodyInvite #inviteActions {position: absolute; top: 70px; right: 20px; width: 202px; border-left: 1px solid #fff; padding-left: 20px; margin-left: 10px; display: inline;}
body#bodyInvite #inviteActions ul {margin-left: 0px; padding-left: 15px;}
body#bodyInvite #inviteActions li {margin-left: 0px;}
body#bodyInvite #footer {margin-right: -230px;}

#container #invitationpage {width: 580px;}
#container #invitationpage #invite_table {padding: 0 !important;}
#container #invitationpage #contact_importer_button {width: 340px; margin: 10px 0 20px 30px; background: #7EC242; color: #fff; text-align: center;}
#container #invitationpage #invite_table .help {color: #ffffff !important;}
#container #invitationpage input.text {width: 400px;}
#container #invitationpage textarea {width: 400px;}
#container #invitationpage #submit_button {cursor:pointer;padding:4px;font-weight:bold;color:#fff;background:#418341;border-top:1px solid #999;border-right:1px solid #666;border-bottom:1px solid #666;border-left:1px solid #999;}



#contacts_table label {color: #000 !important;}

/*

#contact_importer_wrapper p.input_label {color: #000 !important;}
#contact_importer_wrapper p.input_label input {color: #000 !important;}
#contact_importer_wrapper p.input_label label {color: #000 !important;}


#contact_importer_wrapper p.input_label {
clear: both;
float: none;
margin-top: 6px;
}
#contact_importer_wrapper p.input_label label {
text-align: left;
vertical-align: middle;
}
#contact_importer_wrapper p.input_label input {
vertical-align: middle;
}

*/

/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
input, textarea {text-align: left; font-family: arial, 'lucida grande', 'lucida sans unicode', verdana, helvetica, sans-serif;}
input span {padding: 3px;}
input.text, textarea {background: #fff; font-size: .9em; color: #000; padding: 3px;}

input.button, input.buttonImage, input.buttonImg {cursor: pointer;}
label {padding: 0px; font: 11px; line-height: 1.1em;}

form {padding: 0; margin: 0;}
#commentPost form {}
#commentPost form p {margin-bottom: 6px;}
#commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; color: #E0AA02;}
#commentPost form input.text {width: 340px;}
#commentPost form input.checkbox {margin-right: 8px; border: none; background: none;}
#commentPost form textarea {width: 340px;}