/*
Theme Name: OnlineFotoKönyv.hu
Theme URI: http://gsc.hu/
Description: OnlineFotoKönyv.hu design
Version: 1.0
Author: Geiger Tamas
Author URI: http://gsc.hu/
*/



/* Begin Typography & Colors */
body {
        font-size: 62.5%; /* Resets 1em to 10px */
        font-family: Georgia, Verdana, Arial, Sans-Serif;
        background: #b3b3b3 url(images/bg-site-silver.png) repeat-x left top;
        color: #333;
        margin: 0;
        padding: 0;
}

div, p, ul, ol, li, h1, h2, h3 {
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 1em;
        font-weight: normal;
}

.hidetext,
.page-id-4 #content h1 span,
.page-id-5 #content h1 span,
.page-id-71 #content h1 span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#page {
  background: transparent url(images/bg-header-100.png) no-repeat center top;
  margin: 0 auto;
  padding: 0;
}

a {
  color: #f29700;
  text-decoration: underline;
}

a:hover {
  color: #f29700;
  text-decoration: none;
}

#header {
  margin: 0 auto;
  width: 990px;
  height: 100px;
  position: relative;
}

.sitetitle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 290px;
  height: 100px;
}

.sitetitle a {
  display: block;
  width: 290px;
  height: 100px;
}

#headershadow {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  height: 20px;
  background: transparent url(images/bg-header-shadow-default.png) no-repeat center bottom;
}
        
.home #headershadow {
  background: transparent url(images/bg-header-shadow-home.png) no-repeat center bottom;
}

.page-id-2 #headershadow {
  background: transparent url(images/bg-header-shadow-xpress.png) no-repeat center bottom;
}
        
.page-id-3 #headershadow {
  background: transparent url(images/bg-header-shadow-krafter.png) no-repeat center bottom;
}
        
#portfoliomenu {
  position: absolute;
  left: 570px;
  top: 11px;
  list-style: none;
}

#portfoliomenu,
#portfoliomenu li,
#portfoliomenu li a {
  color: #c54a41;
  text-decoration: none;
}

#portfoliomenu li a:hover {
  color: #333;
  text-decoration: none;
}

#portfoliomenu li {
  float: left;
  font-size: 1.3em;
}

#portfoliomenu li a {
  display: block;
  padding: 0 5px;
}

#sitemenu {
  position: absolute;
  left: 290px;
  top: 52px;
  list-style: none;
}

#sitemenu,
#sitemenu li,
#sitemenu li a {
  color: #333;
  text-decoration: none;
}

#sitemenu li a:hover {
  color: #fff;
  text-decoration: none;
}

#sitemenu li {
  float: left;
  font-size: 1.3em;
  text-transform: uppercase;
}

#sitemenu li a {
  display: block;
  padding: 8px 10px;
}

#sitecontent {
  margin: 0 auto;
  width: 990px;
  background: transparent url(images/bg-content.png) repeat-y left top;
}

#content {
  min-height: 400px;
  background: transparent url(images/bg-content-default.png) no-repeat left top;
}

.home #content {
  background: transparent url(images/bg-content-home.png) no-repeat left top;
  height: 870px;
  position: relative;
}

.page-id-2 #content {
  background: transparent url(images/bg-content-xpress.png) no-repeat left top;
  min-height: 1033px;
}

.page-id-3 #content {
  background: transparent url(images/bg-content-krafter.png) no-repeat left top;
  min-height: 1031px;
}

#footer {
  clear: both;
  margin: 0 auto 20px auto;
  padding: 25px 0 0 0;
  background: transparent url(images/bg-footer.png) no-repeat left top;
  width: 990px;
  height: 29px;
  position: relative;
  text-align: center;
  color: #fff;
}

#footeroflogo {
  position: absolute;
  left: 8px;
  top: 18px;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(images/logo-onlinefoto.png) no-repeat left top;
  width: 56px;
  height: 25px;
}

#footerpxllogo {
  position: absolute;
  right: 12px;
  top: 20px;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(images/logo-pxlsoft.png) no-repeat left top;
  width: 43px;
  height: 21px;
}

.post-entry,
.post-entry p,
.post-entry ul,
.post-entry td {
        line-height: 1.4em;
        font-size: 1.1em !important;
        }

.post-entry p {
        margin-bottom: 10px;
        }

.post-entry ul {
        list-style-position: inside;
}

.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

        border-left: 1px solid #ddd;
}

small {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 0.9em;
        line-height: 1.5em;
        }

.posttitle {
        font-size: 2.0em;
        font-weight: bold;
        margin-bottom: 12px;
        }

#sidebar .widget {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

#sidebar h2,
#leftsidebar h2 {
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 1.2em;
        }

#sidebar h2 {
  margin: 10px 0;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
}

#sidebar h2,
#sidebar h2 a {
  color: #003366 !important;
}

#sidebar .featuredpagewidget {
  margin: 0 0 20px 0;
  text-align: center;
}

#sidebar .featuredpagewidget p {
  margin: 10px 0;
  font-size: 1.4em;
}

.post h2 {
        clear: both;
        font-size: 1.5em;
        font-weight: bold;
        margin: 0;
}

.post h2,
.post h2 a {

}

h3 {
        font-size: 1.3em;
        font-weight: bold;
        margin: 5px 0 5px 0;
        }

.post table {
        margin-top: 20px;
        margin-bottom: 20px;
}

small,
#sidebar ul ul li,
#sidebar ul ol li,
#leftsidebar ul ul li,
#leftsidebar ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike {
        color: #333;
        }

code {
        font: 1.1em 'Courier New', Courier, Fixed;
        }

acronym, abbr, span.caps
{
        font-size: 0.9em;
        letter-spacing: .07em;
        }

/* End Typography & Colors */



/* Begin Structure */
.post {
        text-align: justify;
        }

.post hr {
        display: block;
        }

.clear {
        clear: both;
}

/* End Structure */



/* Begin Images */
p img {
        padding: 0;
        max-width: 100%;
        }

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        clear: left;
        padding: 4px;
        margin: 0 17px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left;
        }
/* End Images */



/* Begin Lists

        Special stylized non-IE bullets
        Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .post-entry ul {
        margin-left: 0px;
        padding: 0 0 0 30px;
        padding-left: 10px;
        }

html>body .post-entry li {
        margin: 7px 0 8px 10px;
        display: list-item;
        }

/*html>body .post-entry li:first-letter {
        font-size: 1.5em;
        }
*/
.post-entry ol {
        padding: 0 0 0 35px;
        margin: 0;
        }

.post-entry ol li {
        margin: 0;
        padding: 0;
        }

.postmetadata ul, .postmetadata li {
        display: inline;
        list-style-type: none;
        list-style-image: none;
        }

#sidebar ul,
#sidebar ul ol,
#leftsidebar ul,
#leftsidebar ul ol {
        margin: 0;
        padding: 0;
        }

#sidebar ul li,
#leftsidebar ul li {
        list-style-type: none;
        list-style-image: none;
        margin-bottom: 15px;
        }

#sidebar ul p, #sidebar ul select,
#leftsidebar ul p, #leftsidebar ul select {
        margin: 5px 0 8px;
        }

#sidebar ul ul, #sidebar ul ol,
#leftsidebar ul ul, #leftsidebar ul ol {
        margin: 5px 0 0 10px;
        }

#sidebar ul ul ul, #sidebar ul ol,
#leftsidebar ul ul ul, #leftsidebar ul ol {
        margin: 0 0 0 10px;
        }

ol li,
#sidebar ul ol li,
#leftsidebar ul ol li {
        list-style: decimal outside;
        }

#sidebar ul ul li, #sidebar ul ol li,
#leftsidebar ul ul li, #leftsidebar ul ol li {
        margin: 3px 0 0;
        padding: 0;
        }
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
        margin: 10px auto;
        padding: 5px 3px;
        text-align: center;
        }

#sidebar #searchform #s {
        width: 108px;
        padding: 2px;
        }

#sidebar #searchsubmit {
        padding: 1px;
        }

.post-entry form { /* This is mainly for password protected posts, makes them look better. */

        }

select {
        width: 130px;
        }

/* End Form Elements */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
        cursor: help;
        }

acronym, abbr {
        border-bottom: 1px dashed #999;
        }

blockquote {
        margin: 15px 30px 0 10px;
        padding-left: 20px;
        border-left: 5px solid #ddd;
        }

blockquote cite {
        margin: 5px 0 0;
        display: block;
        }

.center {
        text-align: center;
        }

.hidden {
        display: none;
        }
        
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
        display: none;
        }

a img {
        border: none;
        }

.navigation {
        display: block;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 60px;
        }
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.breadcrumb {
  margin: 0 0 10px 0;
  font-size: 1.1em;
}

#wpcf {
  margin: 10px 0;
}

#wpcf label {
  display: block;
  margin: 10px 0 5px 0;
}

#wpcf label#wpcf_cccopy_caption {
  display: inline;
}

#wpcf_your_name,
#wpcf_email,
#wpcf_website {
  width: 400px;
}

#wpcf textarea {
  width: 400px;
  height: 325px;
}

#contactsubmit {
  margin-top: 20px;
}

.wp-caption.alignleft {
  margin: 0 10px 10px 0;
}

.wp-caption.alignright {
  margin: 0 0 10px 10px;
}

.wp-caption-text {
  text-align: center;
}

#home-xpress,
#home-krafter {
  position: relative;
  float: left;
  width: 471px;
  height: 410px;
  padding: 12px;
  text-align: center;
}

#home-xpress {
  background: transparent url(images/fotokonyv-xpress.png) no-repeat 19px 40px;
}

#home-krafter {
  background: transparent url(images/fotokonyv-krafter.png) no-repeat 20px 40px;
}

#home-xpress h2,
#home-krafter h2 {
  position: absolute;
  left: 0;
  top: 295px;
  width: 440px;
  font-size: 1.5em;
}

#home-xpress h3,
#home-krafter h3 {
  position: absolute;
  left: 0;
  top: 330px;
  width: 440px;
  font-size: 1.5em;
}

#home-xpress h3 {
  left: 50px;
}

#home-xpress-content,
#home-krafter-content {
  position: absolute;
  left: 0;
  top: 360px;
  text-align: center;
  width: 440px;
  font-size: 1.2em;
}

#home-xpress-content {
  left: 50px;
}

#home-xpress-content a {
  color: #fff;
}

#home-xpress-content a:hover {
  color: #333;
}

#home-krafter-content a {
  color: #8e5901;
}

#home-krafter-content a:hover {
  color: #333;
}

.productinfos {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 169px;
  height: 35px;
  background: transparent url(images/button-megismerem2.png) no-repeat left top;
}

.downloadproduct {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 169px;
  height: 35px;
  background: transparent url(images/button-letoltom.png) no-repeat left top;
}

#productinfos-home-xpress {
  position: absolute;
  right: 30px;
  top: 120px;
}

#downloadproduct-home-xpress {
  position: absolute;
  right: 30px;
  top: 170px;
}

#productinfos-home-krafter {
  position: absolute;
  left: 30px;
  top: 120px;
}

#downloadproduct-home-krafter {
  position: absolute;
  left: 30px;
  top: 170px;
}

#xpress-screenshots {
  position: absolute;
  bottom: 15px;
  left: 110px;
  text-align: center;
}

#krafter-screenshots {
  position: absolute;
  bottom: 15px;
  right: 100px;
  text-align: center;
}

#xpress-screenshots img,
#krafter-screenshots img {
  margin-right: 10px;
}

#shippinginfo {
  text-align: center;
}

#shippinginfo h2 {
  padding: 30px 0 20px 0;
}

#tocbar {
  float: left;
  clear: left;
  width: 306px;
}

#tocbar ul {
  margin: 20px 0;
  list-style: none;
}

#tocbar ul li {
/*  margin-bottom: 10px; */
  padding: 9px 25px;
  font-size: 1.4em;
}

#tocbar ul li a {
  color: #fff;
  text-decoration: none;
}

#tocbar ul li a:hover {
  color: #333;
}

#tocbar ul li.currenttopic {
  background-color: #c0e4e7;
  color: #333;
}

#tocbar ul li.currenttopic a {
  color: #333;
}

#tocbar ul li.currenttopic a:hover {
  color: #fff;
}

.page-id-3 #tocbar ul li a {
  color: #333;
  text-decoration: none;
}

.page-id-3 #tocbar ul li a:hover {
  color: #425096;
}

.page-id-3 #tocbar ul li.currenttopic {
  background-color: #fff;
  color: #425096;
}

.page-id-3 #tocbar ul li.currenttopic a {
  color: #425096;
}

.page-id-3 #tocbar ul li.currenttopic a:hover {
  color: #425096;
}

#productdetails {
  float: right;
  width: 672px;
  margin: 20px 12px 20px 0;
}

#productdetails h1 {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#productdetails h2 {
  font-size: 1.8em;
  font-weight: bold;
  margin: 0 0 30px 0;
  padding: 5px 20px 5px 20px;
  line-height: 1.3em;
}

#productdetails img {
  margin: 20px auto;
  text-align: center;
}

#productdetails .post-entry p,
#productdetails .post-entry li {
  font-size: 1.4em !important;
  margin-left: 20px;
}

#productdetails .post-entry p {
  width: 630px;
}

#productdetails .post-entry {
  position: relative;
}

#productdetails .post-entry div {
  display: none;
  position: absolute;
  width: 672px;
}

.page-id-2 #productdetails h2 {
  background-color: #f29700;
}

.page-id-3 #productdetails h2 {
  background-color: #c0e4e7;
}

#downloadbox {
  width: 300px;
  float: left;  
  text-align: center;
  margin-top: 20px;
}

#productmotto {
  font-size: 1.8em;
  font-weight: bold;
  margin: 0 0 15px 0;
}

#downloadinfo {
  color: #333;
  font-size: 1.2em;
  margin: 0 0 15px 0;
}

.page-id-3 #downloadinfo {
/*  color: #b39432; */
}

#downloadbox .downloadproduct {
  margin: 0 0 0 25px;
  width: 272px;
  height: 56px;
}

.page-id-2 #downloadbox .downloadproduct {
  background-image: url(images/button-letoltom-nagy-cian.png);
}

.page-id-3 #downloadbox .downloadproduct {
  background-image: url(images/button-letoltom-nagy-narancs.png);
}

.samples-slideshow {
  clear: both;
  width: 987px;
  height: 339px;
  margin: 0 auto;
  background: transparent url(images/bg-slideshow.png) no-repeat left top;
}

.samples-slideshow-content {
  position: relative;
}

.home .samples-slideshow {
  position: absolute;
  bottom: 0;
  left: 6px;
}

.samples-slideshow-images {
  display: block;
  position: absolute;
  left: 47px;
  top: 27px;
  height: 235px;
  width: 880px;
  background-color: #fff;
  z-index: 90;
  overflow: hidden;
}

.samples-slideshow-images ul {
  list-style: none;
/*  width: 2000px; */
  margin: 20px 0;
  position: absolute;
  left: 0;
  top: 0;
}

.samples-slideshow-images ul li {
  float: left;
  margin: 0 10px;
}

.samples-slideshow-images ul li a {

}

.samples-slideshow-images ul li img {
  border: 0;
}

.samples-prices {
  display: block;
  position: absolute;
/*  bottom: 18px; */
  top: 275px;
  left: 145px;
  width: 700px;
  height: 50px;
}

.samples-slideshow-scrollleft {
  display: block;
  position: absolute;
  left: 20px;
  top: 19px;
  width: 75px;
  height: 252px;
  background: transparent url(images/bg-slideshow-scrollleft.png) no-repeat left top;
  z-index: 99;
}

.samples-slideshow-scrollright {
  display: block;
  position: absolute;
  right: 20px;
  top: 19px;
  width: 75px;
  height: 252px;
  background: transparent url(images/bg-slideshow-scrollright.png) no-repeat left top;
  z-index: 99;
}

.page-id-4 #content h1 {
  width: 782px;
  height: 75px;
  background: transparent url(images/header-fotokonyv-arak.png) no-repeat left top;
  margin: 0 auto 20px auto;
}

.page-id-5 #content h1 {
  width: 614px;
  height: 77px;
  background: transparent url(images/header-letoltes.png) no-repeat left top;
  margin: 0 auto 20px auto;
}

.page-id-71 #content h1 {
  width: 781px;
  height: 77px;
  background: transparent url(images/header-szallitas.png) no-repeat left top;
  margin: 0 auto 20px auto;
}

.page-id-4 .post {
  padding: 20px;
}

.page-id-71 .post {
  padding: 20px 60px;
}

.page-id-5 .post {
  padding: 20px 0;
}

.photobooktypes {
  float: left;
  margin: 0 0 0 60px !important;
  padding: 0 !important;
  border: 0;
  width: 200px;
  list-style: none;
}

.photobooktypes li {
  display: block;
  clear: left;
  margin: 0 !important;
}

.photobooktypes li a {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 200px;
  height: 150px;
  color: #333;
  text-decoration: none;
}

.photobooktypes li a:hover {
  color: #F29700;
}

.photobooktypes li.photobooktypes_hardcover {
  width: 200px;
  height: 150px;
}

.photobooktypes li.photobooktypes_hardcover a {
  background: transparent url(images/bg-tab-hardcover.png) no-repeat left top;
}

.photobooktypes li.photobooktypes_hardcover a:hover,
.photobooktypes li.photobooktypes_hardcover.currenttab a {
  background: transparent url(images/bg-tab-hardcover.png) no-repeat left -150px;
}

.photobooktypes li.photobooktypes_hardcovercameo {
  width: 200px;
  height: 150px;
}

.photobooktypes li.photobooktypes_hardcovercameo a {
  background: transparent url(images/bg-tab-hardcovercameo.png) no-repeat left top;
}

.photobooktypes li.photobooktypes_hardcovercameo a:hover,
.photobooktypes li.photobooktypes_hardcovercameo.currenttab a {
  background: transparent url(images/bg-tab-hardcovercameo.png) no-repeat left -150px;
}

.photobooktypes li.photobooktypes_digitalcover {
  width: 200px;
  height: 150px;
}

.photobooktypes li.photobooktypes_digitalcover a {
  background: transparent url(images/bg-tab-digitalcover.png) no-repeat left top;
}

.photobooktypes li.photobooktypes_digitalcover a:hover,
.photobooktypes li.photobooktypes_digitalcover.currenttab a {
  background: transparent url(images/bg-tab-digitalcover.png) no-repeat left -150px;
}

#photobook_hardcovercameo {
  float: left;
  margin: 0 auto;
  padding: 20px;
  width: 600px;
  min-height: 500px;
  background: transparent url(images/bg-tab-hardcovercameo-content.png) repeat-y left top;
}

#photobook_hardcover {
  display: none;
  float: left;
  margin: 0 auto;
  padding: 20px;
  width: 600px;
  min-height: 500px;
  background: transparent url(images/bg-tab-hardcover-content.png) repeat-y left top;
}

#photobook_digitalcover {
  display: none;
  float: left;
  margin: 0 auto;
  padding: 20px;
  width: 600px;
  min-height: 500px;
  background: transparent url(images/bg-tab-digitalcover-content.png) repeat-y left top;
}

.pricelisttable {
  float: left;
  margin: 0 20px;
  text-align: center;
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
}

.pricelisttable td {
  padding: 5px;
  border: 1px solid #fff;
  border-right: 0;
  border-bottom: 0;
}

.price_size {
  text-align: left;
  vertical-align: middle;
  width: 50px;
}

.price_sheets {
  text-align: center;
  vertical-align: middle;
  width: 80px;
}

.price_price {
  text-align: right;
  vertical-align: middle;
  width: 80px;
}

.page-id-4 .post-entry h2 {
  margin-top: 15px;
  margin-bottom: 30px;
}

#photobook_hardcovercameo p,
#photobook_hardcover p {
  margin: 0 10px;
}

.pricetable {
  margin: 0 auto;
  text-align: center;
  border: 1px solid #fff;
  border-left: 0;
  border-top: 0;
}

.pricetable td {
  padding: 5px;
  border: 1px solid #fff;
  border-right: 0;
  border-bottom: 0;
}

.pricetable_sizecaption,
.pricetable_sheets {
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

.pricelist_size {
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}

.pricelist_price {
  text-align: right;
  vertical-align: middle;
}

.page-id-5 .post-entry {
  padding: 20px 30px;
}

.page-id-5 .post h1 {
  color: #333;
  font-size: 2.2em;
  text-align: center;
}

.downloadtable {
  margin: 0 auto;
}

.downloadtable td {
  padding: 5px;
  vertical-align: top;
}

#googlemaps {
  margin: 0 auto;
  width: 800px;
  height: 500px;
}

.map_shop_name {
  font-weight: bold !important;
  font-size: 1.1em !important;
  margin: 0 0 5px 0 !important;
}

.map_shop_data {
  margin: 0 !important;
}

.map_shop_openhour {
  margin: 0 !important;
}