* {
padding:0px;
margin:0px;
line-height:100%;
}
body {
background:url(//pl.pema-ogrodzenia.pl/wp-content/themes/stripes-and-blue/images/background.png) #ebebeb;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size:14px;
color:#555;
} #container {
width:80%;
margin:25px auto 0 auto;
}
#header {
padding:50px 25px;
margin:0 0 35px 25px;
background:#fff;
}
#content {
float: left;
width:80%;
}
#sidebar {
width:18%;
float:right;
margin-top:-20px;
}
#footer {
text-align:center;
font-size:11px;
color:#777;
margin:20px 0;
} #header div#title {
float:left;
display:inline;
}
#header h1 {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size:50px;
margin:0px;
line-height:100%;
color:#86bdc4;
text-transform:uppercase;
}
#header h1 a {
color:#86bdc4;
text-decoration:none;
}
#header h1 a:hover {
text-decoration:none;
}
.description {
font-size:15px;
font-family: 'Open Sans', sans-serif;
font-weight:400;
color:#898989;
}
#header #navigation {
float:right;
line-height:100%;
font-size:12px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
margin-top:38px;
display:inline;
bottom: 0px;
}
#header #navigation ul {
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
#header #navigation ul li {
margin-left:0px;
}
#header #navigation li {
float: left;
position: relative;
}
#header #navigation a {
color: #333;
display: block;
line-height: 3.333em;
padding: 0 10px;
text-decoration: none;
}
#header #navigation ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 188px;
z-index: 99999;
text-align:left;
}
#header #navigation ul ul ul {
left: 100%;
top: 0;
}
#header #navigation ul ul a {
background: #86bdc4;
border-bottom: 1px dashed #a4ced3;
color: #fff;
font-size:12px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 168px;
}
#header #navigation li:hover > a,
#header #navigation ul ul :hover > a,
#header #navigation a:focus {
background: #86bdc4;
}
#header #navigation li:hover > a,
#header #navigation a:focus {
background: #86bdc4;
color: #fff;
}
#header #navigation ul li:hover > ul {
display: block;
}
#header #navigation .current-menu-item > a,
#header #navigation .current-menu-ancestor > a,
#header #navigation .current_page_item > a,
#header #navigation .current_page_ancestor > a {
background: #86bdc4;
color:#fff;
} .post {
margin-bottom:35px;
}
.entry {
clear:both;
background:#fff;
padding:20px 20px 20px 80px;
margin:-110px 0 0 25px;
min-height:85px;
}
body.page .entry {
margin-top:-20px;
padding-left:20px;
}
div.date {
position:relative;
background:url(//pl.pema-ogrodzenia.pl/wp-content/themes/stripes-and-blue/images/bg_date.png) left bottom no-repeat;
left:0px;
width:60px;
color:#fff;
padding:10px 0 25px 25px;
text-align:center;
font-size:16px;
text-transform:uppercase;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
color:#cfe5e7;
}
div.date span {
display:block;
font-size:24px;
}
.post-meta {
font-size:13px;
color:#888;
margin:10px 0 0px 0px;
font-size:12px;
}
.post-meta a:link {
color:#888;
}
a.more-link {
text-transform:uppercase;
font-style:italic;
font-weight:bold;
font-size:13px;
float:right;
margin:10px 0;
}
.bypostauthor {
text-decoration:underline;
} .alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter,
.center {
clear: both;
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em;
} #sidebar .widget {
margin-bottom:15px;
background:#fff;
padding:15px;
font-size:13px;
}
#sidebar .widget a {
color:#777;
}
#sidebar .widget a:hover {
text-decoration:none;
color:#86bdc4;	
}
#sidebar h3.widget-title {
text-transform:uppercase;
font-size:15px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
color:#888;
}
#sidebar .widget input {
margin:0 auto;
}
.widget ul {
margin-bottom:0px
}
#sidebar ul li {
margin-left:0px;
list-style:none;
}
#sidebar ul li ul li {
margin-left:10px;
border-bottom:none;
}
#sidebar ul li ul li ul li {
margin-left:10px;
border-bottom:none;
}
#sidebar ul li ul li ul li ul li {
margin-left:10px;
border-bottom:none;
}
#sidebar li {
border-bottom:1px dashed #d9d9d9;
padding:5px;
}
#sidebar input {
width:90%;
} #footer a:link {
color:#777;
} p, h1, h2, h3, h4, h5, h6, ol, ul, table {
margin-bottom:10px;
}
p, li {
line-height:20px;
}
p, h1, h2, h3, h4, h5, h6 {
display:block;
clear:both;
}
.clear {
clear:both;
height:0px;
}
ul li, ol li {
margin-left:25px;
}
ul li ul li, ol li ol li {
margin-left:10px;
}
ul li ul li ul li, ol li ol li ol li {
margin-left:10px;
}
ul li ul li ul li ul li, ol li ol li ol li ol li {
margin-left:10px;
}
h1, h2, h3, h4, h5, h6, th {
font-family: 'Open Sans', sans-serif;
font-weight:400;
}
img a {
border: 0px;
}
blockquote {
margin: 10px;
color: #000000;
font-size: 16px;
font-style:italic;
font-family: 'Open Sans', sans-serif;
font-weight:400;
}
blockquote cite {
color: #666;
font-size:18px;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
font-weight: bold;
}
blockquote a {
color: #000000;
}
#footer a {
color:#ffffff;
text-decoration: none;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
dt {
font-weight: bold;
color: #000;
font-size: 15px;
margin-bottom: 5px;
}
dd {
padding-left: 15px;
margin-bottom: 10px;
}
dl {
margin: 0 25px 10px 25px;
}
del {
text-decoration:overline;
}
code {
margin: 3px 5px;
padding: 20px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace; border: 1px solid #ebebeb;
background: #F8F8F8;
color: #555;
}
acronym {
cursor: help;
border-bottom: 1px dotted #777;
}
cite, em, i {
font-style: italic;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code, kbd, samp, var {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
} table {
border-collapse: collapse;
margin: 10px 25px;
}
tr {
background: #FFF;
}
th, td {
text-align: left;
border-width: 1px;
border-style: solid;
}
th {
padding: 5px 10px;
background: #86bdc4;
border-color: #ebebeb;
color: #fff;
font-weight: bold;
}
td {
border-color: #ebebeb;
padding: 5px 10px;
}
td a:link {
color:#333;
}
.entry .navigation {
margin-left:0px;
}
.navigation {
color: #666666;
margin-left:25px;
font-size:12px;
display:block;
}
.navigation a:link {
color: #666666;
text-decoration: none;
}
.page-link {
margin: 10px 0;
color: #666666;
font-style:italic;
font-weight: bold;
}
.page-link a:link {
color: #666666;
font-weight: normal;
} h3.sticky-format {
margin-bottom:0px !important;
text-transform:uppercase !important;
color:#777;
}
.sticky .entry {
background:#f7f7f7;
} a:link {
color:#86bdc4;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:visited {
color:#777;
}
h2.title {
text-transform:uppercase;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
color:#b3b3b3;
font-size:30px;
font-style:normal;
}
h2.title a {
color:#b3b3b3;
} .wp-caption-text,
.gallery-caption {
font-size: 12px;
font-style:italic;
}
.wp-caption {
border: 1px solid #d9d9d9;
text-align: center;
background-color: #f7f7f7;
padding-top: 4px;
margin: 10px 10px 10px 10px;
}
.wp-caption img {
margin: 0 0 10px 0;
padding: 0;
border: 1px solid #d9d9d9;
}
.wp-caption-dd {
font-size: 12px;
line-height: 17px;
padding: 10px 4px 5px;
margin: 0;
} .entry-content img,
.comment-content img,
.widget img {
max-width: 97.5%;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; 
}
img.size-full,
img.size-large {
max-width: 97.5%;
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #eee;
margin-bottom: 1.625em;
max-width: 96%;
padding: 9px;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666;
content: '\2014';
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
#content .gallery {
margin: 0 auto 1.625em;
}
#content .gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 1.625em;
}
#content .gallery-columns-2 .gallery-item {
width: 43%;
padding-right: 2%;
}
#content .gallery-columns-3 .gallery-item {
width: 25%;
padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item {
width: 15%;
padding-right: 2%;
} input,
textarea,
select {
border:1px solid #d9d9d9;
padding:3px 7px;
font-family: 'Lato', sans-serif;
font-size:13px;
font-weight:400;
display:block;
margin-bottom:10px;
}
label {
margin-bottom:5px;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
input.submit,
input#submit {
background:#86bdc4;
text-align:center;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
color:#fff;
text-transform:uppercase;
margin-top:5px !important;
width:auto !important;
padding:5px 10px;
font-size:18px;
} embed,
iframe,
object {
max-width: 100%;
} .post-password-required .entry-header .comments-link {
margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
background: #f7f7f7;
} #author-info {
font-size: 12px;
overflow: hidden;
}
.singular #author-info {
background: #f9f9f9;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 2.2em -35.6% 0 -35.4%;
padding: 20px 35.4%;
}
.archive #author-info {
border-bottom: 1px solid #ddd;
margin: 0 0 2.2em;
padding: 0 0 2.2em;
}
#author-avatar {
float: left;
margin-right: -78px;
}
ul.children .vcard img {
height:39px;
width:39px !important;
margin-bottom:15px;
}
#author-description {
float: left;
margin-left: 108px;
}
#author-description h2 {
color: #000;
font-size: 15px;
font-weight: bold;
margin: 5px 0 10px;
} h1.archive-title {
margin: -25px 0 35px 25px;
} #comments {
margin-left:25px;
}
#comments article {
display:block;
}
#comments,
#comments a {
text-decoration:none !important;
}
#respond {
background:#fff;
padding:25px;
}
#comments ol li {
list-style:none;
margin-left:0px !important;
}
#comments .even,
#comments .odd {
padding:10px 25px 25px 25px;
border-bottom:1px dashed #d9d9d9;
clear:both;
display:block;
background:#f7f7f7;
}
#comments ul.children .even,
#comments ul.children .odd {
border-bottom:none;
padding-bottom:0px;
}
#comments .vcard img {
margin-bottom:15px;
float:right;
}
.comment-content {
margin-top:0px !important;
position:relative;
top:60px;
}
form#commentform input,
form#commentform textarea {
display:block;
margin-top:5px;
}
h3#reply-title {
margin-top:15px;
font-size:24px;
color:#898989;
}
h3#reply-title small {
float:right;
}
h3#reply-title small a {
font-size:11px !important;
font-weight: normal;
}
#comments time {
text-decoration:none !important;
border-bottom:none;
}
#comments a time {
color:#555;
text-decoration:none !important;
border-bottom:none;
}
.comments-text {
}
p.nocomments {
font-size:18px;
text-align:center;
}
span.fn {
font-weight: bold;
line-height:100% !important;
height:100%;
}
.fn a {
color:#000;
text-decoration:none;
}
.reply {
margin-bottom:15px;
}
.reply a {
color:#86bdc4;
text-decoration:none;	
}
#comments a {
color:#86bdc4;
text-decoration:none;
}