/*
    Theme Name:     onOne
    Theme URI:      http://www.ononesoftware.com/blog/
    Description:    Theme for the official onOne Software blog
    Version:        1.0
    Author:         Jim Mock
    Author URI:     http://www.ononesoftware.com
*/

/* !General */
body {
    color: #333;
    font: small/18px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
del { text-decoration: line-through; }

blockquote {
    border-left: 5px solid #888;
    color: #888;
    font-size: 16px;
    margin: 0 0 20px 20px;
    padding: 0 0 0 15px;
}

blockquote p { margin-bottom: 10px !important; }

pre, tt, code { font-family: Monaco, "Courier New", Courier, monospace; }


/* !Links */
a, a img, a.image img {
    border: none;
    font-weight: bold;
    text-decoration: none;
}

a:link { color: #701313; }
/* a:visited { color: #f80; } */
a:visited { color: #277fae; }

a:hover {
    color: #f80;
    text-decoration: underline;
}

/* !Container */
.container {
    margin: 0 auto;
    width: 960px;
}

/* !Header */
#header {
    background: #000 url(_img/header-bg.jpg) repeat-x;
    height: 105px;
}

#header a { font-weight: normal !important; }
#header .container { padding-top: 20px; }

#header #logo {
    float: left;
    width: 200px;
}

#header #logo h1 { display: none; }

#header #headNav {
    float: right;
    width: 760px;
}

#header #headNav .feed-me { float: right; }

#header #headNav ul {
    float: right;
    height: 71px;
    line-height: 71px;
}

#header #headNav li {
    border-right: 2px solid #353535;
    display: inline;
    margin-right: 20px;
    padding: 10px 20px 10px 0;
}

#header #headNav li.last {
    border: none;
    margin-right: 0;
    padding-right: 0;
}

#header #headNav li a {
    color: #b1b1b1;
    padding: 10px 0 2px 0;
    text-decoration: none;
}

#header #headNav li a:hover {
    border-bottom: 2px solid #353535;
    color: #ddd;
}

#header #headNav li a.here, #header #headNav li a.here:hover {
    border: none;
    color: #f80;
}

/* !Wrapper */
#wrapper {
    background: #000 url(_img/wrapper-bg.jpg) repeat-x;
    padding-bottom: 20px;
    padding-top: 20px;
}

/* !Masthead */
#masthead { height: 213px; }

#masthead .oneonone {
    margin-left: 39px;
    margin-right: 21px;
}

/* !Content top */
#content-top {
    background: url(_img/content-top-bg.png) no-repeat;
    height: 85px;
}

#content-top .search {
    float: right;
    margin-right: 12px;
    margin-top: 28px;
}

#content-top .search #searchform input#s {
    border: none;
    border-radius: 10px;
    color: #666;
    font-size: 12px;
    padding: 4px 15px;
    width: 175px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#content-top .search label, #content-top .search #searchsubmit { display: none; }

/* !Content wrapper */
#content-wrap { background: url(_img/main-bg.png) repeat-y; }

/* !Content */
#content {
    float: left;
    width: 730px;
}

#content h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}

#content ol {
    list-style: decimal;
    margin-bottom: 20px;
}

#content li {
    margin-bottom: 5px;
    margin-left: 30px;
}

#content .post { margin: 0 40px 40px 40px; }

#content .post .arrow {
    background: url(_img/arrow.png) no-repeat;
    height: 35px;
    position: absolute;
    margin-left: -54px;
    margin-top: 16px;
    width: 26px;
}

#content .post h2.post-title, #content .page h2.post-title {
    border-bottom: 1px dashed #bfcfd3;
    color: #701313;
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#content .post h2.post-title a, #content .page h2.post-title a {
    border: none;
    color: #701313;
}

#content .post-meta {
    color: #888;
    font-size: 10px;
    margin: 0 0 20px 0;
}

#content .post-content .entry {
    float: left;
    width: 620px;
}

#content .post-content .entry p, #content .page p {
    line-height: 22px;
    margin-bottom: 15px;
}

#content .post-content ul {
    list-style: square;
    margin-bottom: 15px;
}

#content .post-content ul li { margin: 0 0 10px 30px; }

#content .post a.hsprite1-2252 {
    background: url(http://www.ononesoftware.com/blog/wp-content/uploads/lantsberg_01.jpg) no-repeat;
    display: block;
    cursor: default;
    height: 400px;
    width: 600px;
}


#content .post a.hsprite2-2252 {
    background: url(http://www.ononesoftware.com/blog/wp-content/uploads/lantsberg_02.jpg) no-repeat;
    display: block;
    cursor: default;
    height: 400px;
    width: 600px;
}

#content .post a.hsprite1-2252:hover, #content .post a.hsprite2-2252:hover { background-position: 0 -400px; }

#content .post a.vsprite1-2252 {
    background: url(http://www.ononesoftware.com/blog/wp-content/uploads/lantsberg_03.jpg) no-repeat;
    display: block;
    cursor: default;
    height: 600px;
    width: 400px;
}

#content .post a.vsprite1-2252:hover { background-position: 0 -600px; }

/* !Pages */
#content .page {
    margin-left: 40px;
    width: 620px;
}

#content .page h2.post-title { margin-bottom: 20px !important; }

#content .page-comments {
    margin-left: 0;
    margin-top: 20px;
}

/* !Content bottom */
#content-bottom {
    background: url(_img/content-bottom-bg.png) no-repeat;
    height: 40px;
}

/* !Pager */
div.pagerbox {
    border-top: 1px solid #e1e1e1;
    font-size: 12px;
    margin: 20px 25px 0 15px;
    padding-top: 10px;
}

div.pagerbox a, div.pagerbox span { margin-right: 5px; }
div.pagerbox a:hover.current { color: #333; }

/* !Next/Previous */
.navigation, .sn-post-nav {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    display: block;
    font-size: 11px;
    margin: 0 40px 30px 40px;
    padding: 5px 0;
    text-align: center;
}

.comment-navigation {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    display: block;
    font-size: 11px;
    margin: 0 0 30px 0;
    padding: 5px 0;
    text-align: center;
}

.nav-left, .sn-post-nav-left { float: left; }
.nav-right, .sn-post-nav-right { float: right; }

/* !Single posts */
#single #content .post { margin-bottom: 20px; }
#single #content .tags { margin-bottom: 20px; }
#single #content .edit-post { font-size: 11px; }

#single #content .related {
    margin-bottom: 30px;
    margin-top: 20px;
}

#single #content .related h2 {
    color: #000;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

#single #content .related ul { margin-bottom: 20px; }

#single #content .related ul li {
    list-style: square;
    margin-bottom: 5px;
    margin-left: 25px;
}

/* !Comments/Trackbacks */
#content #comments {
    margin: 0 40px 40px 40px;
    width: 650px;
}

#content #comments p.comment-count {
    border-bottom: 1px dashed #bfcfd3;
    margin-bottom: 25px;
    padding-bottom: 8px;
}

#content #comments p.ping-count {
    border-bottom: 1px dashed #bfcfd3;
    margin-bottom: 15px;
    padding-bottom: 8px;
}

#content #comments .comment-num { font-size: 20px; }

#content #comments ol.commentlist {
    margin-bottom: 40px;
    width: 620px;
}

#content #comments ol.commentlist li { margin-bottom: 30px; }

#content #comments ol.commentlist li .comment-text {
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
    padding: 10px 10px 1px 10px;
}

#content #comments ol.commentlist li.even .comment-text { background: #f3f3f3; }
#content #comments ol.commentlist li .comment-text p { margin-bottom: 15px; }

#content #comments ol.commentlist li.bypostauthor .comment-text {
    background: #000;
    color: #f3f3f3;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
}

#content #comments ol.commentlist li.bypostauthor .comment-text a:link { color: #f80; }
#content #comments ol.commentlist li .comment-meta-wrap { background: url(_img/comment-bottom-620.png) top no-repeat; }
#content #comments ol.commentlist li.even .comment-meta-wrap { background: url(_img/comment-bottom-even-620.png) top no-repeat; }
#content #comments ol.commentlist li.bypostauthor .comment-meta-wrap { background: url(_img/comment-author-bottom-620.png) top no-repeat; }
#content #comments ol.commentlist li .avatar { border: 3px solid #888; }

#content #comments ol.commentlist li .comment-meta-wrap {
    padding-left: 10px;
    padding-top: 15px;
}

#content #comments ol.commentlist li .comment-meta-left {
    float: left;
    margin-right: 10px;
    width: 38px;
}

#content #comments ol.commentlist li .comment-meta-right {
    float: left;
    width: 465px;
}

#content #comments ol.commentlist li .comment-meta-right p {
    line-height: 16px;
    margin-bottom: 0;
}

#content #comments ol.commentlist li .comment-meta-right p.author-info {
    margin-bottom: 5px;
    margin-top: 1px;
}

#content #comments #commentform { width: 620px; }

#content #comments #commentform input#author, #content #comments #commentform input#email, #content #comments #commentform input#url {
    background: #e1e1e1;
    border: none;
    border-radius: 10px;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 6px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#content #comments p textarea#comment {
    background: #e1e1e1;
    border: none;
    border-radius: 10px;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 14px;
    height: 300px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 5px;
    width: 98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#content #comments #commentform input#submit {
    background: #701313;
    border: none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#content #comments #commentform input#submit:hover { background: #f80; }
#content #comments ol.pinglist { margin: 0 0 40px 0; }
#content #comments ol.pinglist li { margin-bottom: 10px; }
#content #comments ol.pinglist li div.vcard cite { font-style: normal; }
#content #comments ol.pinglist li div.vcard span.says { display: none; }
#content #comments ol.pinglist li div.comment-meta { display: none; }
#content #comments ol.pinglist li p { display: none; }
#content #comments .closedcomments { margin-bottom: 40px; }
#content #comments .nocomments { margin-bottom: 40px; }
#content #comments #comment_mail_notify_label {font-size: 12px; }
#content #comments .comment-img { border: 4px solid #ccc; }

#content #respond {
    border-top: 1px dashed #bfcfd3;
    padding-top: 30px;
}

#content #respond h2 {
    color: #000;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

#content #respond p#upload { margin-bottom: 5px; }
#content #respond #comment_image_upload { margin-bottom: 15px; }

/* !Archive pages */
#archive #content h2.archive-title {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    color: #f80;
    font-family: Georgia, serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0 40px 30px 40px;
    padding: 5px 0;
}

/* !Contact */
#contact #content #wpcf { margin-bottom: 20px; }

#contact #content #wpcf .contactright input, #contact #content #wpcf input.sum {
    background: #e1e1e1;
    border: none;
    border-radius: 10px;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 6px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#contact #content #wpcf .contactleft { margin-bottom: 5px; }
#contact #content #wpcf .contactright { margin-bottom: 10px; }

#contact #content #wpcf textarea {
    background: #e1e1e1;
    border: none;
    border-radius: 10px;
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    font-size: 14px;
    height: 300px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 5px;
    width: 98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#contact #content #wpcf input#contactsubmit {
    background: #701313;
    border: none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#contact #content #wpcf input#contactsubmit:hover { background: #f80; }

/* !404 */
#fourohfour .homer {
    float: left;
    width: 314px;
}

#fourohfour .fourohfour-content {
    float: left;
    margin-right: 25px;
    width: 386px;
}

#fourohfour .fourohfour-content h2 {
    border-bottom: 1px dashed #bfcfd3;
    color: #701313;
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

#fourohfour .fourohfour-content h3 {
    border-bottom: 1px dashed #bfcfd3;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
}

#fourohfour .fourohfour-content p {
    line-height: 22px;
    margin-bottom: 15px;
}

#fourohfour .fourohfour-content .search #searchform input#s {
    background: #e1e1e1;
    border: none;
    border-radius: 10px;
    color: #666;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 4px 15px;
    width: 340px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#fourohfour .fourohfour-content .search label, #fourohfour .fourohfour-content .search #searchsubmit { display: none; }
#fourohfour .fourohfour-content ul { margin-bottom: 20px; }
#fourohfour .fourohfour-content li { margin-bottom: 5px; }

/* !Sidebar */
#sidebar {
    float: left;
    margin-top: 20px;
    width: 230px;
}

#sidebar .block {
    background: url(_img/sidebar-heading.png) no-repeat;
    margin: 0 auto 30px auto;
    width: 210px;
}

#sidebar .block-content {
    color: #fff;
    padding-left: 20px;
}

#sidebar .block-content h2 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 37px;
    line-height: 35px;
    margin-bottom: 15px;
    text-transform: lowercase;
}

#sidebar .block-content a { color: #fc9; }
#sidebar .block-content li { margin-bottom: 10px; }

#sidebar select {
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
}

#sidebar .popular h3 { display: none; }

/* !Footer */
#footer {
    background: #000 url(_img/footer-bg.jpg) repeat-x;
    height: 177px;
}

#footer a { font-weight: normal !important; }
#footer .container { padding-top: 30px; }

#footer #copyright {
    float: left;
    width: 460px;
}

#footer #copyright h2 {
    color: #ccc;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 0;
}

#footer #copyright h2 a { color: #ccc; }

#footer #copyright h3 {
    color: #ccc;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 60px;
}

#footer #copyright p {
    font-size: 11px;
    color: #333;
}

#footer #footNav {
    float: right;
    font-size: 11px;
    text-align: right;
    width: 460px;
}

#footer #footNav li { margin-bottom: 5px; }
#footer #footNav li a { color: #b1b1b1; }
#footer #footNav li a:hover { color: #f80; }

/* !Miscellaneous */
.caps { text-transform: uppercase; }

.bracket {
    color: #ccc;
    font-size: 28px;
}

.wp-caption-text {
    color: #666;
    font-size: 11px;
}

h2.closedcomments {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 15px;
}

img.alignleft { margin-right: 10px; }
.alignleft { float: left; }
.alignright { float: right; }

/* !Sociable */
.sociable { margin-bottom: 10px; }
.sociable .sociable_tagline { float: left; }

.sociable ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}

.sociable ul li {
    background: none;
    display: inline !important;
    list-style-type: none;
    margin: 0 10px 0 0 !important;
    padding: 1px;
}

.sociable ul li.sociablefirst { margin-left: 10px !important; }
.sociable ul li.sociablelast { margin: 0 !important; }
.sociable ul li:before { content: ""; }

.sociable img {
    float: none;
    border: 0;
    height: 16px;
    margin: 0;
    padding: 0;
    width: 16px;
}

.sociable-hovers {
    opacity: .4;
    -moz-opacity: .4;
    filter: alpha(opacity=40);
}

.sociable-hovers:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

/* !Clearfix */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}