/*  
Theme Name: Autumn Almanac
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Autumn+Almanac
Description: 3 Column, widget-ready fixed width theme in rustic autumn colors featuring an author box, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Custom Intro Box, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7.
Version: 1.0
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 3 column, fixed width, gravatars, widgets, brown, green, gold, red, Autumn, Fall, rustic, author box, sitemap, archives

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family:  Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-family:  Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 10px 5px; color: #000; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

a:link, a:visited { text-decoration: none; color: #711f1f; }

p { padding: 7px; font-size:14px; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; border-left: 2px solid #a89166; border-right: 2px solid #b6c0af; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top;  color: #000; background:url(images/.jpg) no-repeat;}


#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }
/***** MAIN CONTENT *****/
#main_content {  float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; border-right: #ece5e0 1px solid;border-left: #ece5e0 1px solid; }
#container {width: 1000px; margin: 0 ; padding: 0 ;  }
/***** ACCUEIL *****/
#acc_pic{width:500px; float:right;margin-right:40px;}
#acc_left{width:350px;float:left;}
#pics_acc{margin-top:10px;height:75px;}
#content_acc{width:700px;padding-left:50px;}
#fleur{background:url("images/acc_pic2.png") no-repeat;width:100px;height:75px;float:right;}

.tickercontainer { /* the outer div with the black border */
border: 1px solid #ece5e0;
background: #fff; 
width: 900px; 
height: 27px; 
margin-left: 50px; 
margin-bottom:10px;
padding-left:0px;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 8px;
width: 900px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 900px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #650200;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 



ul.newsticker li .entry {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a.entry {
white-space: nowrap;
padding: 0;
color: #650200;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span.entry {
margin: 0 10px 0 0;
} 

ul.newsticker a  p{
white-space: nowrap;
padding: 0;
color: #650200;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 

#titre_acc{background:url("images/titre_acc.png") no-repeat; height:40px;margin-left:50px; }
#titre_acc.titre_acc_en{background:url("images/titre_acc_en.png") no-repeat; height:40px;margin-left:50px; }

/***** SITUATION *****/
#map {clear:both;float:right;margin-right:30px;}
#situation_left {float: left; width: 450px; padding-left:50px; }
#situation{background:url("images/situation.png") no-repeat; height:40px;padding:0;  }
#situation.situation_en{background:url("images/situation_en.png") no-repeat; height:40px;padding:0;  }
#pics_sit{width:450px;padding-left:50px;float:left;}
/***** VILLA *****/
#villa_left { float:left;width: 450px; padding-left:50px;  }
#villa_right{ float:right;width: 470px; padding-right:20px;  }
#maison{background:url("images/villa.png") no-repeat; height:40px;padding:0;  }
#villa_pic{background:url("images/villa_pic.png") no-repeat; padding:0;width:450px;height:450px;float:right; }
/***** CHAMBRES *****/
#accordion{ width:450px; float:left;padding-left:50px;}
#chambres_right {  float: right; width: 460px; margin-right:20px; padding: 0px 0px 0 0px;  }
#bambou {background:url("images/bambou.jpg") no-repeat;height:40px; padding:0;cursor:pointer; outline:none;}
#bauhinia {background:url("images/bauhinia.png") no-repeat; height:40px;padding:0; cursor:pointer; outline:none;}
#pics_bau{margin:0px; padding-left:60px;float:center;}
#ico_bau{height:81px; width:5px;background:url("images/ico_bau.png") no-repeat;float:left;margin-right:3px;}
#ico_bam{height:81px; width:5px;background:url("images/ico_bam.png") no-repeat;float:left;margin-right:3px;}
/***** TARIFS *****/
#container_tarifs {  width: 950px; padding-left:50px; }
#tarifs{background:url("images/tarifs.png") no-repeat; height:40px;padding:0; }
#tarifs.tarifs_en{background:url("images/tarifs_en.png") no-repeat; height:40px;padding:0; }
#tarifs_pic{background:url("images/tarifs_pic.png") no-repeat; padding:0;width:400px;height:350px;float:right;margin-top:45px;}
/***** CONTACT *****/
#container_wide_center { background:url(images/.jpg) no-repeat; float: left; width: 950px;padding-left:50px; }
#coord {width:400px; float:right;border:solid 1px #ece5e0;margin-top:20px;margin-right:20px;}
#form{float:left; }
#contact{background:url("images/contact.png") no-repeat; height:40px;padding:0; }


.post { padding:0px; }
.post h2 { font-size: 1.3em; padding-top:10px;}
.entry { font-size: 1.02em;  line-height: 1.42em; padding: 20px 0 20px 0;}
.postmetadata { margin: 10px 0 0 0; font-size: 9px; }
.date {	font-size: .9em; margin-top: -30px; font-style: italic; }


#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 0 10px 10px 10px; background: #cc9933; border: 1px solid #94927b; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }

/***** HEADER *****/
#header { float: left; width: 1000px; height: 150px; background: #e0dcc5 url(images/header.jpg) no-repeat; padding: 0; margin: 0 auto 0 auto; }
/*#header h1 { padding: 0; margin: 20px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 38px; text-align: left; }
#header h1 a { text-decoration: none; color: #ddd7c0; }
#header h1 a:hover { text-decoration: none; color: #cc9933; }*/
#header .description {display:none; margin: 0 0 0 60px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Georgia; color: #ddd7c0; text-align: left; text-transform: lowercase; }
#header h1 a { text-indent :-3000px;outline:none; float: left; width: 750px; height: 150px; background: #e0dcc5 url(images/header.jpg) no-repeat; padding: 0; margin: 0 auto 0 auto; }

/***** HORIZONTAL MENU *****/
#menu {
            clear:both;
            width: 1000px;
            background: url("images/menu-bg.jpg") ;
            overflow: hidden;
			height:30px;
			margin-bottom:20px;
			position:relative;
			z-index:8;
			
        }
		
		#menu ul {
                    width: 690px;
                    height:30px;
					line-height:30px;
					margin:0;
					vertical-align:middle;
					margin-left:10px;
					float:left;
                }
                #menu li {
                    float: left;
                    list-style: none;
					height:30px;
					margin:0;
					
                }
                    #menu li.back {
                        background: url("images/menu-h2.png") no-repeat right -30px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
						
                    }
                        #menu li.back .left {
                            background: url("images/menu-h2.png") repeat top left;
                            height: 30px;
                            margin-right: 20px; /* 7px is the width of the rounded shape */
                        }
                    #menu li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #650200;
                        outline: none;
						margin-top:5px;
                        
                       
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin-right:25px ;  
						margin-left:5px;
						
                    }
                        #menu li a:hover, #menu li a:active, #menu li a:visited {
                            color: #650200;
                            border: none;
                        }


#flags{position:relative;bottom:40px;right:-10px;z-index:12;}
.qtrans_flag_fr,.qtrans_flag_en{float:left;}
/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #b0aa96 1px solid; padding: 3px; margin-bottom:3px; background: none; }

img.avatar { float: left; margin: 3px; border: #afb997 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: 0 0 0 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }

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


.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;   padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;    border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

#flickrrss img { border: 1px solid #61574a; float: left; margin: 0 0 3px 3px; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #3f464f 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #3f464f 1px solid; }

/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }

/***** SUBSCRIPTION *****/
.subscribe  { background: url(images/feed-icon.jpg) no-repeat 2% center; width: 25px; margin: 5px 0 0 10px; padding: 6px 0 6px 20px; text-decoration: none; }
.subscribe a:hover { text-decoration: none; }

/***** SIDEBAR *****/
#left_sidebar {  float: right; padding: 0 auto 0 auto; width:100px; } 
#right_sidebar {  width: 370px;   padding: 0 auto 0 auto;  }  
#cadre_diap {  background: url(images/.png); width: 280px; height:200px;  padding: 0 auto 0 auto; z-index:12; position:relative;top:-185px;} 
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { text-decoration:underline; }
#left_sidebar a.title, #right_sidebar a.title { color: #6b6b47; padding: 0px; margin: 0px; }	
#left_sidebar ul li a, #right_sidebar ul li a {  margin: 0; padding-left: 10px; outline:none;}
#left_sidebar ul li, #right_sidebar ul li {  font-size: 1em; color: #6b6b47; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 5px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { width: 80%; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 0px auto 0px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent;  } 

/***** INTRO BOX *****/
#intro { width: 515px; margin: 14px 0 20px 0; float: left; padding: 0; text-align: left; background: transparent url(images/dot.gif) repeat-x scroll 0pt 100%; } 
#intro p { font-size: 1em; font-style: italic; line-height: 1.42em; }
#intro h2 { font-size: 1.077em; text-transform: uppercase; width: 90%; background: none; margin: 0 auto 0 auto; padding: 3px; text-align: left; border-bottom: #94927b 2px solid; } 

/***** SEARCH *****/
.search { float: right; width: 160px; margin: 10px 35px 0 0; }
.search form { float: left; margin: .5em 0 0 0px; padding: 0; }
.search input#s { color: #797a52; width: 160px; margin: 0 10px 0 0; padding: 3px 5px; border: 1px solid #c4cccf; }
.search .search-submit { display: none; }

/***** Calendar *****/
#wp-calendar { text-align: center; background: #cc9933; margin: 0 0 10px 20px;
padding: 0; width: 80%; border: #993300 2px solid; font-variant: small-caps;
font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #600000; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #600000; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #600000; color: #e6ddbc; font-variant: small-caps; }
#wp-calendar #today a { color: #463e35; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #600000; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-variant: small-caps; font-family: Times, Verdana,Sans-Serif; font-size:12px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 1px solid #dcd7bc; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }
.authorcomment { background: #cc9933; }

/***** FOOTER *****/
#footer { clear: both; float: left; width: 1000px; margin-top: 15px;  background: url(images/footer-bg.jpg); padding:0px; }
#footer p { font-size: .9em; width: 980px; float: right; line-height: 18px; padding: 0px 10px 1 10px; text-align: center; color: #ddd7c0; }
#footer a { color: #690101; margin: 5px; outline:none;}
#footer a:hover {text-decoration:underline;}

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 5px; } 
*html .search { margin: 10px 10px 0 0; }