/* pop-stars.cz style */
/* ================= GENERAL ================== */
html
{
height: 101%;
min-height: 101%;
}
body
{
margin-top: 0px;
padding-top: 0px;
margin: 0 auto;
background: #9d0f0f url('images/bg-gradient.png') repeat-x left top;
font-family: "Trebuchet MS" , Calibri, "Lucida Grande" , Geneva, Helvetica, sans-serif;
font-size: 13px;
color: #2a2727;
}
#page-holder
{
background: url('images/bg-notes.png') no-repeat center 84px;
height: 100%;
min-height: 100%;
}
#main
{
width: 977px;
margin: 0 auto;
overflow: hidden;
padding: 0px 0px 0px 0px;
position: relative;
display: block;
background: #ffffff url('images/main-bg.png') repeat-y left top;
}
.cleaner
{
margin: 0;
padding: 0;
float: none !important;
height: 0px !important;
overflow: hidden !important;
clear: both !important;
}
strong
{
font-weight: bold;
}
h1
{
font-size: 24px;
font-weight: normal;
padding: 0px 0px 4px 9px;
margin: 5px 0px 0px 0px;
color: #2a2727;
}
h2
{
font-size: 18px;
font-weight: normal;
padding: 0px 0px 4px 0px;
line-height: normal;
margin: 0px;
}
h3
{
font-size: 16px;
font-weight: normal;
padding: 0px 0px 4px 0px;
margin: 0px;
font-weight: bold;
}
h3 a:link, h3 a:visited, h3 a:hover
{
font-size: 18px;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #09379e;
margin: 0px;
}
h4
{
font-size: 16px;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px;
}
a, a:link
{
color: #aa2f2f;
}
img
{
border: none;
}
.list
{
margin: 15px 0px 15px 35px;
}
.list a, .list a:visited
{
color: #9d0f0f;
font-size: 14px;
line-height: 26px;
}
.list li
{
display: list-item;
list-style: url('images/list.png');
margin: 0px;
padding: 0px 0px 0px 4px;
}
.list ul
{
margin: 0px;
padding: 0px;
}
.center
{
text-align: center;
margin: 0 auto;
}
/* =================== HEADER =================== */
#header
{
width: 977px;
height: 227px;
padding: 0px;
display: block;
background: url('images/header.png') left top;
}
#header a
{
width: 977px;
height: 227px;
padding: 0px;
margin: 0px;
display: block;
}
/* =================== MENU =================== */
#top-menu
{
width: 977px;
height: 67px;
margin: 0;
padding: 0;
position: relative;
color: #fff;
}
#top-menu ul
{
list-style: none outside;
padding: 0px 0px 0px 0px;
margin: 2px 0px 0px 5px;
height: 67px;
background: #9d0f0f url('images/top-menu-bg.png') repeat-x left top;
width: 966px;
}
#top-menu ul li
{
font-size: 16px;
display: block;
height: 67px;
float: left;
line-height: 62px;
padding: 0px;
margin: 0px;
}
#top-menu ul li.active
{
}
#top-menu li.top-menu-left-corner
{
float: left;
background: url('images/top-menu-left-corner.png') no-repeat left top;
display: block;
height: 67px;
width: 23px;
padding: 0px;
margin: 0px;
}
#top-menu li.top-menu-right-corner
{
float: right;
background: url('images/top-menu-right-corner.png') no-repeat left top;
display: block;
height: 67px;
width: 14px;
padding: 0px;
margin: 0px;
}
#top-menu ul li a, #top-menu ul li a:visited
{
display: inline-block;
height: 67px;
color: #fff;
font-size: 16px;
padding: 0px 0px 0px 0px;
text-decoration: none;
padding: 0px 15px 0px 15px;
background: url('images/top-menu-delimiter.png') no-repeat right top;
margin: 0px 0px 0px -2px;
}
#top-menu ul li a:hover, #top-menu ul li.active a
{
background: url('images/top-menu-hover.png') no-repeat center bottom;
height: 67px;
display: inline-block;
}
/* ================== CONTENT ==================== */
#content
{
display: inline-block;
width: 976px;
height: 100%;
padding: 0px 10px 0px 10px;
}
#content-left, #content-right
{
float: left;
padding: 10px 10px 20px 10px;
}
#content-left
{
width: 640px;
}
#content-right
{
width: 274px;
}
/* ================== SIDE BOXES ==================== */
.box
{
width: 274px;
}
.box h3
{
width: 240px;
display: inline-block;
padding-bottom: 5px;
}
.top
{
background: #d0d0d2 url('images/box-top-bg.png') repeat-y top left;
}
.top h3
{
background: url('images/side-box-dot-top.png') no-repeat center right !important;
}
.top .content
{
background: url('images/box-top-header.png') no-repeat top left;
padding: 15px;
}
.top .footer
{
background: url('images/box-top-footer.png') no-repeat top left;
display: block;
height: 14px;
}
.bottom
{
background: #919294 url('images/box-bottom-bg.png') repeat-y top left;
}
.bottom h3
{
background: url('images/side-box-dot-bottom.png') no-repeat center right !important;
}
.bottom .content
{
background: url('images/box-bottom-head.png') no-repeat top left;
padding: 15px;
color: #fff;
}
.bottom .content a, .bottom .content a:visited
{
color: #fff;
}
.bottom .content img
{
float: left;
border: none;
margin: 0px 10px 5px 0px;
border: solid 1px white;
}
.bottom p
{
margin: 2px 0px 0px 0px;
padding: 0px;
}
.bottom .footer
{
background: url('images/box-bottom-footer.png') no-repeat top left;
display: block;
height: 7px;
}
.top.fotogalerie .content
{
padding:10px 0px 10px 3px;
}
.top.fotogalerie ul
{
margin: 10px 0px 10px 0px;
padding: 0px;
}
.top.fotogalerie ul li
{
list-style: none !important;
width: 254px;
}
.top.fotogalerie ul li a, .top.fotogalerie ul li a:visited
{
color: #2a2727;
display: inline-block;
width: 254px;
background: #c4c4c4;
padding: 4px 0px 4px 15px;
}
.top.fotogalerie h4{padding-left:10px;}
/* ==================== ARTICLE BLOCK ================== */
.article-block
{
line-height: 1.5em;
overflow: hidden;
margin: 10px;
font-size: 13px;
color: #2a2727;
}
.article-block p
{
margin: 0 0 1.5em 0;
}
.article-block p a
{
text-decoration: none;
border-bottom: 1px dotted gray;
}
.article-block blockquote
{
padding-left: 30px;
margin: 0;
font-size: 15px;
line-height: 1.5em;
}
.article-block img, .article-block a img
{
border: 1px solid #DFDFDF;
text-decoration: none !important;
}
.article-block a
{
text-decoration: none;
}
.article-block a:hover
{
cursor: pointer;
}
.article-block li
{
list-style: url('images/list.png');
}
strong
{
font-weight: bold;
}
.foto img 
{
border: solid 3px #ccc;
}
/* ======================= FOOTER ======================= */
#footer
{
background: url('images/footer.png') no-repeat left bottom;
width: 977px;
height: 57px;
}
#footer .footer-content
{
margin-left: 25px;
padding-top: 5px;
color: #ddd;
text-align: center;
}
#footer .footer-content a:link, #footer .footer-content a:visited
{
padding-top: 5px;
color: #DDD;
line-height: 41px;
}
/* ======================= WEBKOMPLET FOOTER ======================= */
#webkomplet-footer
{
text-align: center;
margin: 5px;
padding-bottom: 20px;
}
#webkomplet-footer a
{
color: #eee;
text-decoration: none;
font-size: 11px;
}
#webkomplet-footer a span
{
color: #eee;
}
/* ==================== BUTTTONS =================== */
a.button, a.button:visited
{
height: 48px;
text-decoration: none;
display: block;
}
a.button span
{
height: 48px;
line-height: 48px;
display: inline-block;
text-align: center;
font-size: 14px;
cursor: pointer !important;
background: url( 'images/button-left.png' ) no-repeat top left;
}
a.button span input, a.button span span
{
background: url( 'images/button-right.png' ) no-repeat top right;
height: 48px;
line-height: 48px;
display: inline-block;
border: none;
color: #fff;
font-size: 14px;
font-weight: bold;
cursor: pointer !important;
padding: 0px 20px 0px 20px;
}