/*
Theme Name: Piccolina Adventures
Theme URI: http://piccolinaadventures.com
Description: PiccolinaAdventures.com Custom Wordpress Theme
Version: 1.0
Author: Wayne and Laura
Author URI: http://waynehoover.com/creative
*/

html, body, ul, ol, p {
	margin: 0;
	padding: 0;
}

body {	
   	font-family: verdana, Arial, Helvetica, Sans-serif;
	font-size: 13.5px;
	line-height: 1em;
	color: #505050;
	background: #c0c0c0;
	text-align: center;
}
body a {
    color: #3399ff;
    
}
body a:hover {
    color: #333333;
}
p{line-height:1.4em;margin:10px 0;}


/* ------------------------ Heading Formats ------------------------------  */
h1 {
    margin: 0;
    padding: 0;
}
h2 { 
	font-family: trebuchet ms;
	font-size: 30px;
	color: orange;
	margin:15px 30px 0px 0;
}
h3 {   
	font-size: 20px;
	color: green;
	padding: 5px;
	line-height:1em;
}
h4 {
	font-weight: strong;
	color: #000066;
}

h4 img { border-style: none;
text-decoration: none; 
position: relative;
top: 6px;}
h4 a {
	color: #000066;
}
h4 a:hover {
color: green;
}
h5 {
	font-size: 16px; 
	text-decoration: none; 
	color: purple;
}
h5:hover {
	color: green;
}
h6 {
	font-face: ;
	letter-spacing: 3px;
	font-size: 14px;
	color:  #0094ff;
	margin: 0 0 0px 0; 
	padding: 0; 
}
h6 a {color: #0094ff;
}
h6 a:hover {color: #333333;
}
h7 {
	font-family: Book Antiqua, Palatino Linotype, Palatino, garamond, serif;	
	font-size: 20px;	
	color: #0094ff;
	font-weight: bold;
}
h7 a {color: #0094ff;
      text-decoration: underline;
}
h7 a:hover {color: #333333;
}
/* --------------- Navigation Bars--------------------  */


#nav-bar2 {margin:0;}   

#nav-bar{float:right;width:350px;margin:15px 25px 0 0;}
#nav-bar ul{display:block;float:right;margin-bottom:8px;}
#nav-bar li{ float: left; list-style:none;text-transform:lowercase;}
#nav-bar li a {font-size: 18px;color: orange;text-decoration: none;padding: 5px;font-weight: 500; font-family: trebuchet ms, verdana, Arial, Helvetica, Sans-serif; letter-spacing: 0px;	}
#nav-bar li a:hover {color: green;	}

/* second-level lists */
#nav-bar li ul {
	position: absolute;
	left: -999em;
	border:0px solid #ccc;
	z-index:9999;
	background:#ffffff;
	padding: 5px 5px 0px 5px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	margin: 6px 0 0 0em;
}

#nav-bar li li {padding:5px 0;float:none;border-bottom:1px solid #ffffff;}
#nav-bar li li:last-child{border:none;}
#nav-bar li li a{color:#008000;font-size:13px;}
#nav-bar li li a:hover{color:orange;}

#nav-bar li:hover ul ul {
	left: -999em;
}

#nav-bar li:hover ul, #nav li li:hover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav-bar2 li { float: left; list-style:none;padding:0 5px 0 0px;font-size:15px;}
#nav-bar2 li:before {content: "-";color:#85CBFF;padding-right:5px;}
#nav-bar2 li:last-child:after {content: " - ";color:#85CBFF;}
#nav-bar2 li a {color:#85CBFF;font-style:italic;background-repeat: no-repeat;}

/* --------------- End Navigation Bars--------------------  */

#content {
float:left;
width:350px;
margin:20px 35px;
}

#page-container {
	width: 800px;
	margin: auto;
	background: white;
	position: relative; 
	text-align: left;
}

#content #widetext { display: inline;}

#content #image { text-align: center; margin: auto; margin-top: 20px; }
#content #one #description {
	float: left;
	width: 430px;
}
#content #one #image {
	float: right;
	width: 300px;
}
#content #two #description {
	clear: both;
	float: right;
	width: 430px; 
}

#content #two #image {	
	float: left;
	width: 300px;
	position: relative;		
}

#content #three #description {
	clear: both;
	float: left;
	width: 430px;
}

#content #three #image {
	float: right;
	width: 300px; 
	position: relative;	
}
#content #four #description {
	clear: both;
	float: right;
	width: 430px;
}

#content #four #image {
	float: left;
	width: 300px;	
	position: relative;
}

#content #five #description {
	clear: both;
	float: left;
	width: 430px; 
}

#content #five #image {
	float: right;
	width: 300px; 
}

#content #six #description {
	clear: both;
	float: right;
	width: 430px;
}

#content #six #image {
	float: left;
	width: 300px;
}

#content #pmap {
	width: 420px;
	margin: 50px auto;
}

#content #tmap {
	width: 474px;
	margin: 50px auto;
	border: 2px solid #333355;
}

#content #smap {
	width: 680px;
	margin: 50px auto;
}

#content .contactpadding {	
    width: 212px;
    text-align: center; 
}

#slideshow {
	width: 700px;
	height: 525px;
	margin: auto;
	margin-top: 65px;
	margin-bottom: 50px;
}

#promo {
	position: absolute; 
	left: 10px; 
	top: 70px;
}

#content #text {
    float: left; 
    margin-left: 45px;
    margin-bottom: 30px; 
    width: 350px;
    margin-top: 0; 
    display: inline;
}  
#content #widetext {		
    float: left;
    margin: 0 0 30px 45px; 
    width: 400px;
    display: inline;
}
#pic {
    float: left;
    width: 360px;
    margin: 30px 15px 30px 0;
    text-align: center;
    position: relative;
}

#pic a { color: gray;}
#pic a:hover { color: #3399ff;}

#pic dt a:hover {
	color: gray;	
}

#pic dt {clear: both;}


#content #widepic {
    float: right;
    width: 400px;
    margin: 0 0px 0px 0;
}

#content #widepic h6 {
margin: 0;
}

#widecontent {
float:left;
width:730px;
margin:20px 35px;
}

#widecontent #column-left {
float: left;
width: 320px;
margin-top:0px;
}

#widecontent #column-right {
float: right;
width: 320px;
}

#video {
position: relative;
right: -30px;
top: 10px;
}

/* ------------------------ Class Declarations ------------------------------  */
.red { /* used for price cuts or text & links I wish to be redt*/
	color: red; 
}
.red a {color: red;
}
.red a:hover {text-decoration: underline; color: gray;
}
.blue { /* used as headings in intro trip pages, also could be placed in trips.css as it is not used in general document*/
	font-family: Book Antiqua, Palatino Linotype, Palatino, serif;	
	font-size: 20px;	
	margin: 0px;
	color: #0094ff;
	font-weight: bold;
}
.caption {	
	color: gray;
	font-style: italic;
	float: right;
}

.trip {
position: relative;
right: -25px;
}

.icon {
float: left;
width: 85px;
display: inline; 
margin-top: 5px;
}
.description {
float: right;
width: 200px;
text-align: left; 
display: inline;
}
.blurb {
width: 185px;
font-style: italic; 
line-height: 120%;
display: inline;
}

.last {	margin-bottom: 100px;
	position: relative;	
}

.indent {	position: relative;
	left: 220px;
 }
.indentmore {position: relative;
	left: 175px;
 }
.indent2 {position: relative;
	left: 265px;
 }

.description-left {	
	clear: both;
	float: left;
	width: 430px; 
}
.description-right {
	clear: both;
	float: right;
	width: 430px; 
}
.image-left  {
	float: left;
	width: 300px;	
	position: relative;
	top: 75px; 

}
.image-right {
	float: right;
	width: 300px; 
	position: relative;
	top: 75px;
}


.w-description-left {	
	clear: both;
	float: left;
	width: 380px; 
}
.w-description-right {
	clear: both;
	float: right;
	width: 380px; 
}
.w-image-left  {
	float: left;
	width: 350px;	
	position: relative;
	top: 30px;
}
.w-image-right {
	float: right;
	width: 350px; 
	position: relative;
	top: 30px;	
}


.hidden {
	display: none;
}
	
.header {
   	height: 204px;
    margin: 0;
   	padding: 0;
   	background-image: url(/wp-content/themes/starkers/images/header/background.jpg);
}

.strip {
	height: 72px;	
    margin: 0;
   	padding: 0;
} 
.strip table {padding: 0; margin: 0; background-image: url(/wp-content/themes/starkers/images/strip.jpg); }

.highlights {
	margin: auto 20px 20px 15px;
}

.highlights li { margin-bottom: 15px; }

.credit {
	font-size: 12px; 
	color: gray;
	text-align: right;}
.credit a { color: gray;}	/* I dont think these two do anything. That is they dont change the link colore.  */
.credit a:hover { color: #3399ff;}
}


/* ----------------- Footnote Formatting ------------------------  */

sup.footnote {font-size:70%; vertical-align:top} 
div.footnote {font-size: 8pt; clear: both;}   

/* ------------------------ Footer ------------------------------  */

#footer {text-align: left;}

#footer {
    clear: both;
    font-family: verdana, sans serif;
   	font-size: 10px;
	color: #c0c0c0;
	border-top: 1px solid #c0c0c0;
	height: 60px;
}

#footer .padding {
    padding: 13px 13px;
}

#footer a {
    color: #c0c0c0;
    text-decoration: none;
}

#footer a:hover {
    color: #3399ff;
}

#footer #left-two {
    float: left;
    width: 70%;
    padding: 0px;
    margin: 0px;
 }


#footer #right-one {
    width: 30%;
	float: right;
	text-align: right;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -3px;
 }
 
 #footer #left-two #site-info {
    width: 43%;
    float: left;
    padding: 0;
    margin: 0;
}
 
 #footer #left-two #altnav {
    width: 57%;
    float: right;
    padding: 0;
    margin: 0;
    text-align: center;
}

.credit {	color: gray;
	font-size: 9px;
	text-align: right;
}
/* ---------------- Banner Styles --------------------  */
#banner {
	margin-top: 25px;
	border-top: 2px solid green;
	border-bottom: 2px solid green;
	height: 149px; 
	clear: both;
}

#banner #thumbs {
position: absolute;
}

#banner #heading {
	position: absolute;
	margin: 30px 0px 0px 193px;
}


#banner #buttons { 
	float: right;
	position: absolute;
	right: 27px; 
	margin-top: 10px;	
}
#banner #buttons dt { 
	padding: 1px;
}

/*Waynes Edits*/
.headerlogo{width:800px;height:204px;text-indent:-999em;background:url(/wp-content/themes/starkers/images/header/text.gif);}
#footerfirst{letter-spacing: 6px; font-family: arial, sans-serif; font-size: 11px;}
#altnav li{list-style:none;float:left;padding-left:10px;}
#altnav li:first-child{margin-left:10px;}
#pagetitle{margin:15px 0 0 30px;float:left;}
#widecontent #column-left h2{padding-bottom:50px;margin-left:-10px;}

#page-container #pic{text-align:left;}
#page-container {line-height:1.5em;}
#page-container ul{list-style:outside;margin-left:22px;margin-top:10px;}

#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
#content {
	display: inline-block;
}
 
html[xmlns] #content {
	display: block;
}
 
* html #content {
	height: 1%;
}

.trip-cont{border-bottom:1px solid #ccc;padding-bottom:30px;margin-bottom:30px;}
.trip-cont:last-child{border-bottom:0;}
.trip-cont img{float:left;margin:0 15px 10px 0;}
.trip-cont h4 {margin:0;padding:0;}
.trip-cont h4 a{font-size:16px;color:#900005;}
.trip-copy p{padding:0;margin:5px 0 5px 0;}

/* ---------------- Button Styles --------------------  */

.button {
   border-top: 1px solid #656769;
   background: #115e14;
   background: -webkit-gradient(linear, left top, left bottom, from(#04b509), to(#115e14));
   background: -webkit-linear-gradient(top, #04b509, #115e14);
   background: -moz-linear-gradient(top, #04b509, #115e14);
   background: -ms-linear-gradient(top, #04b509, #115e14);
   background: -o-linear-gradient(top, #04b509, #115e14);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fffbeb;
   font-size: 14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #226e0d;
   background: #226e0d;
   color: #fffbeb;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
.button:link {
      color: #fffbeb;
      text-decoration: none;
   }
.button a:hover {
      color: #fffbeb;
   }
.button a {
      color: #fffbeb;
      text-decoration: none;
   }




.buttonbigblue a {
   border-top: 1px solid #96d1f8;
   background: #91d3ff;
   background: -webkit-gradient(linear, left top, left bottom, from(#2fb1fc), to(#91d3ff));
   background: -webkit-linear-gradient(top, #2fb1fc, #91d3ff);
   background: -moz-linear-gradient(top, #2fb1fc, #91d3ff);
   background: -ms-linear-gradient(top, #2fb1fc, #91d3ff);
   background: -o-linear-gradient(top, #2fb1fc, #91d3ff);
   padding: 15px 27px; 
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: #ababab 0 1px 0;
   -moz-box-shadow: #ababab 0 1px 0;
   box-shadow: #ababab 0 1px 0;
   text-shadow: #ababab 1px 1px 0;
   color: white;
   font-size: 24px;
   font-face: Candela, trebuchet ms, arial, sans-serif; 
   vertical-align: middle;
   height: 62px;
   line-height: 62px;
   font-style: normal;
   text-decoration: none;
   }
.buttonbigblue a:hover {
   border-top-color: #0ab04c;
   background: #4fcf60;
   color: #ffffff;
   }


.buttonbiggreen a {
   border-top: 1px solid #a3cca9;
   background: #9efaac;
   background: -webkit-gradient(linear, left top, left bottom, from(#0fbf29), to(#9efaac));
   background: -webkit-linear-gradient(top, #0fbf29, #9efaac);
   background: -moz-linear-gradient(top, #0fbf29, #9efaac);
   background: -ms-linear-gradient(top, #0fbf29, #9efaac);
   background: -o-linear-gradient(top, #0fbf29, #9efaac);
   padding: 15px 27px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: #ababab 0 1px 0;
   -moz-box-shadow: #ababab 0 1px 0;
   box-shadow: #ababab 0 1px 0;
   text-shadow: #ababab 0 1px 0;
   color: white;
   font-size: 24px;
   font-family: Candela, trebuchet ms, arial, sans-serif;
   font-style: normal;
   text-decoration: none;
   vertical-align: middle;
   }
.buttonbiggreen a:hover {
   border-top-color: #0fbf29;
   background: #0fbf29;
   color: #ffffff;
   }