/* apps/blog-1.0/styles */
.actions {
 clear: both;
}

/*
 * Lewa kolumna warstwy akcji (wyświetlane są w niej komentarze)
 */
 
.actionsleft {
 float: left;
 width: 350px;
 padding: 10px 0;
}

/*
 * Prawa kolumna warstwy akcji (wyświetlane są w niej okienko dodawania 
 *  komentarza oraz dodawania linków do serwisów)
 */ 

.actionsright {
 float: right;
 width: 340px;
 padding: 10px 0;
 margin-bottom: 20px;
}

/*
 * Formularz dodawania komentarza
 */ 
 
.addcomment {
 margin: 7px 10px 10px 10px;
 padding-bottom: 10px;
}

.addcomment label {
 width: 120px;
 float: left;
}

.addcomment input.text {
 width: 190px;
}

.addcomment input.submit {
 margin-left: 110px;
}

.addcomment textarea {
 width: 310px;
 height: 100px;
}
.ad {
 text-align: center;
 padding: 0 5px;
}
/*
 * Zestaw styli do formatowania wyglądu okieniek
 */
  
.box {
 margin: 8px 0;
 padding: 0 0;
 overflow: hidden;
}

.box h2, h2.gradient {
 background: #a4ee75 url('images/gradientsidebarli.jpg') top left repeat-y;
 font-family: verdana, arial;
 font-size: 13px;
 letter-spacing: 1px;
 color: white;
 padding: 3px;
 margin: 0 0;
 text-indent: 5px;
}

/*
 * W okienkach wyświetlane są czasmi różne informacje, formatujemy dla nich paragraf
 */ 

.box p {
 padding: 5px 6px 7px;
 margin: 0 0; 
 text-align: justify;
}

/*
 * ul w okienkach jest używany do tworzenia menu, tak więc nadajemu mu jednolity
 * styl wraz z odpowiednimi pseudoklasami :hover 
 */ 

.box ul {
 list-style-type: none;
 list-style-image: url('');
 margin: 7px 0 10px;
 padding: 0 0 7px 0;
}

.box ul li {
 padding: 1px 0 5px 6px;
}

.box ul li a {
 border-left: 4px solid #FFF67D;
}

.box ul li a:hover {
 border-left: 4px solid #7cb357;
 text-decoration: none;
}

.box a {
 text-decoration: none;
 color: black;
 padding: 4px;
}

.box a:hover {
 color: #7cb357;
}
/*
 * Styl dla wszystkich elementów które mają być wyświetlane w ramkach
 */
  
code, pre, .code, .pre, blockquote {
 clear: left;
 display: block;
 background-color: #FFF67D;
 border: 1px solid  #7cb357;/**/
 border-left: 8px solid #7cb357;
 padding: 8px 7px;
 margin: 5px 30px;
 font-size: 13px;
 font-family: "courier new",courier,monospace;
 overflow: auto;
}

code {
 white-space: pre;
 background-position: top right;
 background-repeat: no-repeat;
}

/*
 * Specyficzne tła dla różnych języków programowania/opisu
 */ 

code.php {
 background-image: url('images/codebg/php.gif'); 
}

code.css {
 background-image: url('images/codebg/css.gif');
}

code.java {
 background-image: url('images/codebg/java.gif');
}
/*
 * Lista komentarzy, wyświetlana w kontenrze z klasą actionsleft
 */ 

.comment {
 margin: 0 0 10px 0;
 padding-left: 10px;
}

.comment h4 {
 font-size: 15px;
 text-decoration: none;
 letter-spacing: 1px;
 font-family: arial, "trebuchet ms";
 margin: 0 0;
 padding: 0 0;
}

.comment h4 a {
 color: black;
}

.comment div.info {
 font-size: 11px;
 color: gray;
 text-indent: 5px;
 padding: 2px 0;
 border-bottom: 1px solid #7cb357; 
}

.comment div.commentbody {
 padding: 5px;
 padding-left: 10px;
 margin-bottom: 15px;
 overflow: auto;
}
.entry {
 padding-top: 10px;
 clear: both;
}

h1, h2 {
 text-decoration: none;
 letter-spacing: 1px;
 font-family: arial, "trebuchet ms";
 color: black;
}

.entry h1 {
 margin: 0 0;
 padding: 0 0;
 font-size: 24px;
}

.entry h1 a, .entry h2 a{
 color: black;
 text-decoration: none;
}

.entry h1 a:hover, .entry h2 a:hover {
 text-decoration: none;
}

.entry div.info {
 font-size: 11px;
 color: gray;
 text-indent: 5px;
 padding: 2px 0;
 border-bottom: 1px solid #7cb357; 
}

.entry div.body {
 padding: 5px 10px;
 overflow: auto;
 height: auto;
}

.entry a {
 text-decoration: none;
}

.entry a:hover {
 text-decoration: underline;
}

.entry div.body p {
 text-align: justify;
}

.entry div.body p.more {
 text-align: right;
}

div.body ul {
 margin: 0 0;
 padding: 7px 10px 7px 20px;
}

div.body ul li, ul.entries ul li {
 padding-bottom: 5px;
}

div.body ul li a {
 color: #7cb357;
}

div.body ul li a:hover {
 text-decoration: none;
}

.entries img.logo {
 float: left;
}

/*
div.actions {
 border-top: 1px solid #7cb357;
}
*/
/*
 * Style poziomego paska pod nagłówkiem
 */ 

#hbar {
 background-color: #B1FF7D;
 background: #B1FF7D url('images/gradienthbar.jpg') top center repeat-y;
}

#centerhbar {
 background-color: #7cb357;
 color: white;
 text-indent: 10px;
 font-family: verdana,arial;
 font-weight: bold;
 letter-spacing: 1.2px;
 padding: 3px 0;
}
/*
 * Style nagłówka
 */ 

#header {
 /*/background-color: #2E75B3; //#42A7FF;*/
 background-color: white;
}

#centerheader {
 position: relative;
 height: 133px;
 /*background: white url('images/header.jpg') top right no-repeat;/**/
 background: white url('images/kable.jpg') top right no-repeat;/**/
 
}


#centerheader a {
 display: block;
 margin-right: 250px;
 padding: 8px 0;
 background: white url('images/headerlob.jpg') bottom left no-repeat;
 height: 113px;
}

#centerheader a h1 {
 margin: 0 0;
 padding: 40px 0 0 12px;
 font-size: 50px;
 font-family: arial;
 font-weight: normal;
 visibility: hidden;
}

/*
#centerheader a h1 {
 background: white url('images/headerlob.jpg') bottom left no-repeat;
 height:130px;
 width: 433px;
 margin: 0 0;
 padding: 0 0;
 font-family: arial;
 font-size: 38px;
 letter-spacing: 4px;
 
}

#centerheader h1 a {
 text-decoration: none;
 color: black;
 display: block; 
 display: none;
}
*/
/*
 * Wygląd linków
 */ 
 
a {
 text-decoration: none;
 color: #7cb357;
}

a.js {
 text-decoration: none;
 border-bottom: 1px dashed #7cb357;
}

a.noborder {
 border: none;
}

a.noborder:hover {
 border: none;
}
img.image {
 margin: 0 5px 5px 0;
 /*background: transparent url('images/imgloading.jpg') top center no-repeat;*/
}

img.left {
 margin: 0 5px 5px 0;
 float: left;
}

img.right {
 margin: 0 0 5px 5px;
 float: right;
}
.photo {
 margin: 0 5px;
 border: none;
}

.photo img {
 background-position: top left;
 background-repeat: no-repeat;
}

.photosmall img {
 width: 240px;
 height: 180px;
}

.photobig img {
 width: 640px;
 height: 480px;
}
/*
 * Style sidebara
 */ 
 
#sidebar {
 float: right;
 width: 250px;
/* background-color: #FFF67D;*/
 padding: 0 0;
 overflow: hidden;
}

#sidebar ol {
 list-style-type: none;
 margin: 0 0;
 padding: 0 0;
}

#sidebar ol li {
 padding-left: 5px;
}

#sidebar ul {
 list-style-type: none;
}
body {
 text-align: center;
 font-family: verdana, arial, tahoma;
 font-size: 12px;
 padding: 0 0 7px 0;
 margin: 0 0;
 background: #ecffe0 url('images/bg.jpg') top left repeat;
}

body div {
 text-align: left;
}

#preview {
 position: absolute;
 top: 50px;
 width: 32px;
 display: none;
 background-color: white;
 text-align: center;
}

#loader {
 position: fixed;
 top: 0;
 right: 0;
 padding: 2px;
 width: 34px;
 height: 34px;
 display: none;
}

/*
 * Style strony (pod paskiem)
 */ 

#page {
 min-height: 300px;
 /*background: white url('images/pagebg.jpg') top right repeat-y;*/
 height: auto;
 overflow: hidden;
}

/*
 * Style stopki
 */ 

#footer div p {
 padding: 5px 0;
 text-align: center;
}

#footer div {
 text-align: center;
 clear: both;
 font-size: 12px;
 color: white;
 background-color: #7cb357;
}

.centered {
 width: 998px;
 margin: 0 auto;
}

/*
 * Style wpisów
 */ 
 
#content {
 /*margin-right: 260px;/**/
 padding: 10px 6px 6px 6px;
 height: auto;
 overflow: auto;
 width: 732px;
}

#pagenav {
 clear: both;
 text-align: center;
 margin: 10px 0;
}

ul {
 list-style-image: url('images/list.gif');
 padding-left: 23px;
}

img {
 border: 0;
}
td {
 vertical-align: top;
}
.video {
 margin: 0 5px 5px;
 width: 170px;
 text-align: center;
 padding: 5px;
 font-size: 11px;
 border: none;
}