/*

Theme Name: Rosemontwine
Description: Modern, CMS, events
Author: rliverman
Version: 1.0

*/

/*---Reset----*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}/* remember to define focus styles! */

:focus {outline: 0;
}

/* remember to highlight inserts somehow! */

ins {text-decoration: none;
}

del {text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: collapse; border-spacing: 0;
}

/* ----- Start CSS ----- */

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
  font:62.5% Verdana, Arial, sans-serif; /* Means 1em == 10px, 1.2em == 12px, etc. */
  background:#322722 url(images/banner_full.jpg) center top no-repeat;
}

h1, h2, h3, h4, h5, h6 {
  font-size:1.2em;
  color:#981e32;
  font-family: 	"Helvetica Neue",Helvetica,Arial,Verdana,serif;
}

p {
  font-size:1.2em;
  color:#333333;
  line-height:1.8em;
  margin:10px 0;
}

h5 {
  font-weight:bold;
  text-decoration:none;
  margin-bottom:-5px;
}

img.StoreThumbnail{
border:1px #e1e1e1 solid;
}

.cite{
  margin:0;
  color:#3a332c;
}

.imgr{
  float:right;
  text-align:center;
  margin-left:10px;
  margin-top:15px;
}

.imgl{
  float:left;
  text-align:center;
  margin-right:10px;
  margin-top:15px;
}

div#header{
  height:165px;
  margin:0 auto 0 auto;
  width:810px;
  /* background:url(images/banner.jpg) center top no-repeat;*/
}

div#wrapper { 
  width:810px;
  margin:0px auto 0 auto;
}

/* Blog Title */

h1 {
  font-size:2em;
  padding-top:5px;
}

h1 a {
  color:#981e32;
  text-decoration:none;
}

/* Pages Navigation */

#nav{
  position:relative;
  height:30px;
  font-size:14px;
  background:#fff url(images/nav.gif) repeat-x;
  text-align:center;
  width:810px;
  margin:0 auto 0 auto;
}

#nav ul{
  padding-left:12px;
  list-style-type:none;
  width:auto;
  float:left;
}

#nav ul li{
  display:block;
  float:left;
  margin:0 2px;
}

#nav ul li a{
  display:block;
  float:left;
  color:#fff;
  text-decoration:none;
  padding:0 25px;
  height:30px;
  line-height:30px;
  font-family: 	Georgia,Helvetica,Arial,Verdana,serif;
}

#nav ul li a:hover{
  color:#e2ded2;
  display:block;
}

#nav ul li.current_page_item a {
  color:#981e32;
  background:url(images/navw.gif) repeat-x;
  height:30px;
}

/* Page */

#content {
  width:810px;
  background:#fff;
}

/*-----------------------------------------------------------------------------

Wide Content

-----------------------------------------------------------------------------*/

#main {
  padding:0px 15px 0px 15px;
  width:655px;
  float:left;
}

#wide{
  padding:0 15px 5px 15px;
  width:780px;
  float:left;
}

.slider {
  float: right;
  padding:0 0 5px 10px;
  margin-top:-28px;
}

#homeslider {
  margin-top:14px;
  background-image:url(images/slideback.png);
  padding-bottom:21px;
  float:left;
}

#photoShow {
    height:360px;
    width:780px;
}
#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}

/* Main header on single pages */

h2.header {
  color:#981e32;
  font-size:22px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 5px;
  position:relative;
}

h3.header {
  font-size:18px;
  padding:10px 0 0;
  line-height:1;
  margin:0 0 5px;
  position:relative;
}

h2.header span {
  position:relative;
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

/* Secondary headline above comments and comment form */

div#main h3 {
  margin:15px 0 5px;
  color:#981e32;
}

div#wide h3 {
  margin:15px 0 5px;
  color:#981e32;
}

b, strong {color:#333;

  font-weight:bold;}

div#bot {
  float:right;
  padding:0 0 10px 10px;
}

div#main a {
  outline:0;
  color:#981e32;
  text-decoration:none;
}

div#main a:hover {
  color:#981e32;
  text-decoration:underline;
}

div#wide a {
  outline:0;
  color:#981e32;
  text-decoration:none;
}

div#wide a:hover {
  color:#981e32;
  text-decoration:underline;
}

.entry {
  margin-bottom:5px;
}

.entry blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.entry ul, .entry ol {
  font-size:1.2em;
  line-height:1.8em;
  color:#444;
  margin-left:8px;
}

.entry ul li {
  background:url(images/bullet.png) 0 center no-repeat;
  padding:0 10px 0 15px;
}

.entry ol {
  margin-left:30px;
}

.entry ol li {
  list-style:decimal;
  margin:10px 0;
}

.entry ol li ol {
  font-size:1em;
  margin-left:15px;
}

#main p.byline {
  color:#999;
}

ul.entry_footer {
  text-align:right;
  margin:10px 0;
  background:#F1F1F1;
  padding:5px 10px;
  border:1px solid #DADADA;
  border-width:1px 0;
  line-height:1.5;
}

ul.entry_footer li {
  font-size:0.9em;
  display:inline;
  background:none;
  border-left:1px solid #DADADA;
  margin-left:5px;
  padding-left:10px;
}

ul.entry_footer li.first {
  border-left:0;
}

.links {
  height: 20px; /* This is the height we wan't on our breadcrumb */
  padding: 4px 0 4px 0;
  background: #fff; /* This is our background color */
}

.bread ul{
  height: 18px; /* This is the height we wan't on our breadcrumb */
  padding: 4px 0 0 0;
  background: #fff; /* This is our background color */
  color: #375d9e; /*This is our color on the text which isn't a link. We want' they to be light grey */
}

.bread li {
  float: left;
  display: inline;
  background:url(images/bullet.png) 0 center no-repeat;
  padding:0 10px;
}

.bread a {
  font-weight: bold; /* And bold */
  padding-right: 5px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
 }

.bread a:hover {
  color: #333;
}

/*---------------

Link Images

----------------*/

a.pdf { /*The background image*/
  background: url(images/pdf.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px; /* To center the text vertically with the icon */
}

a.email { /*The background image*/
  background: url(images/email.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px; /* To center the text vertically with the icon */
}

span.postbox { /*The background image*/
  background: url(images/post.png) no-repeat left center;
  text-decoration:none;
  padding-left: 20px;
  line-height: 16px; /* To center the text vertically with the icon */
}

span.tele { /*The background image*/
  background: url(images/tele.png) no-repeat left center;
  padding-left: 20px;
  line-height: 16px; /* To center the text vertically with the icon */
}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

div#secondary {
  padding:0 15px 0 5px;
  width:450px;
  float:left;
}

div#secondary ul#sidebar {
  color:#981e32;
  display:block;
}

div#secondary ul#sidebar li {
  line-height:1.2em;
  display:block;
}

/* Sidebar headers */

div#secondary h2 {
  text-transform:uppercase;
  color:#981e32;
  margin:20px 0 8px;
  font-size:1em;
  line-height:1;
}

div#secondary a {
  color:#981e32;
  text-decoration:none;
}

div#secondary a:hover {
  text-decoration:underline;
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #EAEAEA;
}

div#secondary ul#sidebar li li {
  font-size:1em;
}

ul#sidebar h3 a {
  color: #981e32;
  font-size:1.1em;
}

/* -- DATE -- */

#sidebar .date {
  float: left;
  width:70px;
  text-align:center;
  color:#3a332c;
  display:block;
  font-family: Georgia, Arial, Serif;
	}

#sidebar .date .day {
  font-size:3em;
  margin:0 0 5px;
}

#sidebar .date .month {
  font-size:1.1em;
  font-style:italic;
}

#sidebar .actualites {
  margin:0 20px 0 0;
  padding-bottom:10px;
  width:450px;
}

#sidebar .actualites .actus {
  margin:0 0 10px 0;
}

#sidebar .actualites .actus .inner{
  margin-left:70px;
  border-left:1px solid #C9C09C;
  padding-left:15px;
}

.inner h3{
line-height:1.2em;
}

/* Optional bio area header (commented out by default) */

div#author h2 {
  font-size:1.2em;
}

div#secondary p {
  font-size:1em;
  line-height:1.4em;
  margin:5px 0;
  color:#444;
}

div#home_right {
  float:right;
  text-align:right;
  margin-top:-10px;
  padding:5px 15px 0 0;
}

#home_right .img {
  width:300px;
  height:70px;
  background:url(images/tag.jpg) center top no-repeat;
  padding:0;
  margin:0;
}

div#home_right p {
  font-size:1em;
  line-height:1.4em;
  margin:5px 0;
  color:#444;
}

/* Search input */

form#searchform {
  position:relative;
  top:15px;
  width:180px;
  float:right;
  z-index:1;
}

form#searchform input#s {
  position:absolute;
  top:0px;
  height:28px;
  width:110px;
  padding:0 25px 0 15px;
  background:url(images/text_bg.png) repeat-x;
  border:1px solid #bcbcbc;
}

input#search_submit {
  position:absolute;
  right:0;
}

/*-----------------------------------------------------------------------------

  Wordpress Specifics

-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */

ol.commentlist li {
  background:#ECE1EC;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
	background:#F5F5F5;
}

textarea#comment {
  width:500px;
}

#main p.comment_meta {
  margin:0;
  float:right;
}

#wide p.comment_meta {
  margin:0;
  float:right;
}

/* Optional popup window */

body#commentspopup {
  background:#FFF;
  padding:20px;
}

body#commentspopup a {
  color:#666;
}

body#commentspopup h1 a {
  position:relative;
  top:0;
  left:0;
}

body#commentspopup h3 {
  color:#555;
}

body#commentspopup p {
  margin:10px 0;
  color:#555;
}

body#commentspopup textarea {
  width:290px;
}

/* Image stuff for 2.6.1 */

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

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -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-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p._info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

/*------------

Wine Page

---------------*/

/* Store Page */

h2 small{
  font-size:13px;
  font-weight:200;
}

#Store h3 {
  font-size: 16px;
  color: #333333;
  text-align: left;
}

#Store a {
  text-decoration: none;
  color: #981e32;
}

#Store a:hover {
  text-decoration:underline;
}

#Store {
  float: left;
}

.StoreContent {
  width: 765px;
  margin: 5px 0 0 5px;
}

#Store ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  width: 765px;
}

#Store ul li.IndItem {
float: left; 
 padding:10px;
  margin:0px 5px 8px 0px;
  width: 220px;
}

#Store img {
display:block;
  margin:0 auto;
 border:1px #e1e1e1 solid;
}

.IndItem p {
  float: left;
  line-height:1.6em;
  margin: 0 0 10px 0;
  font-size: 10px;
}

.IndItem h5 {
  float: left;
  line-height:1.6em;
  margin: 0;
  font-size: 10px;
}

.IndItem h3 a{
  line-height:1.6em;
  font-size: 13px;
  margin-bottom:2px;
}

/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

#fback {
  background: url(images/footer.jpg) center bottom no-repeat;
  height:70px;
}

#footer {
  margin: 0px auto 5px;
  padding:20px 15px 0 0; 
  width:810px;
}

ul#footer {
  height:8px;
  width:810px;
  margin:0 auto;
  text-align:center;
  font-size:1em;
  color:#aaa;
  padding:5px 0 5px 0;
}

ul#footer li {
  display:inline;
  margin-left:15px;
}

/*ul#footer li span {

  position:absolute;

  text-indent:-9999em;

}  --------------- Removed to make icon span work -----*/ 

ul#footer li a {
  color:#aaa;
  text-decoration:none;
}

ul#footer li a:hover {
  color:#fff;
  text-decoration:none;
}



/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/

.clearfix {display:block;}
/* End hide from IE Mac */