/*
Theme Name: River Ranch
Theme URI:
Description: The Main Theme For The River Ranch!
Author: Martin Heber & Michael Wagner
Version: 1.1
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
/*@import url('../thematic/library/styles/reset.css');*/

/* Apply basic typography styles */
/*@import url('../thematic/library/styles/typography.css');*/

/* Apply a basic layout */
/*@import url('../thematic/library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
/*@import url('../thematic/library/styles/images.css');*/

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
/*@import url('../thematic/library/styles/default.css');*/

/* Prepare theme for plugins */
/*@import url('../1/library/styles/plugins.css');*/

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

.clear { height:1px; clear:both; overflow:hidden }

/* =HTML
-------------------------------------------------------------- */

body{
	background:url('images/body_bck.jpg') fixed;
	font-family:verdana, arial, sans-serif;
	margin:0px;
	padding:0px;
}

a, img{
	color: #5b2b06;
        border:none;
}

a:hover{
	color: #e9d8ad;
	background: #5b2b06;
}

/* =Wrapper
-------------------------------------------------------------- */

#wrapper{
	width:1019px;
	margin:0px auto 0px auto;
}

/* =Header
-------------------------------------------------------------- */

#header{
	background:url('images/container_bck.png') repeat-y;
	height:158px;
}


#headerStart{
	background:url('images/container_bck.png') repeat-y;
	height:358px;
}

.headerImage{
	position:absolute;
	margin:0px 0px 0px 33px;
	z-index:1;
}

.headerImageCover{
	position:absolute;
	margin:0px 0px 0px 33px;
	z-index:20;
}

.logo{
	position:absolute;
	margin:130px 0px 0px 170px;
	z-index:80;
}
.logo a{
        border:none;
}

.logoStart{
	position:absolute;
	margin:230px 0px 0px 100px;
	z-index:80;
}
.logoStart a{
        border:none;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
.slider-wrapper {
        position:absolute;
        width:953px;
        height:358px;
        margin:0px 0px 0px 33px;
}



#slider {
	position:relative;
        width:953px;
        height:358px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}

#slider img {
	position:absolute;
	display:none;
}

#slider a {
	border:0;
	display:block;
}




.nivo-controlNav {
	display:none;
}

.nivo-controlNav a {
	display:none;
}

.nivo-controlNav a.active {
	display:none;
}

.nivo-directionNav a {
	display:none;
}

a.nivo-nextNav {
	display:none;
}

a.nivo-prevNav {
	display:none;
}

.nivo-caption {
    display:none;
}

.nivo-caption a {
    display:none;
}




/* =Container Left and Main
-------------------------------------------------------------- */

#contentContainer{
        float:left;
        width:1019px;
	background:url('images/container_bck.png') repeat-y;
	margin:0px auto auto auto;
        padding: 60px 0px 5px 0px;
}

#contentContainerStart{
        float:left;
        width:1019px;
	background:url('images/container_bck.png') repeat-y;
	margin:0px auto auto auto;
        padding: 5px 0px 5px 0px;
}

#contentLeftContainer{
	background:url('images/content_left_bck.png') no-repeat;
	width:219px;
	height:641px;
	float:left;
	z-index:104;
        padding:15px 0px 0px 0px;
}

#contentLeftContainer h1{
        font-size:18px;
        margin:0px 0px 0px 10px;
        padding:0px;
        color:#4d2505;
}

/* =Navigation
-------------------------------------------------------------- */

#menu-river_ranch, #menu-angebote, #menu-sonstiges{
	margin:5px 0px 10px 0px;
	padding:0px 0px 0px 20px;
}
#menu-river_ranch ul, #menu-angebote ul, #menu-sonstiges ul{
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 20px;
}
#menu-river_ranch, #menu-river_ranch ul,
#menu-angebote,#menu-angebote ul,
#menu-sonstiges, #menu-sonstiges ul{
        list-style-type:none;
        color:#e9d8ad;
}
#menu-river_ranch li a,
#menu-angebote li a,
#menu-sonstiges li a{
	font-size:12px;
	color:#e9d8ad;
        padding:3px;
}
#menu-river_ranch li a:hover,
#menu-angebote li a:hover,
#menu-sonstiges li a:hover{
	width:180px;
        color:#e9d8ad;
        font-weight:bold;
        background:#5b2b06;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        padding:3px;
        text-decoration:none;
        margin:2px 0px 2px 0px;
}
.current-menu-item
{
        margin:5px 0px 2px 0px;
}
.current-menu-item a, .current-post-ancestor a
{
        width:180px;
        color:#e9d8ad;
        font-weight:bold;
        background:#5b2b06;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        padding:3px;
	font-weight:bold;
        text-decoration:none;
        margin:2px 0px 2px 0px;
}

.sub-menu
{
	display: none;
	margin: 0px;
}

.current-menu-item .sub-menu, .current-menu-parent .sub-menu
{
	display: block;
	margin: 0px;
}

#menu-river_ranch .sub_menu ul, #menu-angebote .sub_menu ul, #menu-sonstiges .sub_menu ul{
	margin: 0px;
	padding: 0px;
}

.sub-menu li
{
padding-bottom: 3px;
}


/* =Main
-------------------------------------------------------------- */

h1,h2,h3,h4 {
   color:#5b2b06;
}

#main{
	width:528px;
	float:left;
	z-index:104;
	margin:10px 10px 10px 20px;
}
#main .entry-title{
	font-size:32px;
        width:450px;
        color:#5b2b06;
}
#main .entry-content p,
#main .archive-meta p{
        font-size:12px;
        line-height:15px;
        margin:0px 0px 16px 0px;
        color:#5b2b06
}
#main .entry-content ul{
        color:#5b2b06;
        font-size:12px;
        list-style-type:square;
        list-style-position:outside;
        margin:0px;
        padding:0px 0px 0px 20px;
}
#main .entry-content ul li{
        padding:5px 0px 5px 0px;
}


#main .entry-content table tr td{
        font-size:12px;
        padding:5px;
}
#main .entry-content table{
        border-spacing:0px;
}

#main h2.entry-title, #main h2.entry-title a{
        font-size:16px;
        color:#5b2b06;
        margin:5px 0px 15px 0px;
}
#main .entry-content h3{
        font-size:14px;
        color:#5b2b06;
        margin:5px 0px 15px 0px;
}

#main h1.page-title{
        font-size:24px;
        color:#5b2b06
}

#main h2{
        font-size:18px;
        margin:5px 0px 15px 0px;
        color:#5b2b06
}

#main .entry-meta, #main .entry-utility, #main .entry-meta a, #main .entry-utility a{
        font-size:10px;
        color:#5b2b06;
        margin:10px 0px 20px 0px;
}

#main .toArticleNav{
        color:#e9d8ad;
        font-size:11px;
        font-weight:bold;
        background:#5b2b06;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding:3px;
}

.attachment-100x100{
        float:left;
        margin:0px 10px 5px 0px;
        border:1px solid #fff;
}

#nav-below{
        margin:10px 0px 0px 0px;
        width:540px;
}
#nav-below .nav-previous{
        float:left;
        padding:3px;
        margin:0px 0px 10px 0px;
}
#nav-below .nav-next{
        padding:3px;
        float:right;
}
#nav-below .nav-previous a,
#nav-below .nav-next a
{
        color:#e9d8ad;
        font-size:11px;
        font-weight:bold;
        background:#5b2b06;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding:3px;
}


/* =Events
-------------------------------------------------------------- */

#events-list {
	list-style-type:none;
}

#main .event_box h2.entry-title{
        /*background:#f6dfb2;*/
	width:530px;
        font-size:20px;
        margin:5px 0px 8px 0px;
        padding:0px;
        display:block;
        color:#5b2b06;
}

.event_box{
	background:#f6dfb2;
	width:530px;
	border-bottom:2px solid #a95c1b;
        float:left;
        margin:0px 0px 20px 0px;
        padding:5px;
        font-size:12px;
        color:#5b2b06
}

/* --------------------------------------------------------------
   Default styles for Images
-------------------------------------------------------------- */

.wp-caption {
	text-align: left;
	margin-bottom:10px;
	padding:3px 0px 0px 0px;
}
.wp-caption img, #main .entry-content img {
        border:1px solid #5b2b06;
}


#main .entry-content div p.wp-caption-text{
        font-size:10px;
        line-height:11px;
        font-weight:bold;
	margin: 0px;
	padding:5px 5px 10px 0px;
}

.gallery-icon {
	margin: 0px 0px 0px 0px;
	padding-top: 6px;
}
.gallery img {
    margin:0;
}
.gallery-caption {
	padding:5px 5px 0px 0px;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

.alignleft,
img.alignleft {
	float: left;
        margin:0px 10px 10px 0px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
        margin:0px 0px 10px 10px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}


/* =NGG Gallery
-------------------------------------------------------------- */

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both;
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 1px;
    margin-bottom: 1px;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
}

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 14px;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
        margin:1px 10px 1px 1px;
        padding:0px;
}

.ngg-thumbnail img {
	border:1px solid #FFFFFF;
	margin:1px 0px 0px 1px;
	padding:0px;
	position:relative;
}

.ngg-thumbnail img:hover {

}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important;
	text-align:left;
	width:120px;
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px;
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both;
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 12px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	border:1px solid #5b2b06;
	display:block;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {

}

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	height:20px;
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:none;
	margin-right:3px;
	padding:3px 7px;
        text-decoration: none !important;
        color:#000000;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background:none;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {

}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	outline: none;
}

.slideshowlink {
	display:none;
}

/* ----------- JS Slideshow -------------*/
.ngg-slideshow {
    overflow:hidden;
    position: relative;
}

.ngg-slideshow * {
    vertical-align:middle;
}

/* See also : http://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}

.ngg-slideshow-loader img{
    background: none !important;
    border: 0 none !important;
    margin:auto !important;
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px;
	padding:1px;
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;
}

.ngg-galleryoverview div.pic img{
	width: 100%;
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;
	font-size:3.5em;
}

/* =Primary
-------------------------------------------------------------- */

#primary{
	background:url('images/content_left_bck.png') no-repeat;
	width:219px;
	height:641px;
	float:right;
	z-index:104;
}
#primary .header{
	width:200px;
	margin:20px 0px 0px 10px;
	color:#e9d8ad;
}
#primary p{
	width:200px;
	margin:10px 0px 10px 15px;
	color:#e9d8ad;
        font-size:12px;
}

#primary .content p{
        background:#5b2b06;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding:4px;
	width:180px;
	margin:10px 0px 10px 15px;
	color:#e9d8ad;
        font-size:12px;
}
#primary a{
	color:#e9d8ad;
        font-size:12px;
}

#primary .termin-link, #primary .news-link{
        color:#e9d8ad;
        font-size:12px;
        margin:0px 0px 0px 15px;
        font-weight:bold;
}

#secondary{
	width:219px;
	float:right;
	z-index:104;
}

/* =Footer
-------------------------------------------------------------- */

#footer{
        float:left;
	background:url('images/container_footer.png') no-repeat;
	width:1019px;
	height:92px;
        color:#e9d8ad;
}
#footer #siteinfo {
        margin:20px 0px 0px 20px;
        font-size:12px;
        padding:0px 20px 0px 20px;
}
#footer #siteinfo a{
	color:#e9d8ad;
}
#footer .theme-link{
	color:#e9d8ad;
}
#footer .wp-link{
	color:#e9d8ad;
}

#footer #siteinfo .left{
        float:left;
}
#footer #siteinfo .right{
        float:right;
        margin:0px 20px 0px 0px;
}

/* = News
-------------------------------------------------------------- */
.news p{
        font-size:12px;
        line-height:15px;
        margin:0px 0px 16px 0px;
        color:#5b2b06
}
.news ul{
        color:#5b2b06;
        font-size:12px;
        list-style-type:square;
        list-style-position:outside;
        margin:0px;
        padding:0px 0px 0px 20px;
}
.news ul li{
        padding:5px 0px 5px 0px;
}

.news-entry {
	float:left;
	width: 98%;
}

.news-entry h3 a{
        font-size:14px;
        margin:5px 0px 15px 0px;
}

.news-link{
	width: 100%;
	float: left;
}


/* =Comments
-------------------------------------------------------------- */

#comments {
    clear:both;
    padding:22px 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    line-height:18px;
}
#comments code {
    font-size:12px;
    line-height:18px;
}
#comments h3 {
    font-family:Arial,sans-serif;
    font-size:15px;
    font-weight:bold;
    line-height:22px;
    padding:0 0 18px 0;
}
#comments-list {
    padding:0 0 18px 0;
}
#comments-list ol,
#comments-list ul {
    list-style:none;
    margin:0;
    padding:0px;
}
#comments-list ol {
    border:1px solid #ccc;
    border-bottom:none;
    margin:0 0 18px 0;
}


#comments-list ol li p{
    width:500px;
}

#comments-list li {
    background:#fafafa;
    border-bottom:1px solid #ccc;
    padding:18px 1.5em 0 1.5em;
    position:relative;
}
#comments-list li.alt {
    background:#fff;
}
#comments-list li.bypostauthor {
    background:#FFFFCC;
}
#comments-list ul li {
    border:1px solid #ccc;
    margin:0 0 18px 0;
}
#comments-list li .avatar {
    position:absolute;
    top:22px;
    left:1.5em;
    width:36px;
    height:36px;
}
#comments-list .comment-author {
    font-weight:bold;
    padding:9px 0 0 46px;
}
#comments-list .comment-meta {
    color:#666;
    font-size:11px;
    padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
    color: #FF4B33;
}
.comment-reply-link {
    font-size:11px;
    padding:0 0 18px 0;
    text-align:right;
}
.comment-reply-link a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.comment-reply-link a:active,
.comment-reply-link a:hover {
    color: #FF4B33;
}
.comment-navigation {
    font-weight:bold;
    padding:0 0 18px 0;
    margin-right:0.5em;
}
.comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
    color: #FF4B33;
}
.comment-navigation a,
.comment-navigation span {
    margin-right:0.5em;
}
#trackbacks-list .comment-content {
    position:absolute;
    left:-10000px;
}
#respond {

    margin-bottom:22px;
    overflow:hidden;
    padding:18px 0 0 0;
    position:relative;
}
#comments-list #respond {
    border-bottom:1px solid #ccc;
    margin:0 0 18px 0;
    padding:18px 1.5em;
}
#comments-list ul #respond {
    border:1px solid #ccc;
    margin:0;
}
#cancel-comment-reply {
    font-size:11px;
    position:absolute;
    top:18px;
    right:1.5em;
}
#cancel-comment-reply a {
    color:#666;
}
#respond .required {
    color:#FF4B33;
    font-weight:bold;
}
.form-section label {
    font-size:11px;
}
.form-section input {
    margin:0 0 18px 0;
    width:98%;
}
.form-section textarea {
    width:99%;
}
#form-allowed-tags p {
    color:#5b2b06;
    font-size:11px;
    margin:0;
}
#form-allowed-tags span {
    font-style:italic;
}
#form-allowed-tags code {
    font-size:11px;
    line-height:normal;
}
.form-submit {
    padding:18px 0 0 0;
    text-align:right;
}
.subscribe-to-comments {
    color:#666;
    float:left;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
    color:#666;
    font-size:11px;
    padding:18px 0 0 0;
}
.comment_license {
    color:#666;
    clear:both;
    font-size:11px;
    margin:0;
    padding:18px 0 0 0;
}

/* Stammbaum inspired by http://thecodeplayer.com/walkthrough/css3-family-tree
*/
.tree ul {
	padding-top: 20px; position: relative;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;

	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #5b2b06;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #5b2b06;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #5b2b06;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #5b2b06;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #5b2b06;
	padding: 5px;
	text-decoration: none;
	font-size: 11px;
	display: inline-block;
	color: #5b2b06;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 110px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li img{
	padding-top:5px;
	padding-bottom:5px;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #5b2b06; color: #e9d8ad; border: 1px solid #e9d8ad;
}

.no-border{
	border:none !important;
}