@charset "utf-8";
/*  
Theme Name: "The One Theme"
Theme URI: http://www.drunkenfist.com/304/
Description: A perfectly scalable, lightweight, em based layout featuring a simple three columned design. Plenty of room for Ads, as well.
Author: Rob Larsen
Version: 1.0
Author URI: http://www.drunkenfist.com/
Tags: gray, fixed width, three columns,ads
*/
/*reset section*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style: none;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/*the one theme */
/*1em = 10px. all measurement in em so 16.9em = 169px. This allows the page to scale like mad*/
/*fonts are defined in percentages*/
body {
    font: .625em Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    background-color:#ccc;
    padding-bottom:5em !important;
}
strong {
    font-weight:bold;
}
em {
    font-style:italic;
}
/*main div- holds the rest of the site*/
#container {
    margin: auto;
    width: 99.2em;
    background-color:#fff;
}
/*************header*****************/
#container #header {
    padding-top:2em;
    padding-left:0em;
    border-right:1em solid #fff;
    border-left:1em solid #fff;
    position:relative;
}
/*header ad area- designed for a standard banner*/
#container #header .ads {
    position:absolute;
    right:0em;
    width:46.8em;
    height:6em;
    top:1em;
}
/*the anchor inside the h1*/
#container #header h1 a {
    text-decoration:none;
    color:#999;
    font: bold 300% Consolas, "Lucida Console", Monaco, "Lucida Sans Typewriter", monospace;
}
#container #header h1 a strong {
    color:#333;
    margin-right:-.5em;
}
#container #header h1 a em {
    color:#666;
    margin-right:-.5em;
}
#container #header h1 a:hover {
    text-decoration:underline;
}
/*tagline*/
#respond, #container #header .title {
    font-size: 160%;
    color: #666;
    margin-top:.6em;
    margin-bottom:1em;
}
/*end header*/
/************************main content area*****************/
/*overflow:auto clears floats like magic*/
#container #content {
    overflow:auto;
    border-right:1em solid #fff;
    border-left:1em solid #fff;
}
/*main copy area*/
#container #copy {
    width:59.9em;
    border:.1em solid #999;
    padding: 1.6em 1.6em 1.6em 1.2em;
    float:left;
}
#container #content #copy .post h2 {
    font: 225% Consolas, "Lucida Console", Monaco, "Lucida Sans Typewriter", monospace;
    font-weight:bold;
}
#comments, #container #content #copy .post h3 {
    font-family:Consolas, "Lucida Console", Monaco, "Lucida Sans Typewriter", monospace;
    font-size: 200%;
    font-weight:bold;
    margin-top: 1.25em;
    margin-bottom: .625em;
    color:#993300;
}
#container #content #copy .post h4 {
    font-size: 140%;
    font-weight:bold;
    margin-top: 1.25em;
    margin-bottom: .625em;
    color:#666;
}
#container #content #copy .post h4 a {
    color:#666;
}
#container #content #copy .post h2 a:hover {
    text-decoration:underline;
}
#container #content #copy .post .comments {
    background: url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/comments.png) no-repeat;
    height: 1.5em;
    padding: 0.2em 0.5em 0.5em 2.5em;
    margin-top:.5em;
}
#container #content #copy .post .entry {
    margin-top: 1.3em;
    margin-bottom: 1.3em;
}
#container #content #copy .post h5 {
    font-size: 140%;
    font-weight:bold;
    margin-top: 1.25em;
    margin-bottom: .625em;
    color:#777;
}
#container #content #copy .post .entry p {
    font-size: 140%;
    margin-top: .625em;
    margin-bottom: .625em;
    line-height:1.6;
}
#container #content #copy .post .entry dd {
    font-size: 140%;
    margin-top: .625em;
    margin-bottom: .625em;
    padding-left:1.2em;
line-height:1.6;
}
#container #content #copy .post .entry dt {
    padding-left:1.2em;
    font-size: 140%;
    margin-bottom: -.625em;
    margin-top:1.25em;
        font-weight:bold;
        text-transform:uppercase;
}
#container #content #copy .post .entry ul li {
    font-size: 140%;
    margin-top: .625em;
    margin-bottom: .625em;
    padding-left:1.2em;
    background:url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/sprite.png) 0px -85px no-repeat;
        line-height:1.6 !important;
}
#container #content #copy .post .entry ol {
    margin-left:2.3em;
}
#container #content #copy .post .entry ol li {
    font-size: 140%;
    margin-top: 0.625em;
    margin-bottom: 0.625em;
    list-style-type: decimal;
        line-height:1.6;
}
#container #content #copy .post .entry ol li p, #container #content #copy .post .entry ul li p, #container #content #copy .post .entry dd p {
    font-size: 100%;
}
#container #content #copy .post .entry h3 a,
#container #content #copy .post .entry p a {
    color:#003366;
}
#container #content #copy .post .entry h3 a:visited,
#container #content #copy .post .entry p a:visited {
    color:#330066;
}
#container #content #copy .post .entry .postmetadata {
    background: #efefef;
    position: relative;
    padding:.8em;
    color: #003366;
    font-size:1.2em;
}
#container #content #copy .post .entry .postmetadata a {
    color: #4B87C2;
}
#container #content #copy .post .entry .postmetadata .add-this {
    position: absolute;
    right: 0.4em;
    top: 0.8em;
}
#container #content #copy .post .comments a {
    font-size: 1.2em;
    font-weight: bold;
    color: #003366;
}
#container #content #copy .post h2 a {
    color: #4B87C2;
    text-decoration: none;
}
#container #content #copy .post h2 a:visited {
    color: #4B87C2;
}
#container #content #copy .post .date {
    color: #999;
    font: 1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin-top:.4em;
}
#copy blockquote {
    border:.1em solid #ddd;
    padding:1em;
    padding-left:7em;
    width:80%;
    margin:auto;
    margin-bottom:1em;
    position:relative;
    background:url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/sprite.png) -115px -40px no-repeat;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left
}
/*comments*/
.commentlist li {
    background:#fff no-repeat;
    margin-bottom:1em;
    padding:1em .6em .6em 2em;
    font-size:110%;
}
.commentlist li.alt {
    background:#efefef;
}
.commentlist li p {
    font-size:120%;
    line-height:1.6;
    margin-bottom:.5em;
}
.commentlist li .comment-name {
    font-size:150%;
}
.commentlist li .comment-name cite {
    font-weight:bold;
}
.commentlist li .comment-name cite a {
    color:#003366;
    text-decoration:none;
}
.commentlist li .commentmetadata {
    margin-bottom:1em;
}
.commentlist li .commentmetadata a {
    color: #003366;
    font-weight:bold;
    text-decoration:none;
}
#author, #email, #url {
    width:31.8em;
    height:3.1em;
    background-color:#efefef;
    border:1px dashed #333;
}
#comment {
    width:59.4em;
    height:10em;
    background-color:#efefef;
    border:1px dashed #666;
}
#commentform p {
    height:4em;
    height:auto;
    min-height:4em;
    position:relative;
}
#commentform p label {
    font-size:120%;
    position:absolute;
    ;
    top:.5em;
    left:27.5em;
}
#submit {
    width:11.7em;
    height:3.4em;
    padding:.3em;
    margin-top:.5em;
    background:url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/submit.png);
    color:#fff;
    font-weight:bold;
    font-size:100%;
}
/*sidebar*/
#container #sidebar {
    width:33.1em;
    overflow-y:auto;
    overflow-x:hidden;
    float:right;
}
#container #content #sidebar #feeds ul {
    background: url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/sprite.png) 0px -20px no-repeat;
    position:relative;
    height: 1.5em;
    font-size:130%;
    margin-top:.5em;
    margin-bottom:.2em;
    padding-bottom:.3em;
    border-bottom:4px solid #ccc;
}
#container #content #sidebar h2 {
    font-family: Consolas, "Lucida Console", Monaco, "Lucida Sans Typewriter", monospace;
    font-size: 1.4em;
    font-weight:bold;
    color: #FFFFFF;
    background-color: #999;
    height: 1.5em;
    width: 10.8em;
    padding: 1em 0px .2em .8em;
    border-bottom:.3em solid #666;
}
#container #content #sidebar #sidebar-0 {
    float:left;
    border-right:.4em solid #FFFFFF;
    padding: 0px;
}
#container #content #sidebar #sidebar-1 {
    float:right;
}
#container #content #sidebar #sidebar-0, #container #content #sidebar #sidebar-1 {
    width: 16.3em;
}
#container #content #sidebar ul li ul {
    background: #efefef;
    border-top: .1em solid #FFFFFF;
    margin-bottom: 1em;
    padding-bottom:.5em;
    border-bottom:.3em solid #FF7F29;
}
#container #content #sidebar ul li ul li {
    padding-top:.4em;
    padding-left:.8em;
    height:1.3em;
    font-size:120%;
}
#container #content #sidebar a {
    color:#4B87C2;
    text-decoration:none;
}
#container #content #sidebar a:hover {
    color:#003366;
    text-decoration:underline;
}
#container #content #sidebar #feeds #feed {
    padding-left: 1.5em;
    padding-top: .1em;
    font-size:120%;
    text-transform:uppercase;
    font-weight:bold;
}
#container #content #sidebar #feeds #feed a {
    color:#FF7F29;
}
#container #content #sidebar #wpsearch {
    background-color: #999;
    height: 4.4em;
    width: 31.1em;
    position: relative;
    padding:1em;
    border-bottom:.3em solid #666;
}
#container #content #sidebar #wpsearch #searchsubmit {
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background: url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/go-button.png);
    height: 2.5em;
    width: 5em;
    position:relative;
    top:.6em;
}
#container #content #sidebar #wpsearch #s {
    background: #ccc;
    border: 0px none #666666;
    height: 2.3em;
    width: 25.7em;
}
#container #content #sidebar #wpsearch label {
    color: #FFFFFF;
    display: block;
    font-size:120%;
}
#container #content #sidebar .ads {
    text-align:center;
}
/*footer*/
#container #footer {
    background-color:#999;
    height: 3.3em;
    width: 97.2em;
    color:#fff;
    padding-left:2.1em;
    padding-top:.3em;
    margin-top:1em;
    border-bottom:.5em solid #666;
}
#container #footer p {
    font-size:1.1em;
}
#container #footer p a {
    color:white;
}
#tagcloud {
    background: #efefef;
    padding:.5em;
    margin-bottom: 1em;
    border-bottom:.3em solid #FF7F29;
}
/*share this*/
.shareThis {
    font-weight:bold;
    color:#666;
    background: url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/sprite.png) 0px 0 no-repeat;
    position:relative;
    padding:.2em;
    border:.1em solid #ccc;
    width:17.5em;
    height:1.5em;
    margin:auto;
    margin-top:.5em;
}
.shareThis a.digg-this, .shareThis a.delicious, .shareThis a.facebook, .shareThis a.reddit, .shareThis a.stumble {
    position:absolute;
    width:1.5em;
    height:1.5em;
    text-indent:-9999em;
    top: .1em;
    font-size:100%;
}
.shareThis a.digg-this {
    left:7.8em;
}
.shareThis a.delicious {
    left:9.6em;
}
.shareThis a.facebook {
    left:14.7em;
}
.shareThis a.reddit {
    left:11.4em;
}
.shareThis a.stumble {
    left:13em;
}
.shareThis a.digg-this:hover, .shareThis a.delicious:hover, .shareThis a.facebook:hover, .shareThis a.reddit:hover, .shareThis a.stumble:hover {
    background:transparent url() !important;
    opacity:0;
}
.shareThis .additional {
    display:none;
}
.shareThis.expanded {
    border-bottom:0px solid white;
    height:1.6em;
}
.shareThis.expanded .additional {
    height:16em;
    display:block;
    border:.1em solid #ccc;
    border-top:0 solid white;
    position:absolute;
    left:-.1em;
    top:2em;
    background: #fff url(http://d29kl9g5sps1bl.cloudfront.net/_assets/styles/images/bookmarks.png) no-repeat;
    z-index:9999;
    width:100%;
}
.shareThis.expanded .additional ul {
    width:6em;
    position:absolute;
    top:.2em;
    margin-left:0;
    padding-left:0;
    list-style-type:none;
}
.shareThis.expanded .additional ul.col1 {
    left:3em;
}
.shareThis.expanded .additional ul.col2 {
    left:12.3em;
}
.shareThis.expanded .additional ul li {
    height:1.9em;
    font:110%/1.5 Verdana, Arial, Helvetica, sans-serif;
}
.wide-ads {
    width:300px;
    height:250px;
    padding:10px;
}
.code-sample {
    margin-top:.8em;
    margin-bottom:.8em;
    padding:1em;
    color:#66ff00;
    background:#000;
    font: bold 140%/1.6 Consolas, "Lucida Console", Monaco, "Lucida Sans Typewriter", monospace;
    width:90%;
    overflow-x:scroll;
    overflow-y:hidden;
}
.code-sample.wide:hover {
    width:1000px;
    position:relative;
    z-index:100;
}
code {
    font-family: Consolas, "Lucida Console", Monaco, "Lucida Sans Typewriter", monospace;
}
.dataTable { 
width:90%;
}
.dataTable td, .dataTable th {
    border-collapse:collapse;
    border:1px solid #666;
    padding:4px;
    font-size:120%;
}
.dataTable th {
    background:#ddd;
    font-weight:bold;
}
.dataTable a {
    font-weight:bold;
}
hr{background-color:#ddd;border:0;color:#ddd;height:5px;margin-bottom:30px;}