/*
Theme Name: Line19 WP Template
Theme URI: http://www.line19.com
Description: Artist HTML Template for SEO and Browser Compatibility | Wordpress 2.7 or Above Only.
Version: 0.9 RC
Author: Line19 Entertainment, LLC
Author URI: http://www.line19.com/
*/
/* -------------------------------------------------------------- */
/* ------------------- OVERALL GENERAL STYLES ------------------- */
/***RESET FIRST***/
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img { 
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul {}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after {
    content: "";
}
abbr, acronym {
    border: 0;
}
/***END RESET***/
body {
    background: #aaa;
    color: #000;
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}
a:link, a:visited, a:active, a:hover {
    text-decoration: none;
}
a:link, a:visited {
    color: #336699;
}
a:active {
    color: #996633;
}
a:hover {
    color: #ff0000;
    cursor: pointer;
}
img, a img {
    max-width: 550px;
    width: expression(this.width > 552 ? "550px" : this.width);
    -ms-interpolation-mode: bicubic;
}
ol li, ul li {
    margin-left: 40px;
    padding: 2px 0;
}
abbr, acronym {
    border-bottom: thin dotted;
    cursor: help;
}
address, dd, dl, p {
    padding: 3px 0 0;
}
blockquote p {
    padding: 16px;
}
blockquote {
    background: #F4F5F7 url(images/blockquote.png) 3px 3px no-repeat;
    border: 1px dashed #ccc;
    font-family: fantasy, cursive;
    font-size: 15px;
    line-height: 20px;
    margin: 5px 15px;
    padding: 10px 12px 10px 30px;
}
code, pre {
    background-color: #ddd;
    font-family: courier, monospace;
    font-size: 12px;
    width: 90%;
}
code {
    border-left: 5px solid #aaa;
    padding-left: 25px;
}
pre {
    border-bottom: 1px dashed #aaa;
    border-top: 1px dashed #aaa;
    margin: 25px auto;
}
hr {
    clear: both;
    color: #ddd;
    height: 1px;
    margin: 20px;
    text-align: left;
}
small {
    font-size: small;
}
fieldset {
    border: 1px solid #aaa;
    margin-bottom: 12px;
    margin-top: 6px;
    padding: 0 12px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
legend {
    color: #2f4f4f;
    font-family: georgia;
    font-size: 20px;
    font-variant: small-caps;
    padding: 6px;
}
table {}
th {
    padding: 0;
}
td {
    padding: 2px;
}
input, textarea {
    padding: 2px;
}
input#s, input#author, input#email, input#url, textarea#comment {
    padding: 2px;
}
input#author, input#email, input#url {
    margin: 0 6px 0 0;
}
#sidebar ul li { /*#sidebar searchform fixes*/
    background: none;
}
#searchform {
    display: inline;
    padding: 6px;
}
#s {
    border: 1px solid #bbbbbb;
    width: 100px;
}
#searchsubmit {
    font-size: 9px;
    margin: 1px 0;
    padding: 2px;
}
#searchsubmit:hover, #commentform #submit:hover {}
h1, h2, h3, h4, h5, h6 {
    color: #104E8B;
    font-family: cursive;
    padding: 5px 0;
}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
}
.wp-caption {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    margin: 10px;
    padding-top: 2px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text, .wp-caption-dd {
    font-size: 12px;
    margin: 0;
    padding: 0 2px 4px 0;
}
#header h1, #header p {
    /*display: none;*/
    margin: 0;
    padding-top: 20px;
}
#header, #header h1 a, #header h1 a:visited {
    color: #fff;
}
#header h1 a:hover {
    color: #336699;
}
/* -------------------------------------------------------------- */
/* ------------------- MAIN WEBSITE STRUCTURE ------------------- */
#container, #header, #hnav, #breadcrumbs, #footer {
    width: 730px;
}
#container {
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}
#header { /*Defined in the Template*/
    background: #000;
    height: 150px;
    padding: 0;
    text-align: center;
}
#hnav { /*Horizontal Navigation*/
    background: #6B5649;
    display: table;
}
#vnav { /*Vertical Navigation*/ }
#content {
    background: #fff;
    clear: both;
    float: left;
    font-size: 12px; /*Overall font size*/
}
#sbcontainer {
    background: transparent;
    float: left;
    padding: 5px; /*730-10=720 left*/
    width: 180px; /*720-180=540 left*/
    display: inline; /*IE*/
}
#main {
    background: transparent;
    float: left;
    padding: 5px 10px; /*540-20=520*/
    width: 520px; /*520-520=0 DONE*/
    display: inline; /*IE*/
}
#breadcrumbs {
    background: #fff;
    clear: both;
    font-size: 10px;
    text-align: center;
}
#footer {
    background: #fff;
    border-top: 1px solid #000;
    clear: both;
    color: #000;
    font-size: 11px;
    padding: 8px 0;
    text-align: center;
}
/* -------------------------------------------------------------- */
/* ------------------- NAVIGATION ------------------------------- */
/***Essential Styles***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em; /*Left offset of submenus need to match (see below)*/
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit; /*Fixes IE7 'sticky bug'*/
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 2em; /*Match .sf-menu a padding times 2*/
    z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /*Match ul width*/
    top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /*Match ul width*/
    top: 0;
}
/*** SKIN ***/
.sf-menu {
    font-family: times, palatino;
    font-size: 15px;
    font-variant: small-caps;
    letter-spacing: normal;
    margin-bottom: 0em;
    margin-left: 0px; /*Use for horizontal menu-centering*/
}
.sf-menu a {
    border-left: 1px solid #000;
    padding: .5em 1em;
    text-decoration: none;
}
.sf-menu a, .sf-menu a:visited  { /*Visited pseudo selector so IE6 applies text color*/
    color: #fff;
}
.sf-menu li {
    background: #6B5649; /*Same as hnav*/
}
.sf-menu li li {
    background: #6B6749;
    border-top: 1px solid #fff;
}
.sf-menu li li li {
    background: #B8937D;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu .current {
    background: #B8B17D;
    outline: 0;
}
.sf-menu .current_page_item, .sf-menu .current_page_parent, .sf-menu .current-cat {
    background: #B8B17D;
    outline: 0;
}
/***Arrow Settings***/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px; /*Trigger IE7 hasLayout so spans position accurately*/
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /*IE6 only*/
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('images/arrows-white.png') no-repeat -10px -100px; /*8-bit indexed alpha png. IE6 gets solid image only*/
}
a > .sf-sub-indicator {  /*Give all except IE6 the correct values*/
    top: .8em;
    background-position: 0 -100px; /*Use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /*Arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /*Arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
/* ------------------- NAVIGATION VERTICAL ---------------------- */
.sf-vertical {
    padding: 0 5px;
}
.sf-vertical, .sf-vertical li {
    border-top: 1px solid #fff;
    width: 170px; /*Equal to sbcontainer width - .sf-vertical padding*/
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left: 170px; /*Match li width*/
    top: 0;
}
.sf-vertical .current_page_item, .sf-vertical .current_page_parent {
    background: #999;
    outline: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
    background-position: -10px 0;
} /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
    background-position: 0 0;
} /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* -------------------------------------------------------------- */
/* ------------------- SIDEBAR FORMATTING ----------------------- */
#sidebar {
    padding-top: 5px;
}
#sidebar h2 {
    background: #fff;
    color: #fff;
    font-family: arial, tahoma, verdana;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
    padding: 3px 0px 3px 5px;
}
#sidebar p {
    margin: 0px;
    padding: 0px;
}
#sidebar a:link, #sidebar a:visited {
    color: #333;
    display: block;
    width: 95%;
}
#sidebar a:hover {
    background: #ddd;
    color: #111;
}
#sidebar a img {
    border: none;
}
#sidebar ul {
    list-style-type: none;
}
#sidebar ul li {
    margin: 0px 0px 10px 0px;
    padding: 5px;
}
#sidebar ul ul {
    margin: 5px 0px 0px 20px;
}
#sidebar ul li li {
    list-style-type: square;
}
#sidebar ul li ul li {
    margin: 0px;
    padding: 0px 0px 3px 0px;
}
/* -------------------------------------------------------------- */
/* ------------------- MAIN FORMATTING -------------------------- */
#main h2 {}
#main p {
    line-height: 18px;
}
.sticky {
    background-color: #f3f3f3;
    border: 1px solid #bbb;
    font-size: 12px;
    padding: 12px
}
.post {
    padding-bottom: 20px;
}
.entry {
    line-height: 18px;
}
.entry p {
    padding-top: 8px;
}
p.postmetadata {
    border-top: 1px dotted #aaa;
    padding-top: 12px;
}
.pagination {
    margin-top: 10px;
    text-align: center;
}
.wp-pagenavi, .wp-commentnavi {}
.pagination a, .pagination a:visited {
    border: 1px solid #d3d3d3;
    margin-right: 2px;
    padding: 0 3px;
}
.pagination a:hover, .pagination a:active {
    background: #d3d3d3;
    color: #444;
    text-decoration: none;
}
.pagination span.pages {
    background-color: #fff;
    border-right: 1px solid #000;
    color: #000;
    margin-right: 10px;
    padding-right: 10px;
}
.pagination span.current_page_item {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    font-weight: bold;
}
.ddsg-wrapper {
    padding-left: 20px;
}
#profile {}
#main .sitemap li {
    list-style: circle;
    margin-left: 40px;
    padding: 2px;
}
/* -------------------------------------------------------------- */
/* ------------------- CONTACT FORM ----------------------------- */
#coldform * {
    margin: 0; 
    padding: 0;
}
#coldform {
    background-color: #fff;
    color: #333;
    font-family: verdana, sans-serif;
    font-size: 14px;
    margin: 10px 0;
    width: 80%;
}
#coldform fieldset {
    border: 0 none;
    clear: both;
    display: block;
}
#coldform legend.hide {
    display: none;
}
#coldform label.label {
    clear: left;
    display: block;
    float: left;
    margin: 4px 0;
    padding: 4px 0;
    text-align: right;
    width: 125px;
}
input#coldform_carbon { 
    margin: 0 0 -7px 7px; 
}
#coldform textarea#coldform_message,  
#coldform input.input {
    display: block;
    float: left;
    font-family: verdana, sans-serif;
    margin: 4px 10px;
    padding: 4px;
    width: 300px;
}
#coldform textarea {
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#coldform input.submit {
    display: block;
    float: left;
    margin: 4px 0 12px 120px;
    width: 300px;
}
#coldform input.submit:hover {}
/* ------------------- CALENDAR FORMATTING ---------------------- */
#wp-calendar {
    border: 1px solid #eee;
    empty-cells: show;
    width: 100%;
}
#wp-calendar caption {
    background: none;
    font-size: 14px;
    margin-bottom: 6px;
    text-align: center;
}
#wp-calendar th, td {
    padding: 2px 0;
    margin: 0;
}
#wp-calendar thead th { /*Days of the week*/
    background: #555;
    color: white;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
}
#wp-calendar td { /*Days in the Month*/
    color: #555;
    font-family: verdana, sans-serif;
    font-size: 12px;
    letter-spacing: normal;
    padding: 4px 0;
    text-align: center;
}
#wp-calendar a {
    font-weight: bold;
    padding: 0;
    text-align: center;
}
#wp-calendar a:hover {
    background: #e0e6e0;
    color: #333;
}
#wp-calendar #today a {
    padding: 0;
}
#wp-calendar #today {
    background: #ccc;
    border: 1px dotted #aaa;
    color: #222;
}
/* -------------------------------------------------------------- */
/* ------------------- FOOTER FORMATTING ------------------------ */
#footer p {}
#footer a:link, #footer a:visited {
    color: #336699;
    text-decoration: none;
}
#footer a:active {
    color: #996633;
    text-decoration: none;
}
#footer a:hover {
    color: #ff0000;
    text-decoration: none;
}
