/*
Theme Name: emcie
Theme URI: http://
Description: Wordpress Blog design by WebLove.pl
Version: 1.0
Author: weblove.pl / htsz.pl
Author URI: http://weblove.pl/

*/

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

html, body {padding: 0px; margin: 0px; background: url('bg.png') #505050; font-family: Century Gothic, Arial, Verdana, Times, serif; font-size: 13px; text-align: center; color: #444;}

#top-outer {padding-top: 15px;}
#ramy-outer {padding: 0 0 5px;}
#ramy {margin: 10px auto; padding: 0;}
#top-logo {margin: 10px auto; text-align:center;}
#stopka {
    color: #ccc;
    font-size: 11px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0 1px 1px #000;
}
#tresc {padding: 20px; margin: 0; text-align: left; color: #666; line-height: 18px; z-index: 1; background-color: #292929;}

#ramy, #top-logo, .jqueryslidemenu, #stopka-inner {width: 960px;margin: 0 auto; }

#tresc .attachment {float: none; width: 100%; border: 0 !important;}
.post-footer {padding-top: 5px; clear: both;} 

.page .page, .search .page {
clear: both;
}
.search .page {
border-bottom: 1px dashed #aaa;
padding: 0 0 30px;
margin-bottom: 30px;
}

/* links */
a:link, a:visited {color: #4DB7BE; text-decoration: none;} /* link */
a:hover {color: #468C90; text-decoration: underline;} /* aktywny link */

#stopka a, #tresc .menu a:link, #tresc .menu a:visited {color: #aaa;}

/* current */

#top-outer .current-menu-item, #top-outer .menu .current-page-ancestor {border-radius: 10px 10px 0 0; background-color: #292929;}
#tresc .current_page_item a, #tresc .current-page-ancestor a, #top-outer .current_page_item a, #top-outer .current-page-ancestor a {color: #4DB7BE !important;}

/* transitions */

.jqueryslidemenu ul li a:hover {
 -webkit-transition: background 0.7s;
 -moz-transition: background 0.7s;
 -o-transition: background 0.7s;
 transition: background 0.7s;
}

.jqueryslidemenu ul li a {
 -webkit-transition: background 1.5s;
 -moz-transition: background 1.5s;
 -o-transition: background 1.5s;
 transition: background 1.5s;
}

/* comments */
#komentarze-box {padding: 0 50px; margin-top: 20px;}
.komentarzeurl {clear: both; margin: 0; padding: 2px 0; position: relative; text-align: right; font-weight: bold;}
.komentarzeurl .fblikebutton_button {position: absolute; left: 0; top: 1px;}
.commentlist {margin: 0; padding: 0; list-style: none;}
.commentlist li {margin: 0; padding: 0; list-style: none;}
.comment-body {border-bottom: 1px dashed #aaaaaa; padding: 15px 10px;}
.comment-author {display: inline;}
.commentmetadata {float: right; font-size: 10px; padding: 0 0 5px 5px;}
.commentmetadata a {color: #888;}
.commentlist .reply {text-align: right;}
.fn {color: #000; font-weight: normal; font-size: 16px; font-family: Georgia,Verdana,"Times New Roman",Times,serif;}
.says {display: none;}
#tresc .comment-body .avatar {
-webkit-border-radius: 25px 25px 0 25px;
-moz-border-radius: 25px 25px 0 25px;
border-radius: 25px 25px 0 25px;}
ul.children {margin-left: 40px; padding: 0;}

#respond {margin: 15px auto 0; text-align: left !important; width: 625px;}

/* image.php */
.image_back, .image_forward {width: 95px; padding: 0 5px;}
.image_big {width: 620px; padding: 0 5px;}
.image_back, .image_forward, .image_big {display: inline}


/* style roznych naglowkow */
h1, h2, h3 {margin: 0px; padding: 0 0 3px 0;}

h1 {font-size: 30px; display: inline; line-height: 34px;}
h2 {font-size: 24px; display: inline; line-height: 28px;}
h3 {font-size: 15px; display: inline; line-height: 20px;}
h4 {font-size: 11px; display: inline; line-height: 16px; font-weight: normal;}

.archiwum {margin-bottom: 15px !important;}
#respond h2, h3#comments {font-size: 18px !important;}
.archiwum, #respond h2, h3#comments {font: 24px 'Oswald', Georgia; padding: 0px; margin: 0; font-weight: normal; display: block;}
.search #tresc .singleh2, .search #tresc .singleh4 {text-align: left;}
#tresc .singleh2, #tresc .singleh4, #respond h2, h3#comments {text-align: center;}

.singleh2 {display: block; margin-left: 10px; font: 27px 'Oswald', Georgia, serif; font-weight: normal; color: #444;}

#tresc .singleh4 {font-size: 12px; line-height: 16px; padding: 0px; margin: 1px auto 4px; font-weight: normal; display: block;}
#tresc .singleh4 a, #tresc .singleh5 a {color: #333;}

/* linie i inne */
hr {margin: 20px 0px; padding: 0px; border-bottom: 1px dashed #bbb; border-top:0px; border-left:0px; border-right:0px; line-height:0px; height:1px; background-color: #ededed;}
p {margin: 0px; padding: 5px 0px;}

.info {text-align: left;}
#stopka .info p {padding: 2px 0px;}

br.all {line-height: 0; clear: all;}

.page-referencje img {margin-top: 5px;}

/* tekst */
.cntr, .center, .fblikebutton_button {text-align: center !important;}
#searchform, .rt {text-align: right !important;}
.screen-reader-text {display: none;}
.lt {text-align: left !important;}
.ju {text-align: justify !important;}

.male, .small {font-size: 9px;}
.clear2 {clear: both;}
.left {float: left;}
.right {float: right;}

.aim a span, #tresc .menu, .jqueryslidemenu {font-family: 'Oswald', sans-serif; letter-spacing: 1px; font-weight: normal;}


/* obrazki */

img {border: 0px;}

.image_back a img, .image_forward a img {width: 50px; height: 50px;}
.search #tresc .wp-post-image {float: left; margin: 0 15px 5px 0; border: 0;}
.page .folio-gallery-main .wp-post-image {float:none; margin: 10px;}

/* gallery */

.aim {margin-top: 0 !important;}
.aim a span {opacity: 0.99; left: 5px !important; height: auto !important; font-size: 13px !important; font-weight: normal !important; background-color: #444 !important; color: #AFAFAF !important;}
.aim a:hover span {opacity: 0.65;}

#tresc #gallery {padding: 0; margin: 0 auto;}
#gallery img {
  padding: 0;
  border: 0;
  margin: 0;
}
#gallery .ad-thumbs img {height: 60px;}
#gallery .ad-thumb-list {margin: 0;}

#menu-porfolio-galeria li {
    border-right: 1px solid #555;
    display: inline;
    padding: 0 6px 0 5px;
}
#menu-porfolio-galeria li:last-child {
    border-right: 0 none;
}

/*#colorbox {top: 30px !important;}*/

.page .page img {
     max-width: 900px;
     height: auto;
    margin-bottom: 15px;
}
#ramy-outer .post .wp-post-image, #ramy-outer .page .wp-post-image {
    margin-bottom: -15px;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 15px auto;
}

.alignright {
    float:right;
    margin: 5px 0 15px 15px;
}

.alignleft {
    float:left;
    margin: 5px 15px 15px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 15px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 15px 15px;
}

a img.alignnone {
    margin: 5px 15px 15px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 15px 15px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 15px 15px 0;
}

.wp-caption.alignleft {
    margin: 5px 15px 15px 0;
}

.wp-caption.alignright {
    margin: 5px 0 15px 15px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/* form, inne */

input, textarea {padding: 3px 5px; border: 1px solid #ddd; margin: 0;}
div.wpcf7 {}
.wpcf7-form-control-wrap {/*position: static !important;*/}
.wpcf7-captchar {width: 80px;}
.wpcf7-captchac {vertical-align: top; margin: 0 auto !important; padding: 1px !important; border: 1px solid #ddd !important; background-color: #fff;}
.wp-smiley {border: 0px !important; margin: 0 !important;}

/* listy */
ol, ul, dir, menu, dd, #tresc .menu {margin: 0px; list-style-type: none; padding: 5px;}
ol { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol { margin: 0; padding: 0;}

.page ul, .page ol {list-style-type: inherit; margin: 5px 0 5px 25px; }
.page ul, .page ol {padding: 1px 0;}

/* clear */

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
* html .clearfix {
	    height: 1%; /* IE5-6 */
}
*+html .clearfix {
		display: inline-block; /* IE7not8 */
}

/*.clearfix:before,*/ .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
/*    width: 0;*/
}
.clearfix:after {
    clear: both;
}

/* slider */
#slide-frame, #ramy .easingsliderlite {margin: 0 auto !important;}


/* menu gallery */

#tresc .menu {
    margin: 5px auto 10px;
    padding: 0;
    text-align: center;
    font-size: 14px;
}

/* menu down */

#myslidemenu ul li ul {box-shadow: 0px 3px 3px #aaa;}
#myslidemenu ul li ul li a {border: 0; }
#myslidemenu ul li ul li a:hover {border: 0; border-radius: 0;}
#myslidemenu .children {z-index: 20;}

.jqueryslidemenu{
text-align: center;
font-size: 15px;
position: relative;
z-index: 10;
text-transform: uppercase;
}

.jqueryslidemenu ul{
margin: 0 auto;
padding: 0;
list-style-type: none;
-moz-opacity: 0.99; opacity: 0.99;
}

.sub-menu .sub-menu {z-index: -1;}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline-block;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
/*background: #eee; background of tabs (default state)*/
padding: 4px 10px;
color: #999;
text-decoration: none;
border: 1px solid transparent;
border-radius: 10px 10px 0 0;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
filter: Alpha(Opacity=98, Style=0);
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #DDDDDD;
text-shadow: 0 1px 1px #000000;
}

.jqueryslidemenu ul li a:hover{
background: #292929; /*tab link background during hover state*/
color: #fff;
text-decoration: none;
border-radius: 10px 10px 0 0;
border: 1px solid #292929;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font-size: 13px;
width: 140px; /*width of sub menus*/
padding: 8px 5px;
margin: 0;
border-top-width: 0;
text-align: left;
background-color: #494949;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #393939;
color: #eee;
text-decoration: none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 10px;
right: 5px;
}

/* cytat */

blockquote {
display: block;
padding: 0 10px;
margin: 20px auto;
font-style: italic;
font-size: 13px;
line-height: 21px;
color: #999;
font-family: Georgia;
text-align: justify;
}
blockquote:before, blockquote:after {
color: #aaa;
display: block;
font-size: 300%;
width: 5px;
}
blockquote:before {
content: open-quote;
height: 0;
margin-left: -2%;
}
blockquote:after {
content: close-quote;
height: 5px;
margin-left: 100%;
}
