/*
Theme Name: Metallurgy by B. A. Shelton
Theme URI: http://bashelton.com/
Description: Metallurgy by B. A. Shelton
Version 0.1
Author: Benjamin A. Shelton
Author URI: http://bashelton.com/
Tags: zancarius bashelton bshelton metallurgy

Metallurgy by B. A. Shelton.
*/


/* The top portion of this CSS (specifically, all of the div-related 
 * positional stuff for content/navigation, uses a really awesome trick from:
 * http://www.couzinhub.com/en/node/146 */
html, body {
    margin: 0;
    padding: 0;
}

a {
    color: #4c80c6;
    text-decoration: none;
}

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

acronym {
    border-bottom: 1px dotted #888;
}

blockquote {
    border-left: 3px solid #ccc;
    color: #888;
    padding: 0 0 0 10px;
}

body {
    background: #6e6f76;
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    min-width: 990px;
}

del {
    color: #888;
    text-decoration: line-through;
}

ins {
    text-decoration: none;
}

h3, h4, h5, h6 {
    border-bottom: 1px solid #dfaa8f;
    color: #a73700;
    margin: 30px 0 -10px 0;
}

h3 {
    font-size: 16pt;
}

h4 {
    font-size: 13pt;
}

h5 {
    border-bottom: none;
    font-size: 12pt;
}

h6 {
    border-bottom: none;
    font-size: 10pt;
    margin: 30px 0 0 0;
}

pre {
    overflow: hidden;
    width: 100%;
}

samp {
    background: #e5e5e5;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 9pt;
    padding: 2px;
}

/* Core divs. */

#content, #sidebar, #header, #footer {
    position: relative;
    z-index: 2;
}

#content {
    float: none;
    margin-right: 180px;
    padding: 20px 50px 0 30px;
    text-align: left;
}

#content-wrapper {
    float: left;
    margin-right: -100%;
    width: 100%;
}

#feeds {
    margin: 0 auto;
    text-align: center;
}

#footer, #header {
    clear: both;
}

#footer {
    background: #6e6f76 url(footer_bg.png) repeat-x;
    color: #ccc;
    font-weight: bold;
    min-height: 200px;
    padding: 140px 30px 0px 30px;
    text-align: center;
    text-shadow: #222 0 1px 0;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #ffa55d;
}

#footer ul {
    margin: 0;
}

#footer-about {
    color: #393932;
    font-size: 8pt;
    font-weight: bold;
    padding: 5px 0 0 0;
    text-shadow: #999 0 1px 0;

}

#footer-about a {
    color: #393932;
    font-size: 8pt;
    font-weight: bold;
}

#footer-about a:hover {
    color: #6c2400;
}

#footer-columns {
    min-height: 150px;
}

#footer-columns ul {
    margin: 0;
    padding: 0;
}

.footer-column {
    float: left;
    font-size: 8pt !important;
    margin: 0 5px;
    overflow: hidden;
    display: inline;
}

.footer-grid {
    padding: 0 5px 0 0;
    text-align: left;
    min-width: 300px;
    width: 300px;
}

.footer-grid-last {
    padding: 0 5px 0 0;
    text-align: left;
    width: 300px;
}

.footer-row {
    margin: 0 auto;
    overflow: hidden;
    width: 960px;
}

.footer-small {
    font-size: 7pt;
    padding: 10px 0 0 0;
}

.footer-small a {
    font-size: 7pt !important;
}

.footer-widget-title {
    border-bottom: 1px solid #888;
    color: #aaa;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-shadow: #222 0 1px 0;
}

.footer-widget {
    margin: 0 0 20px 0;
}

#footer-copyright, #footer-poweredby {
    color: #aaa;
    font-size: 8pt;
}

#footer-copyright a, #footer-poweredby a {
    color: #aaa;
}

#footer-copyright a:hover, #footer-poweredby a:hover {
    color: #ddd;
}

#footer-footing {
    bottom: 0px;
    clear: both;
    padding: 10px 0 10px 0;
    text-align: center;
    width: 100%;
}

#header {
    background: #141422;
    height: 144px;
    text-align: right;
}

#main-wrapper {
    background: #fff url(body_bg-top.png) repeat-x;
    min-height: 464px;
    padding-top: 0px;
}

#main {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 900px;
}

#nav-top {
    background: transparent url(nav_bg-sprites.png) repeat-x;
    height: 32px;
    margin: 0;
    padding: 0;
}

#nav-top .nav-table {
    display: table;
    margin: 0 auto;
}

#nav-top ul {
    height: 32px;
    margin: 0;
}

#nav-top li {
    display: inline;
    list-style: none;
    height: 32px;
}

#nav-top a {
    background: transparent;
    border-left: 1px solid #888;
    border-right: 1px solid #444;
    color: #222;
    display: block;
    float: left;
    font-size: 10pt;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 20px 0 20px;
    text-decoration: none;
    text-shadow: #999 0px 1px 0px;
}

#nav-top a:hover {
    background: transparent url(nav_bg-sprites.png) repeat-x 0 -34px;
    border-left: 1px solid #6a6a6a;
    color: #ccc;
    text-shadow: #333 0px -1px 0px;
}

.nav-start {
    border-left: 0 !important;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 !important;
}

.nav-stop {
    border-right: 0 !important;
    display: inline;
    height: 32px;
    line-height: 32px;
    padding: 0 !important;
}

#page {
    background: #fff;
    min-height: 100%;
    min-width: 960px;
}

#sidebar {
    padding: 20px 0 20px 0;
    text-align: left;
}

#sidebar a {
    color: #4c80c6;
    text-decoration: none;
}

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

/* Core div classes. */
.bg {
    position: absolute;
    bottom: 0;
    height: 100%;
}
.column {
    float: left;
}
.sidebar {
    float: right;
    width: 220px;
}

/* Comment IDs and classes */
#comments {
    background: #fafafa;
    border: 1px solid #ddd;
    margin: 0 0 10px 0;
    padding: 15px;
    box-shadow: #eee 2px 2px 2px;
    -moz-box-shadow: #eee 2px 2px 2px;
    -webkit-box-shadow: #eee 2px 2px 2px;
    -khtml-box-shadow: #eee 2px 2px 2px;
}

.comments li {
    border: 1px solid #ddd;
    margin: 0 0 20px  0;
    padding: 15px;
}

.comments ul {
    padding: 0;
    list-style: none;
}

.comment-footer {
    border-top: 1px solid #eee;
    font-size: 8pt;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    text-align: right;
}

.comment-header {
    background: #f0f0f0;
    font-size: 8pt;
    padding: 5px;
    text-align: right;
}

#comment-post textarea {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    height: 300px;
    margin: 0 0 10px 0;
    padding: 10px;
    width: 90%;
}

#comment-post .comment-input {
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
}

#comment-post .comment-input:focus {
    background: #fffdf3;
    border: 1px solid #0ac;
}

#comment-post .comment-input:hover {
    background: #fffdf3;
    border: 1px solid #ac0;
}

#comment-post #submit {
    background: transparent url(breadcrumb_bg.png) repeat-x;
    border: 1px solid #ccc;
    color: #777;
    font-weight: bold;
    height: 32px;
    text-shadow: #fff 0 -1px 0;
    
    -moz-border-radius: 20px;
    
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
    -khtml-border-bottom-left-radius: 20px;
    -khtml-border-bottom-right-radius: 20px;
}

#comment-post #submit:hover {
    border: 1px solid #8c0;
}

#comment-post #submit:active {
    background: transparent url(breadcrumb_bg-flipped.png) repeat-x;
    color: #777;
    text-shadow: #fff 0 1px 0;
}

/* Post classes. */
.post {
}

.post-comments {
    margin-top: 15px;
}

.post-comments a, .post-editor a {
    border: 1px solid #ddd;
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 5px 10px 5px 10px;
    text-align: center;
    width: 150px;
    
    -moz-border-radius: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
}

.post-comments a:hover, .post-editor a:hover {
    background: #f0f0f0;
    border: 1px solid #888;
    -moz-box-shadow: #ccc 2px 2px 2px;
    -webkit-box-shadow: #ccc 2px 2px 2px;
    -khtml-box-shadow: #ccc 2px 2px 2px;
    box-shadow: #ccc 2px 2px 2px;
}

.post-footer {
    margin: 0 0 0 auto;
    text-align: right;
    width: 50%;
}

.post-footer-wrapper {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0 30px 0 30px;
    padding: 10px 0 10px 0;
    text-align: right;
}

.post-header {
    border-bottom: 1px solid #ccc;
    margin: 0 30px 0 30px;
    padding: 5px 0 5px 0;
}

.post-last-modified {
    font-size: 8pt;
    text-align: right;
}

.post-meta {
    font-size: 8pt;
    padding: 5px 20px 5px 20px;
}

.post-separator {
    color: #f0f0f0;
    font-family: times, serif;
    font-size: 64pt;
    text-align: center;
}

.post-text {
    font-size: 12pt;
    line-height: 1.4em;
    padding: 10px 30px 20px 30px;
}

.post-text li { /* li elements are normally too squished to be legible; fix it */
    padding: 0 0 10px 0;
}

.post-text a {
    color: #206ed8;
}

.post-text a:hover {
    color: #ff3c00;
}

.post-title {
    border-bottom: 1px solid #ccc;
}

.post-title h2 {
    font-size: 20pt;
    font-weight: bold;
    margin: 0;
}

.post-title, .post-title a {
    color: #a73700;
    font-weight: bold;
    text-decoration: none;
}

.post-title a:hover {
    border-bottom: 5px solid #ff6000;
    color: #ff6000;
    text-decoration: none;
}

/* Sidebar widgets. */

.widget {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 10px;
}

.widget ul, .widget li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget ul {
    margin-left: 15px;
}

.widget-title {
    font-weight: bold;
    padding: 0 0 10px 0;
}

/* ------------ Plugin CSS */

/* Breadcrumbs Nav XT */
.breadcrumbs {
    background: transparent url(breadcrumb_bg.png) repeat-x;
    border: 1px solid #ccc;
    font-size: 8pt;
    margin: 0 0 20px 0;
    padding: 5px;
}

.breadcrumb-leadin {
    font-weight: bold;
}

/* Easy Contact */

.information {
    font-style: italic;
}

.required {
    color: #c00;
}

.formcontainer fieldset {
    background: transparent url(body_bg-top.png) repeat-x 0 -240px;
    border: 1px solid #ccc;
    color: #555;
    margin: 0 0 30px 0;
    font-family: tahoma, geneva, sans-serif;
    padding: 15px;
}

.formcontainer fieldset, .formcontainer input, .formcontainer textarea {
    -moz-border-radius: 5px;
    
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
}

.formcontainer input, .formcontainer textarea {
    border: 1px solid #ccc;
}

.formcontainer input:hover, .formcontainer textarea:hover {
    background: #fff9d6;
    border: 1px solid #ac0;
}

.formcontainer input:focus, .formcontainer textarea:focus {
    background: #fff9d6;
    border: 1px solid #0ac;
}

.formcontainer textarea:hover, .formcontainer textarea:focus {
    background: #fffdf3 !important;
}

.formcontainer .form-submit input {
    background: transparent url(breadcrumb_bg.png) repeat-x;
    border: 1px solid #ccc;
    color: #777;
    font-weight: bold;
    height: 34px;
    padding: 0 10px 2px 10px;
    text-shadow: #fff 0 -1px 0;
    
    -moz-border-radius: 10px;
    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
}

.formcontainer .form-submit input:hover {
    border: 1px solid #8c0;
}

.formcontainer .form-submit input:active {
    background: transparent url(breadcrumb_bg-flipped.png) repeat-x;
    color: #777;
    text-shadow: #fff 0 1px 0;
}

.formcontainer fieldset legend {
    color: #4c80c6;
    font-weight: bold;
}

.formcontainer .text {
    color: #000 !important;
}

.formcontainer input, .formcontainer textarea {
    font-family: tahoma, geneva, sans-serif;
    margin: 0 0 16px 0;
    padding: 5px 8px;
}

.formcontainer .form-label {
    margin: 0 0 4px 0;
}

.formcontainer .form-textarea {
    padding: 0 10px 0 0;
}

.formcontainer textarea {
    height: 300px;
    padding: 8px !important;
    width: 100%;
}

/* GD Star Ratings */

.ratingblock, .ratingtext {
    font-size: 10pt;
}

.ratingblock {
    margin: 0 0 40px 0 !important;
}

.ratingstars {
    margin-top: 40px;
}

.thumblock {
    margin: 40px !important;
}

/* ------------ Other stuff */

/* Links of the Week special stylization. */
h4.lotw, h4.yarpp {
    border-bottom: none;
    color: #a73700 !important;
    font-size: 13pt;
    font-weight: bold;
    margin: 20px 0 -10px 0;
}

/* YARPP stuff. */
h4.yarpp {
    font-size: 10pt;
}

/* Disables borders. */
.noborder {
    border: 0 !important;
}

/* Pagination. Appears at the bottom of every page. */
.pageview {
    border-bottom: 1px solid #ccc;
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    text-decoration: none;
}
.pageview a {
    background: #eaeaea;
    border: 1px solid #d0d0d0;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;   
}
.pageview a:hover {
    background: #ccc;
    border-top: 3px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.pageview a:link {
    color: #c02000;
    text-decoration: none;
}
.pageview_title {
    background: #ccc;
    border-top: 3px solid #888;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

/* Read more links. */
.post_read_more  {
    border-bottom: 1px solid #ccc;
    font-family: corbel, geneva, "Trebuchet MS", helvetica, sans-serif;
    font-size: 10pt;
    margin-bottom: 10px;
    margin-top: 40px;
    margin-left: 1px;
    text-align: left;
}
.post_read_more a {
    background: #ccc;
    border-top: 3px solid #888;
    padding-left: 15px;
    padding-right: 15px;
    
}
.post_read_more a:hover {
    border-top: 5px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin-left: -1px;
    padding-right: 14px; /* Correct for the addition of a 1px border. */
    text-decoration: underline;
}

/* Tables. Lovely tables. */

table.itemlist {
    border-collapse: collapse;
    margin: 20px;
}

.itemlist tr.odd {
    /*background-color: #eaeaea;*/
}

.itemlist th {
    border-bottom: 2px solid #1c2768;
    color: #1c2768;
    font-family: corbel, arial, helvetica, sans-serif;
    font-size: 12pt;
    padding: 10px 8px;
    text-align: left;
}

.itemlist tbody td {
    border-bottom: 1px solid #f0f0f0;
    font-family: calibri, arial, helvetica, sans-serif;
    font-size: 11pt;
    padding: 10px 8px 4px 8px;
}

.itemlist tbody tr:hover {
    background: #fff;
}

/* Top N lists. */
.top-n {
    padding: 0;
    margin: 0 0 -20px 0;
}

.top-n h2  {
    color: #a3d6f4;
    font-size: 48pt;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100px;
}

.top-n-box {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.top-n-body {
    line-height: 15pt;
}

.top-n-title {
    color: #222;
    font-size: 12pt;
    font-weight: bold;
    position: relative;
    top: -40px;
    /*left: 50px;*/
}

#ipv6-circle {
    background: transparent url(ipv6-badge.png) no-repeat;
    float: left;
    position: absolute;
    
    top: 50px;
    right: 50px;
    
    width: 121px;
    height: 121px;
    
    z-index: 8;
}

#ipv6-notice {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    font-size: 8pt;
    margin: 15px;
    padding: 5px 15px 5px 15px;
}

#ipv6-notice .ipv6-address {
    color: #f00;
    font-weight: bold;
}