/* CSS file - Lotusphere Blog */
#wrapper {position: relative; width: 960px; margin: 0 auto; background: url(../dx/body-bg.jpg/$file/body-bg.jpg) no-repeat 0 0;}
/* = Header */
#header {position: relative; height: 200px; }
#live #header {height: 300px;}
#header a, #header a:hover {border: 0; text-decoration: none;}
#header h1 {width: 844px; height: 120px; margin: 0 auto; padding-top: 65px;}
#header h1 a {display: block; width: 844px; height: 120px; background: url(../dx/logo.png/$file/logo.png) no-repeat 0 0; text-indent: -9999px;}
#header #tagline {margin-left: 88px; margin-top: -30px; color: #ffc20a; font-size: 1.17em;}
#header #tagline span {color: #fff;}
#banner {position: relative; height: 348px; padding-top: 30px; overflow: hidden;}
#banner-bottom {position: absolute; bottom: 0; left: 0; width: 960px; height: 151px; background: url(../dx/banner-bottom.png/$file/banner-bottom.png) no-repeat 0 0; z-index: 1}
#banner img {float: left; margin-right: 20px;}
#banner .col-two {width: 380px; float: left;}
#banner h2 {width: 392px; height: 51px; margin: 40px 0 30px 0; background: url(../dx/lotusphere-2010.png/$file/lotusphere-2010.png) no-repeat 0 0; text-indent: -9999px;}
#banner p {font-size: 1.17em; text-transform: uppercase; margin-bottom: 0.2em;}
#banner .register {position: relative; margin-top: 30px; display: block; width: 232px; height: 49px; background: url(../dx/register.png/$file/register.png) no-repeat 0 0; text-indent: -9999px; z-index: 2; border: 0;}
.countdown {position: absolute; top: 20px; left: 0; padding: 2px 10px; background-color: #ffc20a; color: #111; text-transform: uppercase; font-weight: bold;}
.share-story {width: 290px; height: 56px; background: url(../dx/share-your-story.png/$file/share-your-story.png) no-repeat 0 0; padding-top: 14px;}
.share-story a {display: block; width: 290px; height: 42px; text-indent: -9999px; border: 0;}
/* = Layout */
#content {background: #111 url(../dx/body-border.gif/$file/body-border.gif) repeat-y 629px 0; margin-bottom: 1.5em;}
#content-primary {width: 609px; float: left; padding-right: 20px;}
#content-secondary {width: 310px; float: left; padding-left: 20px;}
/* = Live template layout */
#live #content {background-image: none;}
#live #content-primary {width: 960px; float: none;}
/* = Entry */
.entry {margin-bottom: 3.5em; position: relative;}
.entry .post-info {position: relative;}
.entry .post-info h2 {margin-bottom: 0.2em; width: 549px;}
.entry .post-info h2 a {border: 0}
.entry .post-info h2 a:hover {background-color: #ffc20a; color: #111;}
#live .entry .post-info h2 {width: auto;}
.entry .date {font-size: 1.17em; color: #ffc20a; width: 549px; margin-bottom: 6px;}
.entry .comment-count {position: absolute; top: 0; right: 0; width: 46px; height: 45px; font-size: 1.33em; line-height: 40px; background: #ffc20a url(../dx/comment-large.png/$file/comment-large.png) no-repeat 0 0; text-align: center; margin-bottom: 6px; color: #111; font-weight: bold;}
.entry .comment-count a {z-index: 2; border: 0; position: absolute; top: 0; left: 0; width: 46px; height: 45px; display: block; text-indent: -9999px}
.entry .comment-count span {position: relative; z-index: 1;}
.entry .post {padding-bottom: 0.5em;}
.entry .post a img {border: 0}
.entry .info {margin: 2em 0 2.5em 0; background-color: #1d1d1d; border: 1px solid #262626; padding: 5px 5px 1px 5px;}
body#home .entry .info {margin-bottom: 3em;}
.entry .info h4 {color: #fff; text-transform: uppercase; float: left; margin-right: 20px; font-size: 1.17em;}
#content-primary .entry .info ul {list-style: none; margin: 0 0 0 70px;}
#content-primary .entry .info li {float: left; padding-bottom: 4px; padding-right: 4px}
.entry .info a {color: #111; font-weight: bold; font-size: 0.92em; padding: 2px 6px; background-color: #ffc20a; text-transform: uppercase; border: 0;}
.entry .info a:hover {background-color: #ffd556}
.entry .comments {min-height: 177px; margin-top: 18px; padding-top: 35px;background: url(../dx/comments-bg.jpg/$file/comments-bg.jpg) no-repeat 0 0;}
.entry .comments h3.title {height: 34px; margin-bottom: 0.9em; text-indent: -9999px; background: url(../dx/comments-title.png/$file/comments-title.png) no-repeat center 0;}
#content-primary .entry .comments ol {list-style: none; margin: 0 0 3em 0;}
#content-primary .entry .comments li {margin-bottom: 2em; background: url(../dx/comment-small.png/$file/comment-small.png) no-repeat 0 0; padding-left: 45px}
.entry .comments .comment-info {position: relative; margin-bottom: 0.5em}
.entry .comments .comment-info h4 {text-transform: lowercase; width: 405px; margin-bottom: 0.1em; font-size: 1.33em;}
.entry .comments .comment-info h5 {text-transform: uppercase; width: 405px; font-size: 0.92em;}
.entry .comments .comment-info .comment-date {color: #ffc20a; font-size: 0.9em; width: 150px; position: absolute; top: 0; right: 0; text-align: right;}
/* Archive/search results */
#archive #content-primary h2, #search #content-primary h2 {margin-bottom:0.2em;}
#archive #content-primary .month, #search #content-primary .query {font-size: 1.17em; margin-bottom: 24px; color: #fff; font-weight: bold;}
#search #content-primary .query span {color: #ffc20a}
#content-primary .entry-list {list-style: none; margin: 0;}
.entry-list h3 {margin-bottom: 0.2em; width: 549px;}
.entry-list h3 a {border: 0}
.entry-list h3 a:hover {background-color: #ffc20a; color: #111;}
.entry-list .intro {width: 549px;}
#search .entry-list .entry {margin-bottom: 1.5em;}
#search .entry-list h3 {font-size: 1.17em; width: auto;}
#search .pagination a {border: 0}
/* = Secondary content */
#content-secondary .divider {padding-bottom: 0.5em}
#content-secondary ul {margin-bottom: 1.5em;}
#content-secondary ul a {color: #fff; border: 0; font-weight: bold}
#content-secondary ul a:hover {color: #fff; border-bottom: 1px dotted #fff;}
#content-secondary #search-box {padding: 0 12px 58px 12px; background: url(../dx/shadow-bottom-310px.png/$file/shadow-bottom-310px.png) no-repeat 0 bottom;}
#content-secondary form {margin: 0 auto;}
#content-secondary #search-box input.text {width: 200px; margin-right: 10px;}
#content-secondary #search-box input.search {height: 24px;}
#content-secondary #search-box input {vertical-align: middle}
#content-secondary #tags li {display: inline; padding-right: 5px}
#content-secondary #tags .tag1 {font-size: 1em}
#content-secondary #tags .tag2 {font-size: 1.17em}
#content-secondary #tags .tag3 {font-size: 1.33em}
#content-secondary #tags .tag4 {font-size: 1.5em}
#content-secondary #tags .tag5 {font-size: 1.67em}
#content-secondary #social li {padding-left: 30px; min-height: 24px; margin-bottom: 12px;}
#content-secondary #social .twitter {background: url(../dx/icon-twitter.png/$file/icon-twitter.png) no-repeat 0 0;}
#content-secondary #social .facebook {background: url(../dx/icon-facebook.png/$file/icon-facebook.png) no-repeat 0 0;}
#content-secondary #social .linked-in {background: url(../dx/icon-linked-in.png/$file/icon-linked-in.png) no-repeat 0 0;}
#content-secondary #social .digg {background: url(../dx/icon-digg.png/$file/icon-digg.png) no-repeat 0 0;}
#content-secondary #social .rss {background: url(../dx/icon-rss.png/$file/icon-rss.png) no-repeat 0 0;}
#content-secondary #social li p {margin-bottom: 0.2em;}
#content-secondary #listed {padding: 58px 5px 0 5px; background: url(../dx/shadow-top-310px.png/$file/shadow-top-310px.png) no-repeat 0 0;}
#content-secondary #listed li {display: inline; margin: 0 9px}
#content-secondary #listed a {border: 0}
/* = Forms */
#content-primary form {background-color: #1d1d1d; border: 1px solid #262626;}
#content form ul {list-style: none; margin: 0; padding: 24px 24px 6px 24px;}
form li {margin-bottom: 18px;}
#content-primary form input, form input.text {font: normal 1em Arial, Helvetica, sans-serif; border: 1px solid #262626; color: #fff; height: 18px; padding: 3px}
#content-primary form input {background-color: #111;}
#search-box form input.text {background-color: #1d1d1d;}
form label {display: block; width: 150px; margin-right: 10px; float: left; color: #ffc20a}
form li input, input[type=text], textarea {width: 350px;}
textarea {font: normal 1em Arial, Helvetica, sans-serif; height: 6em; border: 1px solid #262626; color: #fff; background-color: #111;}
#content-primary form input {}
#wrapper form input.button {width: 75px; height: 24px; background-color: #ffc20a; border: 0; color: #111; text-transform: uppercase;}
#content-primary form input.button {margin-left: 160px;}
/* = Footer */
#wrap-footer {background: url(../dx/footer-bg.png/$file/footer-bg.png) repeat-x 0 0;}
#footer {width: 960px; margin: 0 auto; padding: 20px 0;}
#footer .hosted {font-weight: bold; font-size: 1.17em; float: left; margin-right: 12px;}
#footer .vcard {float: left;}
#footer .vcard .org {display: block; width: 160px; height: 36px; background: url(../dx/collaboration-matters-logo.png/$file/collaboration-matters-logo.png) no-repeat 0 0; text-indent: -9999px; border: 0;}
#footer .admin {float: right;}
#footer .copyright {font-size: 0.92em; clear: both; float: right; margin-bottom: 0;}