@import 'cm.styles.css';

/*
dark blue : 1a2022
new tan : c7c78f
light blue : 8baeb9

 font: 100 12px/2em 'Helvetica Neue',Helvetica,Arial; 
*/

body { background: #c7c78f url(/images/ui/body-bg.jpg) fixed top left repeat-x;  font: normal 12px/18px Arial, sans-serif;  color: #555; cursor: default;}
a:link, a:visited { color: #1a2022 }
a:hover, a:active { color: #1a2022 }
#wrapper, .wrapper { width: 960px;  margin: 0px auto;  }

/*@ polls */
.poll, .poll-list { float: left; margin: 20px }
.poll .bar { display: block; height: 10px; margin: 5px 0px; text-indent: 5px; border-left: solid 1px green;  }
.poll .bar strong { font-size: 11px }

/*@ header */
#header { position: relative; padding: 0px 0px 10px 5px }
#header ul { float: left; margin: 65px 0px 0px; }
#header li { margin: 0px 5px; float: left }
#header li a { display: block; padding: 3px 10px; margin: 2px; float: left; clear: left; border-right: solid 1px #83836b; border-bottom: solid 1px #83836b;
  background: #9b9b7f; font: normal 12px arial; color: White; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px }
#header li a:hover { background: #83836b }
#logo { display: block; float: left; margin: 5px 10px 15px 0px; border: 0px }
#search { position: absolute; top: 65px; right: 20px }
#social-media { position: absolute; top: 0px; right: 0px; padding: 10px }
#social-media a { padding: 2px 4px; color: white; -moz-border-radius: 2px; -webkit-border-radius: 2px }
a.twitter { background: #33ccff; color: white }
a.facebook { background: #3b5998; color: white }

/*@ content */
#content {  background: url(/images/ui/content-body-bg.png) repeat-y; width: 934px; clear: both; position: relative; margin: 10px 0px 26px; padding: 0px 13px; line-height: 18px !important;  min-height: 380px; }
#content .wrapper { background: #bbb url(-/images/ui/content-wrapper-bg.png) repeat-x; width: 934px; min-height: 450px; margin: 0px 13px}
.c-top {  background: url(/images/ui/content-top-bg.png) no-repeat; width: 960px; height: 10px; position: absolute; top: -10px; left: 0px}
.c-bottom {  background: url(/images/ui/content-bottom-bg.png) no-repeat; width: 960px; height: 16px; position: absolute; bottom: -16px; left: 0px}
#content a { padding: 2px 4px; background: #aaa; line-height: 18px; -moz-border-radius: 2px; -webkit-border-radius: 2px  }
#content a:hover { background: #333; color: #dadab3 }
a.nobg, a.nobg:hover, /* hide bg on following styles */
a.overlay-img, a.overlay-img:hover { background: none !important }
#content > h1 { font: bold 16px Arial; padding: 20px }
#content > p { padding: 0px 20px 15px }
#side-content { position: absolute; top: 15px; left: 35px; width: 27% }
#side-content h1 { font: bold 16px Arial; padding: 0px 0px 10px }
#side-content h1 big { font-size: 20px }
#side-content p { line-height: 16px; padding: 0px 0px 10px }
#side-content strong { float: right }
#side-content #page-subnav { position: static }
#page-subnav { position: absolute; top: 15px; left: 35px; margin-bottom: 10px }
#page-subnav dt { font-weight: bold; font-size: 14px }
#right-content { width: 600px; padding: 20px; margin-left: 300px }
div.collections dl { float: left; width: 45%; margin: 25px 0px 0px 25px }

/*@ footer */
#footer { clear: both; height: 141px; background: #000 url(/images/ui/sitemap-bg.png) repeat-x scroll 0 0  }
#footer dl { margin: 25px 24px 0px; float: left }
#footer dl.f { margin-left: 35px }
/* tmp */
#footer dl.f { margin-left: 110px }
#footer dt { margin: 0px 0px 10px }
#footer dt a { color: #ccc; font-weight: bold; font-size: 16px; border: 0px }
#footer dd a { text-decoration: underline; color: #8baeb9; border: 0px }
#footer dd a:hover { color: #fff }
#footer .logo { margin: 20px 0px 10px; float: left; border: 0px }
.copyright { text-align: center; font-size: 11px; color: #666; padding: 10px 0px; background: black; position: relative; clear: both }
.version { position: absolute; bottom: 10px ; right: 20px; color: #555; font-size: 11px;  }

/*@ news posts */
#posts p, #posts q, #posts strong, #posts em { line-height: 18px }
#posts { width: 500px; padding: 0px 0px 20px 100px; margin-left: 300px }
#posts > div { margin: 0px 20px; padding: 20px 0px 0px;position: relative; clear: left }
div.timestamp { position: absolute; top: 20px; left: -100px; width: 70px; color: #666; white-space: nowrap }
a.date { display: block; font-weight: bold }
a.date, a.date:hover { background: none !important; color: #333 !important }
a.time { display: block; font-style: italic }
a.comments { text-transform: lowercase }
#posts .body { border-left: solid 1px #aaa; border-bottom: solid 1px #aaa;  padding: 10px 20px }
#posts h3 { font-size: 16px; font-weight: bold }
strong.author { font-size: 14px; display: block }
dl.tags { clear: both }
dl.tags dt, dl.tags dd { float: left; padding: 3px 5px }
#posts p { margin-bottom: 15px }
#posts div img { border: solid 1px #aaa; background: #fff; padding: 2px }
#posts .overlay-img { float: left; margin: 0px 5px 5px 0px }
#posts .photo p { float: left; width: 300px; margin-left: 5px }
#posts .photo b { display: block }
#posts .photoset p { clear: left }
#posts h2.title { padding: 20px; font-size: 16px; font-weight: bold }

/*@ overlays */
#overlay { background: url(/images/ui/overlay-bg-tile.png); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none }
#overlay .overlay-img { display: block; width: auto; max-width: 800px; max-height: 800px; min-width: 100px; min-height: 100px; background: black url(/images/ui/loading.gif) 50% 50% no-repeat; padding: 10px; margin: 0px auto }
#overlay .caption { display: block; text-align: center; color: #fff; width: 500px; margin: 4px auto !important }