/*
Theme Name: Walks with whales
Theme URI: http://TiltedWebDesign.com
Description: Meditations on the Mystery of Being
Version: 1.1
Author: Stephanie
Author URI: http://www.tiltedwebdesign.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/
@import url('navibar.css');  

/* Basic Styles */
* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; line-height: 1.5em; background:#3a6d82; margin: 0; padding: 0;}

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

h1, h2, h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold;}
h1 {font-size: 4em; text-align: center;}
h2 {letter-spacing: -1px; font-size: 2.6em; line-height: 1.1em; font-weight: normal; color: #779e00;}
h3 {font-size: 1.3em; margin: 0; padding: 0;}
h4 {font-size: 1.2em}

a:link, a:visited {color: #5C9200; text-decoration: none;}
a:hover {color: #5C9200; text-decoration: underline;}
.clear {clear: both;}
p {margin: 0 0 10px 0;}
.left {float: left;}
.right {float: right;}
/* End Basic styles */

#mainwrapper {background: url(/walks_with_whales/main_bg1.png) scroll no-repeat 50% 0;  text-align: center;}
#pagewrapper {background: url(/walks_with_whales/page_wrapper.png) scroll no-repeat 50% 0;  text-align: center;}
.wrapper {position: relative; left: 50%; width: 840px; margin: 0 0 0 -420px; background: #F0EADC;}
#headerbottom {width: 100%; height: 384px; margin: 0 auto; position: relative;}

#topleft {position:fixed; top:400px; left:-20px; width: 212px; height:205px; background: url(/walks_with_whales/top_left.png) no-repeat 0 0; z-index: 1;}
.sticker {width:60px; height:60px; position:relative; right:-190px;bottom:-30px; background: url(images/label-qualite-60-trans.png) no-repeat bottom right;}

/* Header / Footer */
#headerwrap {position: relative; width: 860px; margin: 0 auto;}
#headertop {width: 840px; height: 50px; margin: 0 auto;}
#headertop h1 {font-size: 16px; letter-spacing: 8px; line-height: 50px; font-weight: normal; color: #fff;}
#logo {width: 930px; height: 136px; margin: 0 auto;}

#footer { background: #382600; clear:both; color: #6B4F18; height: 40px; line-height: 40px; } 
#footer a { display: inline;  height: 40px; line-height: 40px; }
#footer #admin {float: left; height: 40px; width: 16px; }
#footer img { margin-top: 10px;}
#footertext { width: 840px; margin: 10px auto 0 auto; }
*:first-child+html #footertext {margin: 0 auto 0 auto;}/* for ie7 */
#footertext a:link, #footer a:visited {color: #6B4F18; text-decoration: none;}
#footertext a:hover {color: #8d7240; text-decoration: underline;}
#info { float: left; height: 40px; line-height: 40px;}
#info img { padding: 0 5px 0 10px; margin-bottom: -3px ;}
ul.design { float: right; list-style: none; }
ul.design span { margin: 0 0 -10px 10px;}
ul.design img { margin-bottom: -3px; }
ul.design li { float: left; list-style: none; margin-left: 10px;}
/* End Header - Footer */

/* SLIDER */
#slider {width: 860px; height: 384px; margin: 0 0 0 -430px; position: absolute; top:224px; left: 50%;}
.scroll {width: 720px; height: 334px; margin: 0 auto; overflow: auto; position: relative; clear: left;}
.scrollContainer div.panel {height: 334px; width: 720px; overflow: hidden;}
#shade {height: 50px;}
.scrollButtons {position: absolute; top: 140px; cursor: pointer; width: 38px; height: 48px;}
.scrollButtons.left {left: 10px; z-index: 1;}
.scrollButtons.right {right: 10px;}
.hide {display: none;}

#thevideo {width:100%; float: left; background: #131313 url(images/videobgtop.jpg) top left repeat-x; padding: 15px 0 0 0;}
#thevideoinside {width:100%; float: left; background: url(images/videobgbottom.jpg) bottom left repeat-x; position: static; padding: 0 0 15px 0; min-height: 350px;}
#videoembed {margin: 0px auto; width: 980px; text-align: center;}

.slideinsert {width: 180px; height: 330px; background: url(/walks_with_whales/trans_bg.png) top left no-repeat; margin: 0 0 0 520px; color: #D8D8D8; padding: 10px; line-height: 1.5em; text-align: left;} 
.slideinsert h2 {line-height: 1em; font-size: 22px; font-weight: normal; margin: 0 0 10px 0;}
.slideinsert a:link, .slideinsert a:visited {position: relative; color: #779e00; text-decoration: bold; font-weight: bold; font-size: 13px; }
.slideinsert a:hover {text-decoration: underline; font-weight: bold; font-size: 13px;}
.slidereadmore {width: 150px; float:left;}
div#post-1 .slidereadmore a {display: none;}

#post-1.panel .slideinsert {width: 700px; height: 100px; background: url(images/claim-trans.png) no-repeat 0 0; margin: 235px 0 0 0;}
#post-1.panel .slideinsert.en_US {width: 720px; height: 100px; background: url(images/claim-en.png) no-repeat 0 0; margin: 235px 0 0 0;}
#post-1.panel .slideinsert h2 {text-indent: -9999px;}
#post-1.panel .slideinsert p {display: none;}
#post-1.panel .slideinsert .slidereadmore {position: absolute; right:10px; bottom: 10px; text-align: right;}
/* End Slider */

/* Content styles */
#featured {width: 720px; height: 384px; margin: 0 auto; clear: both;}
#grandeimage, #grandeimage img {height: 334px;}

#pageinner {width: 744px; margin: -14px auto 0 auto; background: #F0EADC url(images/page_topbg.jpg) no-repeat top center;}
#pagecontent {width: 648px; margin: 0 auto; padding: 36px 0; text-align: left;}

#postcontent {margin: 0 48px 5px 48px; text-align: left;}
#postcontent li {padding: 0 0 0 16px; background: url(images/list.gif) top left no-repeat;}
#postcontent ul {margin: 5px 0 15px 0; padding: 0; list-style: none;}
#postcontent h3 {font-size: 18px; font-weight: bold; color: #614a18; margin: 24px 0 12px 0;}

#thecontent { clear: both; position: relative; width: 840px; height: auto; min-height: 280px; margin: 0 auto; padding-bottom:20px; background: #F0EADC url(/walks_with_whales/page_wrapper.jpg) repeat-y 13px 0px; overflow: hidden; text-align: left;}

.title {width: 790px; margin: 24px auto 0 auto; clear: both;}
.title a, .title a:visited {text-decoration: none; color: #382600;}
.title a:hover {text-decoration: underline; color: #779e00;}
.title h2 {color: #614A18;}
.title h3 {font-size: 18px; font-weight: bold; color: #614a18;}
.title h3.home a:hover {text-decoration: none; color: #382600;}
.title a img {margin-left: 8px;}
.downarrow {width: 22px; height: 12px; background: url(images/downarrow.gif) no-repeat 0 0; margin-left: 8px; display: inline-block;}
.pagetitle {height: 70px;}
.pagetitle h2 span {color: #614a18;}
.singletitle {padding: 24px 48px 0 48px; height:auto;}

#location {width: 960px; height: 65px; float: left; color: #FFFFFF; font-size: 16px;}
#location p {margin: 22px 0 0 0;}
#location a:link, #location a:visited {color: #FFFFFF; text-decoration: none;}
#location a:hover {color: #C7CBC0; text-decoration: underline;}

#postimage {width: auto; text-align: center; overflow: hidden;}
/* *+html #postimage {padding: 4px 4px 1px 4px;} for ie7 */
#postimage img {}
#postvideo {width: 720px; height: 334px; margin: 0 auto; text-align: center; background: #000; overflow: hidden;}
*+html #postvideo {width: auto; border: 0; text-align: center;}

#photos {margin: 12px 0 25px 10px; overflow: hidden;} 
#photos a {position: relative;} 
.photocat {margin: 12px 0 0 -8px;} 
.photoframe {width: 130px; height: 130px; float: left; background: url(images/thumbnail_bg-trans.png) no-repeat 0 0; margin: 0 9px 5px 8px;} 
.photoframe a {overflow: visible;}
.photoframe img, .insertframe img {width: 120px; height: 120px; padding: 12px 8px 0 15px;}

#newsinsert {margin: 0 20px 25px 20px; color: #666; overflow: hidden;} 
#newsinsert h5 {font-size: 16px; margin: 0; padding: 0; color: #679e00;}
#newsinsert b {margin: 0 5px}
.insertbox { float: left; margin: 15px 24px 0 0;width: 376px; height:auto;}
#newsinsert .insertbox h5 {margin:0 5px;}
.insertbox h5 a, .insertbox h5 a:visited {color: #779e00;}
.insertframe {width: 147px; height: 130px; float: left; margin: 0 8px 8px 0; background: url(images/thumbnail_bg-trans.png) no-repeat 0 0;}

.postinfo {font-size: 11px; width:100%; float: left; margin: 2px 0 10px 6px;}
.singlepostinfo {font-size: 11px; width:100%; float: left; margin: 2px 0 10px 0;}
.postmetadata a, .postmetadata a:link {padding:3px 5px; background: #77ad1a; color: #fff; font-weight: bold;}
.postmetadata a:hover {color:#382600;}
.postnav {margin-top: 20px;}
.postnav span.left a {background:url(images/previous-green.gif) no-repeat top left; padding:0 0 5px 20px;}
.postnav span.right a {background:url(images/next-gren.gif) no-repeat top right; padding:0 20px 5px 0;}
.readmore {width: auto; float: left; margin: 5px 0 0 0;}
.readmore a:link, .readmore a:visited {color: #779e00;}
/* links */
ul.linklist { list-style: none; overflow: hidden; text-align: center; }
ul.linklist li {}
ul.linklist li.withlogo { display: inline-block; margin: 10px; padding: 5px; position: relative; vertical-align: middle; width: auto; }
ul.linklist li.withlogo a { display: block; font-size: 14px; font-weight: bold; height: 36px; margin-right: 0px; text-transform: uppercase;}
ul.linklist li.withlogo img { margin: 0 auto; }
ul.linklist li.withdesc { text-decoration: none; text-transform: none; margin: 5px;}

/* End Content */

/* Comment Styles */
#postcomments {margin: 24px 12px 12px 12px; padding: 12px; background: #e2dccd;}
.commentstitle {width: 744px; margin: 0 auto; height: 40px;}
.commentstitle h3 {color: #614a18;}

ol.commentlist {margin: 10px 24px 12px 24px; padding: 0; list-style: none; font-size: 12px; line-height: 20px;} 
ol.commentlist p {margin-bottom:10px; line-height: 20px;}
ol.commentlist cite {font-style: normal; font-weight: bold;}
ol.commentlist li {padding: 24px 24px 12px 24px; width: 600px;}
ol.commentlist li.alt {padding: 24px 24px 12px 24px; background:#F8F8F4; border:1px solid #DEDBD1;	}
.commentmetadata a {font-size:11px; color:#5C9200;}

#commentform {width: 744px; margin: 5px auto;}
#commentform input {background: #fff; border: 1px solid #E7E7E7; padding: 3px;}
#commentform textarea {background: #FFFFFF; border: 1px solid #E7E7E7; width:100%;}
input#submit {color:#fff; padding:7px; text-align: center; border: 1px solid #E7E7E7; background:#77ad1a;}
input#submit:hover {background: #9dc15c;}
/* End Comment Styles */

/* Bottom page */
#pagination{float: right; text-align: right; margin-right: 20px;}
#pagination a:hover{border:none;}
#pagination img{border:none;}

span.previous{width:16px; height:16px; display:block; float:right; background: url(images/next_prev.gif) top left no-repeat; cursor:pointer;}
span.next{width:16px; height:16px; display:block; float:right; background: url(images/next_prev.gif) top right no-repeat; cursor:pointer;}
span.previous:hover{background: url(images/next_prev.gif) bottom left no-repeat;}
span.next:hover{background: url(images/next_prev.gif) bottom right no-repeat;}
/* End Bottom page */

/* Sidebar */
#pagebottom { clear: both; width:100%;min-height:210px; margin: 0 auto -10px auto; background: #2b1e00 url(/walks_with_whales/foot_bg.png) 50% 100% no-repeat;overflow: auto;}
#sidebar {width: 840px; margin: 24px auto; clear: both; text-align: left;}
#sidebar-page {width: 744px; margin: 24px auto; clear: both; text-align: left; overflow: auto;}

.sidecol {width: 100%; float: left; margin: 0px 0px 0; color: #b99f78;}
.sidecol a, .sidecol a:visited {color: #b99f78; text-decoration: none;}
.sidecol a:hover {color: #d5b992; text-decoration: none;}
.sidecol h3 {margin-bottom: 5px; padding: 0 0 5px 0; border-bottom: 1px solid #614A18; font-size: 15px; line-height: 20px; color: #679e00;}
.sidecol h3 a {color: #679e00;}
.sidecol ul {margin: 0; padding: 0; list-style: none;}
.sidecol li {width: 93%; height: auto; padding: 2px 0 2px 20px; background: url(/walks_with_whales/bullet.png) no-repeat 0 0;}
.sidecol li:hover {background: #382600 url(/walks_with_whales/bullet.png) no-repeat 0 0;}


.textwidget {padding: 5px 0 0 0; line-height: 1.5em;}
.textwidget:hover {color: #d5b992;}
#homevideo {margin: 0 0 10px 0;}
/* End Sidebar */

/* Search */
#searchwrap {width: auto; padding: 0px 5px 5px 5px; height: 38px;}
/* *+html #searchwrap {padding: 1px 5px 5px 5px;} for ie7 */
#searchwrap input{vertical-align: middle; color: #b99f78; font-size: 12px;}
#searchwrap #s{border: 1px #2b1e00 solid; padding: 5px; margin: 0; width: 75%; background: #382600; float: left;}
#searchwrap #s:hover {background: #382600; border: 1px #6B4F18 solid; color: #d5b992;}
/* *+html #searchwrap #s {margin: -3px 3px 0 0; width: 210px;} for ie7 */
#searchsubmit {float: right; background: url(images/search.png) no-repeat 0 0; width: 32px; height: 32px;}
#searchsubmit:hover {background-position: 0 -32px;}

#resultcontent {overflow: hidden; color: #666;}
#resultcontent h5 {font-size: 1.5em;}
#resultcontent p {font-size: 1.2em;}
.resultbox {float: left; margin-bottom: 24px; width: 100%;}
/* End Search */

/***** Defaults styles *****/
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
p img {padding: 0; max-width: 100% !important;}
a img {border: none;} 
img.centered {display: block; margin: 0 12px 12px 12px; border: #b99f78 solid 8px;}
img.alignright {padding: 0; margin: 0 0 12px 12px; display: inline; border: #b99f78 solid 8px;}
img.alignleft {padding: 0; margin: 0 12px 12px 0; display: inline; border: #b99f78 solid 8px;}
img.alignnone {padding: 0; margin: 0; display: inline; border: #b99f78 solid 8px;}
.alignright {float: right;}
.alignleft {float: left}
.center {text-align: center;}
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.hidden {display: none;}
blockquote {margin: 15px 30px 0 0; padding-left: 30px; background: url(images/blockquote.jpg) top left no-repeat;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #b99f78; padding: 8px 4px 0 4px;}
.wp-caption.alignleft {margin-right: 12px;}
.wp-caption.alignright {margin-left: 12px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; font-weight: bold; color: #fff; padding: 4px 8px ; margin: 0;}
/* End Defaults */

/* DD Contact Form */
div.ddfmwrap {width: 100%; padding: 0; margin: 0 auto 15px auto;}
div.ddfmwrap form.ddfm {width: 100%; padding: 0;}
div.ddfmwrap form.ddfm .colform {float: left; width: 48%; padding: 0;}
div.ddfmwrap form.ddfm .last {margin-left:20px;float: right;}
div.ddfmwrap form.ddfm label {float: none; width: 100%; padding: 0; margin-bottom: 3px; text-align: left;}
div.ddfmwrap form.ddfm input.fmtext {float: none; width:90%; margin-bottom: 10px;}
div.ddfmwrap form.ddfm textarea {float: none; width:90%; margin-bottom: 10px;}
div.ddfmwrap form.ddfm img.alignright {float: right; margin: 0 0 12px 12px;}
div.ddfmwrap form.ddfm img.alignleft {float: left; margin: 0 12px 12px 0;}
div.ddfmwrap form.ddfm .submit {width: 100%;}
form.ddfm .credits {display: none;}
#pagecontent form.ddfm img {margin: -1px 0px 0px 10px}
/* end Contact Form */

/* Sitemap */
div.ddsg-wrapper h2, div.ddsg-wrapper div p {display:none;}
div.ddsg-wrapper .ddsg-pagenav p {display: inherit;margin: 15px 0;}
div.ddsg-wrapper ul li {list-style: none;font-size: 12px;margin:5px 0;}
div.ddsg-wrapper ul li li {margin-left: 15px;}
/* End Sitemap */

/* Zoomify styles */
#ZoomBox {background: transparent;}
#ZoomImage {border: 12px #2D3031 solid;}
/* end Zoomify */

/* Login style */
ul.nav {list-style: none;}