html {overflow-y: scroll; overflow-x: auto;}
body {background: #000 url(/images/template/grunge.jpg) fixed left top; text-align: center; font-family: arial; font-size: 14px; color: #bbb;}

h1, h2, h3, h4 {font-family: georgia; font-weight: normal; color: #96965d;}
h1 {font-size: 3.6em; margin: 0 0 30px 0;}
h2 {font-size: 3.0em; margin: 0 0 16px 0;}
h3 {font-size: 2.6em; margin: 0 0 10px 0;}
h4 {font-size: 1.6em; margin: 0 0 4px 0;}

* {margin: 0; padding: 0;}
a {color: #a18240; text-decoration: none;}
a:hover {text-decoration: underline;}
*:focus{outline: 0;}
img {border: 0;}
p {padding: 0 0 1em 0; line-height: 1.6em;}
ul {padding: 0 0 0 20px;}

.clearMe {display: block; height: 0; clear: both; font-size: 0;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* hide IE mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* */



#acontainer {width: 960px; margin: 0 auto; text-align: left; padding: 120px 0 0 0;}

#atop {float: left; width: 16%; margin: 0 0 32px 0; padding: 20px 4% 0 0; text-align: right; border-right: 1px solid #161616;}
#atop .header a {display: inline-block; width: 152px; height: 195px; opacity: .7; filter:alpha(opacity=70); background: url(/images/template/logo.png) left top no-repeat;}
#atop .header a:hover {opacity: 1; filter:alpha(opacity=100);}
#atop .header a span {display: none;}
#atop .nav ul {list-style: none; margin: 0 0 16px 0;}
#atop .nav li {}
#atop .nav li a {font-size: 1.2em;}
#atop .nav li.f a {}

#amain {width: 76%; float: right;}

/* top errors/messages */
#msg_top {position: fixed; left: 0; top: 0; z-index: 10001; width: 100%; margin: 0; padding: 0; cursor: pointer; text-align: left; background: #222;}
#msg_top .messages {display: none; position: relative; width: 940px; padding: 8px 0; margin: 0 auto; color: #333; }
#msg_top .messages ul {margin: 0 0 0 16px; list-style: none;}
#msg_top .messages .error {color: #c33 !important;}
#msg_top .messages .success {color: #969600 !important;}

ul.actions {list-style: disc;}
ul.actions li {float: none !important;}

body.home #amain .links {margin: 0 0 16px 0;}
body.home #amain .links ul {list-style: none; padding: 0;}
body.home #amain .links li {float: left; margin: 0 17px 17px 0; line-height: .1em; border: 1px solid #111;}
body.home #amain .links li img {opacity: .6; filter:alpha(opacity=60);}
body.home #amain .links li:hover img {opacity: 1; filter:alpha(opacity=100);}

body.home #amain .pages a.back {float: left;}
body.home #amain .pages a.more {float: right; margin: 0 30px 0 0;}
.sites li {margin: 0 0 2px 0; padding: 0 0 2px 0; border-bottom: 1px dashed #222;}
.sites .image {text-align: center;}
.code .list ul {margin: 0; padding: 0; list-style: none;}
.code .list li {margin: 16px 0 0 0; padding: 32px 0 0 0; border-top: 1px solid #161616;}
.code .list li.f {margin-top: 16px;}
.code .list li h2 {font-size: 1.6em;}

div.actions {float: right;}

pre {overflow-x: scroll; margin: 0 0 16px 0; padding: 0; background: #111 none repeat scroll 0 0; border: 1px solid #000;}

/* tags */
ul.tags {list-style: none; margin: 0 0 16px 0; padding: 0;}
ul.tags li {display: inline; margin: 0 16px 0 0;}
ul.tags li a {display: inline-block; padding: 1px 2px;}
ul.tags li.sel a {color: #111; background: #786d50;}

.social ul {list-style: none; padding: 0; margin: 0; text-align: left;}
.social li {display: inline; margin: 0 4px 0 0;}

/* form styles */
.form {}
.form .col {float: left; width: 42%;}
.form .form_row {margin: 0 0 11px 0; text-align: middle;}
.form .form_row label {display: inline-block; width: 40%; margin: 3px 2% 0 0; font-size: 1.1em; text-align: right; text-transform: lowercase;}
.form .form_row input {width: 154px; height: 20px; margin: 0 0 0 0; padding: 2px 0 0 0;}
.form .form_row input[type="checkbox"] {width: auto;}
.form .form_row select {}
.form .form_row.dob select {margin-right: 4px} 
.form .buttons {text-align: center; padding: 0; margin: 0;}
.form .buttons-left {clear: both; text-align: left; padding: 0; margin: 0;}
.form .buttons input {cursor: pointer;}
.form .triple .form_row label {width: 100%;}
.form .triple .form_row {width: 32%; float: left;}
.form textarea {width: 100%;}


.tip-container {position: relative; z-index: 20000; background: url(/images/site/bubble.png) top left;}
.tip {color: #fff; width: 250px; z-index: 13000; border: 1px solid #404040; padding: 0; margin: 0; text-align: left; filter:alpha(opacity=95);}
.tip-title {font-weight: bold; font-size: 11px; margin: 0; color: #96965d; padding: 4px 16px 4px 8px;}
.tip-text {font-size: 11px; padding:  0 8px 6px 8px; color: #eee; line-height: 1.8em;}
.tip-text ul {margin-left: 30px; list-style: disc;}
.tip-text em {color: #d6a587; font-style: normal;}