/*   
Theme Name: The Palm Orchard
Theme URI: http://www.palmorchard.com/
Description: A background Image Theme with sub pages displayed using various templates
Author: Don Harris
Author URI: http://ddesignstudios.com
Version: 1.0

Credits and license:

Uses the Blueprint CSS framework:
http://www.blueprintcss.org/

All Rights Reserved

Last update: September 20, 2009


*/

* {padding: 0;margin: 0;}

body {letter-spacing: 0.25px; width: 100%;font-size: 12px;line-height: 21px;text-align: justify;font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
.loading {left: 50%; top: 25%; position: relative; height:31px;width:31px; background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: center center;}
/* headings */
h1,h2,h3,h4,h5{clear: none; font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
h1 {font-size: 28px;}
h2 {margin-bottom: 10px; font-size: 22px;margin-top:5px;text-align:left;font-weight:normal;}
h3 {font-size:16px;font-weight:400;color: #666666;}
h4 {color: #4c4c4c;font-size:14px;font-weight:400;margin-bottom: 10px;}
h5 {color: #333333;font-size:12px;font-weight:400;margin-bottom:2px;}
button{text-transform: uppercase;}
/* basic links */
a {font-size: 13px; color: #b3b3b3;text-decoration:none;}
a:hover, a:focus {color:#666;cursor:pointer;}

/* basic content */
p {padding-bottom: 0px;color: black;}
p{color: black;font-size: 13.25px;line-height: 22px;text-align: justify;font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
ol, ul {padding: 10px 30px;}
img { margin-top: 20px; border-width: 0px; border-style: none;}
img.noborder{margin-right: 0px; margin-left: 0px; margin-bottom: 20px; margin-top: 0px; border-width: 0px; border-style: none;}
blockquote{padding: 0 40px;}
noscript {font-weight: bold; background-color: white; color: black;margin: 180px auto;position: absolute;text-align: center;width: 100%;z-index: 10;}
.dropcap:first-letter {
font-size: 450%;
float:left;
color: #b3b3b3;
}
#backdrop{ margin-top: 0px;background-attachment: fixed;}
/* basic form formatting */
#search-form {width: 290px;margin: 0 auto;margin-top: -10px;}
.field {font-size: 14px;line-height: 23px;}
.field, #submit {border: 1px solid #ccc;}
.field:hover, #submit:hover {border-color: #b8b8b8;}
.field:focus, #submit:focus {border-color: #a8a8a8;}
input.field {width: 200px;height: 12px;padding: 5px 3px;/*background: url(images/input-top.jpg) repeat-x;*/}
textarea.field {width: 388px;height: 192px;padding: 4px 6px;/*background: #fff url(images/text-bg.jpg) bottom repeat-x;*/}
#submit {width: 70px;height: 24px;/*background: url(images/input-top.jpg) repeat-x;*/}


/*** basic alignment ****/
div.aligncenter, .aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft { margin-right: 20px; float: left;}
.alignright { padding: 0px; float: right;}
.middle {margin: 0 auto;float:left;}
.clear { clear: both; }
.trailer{ top: 0px; position: relative; margin-bottom: 0px; margin-right: 600px; float:right;}

/* images */
img.centered {border-style: none; display: block;margin-left: auto;margin-right: auto;max-width:1230px}
img.alignright { padding: 0px; margin-left: 30px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;display: inline;max-width:1230px}
img.alignleft {margin-left: 0; margin-bottom: 2px; margin-right: 10px; margin-top: 10px; padding: 4px 4px 4px 0;display: inline;max-width:1230px}
img.alignnone {padding:4px 4px 4px 0; margin:3px 10px 2px 0;display: block;max-width:1230px}
.thumbnail, .attachment-thumbnail {max-width:150px;margin:0 1.5em 1.5em 0;float:left}
.attachment-medium {max-width:800px;overflow:hidden;display: inline}
.attachment-large {max-width:1230px;overflow:hidden;display: inline}
.content .size-medium, content size-large {margin: 0 1.5em 1.5em 0}
.home .size-medium, .home .size-large {max-width:590px; height:auto; overflow:hidden;margin:0 .5em .5em 0;}
dl.gallery-item .gallery-caption {clear:both;float:none;width:150px;}
dl.gallery-item {width:170px;padding:10px}
.gallery-icon .attachment-thumbnail{padding:0;margin:0}
.gallery {width:auto;}

/**** Wordpress captions ****/
.wp-caption {margin-left: 10px; margin-bottom: 6px; margin-right: 6px; margin-top: 6px; padding: 4px;text-align: center;border: 1px solid #eee;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 15px;margin: 0;padding:10px;text-align:center;font-style:italic;}
.wp-caption img {border: 0 none;}


/********** START of MAIN THEME STYLES ************/

/*** main container area ***/
#page{height: 100%; margin-left: auto; margin-bottom: auto; margin-right: auto; margin-top: auto; position: absolute;padding:0;}
.wrapper { margin-left: auto; margin-bottom: auto; margin-right: auto; margin-top: auto; height: 100%; min-width: 1240px;width: 100%;}
#container{ padding: 0px; width: 1240px; text-align: left; top: 0px; margin: auto; height: auto; position: relative;}



/************ start of content styling ***************/

#content {padding-top: 5%; top: 75px; position: absolute; height: auto; display:block;overflow: hidden}
#content div{color: black;font-size: 13.25px;line-height: 22px;text-align: justify;font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
.post { padding-left: 50px; padding-top: 85px; padding-right: 50px; padding-top: 25px;letter-spacing: 0.25px; margin-left: 0px; color: black; text-align: left; line-height: 21px; font-size: 11.5px; display:block;clear:both;/*background-image: url(images/content-bg.png); background-position: left top; background-repeat: repeat;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #fff;*/}
.post p{color: black;font-size: 13.25px;line-height: 22px;text-align: justify;font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
#posts a, .post a{ margin-right: 15px; cursor: pointer;letter-spacing: 0.25px; font-weight: bold; font-size: 12px; color: #999;}

#posts a:hover, .post a:hover{color: #4c4c4c;}

.title { padding-bottom: 5px;text-indent: -999em;}
.title a {border-bottom: none;}
.title a:hover {background-color: transparent;border-bottom: none;}
.post-info {color: gray;padding-bottom: 15px;}
.post-author {color: gray;border-top: 1px dashed #e7e7e7;}
.heading {padding-bottom: 30px;}
.result {padding-bottom: 30px;}
.comment-label {margin-left:40px;display: block;}
.submit-comment {border: 1px solid #e7e7e7;background: #f2f2f2;padding: 3px 4px;}
.postmetadata {margin-left:30px;padding:1em;color: #666666; font-size:11px;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.postmetadata a {color:#515151;}
.postmetadata a:hover {color:#222;}
.underlined {border-bottom:1px solid #222;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#eee;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.meta{ color:#a0a0a0;font-size:10px;}
/* Header */
#header { background:transparent url(images/menu-bkgrnd.png) left top repeat;top: 0;display: block;height: 100px;left: 0;margin: 0;min-width: 1240px;padding: 0;position: fixed;width: 100%;z-index: 9;}
#header-intro {display: block;height: 85px;left: 0;margin: 0;min-width: 1152px;padding: 0;position: fixed;width: 100%;z-index: 9;}


/* Logo */
#logo {background: transparent url('images/the-palm-orchard-title.png') left top no-repeat;cursor: pointer;height: 69px;left: 40px;position: absolute;top: 18px;width: 354px;}
#logo2 {right: 40px; background: transparent url('images/a-baja-oasis-web.png') right top no-repeat;cursor: pointer;height: 50px;position: absolute;top: 35px;width: 140px;}
/* Logo */
#logo-intro {background: transparent url('images/logo-intro.png') left top no-repeat;cursor: pointer;height: 60px;left: 40px;position: absolute;top: 15px;width: 325px;}

#logo h1, #logo2 h1, #logo .description {text-indent: -9999px;}

#logo a {display: block;height: 50px;position: absolute;width: 360px;}
#logo2 a {display: block;height: 50px;position: absolute;width: 140px;}


/* Sidebar */
#sidebar { float: right; margin:0;}
#sidebar h3 {margin:0;padding:0 0 .6em 0}
#sidebar .item {margin:0 0 4em 0}
#sidebar ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#sidebar ul li a,ul.txt li{color:#222;height:1%;/*background:url(images/li.png) no-repeat  0;*/line-height:1.2em;border-bottom:1px solid #ccc;display:block;padding:6px 0 6px 8px;}
#sidebar ul li a:hover,ul.txt li:hover{color:#515151;background-position:1px 0.8em;/*background: #E5ECF9 url(images/li-white.png) no-repeat 3px 10px;*/}
#sidebar ul li a span,ul.txt li,h4 a span{color:#696455;}
#sidebar ul li.active a{cursor:default;color:white;}
#sidebar ul ul{margin:0;list-style:none;}


/* Footer */
#footer-wrap {}
#footer { height: 1px; width: 100%;padding:0;margin:0 auto;text-align:left}
#footer p {color:#999}
#footer h3 {margin:0;padding:0 0 .6em 0; border-bottom:none; color:#999}
#footer .item {margin:0 0 0 0;}
#footer ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#footer ul li a,ul.txt li{height:1%;line-height:1.2em;display:block;padding:6px 0 6px 8px;}
#footer ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;}
#footer ul li a span,ul.txt li,h4 a span{color:#696455;}
#footer ul li.active a{cursor:default;color:white;}
#footer ul ul{margin:0;list-style:none;}

/* Special Styles----------------------------------- */

div#preloaded-images {position: absolute;overflow: hidden;left: -9999px; top: -9999px;height: 1px;width: 1px;}


.vellum {min-height: 1200px; min-width: 1920px; left: 0px; top: 0px; position: absolute; height: 100%; width: 100%; background-image: url(images/content-bg.png); background-position: left top; background-repeat: repeat;}
/* the overlayed element */
div.overlay {background-repeat: no-repeat;margin-left: 0px;position: relative;/* growing background image */
	background-image: url(images/white1.png);/* dimensions after the growing animation finishes  */width: 950px;height: auto;/* initially overlay is hidden */display:none;
/* some padding to layout nested elements nicely  */padding-left: 40px;padding-bottom: 10px;padding-right: 40px;padding-top: 10px; z-index: 300;}

/* the overlayed element */
/*button{line-height: 16px; letter-spacing: 0.5px; font-style: normal; font-weight: normal; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #59a8d9; background-color: #3a5264;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #fff;}*/
/* default close button positioned on upper right corner */
div.overlay div.close {
	background-repeat: no-repeat;
	left: 10px;
	background-image: url(images/fancybox/btnClose.png);
	position: relative;
	top: 0px;
	cursor:pointer;
	height: 40px;
	width: 75px;
}

/* default close button positioned on upper right corner */
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 600px;
	overflow-y:auto;
}
div.overlay-1 {background-repeat: no-repeat;margin-left: 0px;position: relative;/* growing background image */
	background-image: url(images/white1.png);/* dimensions after the growing animation finishes  */width: 1120px;height: 575px;/* initially overlay is hidden */display:none;
/* some padding to layout nested elements nicely  */padding-left: 40px;padding-bottom: 10px;padding-right: 40px;padding-top: 20px; z-index: 300;}

div.overlay-1 div.close {
	background-repeat: no-repeat;
	left: 10px;
	background-image: url(images/fancybox/btnClose.png);
	position: relative;
	top: 10px;
	cursor:pointer;
	height: 40px;
	width: 75px;
}


div.contentWrap-1 {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 575px;
	overflow-y:auto;
}
h3.scripty{ font-style: italic; font-weight: bold; top: 0px; clear: none; color: black; margin-bottom: 15px; font-size: 26px;}
.cufon-loading h3.scripty { /* for Cufon.replace('h3.scripty') */
	visibility: hidden !important;
}

/* tooltip styling */ 
div.tooltip { 
    background-color: #ffcc66; 
    margin-left: 0px; 
    margin-right: 0px; 
    padding-left: 30px; 
    padding-bottom: 10px; 
    padding-right: 30px; 
    padding-top: 10px; 
    background-image: url(images/content-bg.png); 
    display:none; 
    height: 90px; 
    width: 500px; 
    font-size: 11px; 
    color: black;
    z-index:999999;
}
div.privacybox { 
    visibility: visible; 
    top: 675px; 
    margin: 0px; 
    padding: 0px; 
    left: 1045px; 
    position: absolute; 
    height: auto; 
    width: auto;
    z-index:999999;
}
div.tooltip p { 
    padding-left: 30px; 
    padding-bottom: 10px; 
    padding-right: 30px; 
    padding-top: 10px; 
    display:none; 
    font-size: 10px;
    z-index: 0;
}
#privacy {

    float: right;

    right: 200px;

    bottom: 75px;

    position: absolute;

    font-weight: bold;

    font-size: 10px;

    text-decoration: underline;

    color: #666666;

    display:block; 
    height:20px; 
    margin-bottom:10px; 
    overflow:hidden; 
    width:auto; 
    cursor:pointer; }


/*  Styles for Widget elements */

.small_box{float:left;padding:0 0 15px 50px;position:relative;width:260px;}
.weather_box{padding-left: 15px; padding-bottom: 15px; padding-right: 0; padding-top: 0; float:left;position:relative;width: 120px;}
#flowpanes .weather_info a{font-style: italic; text-transform: none; border-bottom:none;
color: #4c4c4c;
cursor:pointer;
font-size: 12px;
letter-spacing:0.5px;
line-height: 15px;
margin-right:0px;}

#flowpanes .items p a, #flowpanes-narrow .items p a{font-style: italic; text-transform: none; border-bottom:none;color: black;cursor:pointer;font-size: 13.5px;letter-spacing:0.5px;line-height: 15px;
margin-right:0px;border-bottom-color: #7f7f7f; border-bottom-width: 1px; border-bottom-style: groove;}
#flowpanes .items p a:hover{color: #4c4c4c;}
						
#top .box1{padding:0 0 15px 30px;}
							
.small_box h3{margin:0 0 5px;}
		
.small_box img{padding:5px 0 !important;padding:0;/*ie6 fix for png elemnts needs this*/}

#blog-header{ background-repeat: no-repeat; height: 76px; width: 1171px; background-position: left top; background-image: url(images/orchard-blog-header1.png);}
#blog-header h1{visibility: hidden;}
#news-header{ background-repeat: no-repeat; height: 80px; width: 960px; background-position: left top; background-image: url(images/orchard-header-press.png);}
#news-header h1{visibility: hidden;}
#blog-content {padding-top: 5%; top: 35px; position: absolute; height: auto; display:block;overflow: hidden}
#blog-content div{font-size: 13.25px;line-height: 22px;text-align: justify;font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
.blog-content { min-height: 800px; width: 1170px; left: 0px; top: 0px; position: relative; text-align: left; background-image: url(images/orchard-blog-bkgrnd.png); background-position: left top; background-repeat: repeat-y; }
.blog-content p,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5 { color: #666666; margin-left: 40px; text-align: left;}
.blog-content h2 a{margin-left: 0px; text-align: left; font-size: 18px;}

/* Styles for the Media Section */

.press-title{ line-height: 20px; font-weight: bold; font-size: 16px;}
.press-subtitle{ letter-spacing: 0.15px; margin-top: 10px; line-height: 15px; font-size: 13px; font-style: italic;}
.press-author{ margin-top: 10px; font-size: 11px; text-transform: uppercase;}
.press-date{ line-height: 12px; margin-bottom: 20px; margin-top: 0px; color: #7f7f7f; font-size: 10px;}
#press-posts div{ line-height: 12px; border-right-color: #cccccc; border-right-width: 1px; border-right-style: solid; }
#press-posts a{ font-style: italic; font-weight: bold; border-bottom-color: #7f7f7f; border-bottom-width: 1px; border-bottom-style: solid; color: black; }

/* Styles for Weather page */

.weather_info p{padding-right: 25px; width: 125px; float: left;}

                             

#weather_credit p{position: relative; font-size: 10px; padding-right: 25px; width: 500px; float: left;}
.modal-info{ line-height: 20px; font-size: 14px;}