/* project: internet music template
   author: luka cvrk (www.solucija.com) */


/* default styles
   -------------- */

body { 
    background: #eee url(/i/gradient_vertical.png) repeat-x fixed;
    color: #454545; 
    font: 0.9em "Lucida Grande",Arial, Helvetica, sans-serif; 
    line-height: 1.5em;
}

a {
    background: inherit;
    color: #4A8EBC; 
}

a:hover {
    background: inherit;    
}

a.title {
    background: #FFF;
    color: #FE6700;
}

img {
    border: 0;
}

h2 { 
    background: inherit;
    color: #C85E35;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px 0 5px 0; 
    padding: 0; 
}

h3 { 
    background: inherit;
    color: #C85E35;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 10px 0 5px 0; 
    padding: 0; 
}

/* layout
   ------ */

#content { 
    background: #464646;
    margin: 10px auto;
    width: 920px;
}

#header {
    background: #464646;
    color: white;
    font-size: 0.95em;
    height: 70px;
    padding: 20px 0px 4px 0px;
#     background-image:url('/i/gradient_horizontal.png');
#     background-repeat:repeat-y;
}

.subheader {
    border-bottom: 1px solid #ccc;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 8px;
    text-align: center;
}

#navbar ul { margin: 0; padding: 0 9px 0 0 }
#navbar ul li { list-style: none; font-size: 1.1em; display: inline }
#navbar ul li a {text-decoration: none; color: #ffffff; margin: 0 0 0 8px; padding: 2px; }
#navbar ul li a#on {color: #C85E35;  }
#navbar ul li a:hover {color: #C85E35;  }

/* left side
   --------- */

#left {
    background: #ffffff;
    border-left: 1px solid #999;
    color: #000000;
    float: left;
    margin: 0;
    padding: 5px 10px 20px 15px;
    width: 680px;
}

.lt {
    background: #6E6E6E url(/i/style/lt.gif) no-repeat;
    color: #FFF;
    height: 10px;
    width: 490px;
}

.lbox {
    background: #6E6E6E url(/i/style/lb.gif) no-repeat bottom left;
    color: #eee;
    height: 190px;
    margin: 0 0 15px 0;
    padding: 1px 10px 5px 10px;
    width: 470px;
}

.lbox .featured_company {
    text-decoration: none;
}

.lbox a {
    background: inherit;
    color: #FFFCD1;
}

.lbox h2 {
    background: #6E6E6E;
    color: #FFF;
}

.thumb {
    background: #6e6e6e;
    border: 1px solid #d4d4d4;
    color: #fff;
    float: left;
    margin: 0 15px 15px 0;
    padding: 5px;
    width: 90px;
}

.thumb p {
    background: #6e6e6e;
    color: #ffffff;
    margin: 0;
    padding: 3px;
}

/* right side
   ---------- */

#right {
    background: #464646;
    border-top: 1px solid #dddddd;
    color: #ffffff;
    float: right;
    font-size: 0.85em;
    line-height: 1.4em;
    padding: 0px 0px 0px 4px;
    width: 210px;
}

.right_section {
    padding: 5px 5px 0px 5px;
}

.right_section a {
    background: inherit;
    color: #FFFCD1;
}

.right_section h2 {
    border-bottom: 1px dotted #ffffff;
    color: #C85E35;
    font-size: 1.1em;
    letter-spacing: .2px;
    text-transform: uppercase;
}
.right_section ul { 
    padding: 0px 0px 0px 20px; 
}
.right_section li { 
    margin-left: -5px;
    padding: 0px 0px 3px 0px;
}

.right_section_separate {
    height: 5px;
    padding: 0px 5px 0px 5px;
}

/* footer
   ------ */

#footer { 
    background: #464646;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #dddddd;
    clear: both;
    color: #fff;
    font-size: .8em;
    height: 10px;
    margin: 0;
    padding: 30px 0;
    text-align: center;
}

/* subnav
   ------ */

.subnav {
    display: none;
    text-align: center;
}

.subnav li {
    align: center;
    display: inline;
    font-size: 0.95em;
}

/* testimonials page */

.testimonials h2 {
    padding-bottom: 10px;
}

.testimonials blockquote {
    margin-left: 0px;
}

.quote {
    border-bottom: 1px dotted #e0e0e0;
}

/* services page */

.service {
    margin-bottom: 20px;
#    border-bottom: 1px dotted #e0e0e0;
}

/* clients page */

.clients li {
    margin-bottom: 5px;
}

/* opensource page */

.opensource li {
    margin-bottom: 5px;
}