/*
Theme Name: River View Lodge
Author: James
*/
body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    background: url(images/bg.jpg) no-repeat top center;
    background-color: #000;
}
.twoColFixRtHdr #container {
    width: 1052px;
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-image: url(images/body_bg.png);
} 
.twoColFixRtHdr #header {
    padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    background-image: url(images/logo.jpg);
    height: 174px;
} 
.twoColFixRtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #sidebar {
float: right;
/*width: 325px;*/
width:296px;
padding-top: 15px;
padding-right: 60px;
padding-bottom: 15px;
padding-left: 30px;
border-left-width: thin;
border-left-style: solid;
border-left-color: #630;
}


.twoColFixRtHdr #mainContent {
    width: 575px;
    margin-top: 0;
    margin-right: 250px;
    margin-bottom: 20;
    margin-left: 0;
    padding-top: 0;
    padding-right: 30px;
    padding-left: 40px;
} 
.twoColFixRtHdr #footer {
    background-color: #000;
    color: #FFF;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 0;
    padding-left: 30px;
    font-size: 12px;
} 
.twoColFixRtHdr #f2 {
    width: 300px;
    float: left;
} 
.twoColFixRtHdr #f3 {
    text-align: right;
    width: 400px;
    margin-left: 597px;
} 
.twoColFixRtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColFixRtHdr #nav {
    background-image: url(images/nav_bg.jpg);
    height: 53px;
    padding-top: 30px;
    padding-left: 45px;
    letter-spacing: 4px;
    background-repeat: no-repeat;
} 
body,td,th {
    font-family: Georgia, Times New Roman, Times, serif;
    color: #3e311b;
}
a:link {
    color: #3e311b;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #3e311b;
}
a:hover {
    text-decoration: underline;
    color: #67522E;
}
a:active {
    text-decoration: none;
    color: #3e311b;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Verdana, Geneva, sans-serif;
}


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

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

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    }
/* End Images */
#sidebar h2 {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }
    
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%;  font-weight:normal;}
#dropmenu a { padding:0.5em; background:url(images/divider-line.gif) 100% 9px no-repeat; text-decoration:none; text-transform:uppercase; } 
#dropmenu a:hover {}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}    
    
/*--------------------------- BLOG SIDE PANEL ---------------------------*/
div#sidebar ul{
    font-family: Georgia, Times New Roman, Times, serif;
    }
div#sidebar ul li.widget{
    padding:0px 0 0;
    }
div#sidebar ul li.widget h2.widgettitle{
    font-size:18px;
    line-height:22px;
    padding:0 0 6px 18px;
    color:#ECDCB7;
    font-weight:bold;
    }
div#sidebar ul li ul{
    padding:0;
    }
div#sidebar ul li ul li{
    padding:0 7px 1px 0;
    }
div#sidebar ul li ul li a{
    height:23px;
    padding-left:18px;
    background-color:inherit;
    color:#4B210F;
    }
div#sidebar ul li ul li a.active{
    background:url(images/bull2.gif) 0 5px no-repeat;
    }

/* -------------------------------------------------------------- 
   
   Basic WordPress Blog Styles   
     
-------------------------------------------------------------- */   


/* Images
-------------------------------------------------------------- */

.entry-content img {
    margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    text-align: center;
    margin-bottom: 1.5em;
}
.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    margin: 0;
}
.wp-smiley { 
    max-height: 1em;
    margin:0 !important;
}
.gallery dl {
    margin: 0;
}
.gallery-caption {
    margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}
blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}    
/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
    padding: 0 0 0 30px;
    list-style: none;
    padding-left: 10px;
    text-indent: -10px;
    }

html>body .entry li {
    margin: 7px 0 8px 10px;
    }

.entry ul li:before, #sidebar ul ul li:before {
    content: "\00BB \0020";
    }

.entry ol {
    padding: 0 0 0 35px;
    margin: 0;
    }

.entry ol li {
    margin: 0;
    padding: 0;
    }

.postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
    margin-bottom: 15px;
    }

#sidebar ul p, #sidebar ul select {
    margin: 5px 0 8px;
    }

#sidebar ul ul, #sidebar ul ol {
    margin: 5px 0 0 10px;
    }

#sidebar ul ul ul, #sidebar ul ol {
    margin: 0 0 0 10px;
    }

ol li, #sidebar ul ol li {
    list-style: decimal outside;
    }

#sidebar ul ul li, #sidebar ul ol li {
    margin: 3px 0 0;
    padding: 0;
    }
/* End Entry Lists */

.widget_sp_image a img{ border:0;}





.mc_error_msg { color: red; }
.mc_success_msg { color: green; }
.mc_merge_var{ padding:0 0 5px 0!important; height:100%; overflow:hidden; margin:0; width:290px; }
.mc_custom_border{ padding:0px; border-width: 0px; border-style:none;  width:180px; float:left;  color: #555555; margin:0;
}
.mc_custom_border legend {border-width: 0px;border-style: none;border-color: #;color: #3E311B;background-color: #;font-size: 1.2em;padding:5px 10px;
}
#mc_signup_form .mc_var_label, #mc_signup_form .mc_input { float:left; clear:both;  }
#mc_signup_form .mc_input{width:96%; border:2px solid #D5CBC1;}
#mc_signup_form legend {
margin:0;
white-space:nowrap;
padding:0.5em 0!important;
}
#mc-indicates-required { float:left; clear:both; }
#mc_display_rewards { clear:both; }
#mc_interests_header { font-weight:bold; clear:both; padding-top:.2em;}
div.mc_interest{ clear:both;}
input.mc_interest { float:left; }
label.mc_interest_label {float:left; clear:right;}
.mc_signup_submit { /width:100%;/ text-align:center; clear:both; padding:.2em; width:290px!important; }

.mc_signup_submit input.button{ background:url(images/submit-bttn.gif) no-repeat 0 0; width:122px; height:38px; border:2px solid #D5CBC1; 
    text-indent:-100000px;}