/**********************************************************************************/
/* HOME PAGE */
/**********************************************************************************/

#content-main {
width:auto;
float:none;
margin-top:2em;
}

.column {
width:auto;
}

.outer-shell-big {
background: url(shadow.gif) no-repeat bottom right ;
width: 100%;
margin:50px 0px 25px 8px;
padding: 0px 0px 0px 0px; 
}

.outer-shell-big section {
bottom: 5px;
text-align:left;
right: 5px; 
position: relative; 
border:2px solid #ccc;
padding:0px;
}

.outer-shell-big h1 {
margin: 2px 10px 0px 10px;
padding: 6px 0px 0px 0px; 
}

.outer-shell-big h1 a {
border: none; 
padding: 10px 0px 6px 6px;
display: block;
background: transparent;
margin: 5px 2px 1px 2px;
text-align: left; 
font-size: 18px;
letter-spacing: 2px;  
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #bababa;
}

.outer-shell {
width:100%;
padding: 0px 0px 0px 0px; 
margin:16px 8px 16px 8px;
max-width:416px;
}

.outer-shell section {
bottom: 5px;
text-align:left;
right: 5px; 
position: relative; 
border:2px solid #ccc;
padding:16px 8px 8px 16px;
}

.outer-shell p {
color:#444;
font-weight:bold;
margin:0px 4px 16px 0px;
}
.outer-shell img {
float:none;
width:40%;
margin:0px;
}


.outer-shell-big p {
margin:8px 20px;
font-weight:bold;
color:#444;
}

.outer-shell-big div {
padding:1.5rem;
}

.btnhome {
border: 2px solid #ccc;
text-transform: uppercase;
font-size: .85rem;
font-weight: 600;
padding: 0.6rem 0.6rem;
cursor: pointer;
background: #DBDBDB;
color: #444;
transition: all 0.5s ease;
}

.btnhome:hover {
background: transparent;
color: #000;
}
.quicksearch .orange {
color:#fff;
border:0;
background:none;
padding:6px 12px;
height:auto;
background-color: #b65b00;
}

form.quicksearch {
font-size:.8em;
padding: 0em 0em .5em 1em;
}

form.quicksearch div {
padding:4px 4px 4px 8px;
}

.outer-shell-big h1 a {
color:#944002;
}

.quicksearch .query {
width:75%;
margin:.5rem;
}


#content-right {
float: none;
max-width:281px;
padding-right:0;

}

.sidebar {
margin:0px 0px 8px 2px;
width:auto;
}

.sidebar em {
padding-left:.25rem;
font-size:.77rem; 
font-weight:400; 
color:#944002;
}

.sidebar a {
font-size:90%;
}

.social-media {
width:auto;
border:1px solid #ccc;
margin: 0 0 0 2px;
padding: 6px 0px 5px 0px; 
}

.social-media h2 {
font: bold medium Arial, Verdana, Helvetica, sans-serif; 
display: block; 
text-align: left; 
background: url(bkground-hash.png) #fff; 
border: 1px solid #ddd; 
padding: 5px 0px 0px 9px;
padding: 4px;
margin: 4px;
color: #59689B; 
overflow:hidden;
}

.social-media ul li {
margin:0px;
padding:0px;
}

.social-icons {
margin:0px;
}
.social-icons a {
 margin:2px;
}

.feeds {
    width: auto;
    margin-top: 0px;
    margin-bottom:16px;
}

.feeds img {
width:16px;
float:left;
margin-left:-24px;
display:none;
}

.feeds ul {
list-style: none;
padding-left: 8px;
}

.feeds ul li {
margin:0px;
padding:4px 4px 4px 8px;
color:#888;
font-size:.8rem;
}

.feeds span {
display: none;
}

.feeds.blogs, .feeds.social {
overflow-y:scroll; 
scrollbar-width: thin;
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.feeds.blogs::-webkit-scrollbar, .feeds.social::-webkit-scrollbar {
width:6px;
}

.feeds.blogs::-webkit-scrollbar-track, .feeds.social::-webkit-scrollbar-track {
background:#eee;
}

.feeds.blogs::-webkit-scrollbar-thumb, .feeds.social::-webkit-scrollbar-thumb {
background:#ccc;
}


.feeds.blogs {
height:150px;
}

.feeds.social {
height:250px;
}

@media only screen and (min-width: 320px) {

form.quicksearch {
display:block;
}

.quicksearch .orange {
margin:8px;
}

form.quicksearch div {
display:inline;
}

}

@media (min-width: 400px) {

.quicksearch .orange {
margin:0px;
}
form.quicksearch div {
display:block;
}
.social-media {
margin-bottom:1em;
}

}

@media (min-width: 470px) {


.outer-shell section {
padding:16px 8px 36px 16px;
}

.outer-shell img {
float:left;
width:40%;
margin:16px;
}

}

@media (min-width: 720px) {



}

@media (min-width:768px) {

#content-right {
margin:0;
padding:0;
}

}


@media (min-width: 920px) {

.column {
width:48%;
float:left;
padding-right:0;

}
.column:nth-child(2) {
padding-right:2em;
}


#page {
width:auto;
margin:0 auto;
}
#content-main {
max-width:848px;
}

.outer-shell section {
bottom: 5px;
text-align:left;
right: 5px; 
position: relative; 
border:2px solid #ccc;
padding: 12px 8px 8px 12px;
}

.outer-shell {
margin:16px 8px 16px 8px;
max-width:416px;
}
.outer-shell section {
padding:16px 8px 36px 16px;
}
.outer-shell h2 {
margin-top:16px;
}
.outer-shell p {
margin:0px 4px 16px 0px;
}
.outer-shell img {
float:left;
width:40%;
margin:16px 16px 16px 12px;
}

}

@media (min-width: 1200px) {

#page {
width:1165px;
margin:0 auto;
}
#content-main {
float:left;
width:auto;
}
#content-right {
float:right;
margin-top:1.5em;
max-width:281px;
padding:32px 0 0 0;
}
.sidebar {
margin:20px 0px 8px 2px;
}
.outer-shell {
margin:48px 8px 16px 8px;
max-width:416px;
}

}

@media only print {

}