/*---------------------------
Theme Name: Thieffer Theme
Author: Thieffer
Author URL: www.thieffer.zamthir.net
----------------------------*/

body {
background: black;
font-family: 'Trebuchet MS', 'Arial', sans-serif;
font-size: 14px;
}

p, ul, ol {
color: black;
}

ul {
list-style-type: circle;
}

/*---------------------------
Całość strony
----------------------------*/
#container {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
display: block;
}

#container a {
color: black;
text-decoration: none;
}

#container a:hover {
color: silver;
}


/*---------------------------
Logo
----------------------------*/
#logo {
height: 256px;
background: url(images/logo.png); 
border-style: solid; color: #181818;
border-width: 2px;
display: block;
}

#logo a:hover {
color: black
}

#logo a {
margin-top: 30px;
color: black;
font-size: 35px;
display: block;
height: 100px;
width: 800px;
}


/*---------------------------
Panel nawigacyjny
----------------------------*/
#menutop {
background: url(images/bg_menupanel2.png) repeat-x;
height: 25px;
border-left-style: solid; color: #181818;
border-right-style: solid; color: #181818;
border-width: 2px;
line-height: 25px;
display: block;
}

#menutop p {
margin-left: 20px;
margin-right: 10px;
margin-top: 0px;
color: dimgray;
display: inline;
}

#menutop a {
margin-left: 30px;
padding: 3px;
display: inline;
color: dimgray;
}

#menutop a:hover {
color: silver;
}

#menutop-left {
float: left;
display: inline;
}

#menutop-right {
float: right;
display: inline;
}


/*---------------------------
Strona
(pod panelem nawigacyjnym)
----------------------------*/
#page {
background: #303030;
width: 796px;
border-style: solid; color: #181818;
border-width: 2px;
border-top-width: 1px;
display: block;
float: left;
text-align: left;
}


/*---------------------------
Menu boczne
----------------------------*/
#menuleft {
width: 180px;
display: block;
float: left;
text-align: left;
margin-right: 5px;
}

#menuleft a {
color: black;
}

#menuleft a:hover {
color: silver;
}

#menuleft p {
margin: 7px;
}

#menu {
background: #404040;
float: left;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 13px;
width: 170px;
border-style: solid; color: #181818;
border-width: 2px;
display: block;
}

.menutitle {
background: url(images/bg_menupanel1.png) repeat-x;
height: 25px;
text-align: center;
font-size: 17px;
display: block;
}

#menu ul {
color: black;
margin-top: 10px;
margin-bottom: 20px;
}


/*---------------------------
Zawartość strony 
(blok po prawej stronie)
----------------------------*/
#content {
width: 600px;
display: block;
float: right;
line-height: 25px;
}

#content a {
border-bottom: dotted 1px black;
}

#content ul {
list-style-type: square;
}

#content img {
border: double 0px;
margin: 3px;
}


/*---------------------------
News / Artykuł
----------------------------*/
#article {
background: #404040;
float: left;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 15px;
width: 575px;
border-style: solid; color: #181818;
border-width: 2px;
display: block;
}

.article-title {
background: url(images/bg_menupanel1.png) repeat-x;
height: 25px;
text-align: center;
font-size: 17px;
display: block;
}

.article-title p {
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
color: black;
display: inline;
}

.article-content {
display: block;
margin-left: 10px;
margin-right: 5px;
}

#article-info {
float: right;
display: inline;
}

#article-info  p {
font-size: 13px;
}

#article-comments {
float: right;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 10px;
display: block;
font-size: 12px;
}

#article-comments a {
border-bottom: dashed 1px;
}


/*---------------------------
Komentarze
----------------------------*/
#comment-box {
display: block;
margin-left: 10px;
margin-right: 5px;
}

#container input {
background: #454545;
border: dashed 1px #404040;
}

#container textarea {
background: #454545;
border: dashed 1px #404040;
}

#container textarea:focus, #comment-box input[type="text"]:focus {
background: #505050;
}

#comment-box  p{
margin-left: 10px;
margin-right: 5px;
}

#commentlist a {
border-bottom: 0px;
text-decoration: underline;
}


/*---------------------------
Stopka
----------------------------*/
#footer {
background: #303030; 
width: 796px;
min-height: 25px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
border-style: solid; color: #181818;
border-width: 2px;
display: block;
float: left;
}

#footer p {
margin-top: 5px;
font-size: 11px;
margin-bottom: 5px;
color: dimgray;
} 

#footer a {
text-decoration: underline;
border-bottom: 0px;
color: dimgray;
}

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