/*
Theme Name:		wpTraveller WordPress Theme
Description:            WordPress Theme for Travelers
Version:		1.0.8
Author:			purethemes
Author URI:		https://themeforest.net/user/purethemes
Theme URI:              https://themeforest.net/user/purethemes/portfolio
License:                GNU General Public License
License URI:            https://themeforest.s3.amazonaws.com/License.zip
Tags:                   light, dark, brown
*/


/*
General structure CSS, colour version are in separated files in /css folder
*/

body {
    background-attachment: fixed;
    overflow-x:hidden;
    font-family: Frutiger, "Frutiger Linotype", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font: 14px/19px sans-serif;
}


/* help class*/
.left   { float:left }
.right  { float:right }
.clear  { clear:both }

/* reset */
ul      { list-style:none }
ul li   { margin-left:0px }

a:active, a:focus   { outline: 0; }
a                   { text-decoration: none; }
:focus              { -moz-outline-style: none; }
:-moz-any-link:focus{ outline: none; }

h1{
    font-size:32px;
    margin-bottom: 20px
}
h2 { font-size: 26px; margin-bottom: 20px }
h3 { font-size: 21px; margin-bottom: 15px }
h4 { font-size: 17px;  margin-bottom: 5px }
h5 { font-size: 14px;  margin-bottom: 5px }


p { padding-bottom: 25px; line-height: 1.6em; }

.post-excerpt p {
    line-height: 1.6em;
}
#post a{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#post a,
#post a:active,
#post a:visited {
    color: #026897;
}
p a:hover{
    border-bottom: 1px solid
}
/* layout base elements */

.container {
    width:1030px;
    margin:0px auto;
    padding: 0px ;
    position: relative;
    z-index:99;
}
.container.topcont {
    z-index:110
}
body.leftmap  .container.data-container,
body.rightmap  .container.data-container,
body.center .container.data-container{
    position: static
}

#page-wrapper {
    position: relative;
    overflow: hidden
}

#overlay {
    position: absolute;
    display: none;
    z-index:100;
    opacity:0.8;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
}

/* top area - logo, menu*/

#top h1{
    font-size:28px;
    line-height: 24px;
    float:left;
    font-weight: normal;
    margin: 5px 0px 10px 95px;
    font-family: 'Droid Serif', arial, serif;
    font-style: italic
}

#top h1 span {
    font-family: 'Droid Sans','Tahoma',sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
    display:block
}

#top h1 a {
    text-decoration: none;
}

.loading {
    background: url('images/ajaxmap.gif') no-repeat center 25px;
    height: 90px;
}

.post.loading {
    background-image: url('images/ajaxmap.gif');
    background-repeat: no-repeat;
    background-position: center 75px;
    height:auto;
}


/*
top & navigation - ribbon
*/

#header-container.ribbon {
    background: url("images/header-bw.png") no-repeat 0px bottom ;
    height: 75px;
    margin-left: -62px;
    margin-top: -2px;
    width: 1161px;
    z-index: 99;
}
#header-container.ribbon.static {
    margin-bottom: -35px;
}
.container.hasFixedHeader {
    position: relative;
    z-index: 9999;
}
body.page .hasStaticHeader .post h2.title,
body.single .hasStaticHeader .post h2.title{
    margin-bottom: 30px;
    margin-top:0px;
}
.subtitle {
    font-family: 'Droid Sans','Tahoma',sans-serif;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0;
    font-style:normal;

    text-transform: uppercase;
}
body.page .hasFixedHeader .post.top,
body.single .hasFixedHeader .post.top {
    margin-top:80px;
}
body.page .hasStaticHeader .post.top,
body.single .hasStaticHeader .post.top {
    margin-top:20px;
}
#header-container .container {
    padding:0px;
}

#header-container.ribbon #top {
    padding:1px 0px 5px;
}

#header-container.ribbon #nav {
    padding: 3px 0px 10px 0px;
    height: 30px;
    margin-right: 95px;
}

#header-container.ribbon #nav ul {
    font-family: 'Droid Serif', arial, serif;
    font-weight: normal;
    list-style:none;
    float:right
}
#nav ul a:hover {
    border-bottom: none;

}
#header-container.ribbon #nav ul.menu li {
    float: left;
    position:relative;
}

#header-container.ribbon #nav ul.menu ul {
    position:absolute;
    top:auto;
    display: none;
    padding: 5px 0px;
    margin:-1px 0 0 0px;
}

#header-container.ribbon #nav ul.menu ul ul {
    left: 200px;
    margin-top:-30px;
}

#header-container.ribbon #nav ul.menu li ul {
    border-bottom: 2px solid #444;
    z-index:109;
    -moz-border-radius: 0px 3px 3px 3px ;
    -webkit-border-radius: 0px 3px 3px 3px ;
    border-radius: 0px 3px 3px 3px;
}

#header-container.ribbon #nav ul.menu li ul li{
    float: none;
    width:773px
}

#header-container.ribbon #nav ul.menu li a{
    padding:10px;
    color:#fff;
    font-size:14px;
    display:block;
    text-decoration: none;
    position: relative;
    font-style: italic
}

#header-container.ribbon #nav ul.menu li.active > a {
    z-index:110;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

#header-container.ribbon #nav ul.menu > li ul li a {
    border: none
}

#header-container.ribbon #nav ul.menu li:hover > ul {
    display: block;
}




/*
eof: top & navigation - ribbon
*/

/*
bof: top & navigation - minimal
*/

.fixed {
    position: fixed;
    top:0px;
}

#header-container.minimal {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 0;
    width: 1030px;
    z-index: 99;
    border-bottom:2px solid #ddd;

}
#header-container.minimal.minshadow {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#header-container.minimal #top {
    padding:10px 0px 5px;
}

#header-container.minimal #top h1 {
    margin-left:40px;
}

#header-container.minimal #top h1 a {
    color:#000
}

#header-container.minimal #nav {
    margin-right: 40px;
    padding: 0 0 10px;
}

#header-container.minimal #nav ul {
    font-family: 'Droid Serif', arial, serif;
    font-weight: normal;
    list-style:none;
    float:right
}

#header-container.minimal #nav ul.menu > li {
    float: left;
    position:relative;
    margin-right: 5px
}

#header-container.minimal #nav ul.menu ul {
    position:absolute;
    top:auto;
    display: none;
    padding: 5px 0px;
    margin:-1px 0 0 0px;
}

#header-container.minimal #nav ul.menu ul ul {
    left: 200px;
    margin-top:-30px;
}

#header-container.minimal #nav ul.menu li ul {
    z-index:109;
    -moz-border-radius: 0px 3px 3px 3px ;
    -webkit-border-radius: 0px 3px 3px 3px ;
    border-radius: 0px;
}

#header-container.minimal #nav ul.menu li ul li{
    float: none;
    width:200px
}

#header-container.minimal #nav ul.menu li a{
    padding:10px;
    color:#444;
    font-size:14px;
    display:block;
    text-decoration: none;
    position: relative;

}
#header-container.minimal #nav ul.menu li ul li a{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#header-container.minimal #nav ul.menu li ul li a:hover {
    padding-left:15px;
}
#header-container.minimal #nav ul.menu li.active > a {
    z-index:110;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD #DDDDDD #FFFFFF;
    border-style: solid;
    border-width: 1px;
    z-index: 110;
    margin: 0px;
}
#header-container.minimal #nav ul.menu li ul ul {
    margin-top:-45px;
}
#header-container.minimal #nav ul.menu > li ul li a {
    border: none;
    font-style: normal
}

#header-container.minimal #nav ul.menu ul li.active > a {
    border:0px
}
#header-container.minimal #nav ul.menu li:hover > ul {
    display: block;
}

/*
EOF top & navigation - minimal
*/

#top ul.menu li.arrow {
    background: url('images/menu-arrow.png') no-repeat right center;
}
#top ul.menu ul li:hover {
    background-color: #eee
}

.top-bor {
    border-width:1px 0px 1px 0px
}

#bg-layer-cont {
    position: absolute;
}

#bg-layer {
    height: 450px;
    overflow: hidden;
    position: fixed;
    width: 540px;
    top:0px;
    left:0px;
    background: #000
}

body.leftphotos  #bg-layer,
body.layout-left #bg-layer {
    right:0px;
    left:auto
}
.bglayer-image {
    position: absolute;
    top:0px;
    left:0px;
}

#base {
    position:absolute;
    overflow: hidden;
}

#bg-layer .img {
    margin:0px;
    padding:0px;
}
#bg-layer ul {
    list-style:none;
    margin:0px;
    padding:0px;
}
#bg-layer ul li {
    float:left;
    margin:0px;
    padding:0px;
    position: relative
}
#bg-layer ul li a{
    margin:0px;
    padding:0px;
    display: block
}
/*
content
*/

#content {
    padding: 5px 0px 0px;
}
#content.hasFixedHeader {
    padding: 35px 0px 0px;
}

.home-photo-options {
    position:absolute;
    top:45%;
    right:35%;
    display:none;
    z-index:50
}
.home-photo-options.no-exif {
    right:39%;
}
.home-photo-options a {
    border-radius: 60px;
    display: block;
    float: left;
    opacity:0.7;
    margin-left: -15px;
    padding: 30px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
}

.home-photo-options .post-link {
    background-image: url('images/icons/link.png');
}
.home-photo-options .lights {
    background-image: url('images/icons/photography.png');
}
.home-photo-options .lights.on {
    background-image: url('images/icons/lightbulbon.png');
    background-color:#000;
    box-shadow:0 0 21px #000 inset;
}
.home-photo-options .exif {
    background-image: url('images/icons/lightbulb.png');
}
.exif-data {
    display: none;
    position: absolute;
    text-align: left;
    z-index:98;
    width:100%;
    height: 100%
}

.exif-data ul {
    left: 50%;
    margin: -75px 0 0 -125px;
    position: absolute;
    top: 50%;
    width: 250px;
    padding:20px 30px;
    border-radius:3px;
}

.exif-data ul li {
    font-weight: bold;
    margin: 8px 0;
    padding-bottom: 4px;
}

.exif-data ul li span {
    font-family: "Droid Serif", "Georgia", "Times New Roman",serif;
    font-size: 13px;
    font-style: italic;
    font-weight: normal
}



/*
 posts
*/

.post {
    position: relative;
    padding: 30px 40px 20px;
    margin:15px 0px 40px;
    background: #fff;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.post.highlighted {
    border-radius:5px;
    box-shadow:0px 0px 5px #000;
}

.shadow {
    background: url('https://www.pozzuolitourism.com/wp-content/themes/wptraveler/images/shadow.jpg') no-repeat bottom center;
    height: 18px;
}

.post h2.title {
    font-family: 'Droid Serif','Georgia',"Times New Roman",Times,serif;
    font-weight: normal;
    font-size:30px;
    text-align: center;
    margin-bottom: 30px;
    font-style: italic;
    line-height: 40px;
}

.post h2.title span {
    padding:0px 5px
}

/* contact form */
body.page #post ul.contactform {
    list-style:none;
}
#post ul.contactform label {
    width:100px;
    float:left;
}


/* single post */

.page .post,
.single .post {
    margin:15px 0 0px;
    padding: 30px 40px 20px;
}
.post.post-content {
    margin-top:0px;
}

#post {
    line-height: 1.8em;
    padding-bottom: 20px;
}

#post h1,
#post h2,
#post h3,
#post h4{
    font-size:16px;
    font-weight: bold;
    font-family: 'Droid Serif', arial, serif;
}

#post h3 { font-size: 18px; }
#post h2 { font-size: 21px; }
#post h1 { font-size: 24px; }
#post h5 { font-size: 14px; margin-bottom:10px; }
#post h6 { font-size: 13px;  }

h4 { margin: 10px 0px; }

blockquote,
blockquote.q-left{
    background: url("images/notepad.gif") repeat scroll left -1px transparent;
    border: 1px solid #DDDDDD;
    float: left;
    font-family: 'Droid Serif',arial,serif;
    font-size: 13px;
    font-style: italic;
    margin: 10px 25px 5px 0;
    padding: 5px 15px 5px 31px;
    width: 240px;
    position: relative;
    box-shadow: 0px 2px 3px #ddd;
}
blockquote:before {
    position: absolute;
    background: url('images/sketch.png') no-repeat;
    display: block;
    top:-13px;
    left:30%;
    width: 99px;
    height: 26px;
    content: " "
}
blockquote.q-right{
    background: url("images/notepad-r.gif") repeat scroll right -1px transparent;
    float: right;
    width:240px;
    padding:5px 35px 5px 15px;
    border-right: none;
    font-style: italic;
    font-size:13px;
    margin:10px 0px 10px 20px;
    font-family: 'Droid Serif', arial, serif;
}

blockquote p {
    line-height: 1.8em
}


/*
sidebar
*/

.widget.popular ul {
    list-style: none;
    margin: 0px;
}

.widget.popular ul li {
    float: left;
    margin:5px 5px 0px 5px
}

div.wptraveller-recent ul li {
    background: url("images/hr.png") repeat-x scroll bottom transparent;
    border-bottom: 0px dashed #DDDDDD;
    margin:0;
    overflow: hidden;
    padding: 15px 0px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

div.wptraveller-recent ul li a { display: block; }
div.wptraveller-recent ul li a.link { margin-bottom:5px }

div.wptraveller-recent ul li a:hover,
#sidebar div.wptraveller-recent ul li a:hover {
    border-bottom: none;
    color:#444
}
div.wptraveller-recent ul li span {
    font-size: 11px;
    line-height: 10px;
    font-style:italic
}
div.wptraveller-recent ul li img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    float: left;
    margin-right: 8px;
    padding: 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
div.wptraveller-recent ul li:hover img {
    background: #eee;

}
#sidebar #searchform {
    margin-left:20px;
}

.sticky {}
.bypostauthor {}
input#s {
    background: url("images/search.png") no-repeat scroll 5px 6px transparent;
    border-radius: 2px 2px 2px 2px;
    font-size: 14px;
    height: 22px;
    line-height: 1.2em;
    padding: 4px 10px 4px 28px;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #888888;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#searchform input#s:focus {
    background-color: #fff;

}
#searchform label,
input#searchsubmit {
    display: none
}

.widget.contact ul{
    list-style: none;
    margin:0px
}

.widget.contact p {
    float:right
}

#recentcomments li a.url {
    font-style: italic
}

#sidebar {
    border-left: 1px solid #DDDDDD;
    float: right;
    width: 265px;
    padding:20px 0px
}

#post.hasSidebar ,
.hasSidebar #post{
    float:left;
    width:650px;
}

#sidebar .widget {
    margin-right: 15px;
    width: 260px;
    margin-bottom: 50px;
}

/*
 single gallery
*/

#single-slider-wrap #slider {
    overflow: hidden;
    margin: 0px auto;
    width:1030px;
    height:450px;
    position: relative;
}

#single-slider-wrap #slider img {
    position: absolute;
    top:0px;
    left:0px;
}

#single-slider-wrap h2 {
    position:static;
    background:none;
    float: left;
    font-family: 'Droid Serif',arial,serif;
    font-size: 22px;
    font-weight: bold;
    margin:10px 0px;
    text-align:center;
    float:none;
    margin-bottom:0px;
    padding-bottom:0px;
}

#slider-wrapper {
    position: relative;
    background: #111;
}

#single-slider-wrap .prev {
    background: url("images/slideshow-slider-nav.png") no-repeat scroll left center transparent;
    display: block;
    height: 100%;
    margin-top: -27px;
    text-indent: -9999px;
    width: 27px;
    cursor: pointer;
    position: absolute;
    top: 23px;
    z-index: 99;
    left:-27px;
}

#single-slider-wrap  .next {
    background: url("images/slideshow-slider-nav.png") no-repeat scroll right center transparent;
    display: block;
    height: 100%;
    margin-top: -27px;
    text-indent: -9999px;
    width: 27px;
    cursor: pointer;
    position: absolute;
    top: 23px;
    right: -27px;
    z-index: 99;
}
.rightmap #single-slider-wrap .prev, .leftmap #single-slider-wrap .prev {
    left:0px;
    background: url("images/slideshow-slider-nav.png") no-repeat scroll left center transparent;

}
.rightmap #single-slider-wrap .next, .leftmap #single-slider-wrap .next {
    right:0px;
    background: url("images/slideshow-slider-nav.png") no-repeat scroll right center transparent;
}

#single-slider-wrap.horizontal {
    position: relative
}

#single-slider-wrap.horizontal .previous {
    background: url("images/slider-nav.png") no-repeat scroll left center transparent;
    display: block;
    height: 100%;
    margin-top: -27px;
    text-indent: -9999px;
    width: 27px;
    cursor: pointer;
    position: absolute;
    top: 23px;
    z-index: 99;
    left:0px;
}

#single-slider-wrap.horizontal .next {
    background: url("images/slider-nav.png") no-repeat scroll right center transparent;
    display: block;
    height: 100%;
    margin-top: -27px;
    text-indent: -9999px;
    width: 27px;
    cursor: pointer;
    position: absolute;
    top: 23px;
    right: 0px;
    z-index: 99;
}

body .single-post {
    padding:15px 0px 10px;
    overflow: hidden;
    margin-top:30px
}

#single-content h2,
body .single-post h2 {
    font-family: 'Droid Serif', arial, serif;
    font-weight: bold;
    font-size: 22px;
    float:left;
}

body .single-post .date {
    float:right;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Droid Serif', arial, serif;
    font-size: 16px;
    margin-top:10px;
    margin-right: 15px;
}

#single-content {
    padding-top:20px;
}

#single-content h2 {
    float:none;
    margin-bottom: 10px
}


/* slideshow */

#slideshow {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding:10px 0px;
}

#slideshow ul#slides-list {
    width: 62500px;
    list-style: none;
}

#slideshow ul#slides-list li {
    cursor: pointer;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 10;
}

#slideshow ul#slides-list > li:last-child {
    margin-right:150px;
}

#slideshow ul#slides-list li h2 {
    background: rgba(0, 0, 0, 0.3);
    bottom: 30px;
    font-size: 16px;
    padding: 10px;
    position: absolute;
    right: 6px;
}

#slideshow ul#slides-list li img {
    padding: 10px;
    padding: 5px;
}

#slideshow ul#slides-list li h3 span {
    display: block;
    font-size: 12px;
}

#slideshow ul#slides-list li div.singlephoto-meta-data li {
    float:none;
}
div.singlephoto-meta-data {
    top: 0;
    width: 100%;
    z-index: 999;
}

.singlephoto-tools {
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius:4px;
    padding:10px;
    z-index:999
}

.singlephoto-caption {
    background: #000;
    background:  rgba(0, 0, 0, 0.8);
    border-radius: 4px 4px 4px 4px;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    position: absolute;
    text-align: left;
    max-width: 720px;
}

.singlephoto-caption p {
    padding-bottom: 0px;
}

.singlephoto-tools a.exif-switch {
    background: url('images/photography.png') no-repeat;
    display: block;
    width:16px;
    height:16px;
    margin-right: 15px;
    text-indent: -9999px;
    float:left;
    margin-right: 10px;
}

.singlephoto-tools a.title {
    color:#fff;
    float:left;
    margin-right: 11px;
    padding:0px 5px;
}

.singlephoto-tools a.fullscreen-switch {
    background: url('images/icons/link_16x16.png') no-repeat;
    display: block;
    width:16px;
    float:left;
    height:16px;
    text-indent: -9999px
}


/*
 Comments
*/

#comments {
    padding:35px 40px 20px
}
#commentform p.logged-in-as {
    padding-bottom: 15px;
}

.comment-meta.commentdata p {
    padding:10px 0px;
}
h3#comments-number,
h3#reply-title {
    font-family: 'Droid Serif','Georgia',"Times New Roman",Times,serif;
    margin-bottom: 25px;
    font-style: italic;
    font-weight: normal;
}
h3#comments-number em {
    font-style: normal;
    font-weight: bold;
}
ol#comment_list {
    list-style:none;
    margin-bottom: 20px;
    margin-left:40px;
}

ol#comment_list #respond {
    margin: 0 0 20px;
    padding: 30px;
    overflow: hidden
}

div.avatar {
    float: left;
    left: -41px;
    position: absolute;
    background: #fff
}

#comments div.avatar img {
    padding:5px;
}

li.comment {
    position: relative;

}

li.comment.depth-2 {
    margin-left:18px;
}

li.comment.depth-3 {
    margin-left:45px;
}

li.comment.depth-4 {
    margin-left:55px;
}
.says {
    font-weight: bold;
}
.comment-meta-data { font-size:13px; }

.comment-timestamp,.fn {
    font-family: 'Droid Serif','Georgia',"Times New Roman",Times,serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}

.comment-timestamp,
.says {
    font-weight: normal
}
.reply {
    top: 9px;
    position: absolute;
    right: 0;
    font-size:10px;
    text-transform: uppercase
}
.reply a.comment-reply-link {
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    background-color: #EDEDED;
    border: medium none;
    border-radius: 0 0 0 5px;
    box-shadow: none;
    color: #444444;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 8px 10px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    text-transform: none;
    width: auto;
}
li.comment.odd .reply a.comment-reply-link div.avatar,
li.comment.odd .reply a.comment-reply-link {
    background-color: #f0f0f0
}

li.comment.odd .reply a.comment-reply-link:hover,
.reply a.comment-reply-link:hover {
    background: #fff
}
.comment-timestamp {
    display: block;
    margin-bottom: 10px;
}

.commentdata {
    margin:0px 0px 0px 25px ;
    min-height: 80px;
    padding: 15px 10px 20px 20px;
}
.comment-body {
    overflow: hidden;
    font-family: 'Droid Sans', arial, serif;
}

/*
* Comments form
*/

.logged-in-as {
    padding:0px 0px 20px 0px;
}

#form-section-data {
    width: 20%;
    float: left;
    margin-right: 35px;
}

#form-section-comment {
    width:75%;
    float:left;
    margin-bottom:15px;
}

#commentform p {
    padding-bottom: 0px
}

#form-section-comment label,
#commentform label {
    display: block;
    font-family: 'Droid Sans',arial,serif;
    font-size: 13px;
    font-style: normal;
    padding-bottom: 2px;
}



#form-section-comment textarea,
#commentform textarea,
#commentform input {
    padding:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
}
#commentform textarea {
    width:100%;
}

#form-allowed-tags {
    width:550px;
}

#commentform input {
    width: 100%;
}

.post.comments-form {
    overflow: hidden;
    margin-top: 0;
    padding-bottom: 40px;
}

#form-section-comment .form-submit,
#commentform .form-submit {
    text-align: right;
    float: right
}

#commentform .form-submit input {
    width: auto;
    box-shadow:0px;
    font-size: 13px;
    font-weight: normal;
    border:none;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    border-radius: 24px 24px 24px 24px;
    font-family: 'Droid Serif';
    font-size: 12px;
    background-color: #EDEDED;
    color: #444444;
    box-shadow:none;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 9px 16px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}
#commentform .form-submit input:hover{
    background: #ddd
}
.form-allowed-tags {
    clear: both;
    float: right;
    font-size: 11px;


}

span.required { display: none; }


/* post */

#post p {
    padding:10px 0px 20px;
}

#post h1,
#post h2,
#post h3,
#post h4{
    padding:20px 0 5px;
    margin-bottom: 0px;
}

#post h5 {
    padding:13px 0 5px;
    margin-bottom: 0px;
}

#post ol li,
#post ul li {
    padding:3px 0px ;
}

p.attachment {
    text-align: center
}
.post-meta {
    display: block;
    float:left;
    width:190px;
    padding-right: 30px;
    border-right: 1px solid #eee;
    text-align:right;
    margin-left:0px;
}

body.page .post-meta,
body.single .post-meta {
    float: none;
    overflow: hidden;
    padding: 20px 40px;
    width: 950px;
}

body.page .post-meta li,
body.single .post-meta li {
    float:right;
    background: none;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 25px;
}

.post-meta span{
    font-family: "Droid Serif",Georgia,Times,serif;
    font-size: 13px;
    font-style: italic;
}

.post-meta a {
    font-family: "Droid Sans","Helvetica Neue",arial,sans-serif;
    font-style: normal;
}

.post-meta li{
    margin:2px 0px;
    padding-right: 25px;
    padding-bottom: 5px;
}

.post-meta li.date          { background: url("images/icons/clock_16x16.png") no-repeat right top }
.post-meta li.cats          { background: url("images/icons/book_16x16.png") no-repeat right top }
.post-meta li.author        { background: url("images/icons/user_12x16.png") no-repeat right top }
.post-meta li.tags          { background: url("images/icons/tag_fill_16x16.png") no-repeat right top }
.post-meta li.comments      {  background: url("images/icons/chat_alt_fill_16x16.png") no-repeat right top }
.post-meta li.leavecomment  { background: url("images/icons/arrow_right_16x16.png") no-repeat right top }

.post-front { overflow: hidden }

.post-excerpt {
    padding-left: 20px;
    float: right;
    width:700px
}
.post-excerpt.no-meta {
    width:100%
}
.indent40,
.featured-image.indent40 {
    margin-left: -40px;
    width:1030px;
}
.video-wrapper {
    margin-left: -40px;
    width:1030px;
    text-align: center;
    background: #000;
    margin-bottom: 40px;
}


.featured-image {
    text-align: center;
    cursor:pointer;
    margin-bottom: 40px;
    position: relative
}
.featured-image img {

    margin:0px auto
}
.bw-image {
    position: absolute;
    opacity:0;
    z-index:40
}

.ajax_loaded_masonry {
    width:1030px;
    overflow: hidden;

}
.ajax_loaded_masonry.indent40 {
    margin-bottom: 40px;

}

.box {
    font-size: 11px;
    line-height: 1.4em;
    float: left;

}
.box:hover {
    background: #444
}
.box img {
    display: block;
    /*  width: 100%;*/
}
.box .more-box {
    font-family: 'Droid Serif',arial,serif;
    font-size: 19px;
    font-style: italic;
    height: 206px;
    line-height: 24px;
    position: relative;
    width: 206px;
}
.box .more-box a {
    bottom: 20px;
    margin-left: 10px;
    position: absolute;
    right: 20px;
    text-align: right;
}

#posts-scroll {
    border-radius: 50px 50px 50px 50px;
    padding: 7px 8px;
    position: fixed;
    right: 10px;
    top: 10px;
}
body.leftmap #posts-scroll,
body.rightmap #posts-scroll {
    display: none;
}
#posts-scroll #prev {
    background: url("images/prev.png") no-repeat scroll left top transparent;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#posts-scroll #next {
    background: url("images/next.png") no-repeat scroll left top transparent;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 22px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.posts-navigation {
    position: relative;
    font-family: "Droid Sans","Helvetica Neue",arial,sans-serif;;
    font-size: 22px;
    letter-spacing: -1px;
    z-index:9999
}

.posts-navigation.main {
    background-color: #969696;
    color:#fff;
    text-shadow:0px 0px 0px #000
}
.posts-navigation.main p {
    padding: 10px;
}
.posts-navigation.main  #prev_post a {
    padding-left:40px;
}
.posts-navigation.main  #next_post a {
    padding-right:40px;
}

.posts-navigation a{
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    font-size:18px;
    -moz-transition: color 0.5s ease-in-out 0s;
    -webkit-transition: color 0.5s ease-in-out 0s;
    -o-transition: color 0.5s ease-in-out 0s;
    -ms-transition: color 0.5s ease-in-out 0s;
    transition: color 0.5s ease-in-out 0s;

}
.posts-navigation a:hover{
    border-bottom: 0px;
}
.posts-navigation div p{
    padding:10px 0px 0px;
    font-size:13px;
}
.posts-navigation #prev_post p.no-image{
    padding-left:40px;
    padding-bottom: 12px;
}
.posts-navigation #next_post p.no-image{
    padding-right:40px;
    padding-bottom: 12px;
}

.posts-navigation #prev_post {
    width:40%;
    float:left;
    background: url("images/posts-prev.png") no-repeat scroll left center transparent;
    cursor: pointer;
    margin-left: -25px;
    padding-left: 25px;
}

.posts-navigation #prev_post img {
    padding:0px 15px 0px 0px;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

.posts-navigation #next_post {
    width:40%;
    float:right;
    text-align: right;
    background: url("images/posts-next.png") no-repeat scroll right center transparent;
    cursor: pointer;
    margin-right: -25px;
    padding-right: 25px;
}

.posts-navigation #next_post img {
    padding: 0px 0px 0px 15px;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.posts-navigation #next_post:hover img,
.posts-navigation #prev_post:hover img {
    opacity:0.5
}

#post label {
    display: block;
    font-size: 14px;
    padding-bottom: 3px;
    font-family: "Droid Sans","Helvetica Neue",arial,sans-serif;
}

#post label span {
    font-weight: bold;
}

#post textarea,
#post input {
    padding:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    margin-bottom: 10px;
    width:320px;
}



#post textarea {
    width: 420px;
}

#post input#submit-btn{
    width: auto;
    font-size: 13px;
    font-weight: bold;

    border:none;

    padding:5px;

}

#thumbs-scroller {
    overflow: hidden;
    width:950px;
    height:80px;
    margin:15px 0px 0px;
    position: relative
}

#thumbs-scroller .prev {
    /*    background: url("https://www.pozzuolitourism.com/wp-content/themes/wptraveler/images/slider-nav-thumbs.png") no-repeat scroll left center transparent;*/
    display: block;
    height: 100%;
    margin: -40px 0;
    text-indent: -9999px;
    width: 40px;
    cursor: pointer;
    position: absolute;
    top: 38px;
    z-index: 99;
}

#thumbs-scroller  .next {
    /*    background: url("https://www.pozzuolitourism.com/wp-content/themes/wptraveler/images/slider-nav-thumbs.png") no-repeat scroll right center transparent;*/
    display: block;
    height: 100%;
    margin: -40px 0;
    text-indent: -9999px;
    width: 40px;
    cursor: pointer;
    position: absolute;
    top: 38px;
    right: 0px;
    z-index: 99;


}

ul#thumbs {
    list-style: none;
    position: relative;
    margin-left:3px;
}

ul#thumbs li {
    float: left;
    margin:10px 2px  0px;
    /* position: relative */
    background: url("images/ajaxsmall.gif") no-repeat scroll center center;

}
ul#thumbs li.selected {



}
ul#thumbs li img {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
ul#thumbs li.selected img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
ul#thumbs li.selected a{
    display: block
}
.loader{
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 5px #999999;
    background: url("images/ajax.gif") no-repeat scroll center center #FFFFFF;
    height: 45px;
    left: 50%;
    margin: -35px 0 0 -100px;
    opacity: 0.9;
    position: fixed;
    top: 320px;
    width: 200px;
    z-index: 1000;
}



/*
 bottom
*/

a#gototop {
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: left;
    font-family: "Droid Sans","Helvetica Neue",arial,sans-serif;;
    padding-left: 20px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: -9999px;
    text-transform: uppercase;
    top: 0;
}

#footer {
    margin: 10px auto 40px;
    position: relative;
    width: 1030px;
    font-size:11px;
}
#footer a {
    color:#000;
}
#bottom {
    padding:0px 0px 30px;
    overflow:hidden;
    clear: both;
}
.page #bottom,
.single #bottom {
    padding-top:35px;
}
.footer-widgets {
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    padding: 30px 39px 20px;
    width: 950px;
}


.footer-widgets #footer-left-column,
.footer-widgets #footer-center-column,
.footer-widgets #footer-right-column {
    float:left;
    width:295px;
    margin-right: 30px;
}
.footer-widgets #footer-right-column {
    margin-right: 0px
}
.footer-widgets .widget {
    margin-bottom: 40px;
}

.widget h2 {
    font-family: 'Droid Serif','Georgia',"Times New Roman",Times,serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: left;
    padding-bottom: 0px;
    padding-left: 10px
}

.widget h2 span {
    padding: 0 5px;
}

#sidebar .widget h2 {
    padding-left:20px;
    margin-bottom: 15px;
    background: url("images/hr.png") repeat-x scroll center 60% transparent
}
.widget ul {
    margin-left:15px;
}
#sidebar .widget > p, #sidebar .widget > div,#sidebar .widget ul {
    margin-left:25px;
}
.widget ul li {
    margin:4px 0px;

    padding-left:15px
}
.widget ul li a {
    color:#000;
}
.widget em {
    font-family: "Droid Sans","Helvetica Neue",arial,sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-size:13px;
    font-weight: normal
}
.widget-contactmap {
    padding:5px;
    background: #fff;
    margin:10px 0px
}

.widget_links ul,
.widget.links ul {
    list-style:none;
    margin:0px;
    margin-left:10px;
}

.widget_links ul li,
.widget.links ul li {
    padding-left:16px;
    margin:5px 0px
}

.widget_links  ul li a,
.widget.links ul li a {
    text-decoration: none;
    font-size:14px;
}


.widget.social p {
    padding:0px 50px 10px 0px;

    font-size:14px;
}

.widget.featured {
    position: relative;
    min-height: 180px;
}
.widget.featured ul{
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding:0px;
}
.widget.featured ul li{
    background: none;
}
#sidebar .widget.featured ul li{
    background: none;
    margin: 0px;
    padding: 0px;
}
.widget.featured #featured-nav a {
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;

    display: block;
    width:24px;
    height:24px;

}
#sidebar.rightsb .widget.featured a#prev{
    right:20px;
}
#sidebar.rightsb .widget.featured a#next{
    right:50px;
}
.widget.featured a#prev{

    text-indent: -9999px;
    position: absolute;
    top:2px;
    right:10px
}
.widget.featured a#next{

    text-indent: -9999px;
    position: absolute;
    top:2px;
    right:30px
}

.widget.featured h4 {

    bottom:10px;

    font-weight: normal;
    font-size:14px;
}

.social h4 {
    font-family: "Droid Sans","Helvetica Neue",arial,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    padding-left:70px;
}
.social ul {
    list-style:none;
    margin:0px;
    overflow:hidden
}

.widget.pricing p {
    background: url("https://www.pozzuolitourism.com/wp-content/themes/wptraveler/images/camera-icon.png") no-repeat;
    padding:0px 15px 10px 70px;
    min-height: 50px;
    font-size:14px;
}




/*
 socials
*/
ul#socials li {
    float: left;
    background: none;
    padding:0px;
    margin-right:4px
}
#socials  a {
    width:50px;
    height: 44px;
    display: block;
    text-indent: -9999px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#socials a:hover {
    opacity: 0.8;
    border:0px;
    text-decoration: none;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
}


#socials #aim a{ background: url("images/socials/AIM.png") no-repeat left center; }
#socials #apple a{ background: url("images/socials/Apple.png") no-repeat left center; }
#socials #appleping a{ background: url("images/socials/Apple-Ping.png") no-repeat left center; }
#socials #behance a{ background: url("images/socials/Behance.png") no-repeat left center; }
#socials #blogger a{ background: url("images/socials/Blogger.png") no-repeat left center; }
#socials #cargo a{ background: url("images/socials/Cargo.png") no-repeat left center; }
#socials #delicious a{ background: url("images/socials/delicious.png") no-repeat left center; }
#socials #designfloat a{ background: url("images/socials/Design-Float.png") no-repeat left center; }
#socials #designmoo a{ background: url("images/socials/DesignMoo.png") no-repeat left center; }
#socials #deviantart a{ background: url("images/socials/deviantart.png") no-repeat left center; }
#socials #dopplr a{ background: url("images/socials/Dopplr.png") no-repeat left center; }
#socials #dribbble a{ background: url("images/socials/Dribbble.png") no-repeat left center; }
#socials #ember a{ background: url("images/socials/Ember.png") no-repeat left center; }
#socials #evernote a{ background: url("images/socials/Evernote.png") no-repeat left center; }
#socials #facebook a{ background: url("images/socials/facebook.png") no-repeat left center; }
#socials #forrst a{ background: url("images/socials/Forrst.png") no-repeat left center; }
#socials #google a{ background: url("images/socials/google.png") no-repeat left center; }
#socials #lastfm a{ background: url("images/socials/lastfm.png") no-repeat left center; }
#socials #linkedin a{ background: url("images/socials/linkedin.png") no-repeat left center; }
#socials #paypal a{ background: url("images/socials/PayPal.png") no-repeat left center; }
#socials #reddit a{ background: url("images/socials/reddit.png") no-repeat left center; }
#socials #skype a{ background: url("images/socials/Skype.png") no-repeat left center; }
#socials #tumblr a{ background: url("images/socials/Tumblr.png") no-repeat left center; }
#socials #vimeo a{ background: url("images/socials/vimeo.png") no-repeat left center; }
#socials #wordpress a{ background: url("images/socials/Wordpress.png") no-repeat left center; }
#socials #youtube a{ background: url("images/socials/youtube.png") no-repeat left center; }
#socials #twitter a{ background: url("images/socials/twitter.png") no-repeat left center; }
#socials #tumblr a{ background: url("images/socials/Tumblr.png") no-repeat left center; }




/* Images --------- */

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


.wp-caption {
    max-width:100%;
    position: relative;
}
.wp-caption a {
    display: block
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    display: block;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#post .wp-caption p.wp-caption-text,
.wp-caption p.wp-caption-text {
    bottom: 5px;
    font-size: 12px;
    margin: 0;
    padding: 5px 15px;
    position: absolute;
    right: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


img.size-large {
    max-width:100%;
    height: auto
}
.aligncenter{ display:block;  margin:0 auto}
.alignright{ float:right;  margin:10px 0 10px 10px}
.alignleft{ float:left;  margin:10px 10px 10px 0}
.floatleft{ float:left}
.floatright{ float:right}
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}

.wp-smiley{margin:0 !important; max-height:1em}
blockquote.left{margin-right:20px; text-align:right; margin-left:0; width:33%; float:left}
blockquote.right{margin-left:20px; text-align:left; margin-right:0; width:33%; float:right}

/* Wp calendar --------- */

#wp-calendar caption {
    width: 100%;

    border-radius: 24px 24px 24px 24px;

    font-family: 'Droid Serif';
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 9px 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;

}
#wp-calendar {
    border-collapse:collapse;
    width: 100%;
    text-align: center;
}

#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
    color:#444;
}
#wp-calendar  td {
    padding: 7px 3px;
}

#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#wp-calendar #prev {
    text-align: left;
    padding-right: 10px;
}
#wp-calendar #next a,
#wp-calendar #prev a {

    border-radius: 24px 24px 24px 24px;

    font-family: 'Droid Serif';
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 6px 16px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}

#calendar_wrap {
    display: block;
    width: 95%;
    padding: 0 1px 1px 0;
    margin:0 auto;
}


/*
shortcodes
*/

.box-ok-outer {
    border:1px solid #afcd7f;
    margin:20px 0px;
}
.box-ok {
    border:3px solid #fff;
    background: #f6ffec;
    padding:15px;
    color:#608722;
    font-size:14px;
    font-family: "Droid sans", arial, serif
}

#post .box-ok p {
    background: url("images/ok.png") no-repeat top left;
    padding-left: 45px;
}

.box-question-outer {
    border:1px solid #a2c2d4;
    margin:20px 0px;
}
.box-question {
    border:3px solid #fff;
    background: #eef8ff;
    padding:15px;
    color:#327a97;
    font-size:14px;
    font-family: "Droid sans", arial, serif
}
#post .box-question p {
    background: url("images/question.png") no-repeat top left;
    padding-left: 45px;
}

.box-error-outer {
    border:1px solid #e7895b;
    margin:20px 0px;
}
.box-error {
    border:3px solid #fff;
    background: #FFEFE8;
    padding:15px;
    color:#cf4913;
    font-size:14px;
    font-family: "Droid sans", arial, serif
}
#post .box-error p {
    background: url("images/boxerror.png") no-repeat 5px 5px;
    padding-left: 45px;
}

.box-info-outer {
    border:1px solid #deae62;
    margin:20px 0px;
}
.box-info {
    border:3px solid #fff;
    background: #ffedd0;
    padding:15px;
    color:#de8a19;
    font-size:14px;
    font-family: "Droid sans", arial, serif
}
#post .box-info p {
    background: url("images/info.png") no-repeat top left;
    padding-left: 45px;
}

.half, .half-last {
    float: left;
    margin: 0px 6% 20px 0;
    width: 47%;
}

.half-last {
    margin-right: 0;
}

.one-three, .one-three-last {
    float: left;
    margin: 0px 4% 20px 0;
    width: 30%;
}
.one-three-last {
    margin-right: 0;
}
.one-fourth, .one-fourth-last {
    float: left;
    margin: 0px 2% 20px 0;
    width: 23%;
}
.one-fourth-last {
    margin-right: 0;
}
.one-fifth, .one-fifth-last {
    float: left;
    margin: 0px 2% 20px 0;
    width:18%;
}
.one-fifth-last {
    margin-right: 0;
}

.three-fourth {
    float: left;
    margin: 0px 4% 20px 0;
    width: 73%;
    margin-right: 0;
}
.three-three {
    float: left;
    margin: 0px 5% 20px 0;
    width: 66%;
    margin-right: 0;
}

.two-fifth {
    float: left;
    margin: 0px 4% 20px 0;
    width:38%;

}

.three-fifth {
    float: left;
    margin: 0px 5% 20px 0;
    width: 58%;
    margin-right: 0;
}


hr {
    height: 0px;
    clear: both;
    margin: 15px 0px;
}

.hr {
    text-align: right;
    font-size:11px;
    text-transform: uppercase;
    cursor: pointer;
    clear: both;
    background: url("images/hr.png") repeat-x scroll center 60% transparent;
}
.hr span {
    padding-left:10px;
    background: #fff
}

div.purelist ul {
    list-style: none;
}
#post div.purelist li {
    padding-left:20px;
}
div.asterisk li { background: url("images/lists/asterisk_yellow.png") no-repeat 0px 5px transparent; }
div.go li { background: url("images/lists/bullet_go.png") no-repeat 0px 5px transparent; }
div.bullet_green li { background: url("images/lists/bullet_green.png") no-repeat  0px 5px transparent; }
div.bullet_orange li { background: url("images/lists/bullet_orange.png") no-repeat  0px 5px transparent; }
div.bullet_pink li { background: url("images/lists/bullet_pink.png") no-repeat  0px 5px transparent; }
div.bullet_purple li { background: url("images/lists/bullet_purple.png") no-repeat 0px 5px transparent; }
div.bullet_star li { background: url("images/lists/bullet_star.png") no-repeat 0px 5px transparent; }
div.bullet_red li { background: url("images/lists/bullet_red.png") no-repeat 0px 5px transparent; }
div.bullet_yellow li { background: url("images/lists/bullet_yellow.png") no-repeat 0px 5px transparent; }
div.information li { background: url("images/lists/information.png") no-repeat 0px 5px transparent; }
div.key li { background: url("images/lists/key.png") no-repeat 0px 5px transparent; }
div.lightning li { background: url("images/lists/lightning.png") no-repeat 0px 5px transparent; }
div.picture li { background: url("images/lists/picture.png") no-repeat 0px 5px transparent; }
div.star li { background: url("images/lists/star.png") no-repeat 0px 5px transparent; }
div.tag_green li { background: url("images/lists/tag_green.png") no-repeat 0px 5px transparent; }
div.tag_orange li { background: url("images/lists/tag_orange.png") no-repeat 0px 5px transparent; }
div.tag_pink li { background: url("images/lists/tag_pink.png") no-repeat 0px 5px transparent; }
div.tag_purple li { background: url("images/lists/tag_purple.png") no-repeat 0px 5px transparent; }
div.tag_red li { background: url("images/lists/tag_purple.png") no-repeat 0px 5px transparent; }
div.tag_yellow li { background: url("images/lists/tag_purple.png") no-repeat 0px 5px transparent; }




.tabs-content .tab {
    display:none;
    line-height: 1.6em;
    margin-top: 0px;
    padding: 15px;
    -webkit-border-radius: 0 0 4px 4px ;
    -moz-border-radius: 0 0 4px 4px ;
    border-radius:  0 0 4px 4px;
}
.tabs-content {
    margin-top:-1px
}

body.page #post ul.tabs, body.single #post ul.tabs, ul.tabs {
    list-style: none;
    margin:0px;
    margin-top:25px;
    padding:3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#post ul.tabs li {
    display: inline;
    padding:10px 10px 8px;
    margin:0px 0px 0px 3px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    font-size: 15px;
    cursor: pointer;
    border-bottom: 0px;
}

ul.tabs li a {

    text-decoration: none
}

#post div.accordion {
    margin:10px 0px
}

#post div.accordion h4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding:7px;
    margin:2px 0px 0px;
    cursor:pointer
}

#post div.accordion h4 a{
    text-decoration: none;
    padding-left:10px
}

#post div.accordion div {
    border-top:none;
    padding:5px 15px 15px;
    font-family: "Droid Sans", arial serif;
    -webkit-border-radius: 0 0 4px 4px ;
    -moz-border-radius: 0 0 4px 4px ;
    border-radius:  0 0 4px 4px;
    background: #fff
}


#post h4.toggle-trigger {
    -moz-border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    margin: 2px 0 20px;
    padding: 7px;
}
#post h4.toggle-trigger.active {
    margin-bottom: 0px
}


/* Fixes --------- */
#post .gallery img.attachment-thumbnail {
    padding:5px;

}
.gallery-item {
    margin:2px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#post .gallery-item img {

    border: 2px solid #fff;
    height:auto;
}
#post #content-left .gallery-item img,
#post #content-right .gallery-item img {
    width:270px;
}
.gallery-caption {
    font-family: "Droid Sans","Helvetica","Arial",sans-serif;
    background: #fff
}
#post .gallery .gallery-item,
#content-left .gallery .gallery-item,
#content-right .gallery .gallery-item {
    width:48%;
}

#post .gallery-columns-3 .gallery-item {
    width: 32%;
}
#post .gallery-columns-3 img.attachment-thumbnail {
    padding: 2px;
    border-radius:80px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#post .gallery-columns-3 img.attachment-thumbnail:hover {

    opacity:0.7
}
#nosidebar {
    margin-top: 40px;
}

#content-right img,
#content-left img {
    max-width: 580px;
    height: auto;
    padding: 10px;
}


h2#arch-title {
    margin-top:23px;
    font-family: 'Droid Serif',arial,serif;
    font-size: 19px;
    font-weight: bold;
    margin-left: 0;
    padding:16px 16px 25px 16px;

}
h2#arch-title span {
    text-transform: uppercase;
    font-size:27px;
    font-style: italic;
}


ul#related-posts  {
    margin:0px;
    padding:0px;
    overflow: hidden
}
#related-posts ul li {
    float:left;
    margin:5px;
    width:120px;
}
#related-posts ul li:hover img{
    opacity:.9
}
#related-posts ul li a{
    display: block;

    font-family: 'Droid Sans',arial,serif;
}

#related-posts h3 {
    border-bottom: 1px solid #E4DFD5;
    font-family: 'Droid Serif',arial,serif;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 20px;
    padding-bottom: 16px;

}
#related-posts img {
    padding-bottom: 5px;
}




#content.blog .post {
    float:none;
}
#content.blog .post.text {
    width:899px;
    height:100%;
    padding-left:30px;
    line-height: 1.6em;
}
#content.blog .post.text p {
    padding:10px 0px;
    font-size: 14px;
}
#content.blog .post.text h2 {
    font-size:18px;
    margin-top:7px;
    margin-bottom:7px;
}

#content.blog  #post-meta {
    margin:10px 0px;
}


/* no-js */
body.no-js .loader,
body.no-js #thumbs-scroller .prev,
body.no-js #thumbs-scroller .next,
body.no-js #single-slider-wrap .prev ,
body.no-js #single-slider-wrap .next,
body.no-js .widget.featured,
body.no-js #slider-wrap {
    display:none;
}
body.no-js #thumbs-scroller { height: auto }



.loader {

    height: 77px;
    left: 50%;
    margin: -35px 0 0 -120px;
    opacity: 0.9;
    position: fixed;
    top: 400px;
    width: 240px;
    z-index: 1000;
}

body.page #post ul,
body.single #post ul{
    list-style:circle;
    margin-top: 5px;
    margin-bottom: 15px;
}

body.page #post div.purelist ul,
body.single #post div.purelist ul {
    list-style:none;
    margin-top: 10px;
}

.dropcap  {
    float: left;
    font-family: "Droid Serif","Tahoma",sans-serif;
    font-size: 50px;
    padding: 15px 5px 0 0;
}
.highlight {
    background:#FFF5AF;
    color: #4C5357;
}
/*
404
*/
.post.error404 {
    margin:30px 0px 0px;
}
.post.error404 #post .half h1{
    font-size:220px;
    text-align: center;
    margin-top:80px;
}
.post.error404 .half-last h2{
    margin-top:0px;
}

.post.error404 #searchform input{
    width:auto;
}

.post.error404 p {
    margin:20px 0px;
    font-family: "Droid Sans", helvetica, arial, sans-serif
}
body.error404 #gototop {
    display: none;
}

#contactForm {
    margin-top:20px;
}
#contactForm li {
    position: relative
}
#contactForm li span.error {
    border-radius: 5px 5px 5px 5px;
    padding: 3px 3px 3px 7px;
    position: absolute;
    right: -125px;
    top: 8px;
}

#contactForm li span.error:before {

    border-color: transparent #FFFFFF transparent transparent;
    border-style: solid;
    border-width: 7px;
    content: " ";
    height: 0;
    left: -14px;
    position: absolute;
    top: 7px;
    width: 0;
}
#post ul.contactform input.button {
    width: auto
}

.bigblogshadow {
    background:  url("images/shadow-blog.png") no-repeat center bottom ;
    height:20px;
    margin-bottom: 40px;

}

a.read-more {
    float: right;
    font-family: 'Droid Serif';
    font-size: 12px;
    font-style: italic;
    letter-spacing: -1px;
    margin-bottom: 15px;
    margin-right:30px;
    border-radius: 24px 24px 24px 24px;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 9px 16px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
    -webkit-transition: background 1s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 1s ease-in-out;
    -ms-transition: background 1s ease-in-out;
    transition: background 0.5s ease-in-out;
}

a.read-more:hover {
    background-color: #ddd;
}
#related-posts {
    padding-top:20px;
}

.gallery-caption {

    border-radius: 3px 3px 3px 3px;

    padding: 0 5px;
}

body #content .gallery .gallery-caption {
    margin-left:20px;
}

.tipsy { padding: 5px; font-size: 12px;  background-repeat: no-repeat;  background-image: url(https://www.pozzuolitourism.com/wp-content/themes/images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #fff; background-color: rgba(0,0,0,0.8);  color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }



#map {
    height: 100%;
    width: 100%;
    margin: 0px;
}
#map-container {
    position: fixed;
    top:0px;
    left:0px;
    height: 100%;
    width: 100%;
}
body.leftmap #map-container ,
body.rightmap  #map-container{
    width: auto;
}
body.leftphotos .container,
body.leftmap #footer,
body.leftmap .container {
    margin:0px auto 0px 0px;
}
body.rightphotos .container,
body.rightmap #footer,
body.rightmap .container {
    margin:0px 0px 0px auto;

}

.centermaph .data-container,
.centermapb .data-container {
    margin-top:400px;
}
.centermaph .data-container.single-map-disabled,
.centermapb .data-container.single-map-disabled {
    margin-top:0px;
    position: static
}

.centermaph #map-container {
    position: absolute;
    top:0px;
    left:0px;
    height: 530px;
    width: 100%;
}

body.leftmap #map-container {
    position: fixed;
    top:0px;
    right:0px;
    left:auto;
    height: 100%;
    width: auto
}

body.centered #map-container {
    height: 420px;
    margin: 0 auto;
    overflow: hidden;
    width: 1030px;
    position: static;

}

body.centered #mapnav {
    margin-top:-62px
}
body.centered #mapnav #mapnav-buttons,
body.centered #mapnav ul#locations{
 float:right
}
body.centered #mapnav #mapnav-buttons {
    margin-right:15px;
}

#content-slider {
    background: url("images/hr.png") repeat-x scroll center 60% transparent;
    border-radius: 10px 10px 10px 10px;
    height: 2px;
    padding: 0;
    position: relative;
    cursor: w-resize;
    padding:3px
}

.ui-slider-handle {

    cursor: pointer;
    height: 8px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 25px;

}

#mapnav {
    color: #FFFFFF;
    text-align: left;
    text-shadow: 0 0 3px #000000;
    z-index: -2;
    overflow: hidden;
    margin-top:-35px;
}

#mapnav-buttons {
    float: left;
    margin:0px;
    background: #454545;

    border-radius: 24px;
    padding: 7px;
    /*box-shadow: 0 1px 2px #000000;*/
    margin:3px;
}
#mapnav-buttons li {
    float:left
}
#mapnav-buttons li {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

#mapnav-buttons #nextpoint {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    display:block;
    background: url('images/nextpoint.png') no-repeat center;
    width:22px;
    height: 22px;
    text-indent:-9999px;
}

#mapnav-buttons #prevpoint {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    display:block;
    background: url('images/prevpoint.png') no-repeat center;
    width:22px;
    height: 22px;
    text-indent:-9999px;
}

#mapnav ul#locations {
    float:left;
    margin-left:0px;
}
.rightmap #mapnav ul#locations,
.leftmap #mapnav ul#locations {
    display: none;
}

#mapnav ul#locations li{
    background: #454545;

    border-radius: 24px;
    padding:9px 15px 8px;
    /*box-shadow: 0 1px 2px #000000;*/
    margin:3px;
    display: none;
    font-family: 'Droid Serif','Georgia',"Times New Roman",Times,serif;
    font-size: 17px;
    font-style: italic;
    font-weight: normal;
}



.infoBox div img {

    border-radius: 3px 3px 3px 3px;
    margin-left: 0;
    margin-right: 12px;
    margin-top:5px;
    padding: 5px;
}
.infoBox div a {

    text-decoration: underline
}
.infoBox div hr {
    border:0px;

}
.infoBox div h4{
    background: url("images/hr.png") repeat-x scroll 50% 60% transparent;
    font-size: 18px;
    margin: 0 0 5px;
    padding-top:5px;
    text-align: center;
}
.infoBox div h4 a{
    color: #DDDDDD;
    font-family: 'Droid Serif','Georgia',"Times New Roman",Times,serif;

    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
#infobox .infobox-post {
    overflow: hidden;
    padding: 5px;
    padding-bottom: 10px;
}
#infobox p,
.infobox-post,
.infobox-post p {
    color: #EEEEEE;
    font-size: 13px;
    line-height: 1.5em;
    padding-bottom: 2px;
}
.infobox-post:hover {
    box-shadow: 10px 6px 35px #666666 inset;
}

#infobox {
    background: #454545;
    background-image: linear-gradient(bottom, rgb(69,69,69) 48%, rgb(94,94,94) 100%);
    background-image: -o-linear-gradient(bottom, rgb(69,69,69) 48%, rgb(94,94,94) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(69,69,69) 48%, rgb(94,94,94) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(69,69,69) 48%, rgb(94,94,94) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(69,69,69) 48%, rgb(94,94,94) 100%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.48, rgb(69,69,69)),
        color-stop(1, rgb(94,94,94))
        );
    border: 1px solid #313436;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px #000000;
    color: #FFFFFF;
    float: left;
    left: 0;
    margin-top: 10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    text-shadow: 0 0 3px #000000;
    top: 0;
    width: 300px;
    z-index: -2;
}

.leftmap #mapnav {
    bottom: 20px;
    position: fixed;
    right: 0;
    z-index: 9999;
}
.leftmap #mapnav-buttons {
    float:right
}
.rightmap #mapnav {
    bottom: 20px;
    position: fixed;
    left: 0;
    z-index: 9999;
}
.leftmap #mapnav-buttons {
    float:right
}
#post ul.contactform input.button {
    margin-left:102px;
}
ul.contactform input.button, a.button {
    -webkit-transition: background 1s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 1s ease-in-out;
    -ms-transition: background 1s ease-in-out;
    transition: background 0.5s ease-in-out;
    border-radius: 24px 24px 24px 24px;
    font-family: 'Droid Serif';
    font-size: 12px;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 9px 16px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
}

a.button:hover {
    background-image: none;
}
#post a.button {
    color:#000;
    -webkit-transition: background 1s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 1s ease-in-out;
    -ms-transition: background 1s ease-in-out;
    transition: background 0.5s ease-in-out;
}
#post a.button.blue { background-color: #d5dff6; color:#5c7cc4; text-shadow:0px 1px 0px #fff }
#post a.button.green { background-color: #e0f0ce; color:#395b13; text-shadow:0px 1px 0px #fff }
#post a.button.red { background-color: #ffc5bd; color:#831001; text-shadow:0px 1px 0px #fff }
#post a.button.yellow { background-color: #f9f9a7; color:#555;  text-shadow:0px 1px 0px #fff }
#post a.button.orange { background-color: #fde7c4; color:#b97d1e;  text-shadow:0px 1px 0px #fff }
#post a.button.pink { background-color: #f4d2f3; color:#850781;  text-shadow:0px 1px 0px #fff }
#post a.button.brown { background-color: #B99B76; color:#482e04;  text-shadow:0px 0px 0px #cda059 }
#post a.button.black { background-color: #111; color:#888; text-shadow:0px 0px 0px #222 }
#post a.button.black:hover {  background: #444; text-shadow:0px 0px 0px #222; color:#888; }
#post a.button:hover {
    background: #ddd;
    color:#000;

}

.map-view {
    width:100%;
    height: 200px;
    margin-bottom: 3px;
}
.map-streetview {
    width:100%;
    height: 400px;
}
.mapcont, .shortstreet-cont {
    background: none repeat scroll 0 0 #888888;
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 0 7px #FFFFFF inset, 0px 1px 2px #ddd;
    margin: 5px 0;
    padding: 10px;
}

.shortstreet-cont.vertical .map-streetview {
    width:50%;
    height: 400px;
    float:left;
}
.shortstreet-cont.vertical .map-view {
    width:50%;
    height: 400px;
    float:left;
    margin-bottom: 0px;
}

.shortmap {
    width:100%;
    height: 200px;
}


#map-loader {
    background: url("images/ajaxmap.gif") no-repeat scroll center center rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 50px #000000 inset;
    height: 530px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 90;
}
.leftmap #map-loader {
    right:0px;
    left:auto
}

#post ul#travel-posts-lists {
    list-style: none;
    margin:0px;
}
#post ul#travel-posts-lists li {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 2%;
    width: 29%;
}
#post ul#travel-posts-lists li img{
    max-width: 100%;
    height: auto;
}
#post ul#travel-posts-lists li h3 {
    background: #fff;
    padding:5px;
    margin:0px;
}
#post ul#travel-posts-lists li a {
    display: block;
    color:#000;
}

pre {
    background: #fff;
    padding: 10px;
    border:1px solid #ddd
}

.home-page #map-container {
    width:1030px;
    height: 400px;
    position: static;
}


#post img {
    max-width:100%;
    height: auto;
}