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


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

body {
        padding: 0;
        margin: 0;
        font: 0.74em Arial, Helvetica, sans-serif;
        line-height: 1.5em;
        background: #fff;
        color: #454545;
}

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

a:hover {
        color: #C3593C;
        background: inherit;
}

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

h1 {
        font: bold 1.8em "Arial", Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        padding: 2px 0 0 0px;
        margin: 0;
        color: #464548;
        background: inherit;
        clear:both;
}



#text {
        font: bold 1.6em "Arial", Arial, Helvetica, sans-serif;
        vertical-align:top;
        color: #FFFF00;
        text-align:center;
}

#text a {
        vertical-align:top;
        color: #FFFF00;
        text-align:center;
}

#text a:hover, .white a:hover, .bar a:hover, .lbox a:hover
{
    color: #c3593c;
}

.white a {
        vertical-align:top;
        color: #FFFFFF;
        font-size:10px;
        text-align:center;
}

h1 a, h2 a {
        text-decoration: none;
        color: #464548;
							font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        background: inherit;
        clear:both;
}

h1 a:hover, h2 a:hover {
        color: #C3593C;
        background: #FFF;
                clear:both;
}

h1 .red{
        color:#0099FF;
        background: inherit;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 .red{
        color:#0099FF;
        background: inherit;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


h2 {
        font: bold 1.5em;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        padding: 2px 0 0 0;
		padding-bottom: 10px;
        margin: 0;
        color: #464548;
        background: inherit;
}

h2 .yellow{
        color: #FFFCD1;
        background: inherit;
}

h2 .orange{
        color: #000000;
        background: inherit;
}

p {        margin: 0 0 5px 0; }

ul {
        margin: 0;
        padding : 0;
        list-style : none;
}

form {
        margin: 0;
}

input.search {
        width: 145px;
        height: 22px;
        border: none;
        background: #fff url(input.gif) no-repeat;
        padding: 5px 10px 0 25px;
        color: #808080;
}

input.button {
        border: 0;
        height: 27px;
        width: 76px;
        background: #ABC43C url(button.gif) no-repeat;
        color: #FFF;
        font: bold 1.1em Arial, Helvetica, Sans-Serif;
}

input.login {
        width: 150px;
        border: none;
        background: url(logininput.gif);
        padding: 4px;
}

/* layout
   ------ */

.content {

        width: 760px;
        float:left;
}
#page
{
    width: 970px;
    margin: 10px auto 0 auto;
}

.logo {
        float: left;
        width: 350px;
        padding: 10px 0 11px 10px;
}

.header_right {
        float: right;
        width: 550px;
        height: 72px;
}

.logo p {
        font-size: 0.9em;
        color: #808080;
        padding: 0 0 0 7px;
        background: inherit;
}


.top_info {
        width: 540px;
        margin: 12px 0 5px 0;
        padding: 0 5px 5px 0;
        text-align: right;
        color: #444;
}


.slogan {
        text-align: right;
        width: 160px;
}


.bar {
        text-align: center;
        background-image:url(bk-top.jpg);
        background-repeat: no-repeat;
        background-position: center;
        font-size: 1.1em;
        height: 41px;
        width: 760px;
        float:left;
        padding-top: 15px;
}

        .bar li {
                padding: 0px 10px 8px 10px;
                color: #808080;
                border-left-style: dashed; border-width: thin;
                display: inline;
        }

        .bar li.active {
                background: #FFF url(bar.gif) no-repeat center bottom;
                color: #C3593C;
                font-weight: bold;
                padding-bottom: 8px;
        }


        .bar a
        {
                font-weight: bold;
                font-size:11px;
                color: #4A8EBC;
                text-decoration:none;
                background: inherit;
        }

.grey {
        font-size: 1.2em;
        font-weight: bold;
        color: #ccc;
        background: inherit;

}

.subheader {
        clear: both;
        margin: 3px 0 10px 0;
        padding: 8px;
}

#h3 {
font-size:14px;
}

.subheader p {
text-align:center;
font-size:11px;
color:#FFFFFF;
}


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

.left {
        float: left;
        width: 770px;
        margin: 0 0 10px 0;
}

.left2 {
        float: left;
        width: 750px;
        margin: 0 0 10px 0;
}

.left3 {
        float: left;
        width: 690px;
        margin: 0 0 10px 0;
}
        .left_articles {
                margin: 0 0 15px 0;
                padding: 0 0 0 10px;
        }
		
		        .left_articles h2 {
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				}

        .lt {
                height: 10px;
                background: #adadad url(lt.gif) no-repeat;
                color: #FFF;
        }

        .lbox {
                color: #eee;
                padding: 3px 12px;
                margin: 0 0 15px 0;
                background: #ADADAD url(lb.gif) no-repeat bottom left;
                height: 280px;
        }

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

        .lbox h2 {
                color: #FFF;
                background: #ADADAD;
        }


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

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

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

.right {
        float: right;
        width: 245px;
        margin: 0 0 10px 0;
}

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


        .rt {
                background: #80ADF1 url(rt.gif) no-repeat;
                color: #FFF;
                height: 7px;
        }

        .right_articles {
                font-size: 0.9em;
                background: #80ADF1 url(rb.gif) no-repeat bottom;
                color: #FFFFFF;
                padding: 4px 8px;
                margin: 0 0 10px 0;
        }


.image {
        float: left;
        margin: 0 9px 3px 0;
}

.promo
{
    float: right;
    width : 200px;
    padding-top: 5px;
}

/* footer
   ------ */

.footer {
        clear: both;
        text-align: center;
        line-height: 1.8em;
        color: #808080;
        background: #FFF url(dot.gif) repeat-x;
        padding: 8px 0;
}

.footer a {
        color: #C3593C;
        background: inherit;
}

li
{
padding-bottom: 5px;
padding-top: 5px;
}

p
{
padding-bottom: 5px;
padding-top: 5px;

}