@import "reset.css";
@import "menu.css";

html { 
  min-height    : 100%;
  margin-bottom : 1px;
  overflow      : scroll;  
}

body, html {
	behavior         : url(csshover2.htc);
	padding          : 0;
	border           : 0;
	margin           : 0px auto 0px auto;
	font-size        : 90%;
  font-family      : Garamont;
	background-color : #f3f3f3;
}

#header, #page, #footer {
	width     : 1000px;
	margin    : 0px auto 0px auto;
	padding   : 0;
  border    : 0;	
	zoom      : 1 ;
	display   : block;
}

#footer {
	height     : 80px;
	clear      : both ;
/*  filter     : alpha(opacity=95); */ /* for IE */
/*  opacity    : 0.95;              */ /* CSS3 standard */	
}

#container {
	padding : 0px;
	margin  : 0px auto 0px auto;
	width   : 100%; 
/*  filter  : alpha(opacity=95); */ /* for IE */
/*  opacity : 0.95;              */ /* CSS3 standard */	
}

#frame {
	overflow         : hidden;
	padding          : 0px;
	margin           : 0px auto 0px auto;
	zoom             : 1 ;
	position         : relative;
	display          : block;
	width            : 100%;
}

#content{
  margin     : 0px auto 0px auto;
	padding    : 0px     ;
	width      : 63%     ;
	float      : left    ;
}

.frame-left {
/*	background-image      : url(images/frame-body.png); */
  background-repeat     : repeat-y;
  background-position   : top left;
	background-color      : transparent;
  width                 : 100%; 
  float                 : left;
}

.frame-top {
	background-image      : url(images/newframe-top.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newframe-top.png', sizingMethod='crop');  
  background-repeat     : no-repeat   ;
	background-color      : transparent ;
	width                 : 100%        ;
	height                : 15px        ;
  float                 : left        ;
}

.frame-right {
	background-image      : url(images/newframe-body.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newframe-body.png', sizingMethod='crop'); 	
  background-repeat     : repeat-y    ;
  background-position   : top left   ;
	background-color      : transparent ;
  width                 : 100%        ; 
  float                 : left ;
  padding-left          : 15px ;
  padding-right         : 15px ;
}

.frame-bottom {
	background-image      : url(images/newframe-bottom.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newframe-bottom.png', sizingMethod='crop');	
  background-repeat     : no-repeat;
	background-color      : transparent;
	width                 : 100% ;
	height                : 15px ;
	float                 : left;
}

#slideshow {
/*
  margin           : 8px 0 0 532px; 	
  width            : 400px ;
  height           : 300px ;
  float            : left  ;
*/
  height           : 265px ;
 	margin           : 0     ;
  padding          : 8px 0 0 532px;
}

#slideshow_container {
  float            : left  ;
  width            : 400px ;
  height           : 270px ;
  margin           : 0;
  padding          : 0;
}

.sidebar {
	position    : relative ; 
	display     : block    ;  	
	float       : left     ;
  font-size   : .9em     ;	
	margin      : 0px      ;
	padding     : 0px      ;
}

#sidebar_left,
#sidebar_left.sidebar {
	width         : 16%    ;
	margin        : 0px      ;
	padding       : 2px ;
	float         : left     ;
	height        : 100%     ;
}

#services .page_item {
 color     : black;
 font-size : 14px;
}

#services .page-item-97,
#services .page-item-106 {
 color          : darkblue;
 text-transform : uppercase;
}

#sidebar_top, #sidebar_top.sidebar {
	width       : 100%     ;
	margin      : 0px      ;
  padding     : 2px      ; 
	float       : left     ;
/*	
	height      : 100px    ;
*/   
}

#sidebar_bottom,
#sidebar_bottom.sidebar {
  border-top  : 1px solid #4BA0A0;
	width       : 100%       ; /* used to be 63%, but outside content div */
	margin      : 0          ;
	padding     : 2px        ;
	float       : left       ;
/*	height      : 100px    ; */
}

#sidebar,
#sidebar.sidebar {
	width         : 16%    ;
	margin        : 0px      ;
	padding       : 2px ;
	float         : left     ;
  height        : 100%     ;
}

/*-----------GENERAL STYLING--------------*/
/* test
a {
	color:#000000;;
	text-decoration:none;
}

#content a {
	border-bottom:1px dotted silver;
}
*/

#header_container {
  height           : 350px  ;
  margin           : 10px 0 0 0;
  border           : 0;
  padding          : 0;
  background-image : url(images/h.png);
}

/* Tytul */
#title {
 	background-color : transparent;
  width            : 550px;
  height           : 300px;
  float            : left;
  display          : none;
}

#title .title {
	text-align      : center     ;
	font-weight     : bolder     ;
	font-size       : 25px       ;
	letter-spacing  : 7px        ;
	text-transform  : uppercase  ;
	height          : 55px       ;
	width           : 100%       ;
  padding         : 0 0 0 30px ;	
  display         : none       ;
}

#title a {
  color          : black ;  
}

/*
#title .logo {
  width               : 100%;
  margin              : 25px 0 10px 0;
  height              : 160px;
	background-color    : transparent ;

  background-position : center left ;
  background-repeat   : no-repeat   ;
	background-image    : url(images/paragraf_600x145.png);
	opacity             : .9;
	filter              : alpha(opacity=90); 
}
*/

#title img {
 width   : 400px;
 padding : 45px 40px 10px 50px;
}

/* Opis 
#title .description {
	text-align     : center  ;
  margin         : 0 auto  ;
	font-weight    : normal  ;  
  font-size      : 25px    ;
  letter-spacing : 20px    ;
  color          : black   ;  
  width          : 100%    ;
  height         : 50px    ; 
}

*/
#content ul {
  list-style-position : inside;
  list-style          : disc; 
  padding             : 0 0 0 10px;  
} 

#content li {
/*  background-image    : url(images/znak_50x50.png);
  background-position : 0 20px;
  background-repeat   : no-repeat;
  padding             : 5px 0 5px 50px;
*/
}

*/

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

/* Nazwa postu	*/
#content h2 {
  font-family   : Garamont;
	font-weight   : bold;
	color         : #000000;
	padding       : 0;
	margin        : 0 0 1em 0;
	border        : none;
	clear         : both;
	line-height   : 1em;
	font-size     : 1.5em !important;
	min-height    : 1.5em;
}

#content h2 a {
	text-decoration:none;
	border:none;
	color:#000000;
}

#content h2 a:hover {
	border-bottom:1px dotted silver;
}

hr {
	display:none;
	clear:both;
}

#content h3,
#content h4 {
	color   : #515151;
	padding : 0;
	margin  : 10px 0 5px 0;
	clear:both;
}

/*Do wpisywania komentarzy*/
#content input,
#content textarea,
#content select {
	padding:4px;
	border:1px solid #f3f3f3;
	line-height    : 1em ;
  font-size      : 1.0em;	
  font-family    : Garamont;
}

#content input,
#content label {
	width   : auto;
	padding : 4px;
}

#content label {
	font-size:.9em;
}

#searchform input#s {
	width:110px !important;
	padding:4px;
	border:1px solid #f3f3f3;
	font-size:.9em;
	line-height:1em;
	text-transform:none;
	color:black;
  font-family    : Garamont;
	background:white;
}

.sidebar input.btn,
#searchform input {
	width:65px !important;
	width:75px;
	margin-left:2px;
}

#searchform {
	margin-top:10px !important;
}

#searchform br {
	display:none;
}

input.btn,
#searchform input,
input#submit {
	background:#111111;
	color:#FFFFFF;
	padding:4px;
	border:1px outset #000000;
  font-family    : Garamont;
	text-transform:uppercase;
}

input[class=btn],
input[type=submit]
input[id=submit] {
	padding:3px;
}

#content textarea {
	overflow:auto;
	display:block;
	width:98%;
	padding:0;
}

ul,
ol {
	list-style-type     : none;
	list-style-position : outside;
	padding             : 0;
	margin              : .2em 0 .2em 0;
}

ul ul,
ol ol {
	margin-left:15px;
}

ul li,
ol li {
	padding:2px;
}

ul ul li,
ol ol li {
	background:transparent url(images/bullet.gif) 0px .7em no-repeat;
	padding-left:8px;
}

#content ol li {
	list-style-type:decimal;
	list-style-position:inside;
	background:transparent;
	padding-left:0;
}
#content ol li li {
	padding-left:2em;
}

a img {
	border: 0 none;
}

form {
	padding:0;
	margin:0;
}

pre,
code {
   display:block;
   font: 1em 'Courier New', Courier, Fixed, monospace;
   font-size : 100%;
   color: #000;
   background : #fff url(images/preback.jpg) repeat-y left top;
   overflow : auto;
   text-align:left;
   border : 1px solid #99cc66; /*highlight color */
   padding : 0px 20px 0 30px;
   margin:1em 0 1em 0;
   line-height:17px;
}

.alt {
	background-color:#F5F5F5;
}

.icon {
	vertical-align:middle;
	border:0;
}
.with_icon {
	padding:2px 0 2px 0
}

.navigation {
	clear:both;
	padding:0 0 2em 0;
	display:block;
}

.alignleft {
	display:block;
	float:left;
}

.alignright {
	display:block;
	float:right;
}


/*-------SIDEBAR---------*/

.sidebar ul,
.sidebar ol {
	padding:0;
}

.sidebar form,
.sidebar p {
	padding : 0;
	margin  : 10px 0 0 0;
}

.sidebar h2 {
	border-left    : 0px solid #000000;
	padding        : 4px 2px 4px 2px;
/*	margin         : 0 0 0 0;*/
	font-size      : 12px;
	font-weight    : bold;
	text-transform : uppercase;
	color          : #000000;
}

/*
.sidebar div div,
.sidebar ul,
.sidebar ol {
	margin: 0 0 2px 2px;
}
*/

.sidebar div div div, .sidebar ul ul, .sidebar ol ol {
	margin:0;
}

html>body .ellipsis li {
	clear:both;
	overflow:hidden;
}

html>body .ellipsis li span {
	white-space:nowrap;
	overflow:hidden;
	width:auto;
	display:inline;
	float:left;
}

ol.ellipsis li span {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}

.sidebar a{
	text-decoration: none;
}

.sidebar a:hover,
.sidebar .current_page_item li a:hover,
.sidebar .current-cat li a:hover {
	color:#005195;
}

.sidebar .current_page_item a,
.sidebar .current-cat a {
	font-weight:bold;
	color:#005195;
}

.sidebar .current_page_item ul li a,
.sidebar .current-cat ul li a {
	font-weight:normal;
	color:#000000 !important;
}

.sidebar li img {
	vertical-align:middle;
	border:0;
}

.sidebar input.btn {
	margin-left:4px;
}


/*--------FOOTER--------------------------------------------------------------*/

#footer_container {
/*
	background-image      : url(images/footer.png);
  background-repeat     : no-repeat;
  background-position   : top center;
*/  
	background-color      : transparent;
  height                : 60px;
  margin-top            : 12px;

}

#footer_container ul {
  list-style-type : none;
  padding         : 4px 0px 0px 40px;  
  margin          : 0 auto;
  width           : 80%;
  height          : 35px;
  overflow        : hidden;  
}

#footer_container ul li {
  text-align : center;
  float      : left;
  padding    : 0px 0px 0px 20px;
	font-size  : 100%;
}


#footer_container ul li img {
  position  : relative;
  height    : 24px;
  top       : 0px;
}


#footer_container a {
  vertical-align : middle;
}

#footer_container a:hover {
 	color            : blue ;      
	border-bottom    : 1px dotted red;
}

/*--------POST----------------------------------------------------------------*/

.post {
	font-size        : 1.1em;
	border-left      : 1px solid #4bA0A0;
	border-right     : 1px solid #4bA0A0;
	padding          : 10px ;
	margin           : 0px ;
	background-color : transparent ; 
/*	background   : #fbfbfb; */
}

.post h1 {
	font-size:1.8em;
}
.post h2 {
	font-size:1.4em;
}
.post h3 {
	font-size:1.2em;
}
.post h4 {
	font-size:1.1em;
}
.post h5 {
	font-size:1em;
}

.post hr {
	display:block;
}

.highlight_box {
	font-size     : .9em;
	border        : 2px solid #F5F5F5;
	padding       : 1em;
	margin-bottom : 20px;
}

.highlight_box .post {
	font-size:1em;
	border:0px none;
	margin-bottom:0px;
	padding:0 0 0 0;
}

.highlight_box .post p {
	margin:0;
}

.highlight_box .post .date {
	display:none;
}

.highlight_box h2,
.highlight_box h3,
.highlight_box h4,
.highlight_box h5 {
	font-size:2em;
	border-bottom:10px solid #F5F5F5;
}

.highlight_box .post h2,
.highlight_box .post h3,
.highlight_box .post h4,
.highlight_box .post h5 {
	font-size:1.5em;
}

.readmore {
	display:block;
	text-align:left;
	font-weight:bold;
	clear:both;
	margin:1em 0 1em 0;
	color:#005195;
}

.post {
	position:relative;
}

.date { /* date & author */
  font-family    : Garamont;
	color : silver;
	float:right;
	line-height:2em;
	margin:0 0 5px 10px;
	padding-left:5px;
	border-left:1px solid silver;
	font-size:.8em;
	text-align:center;
}

.commentlist .date {
	margin-top:5px;
}

.post .date {
	font-size:.7em;
}

.date_day {
	display:block;
	font-size:2.5em;
	text-align:right;
}

.date_month {
	display:block;
	font-size:2.5em;
	text-align:right;
	font-weight:bold;
}

.date_year {
	display:block;
	font-size:1.3em;
	line-height:1em;
}

.postmetadata {
	margin:0;
	color:#515151;
	list-style-type:none;
}

#content .postmetadata a {
	color : #005195;
	border:none;
	text-decoration:none;
}

#content .postmetadata a:hover {
	border-bottom:1px dotted silver;
}

.gravatar {
	float:left;
	margin:0 5px 0 0;
	border:1px solid lightgray;
	border-bottom:1px solid lightgray;
	vertical-align:middle;
}

#content .commentlist dt{
	/*	clear:both;*/
	position:absolute;
	z-index:100;
}

html > body #content .commentlist dt{
	position:relative;
/*	position:static;*/
}

#content .commentlist dd {
	margin:0;
	padding:10px 3em 10px 10px; /* for ie not overlapping the comment with the date */
	font-size:1em;
	line-height:1.5em;
	color:silver;
	margin:0 0 1em 0;
}

#content .commentlist dd img {
	border:0px none;
}

#content .commentlist dd a, #content .commentlist dd a:hover {
	border:0px none;
	padding:0;
	text-decoration:underline;
	float:none;
	position:relative;
}

html > body #content .commentlist dd {
	padding:10px;
}

#content .commentlist .comment {
	color:#000000;
}

#content .commentlist .date {
	margin-right:5px;
	font-size:.5em;
}

#content .commentlist .comment_text {
	margin-top:5px;
	display:block;
}

html > body #content .commentlist dd.author_comment {
	background-image:url(images/transp-90.png);
	width:auto;
}

* html #content .commentlist dd.author_comment {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ptheme/images/transp-90.png', sizingMethod='scale');
	zoom:1;
	position:relative;
}

.widget {
 margin  : 0 0 10px 0;
 padding : 0 ;
}

.widgettitle {
 margin  : 5px 0 5px 0;
 padding : 0 ;
}

/* Recent posts */

#pauls-latest-posts {
  margin     : 0 auto ;
  width      : 100%   ;
}

#pauls-latest-posts .pmc-link {
  color           : #000000    ;
 	font-weight     : bold       ;
	font-size       : 16px       ;
	text-transform  : uppercase  ;
}

#pauls-latest-posts .pmc-excerpt {
  color        : #0A0A0A  ; 
 	font-weight  : normal   ;  
  font-style   : italic   ;
	font-size    : 15px     ;  
}